src/themes/tizen/common/jquery.mobile.tizen.nocontents.less

   1 @import "config.less";
   2
   3 @img-width: 140 * @unit_base;
   4 @img-height: 140 * @unit_base;
   5
   6 .ui-nocontents {
   7         position: relative;
   8         left: 0;
   9         width: 100%;
  10 }
  11
  12 .ui-nocontents-icon-text,
  13 .ui-nocontents-icon-picture,
  14 .ui-nocontents-icon-multimedia,
  15 .ui-nocontents-icon-unnamed {
  16         position: absolute;
  17         display: block;
  18         width: @img-width;
  19         height: @img-height;
  20         left: 50%;
  21         margin-left: -(@img-width / 2);
  22
  23         background: url(images/00_Nocontents_text.png) no-repeat;
  24         .LESSbackground-size(@img-width, @img-height);
  25 }
  26
  27 .ui-nocontents-icon-picture {
  28         background: url(images/00_Nocontents_picture.png) no-repeat;
  29         .LESSbackground-size(@img-width, @img-height);
  30 }
  31
  32 .ui-nocontents-icon-multimedia {
  33         background: url(images/00_Nocontents_multimedia.png) no-repeat;
  34         .LESSbackground-size(@img-width, @img-height);
  35 }
  36
  37 .ui-nocontents-icon-unnamed {
  38         background: url(images/00_Nocontents_unnamed.png) no-repeat;
  39         .LESSbackground-size(@img-width, @img-height);
  40 }
  41
  42 .ui-nocontents-text {
  43         position: absolute;
  44         margin: 0;
  45         height: 19 * @unit_base;
  46         width: 100%;
  47         font-size: 0.72rem;
  48         text-align: center;
  49         color: @color_nocontents_text;
  50 }