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

   1 @import "config.less";
   2
   3 @popup-size: 102px;
   4 @padding-size: 18px;
   5
   6 label.ui-slider {
   7         display: block;
   8 }
   9
  10 input.ui-slider-input {
  11         display: inline-block;
  12         width: 50px;
  13 }
  14
  15 select.ui-slider-switch {
  16         display: none;
  17 }
  18
  19 .ui-slider-bg,
  20 .ui-slider-icon-bg {
  21         position: relative;
  22         margin-left: 32px;
  23         margin-right: 32px;
  24         margin-bottom: 0.2em;
  25         vertical-align: middle;
  26 }
  27
  28 .ui-slider-icon-bg {
  29         margin-left: 96px;
  30         margin-right: 96px;
  31 }
  32
  33 .ui-slider-left-volume,
  34 .ui-slider-left-bright {
  35         position: absolute;
  36         top: -0.2em;
  37         left: -96px;
  38         height: 80px;
  39         width: 80px;
  40         vertical-align: middle;
  41         background: url(images/00_slider_btn_brightness01.png) no-repeat;
  42 }
  43
  44 .ui-slider-left-volume {
  45         background: url(images/00_slider_btn_volume01.png) no-repeat;
  46 }
  47
  48 .ui-slider-right-volume,
  49 .ui-slider-right-bright {
  50         position: absolute;
  51         top: -0.2em;
  52         right: -96px;
  53         height: 80px;
  54         width: 80px;
  55         vertical-align: middle;
  56         background: url(images/00_slider_btn_brightness02.png) no-repeat;
  57 }
  58
  59 .ui-slider-right-volume {
  60         background: url(images/00_slider_btn_volume02.png) no-repeat;
  61 }
  62
  63 .ui-slider-left-text {
  64         position: absolute;
  65         top: -0.2em;
  66         left: -96px;
  67         height: 80px;
  68         width: 80px;
  69         text-align: center;
  70         color: rgb(100, 100, 100);
  71 }
  72
  73 .ui-slider-right-text {
  74         position: absolute;
  75         top: -0.2em;
  76         right: -96px;
  77         height: 80px;
  78         width: 80px;
  79         text-align: center;
  80         color: rgb(100, 100, 100);
  81 }
  82
  83 div.ui-slider {
  84         display: inline-block;
  85         overflow: visible;
  86         height: 16px;
  87         width: 100%;
  88         background-image: url(images/00_winset_list_progress_bg.png);
  89
  90         .ui-btn {
  91                 top: 0.15em !important;
  92         }
  93         .ui-btn-inner {
  94                 padding: 0.4em 0px;
  95         }
  96         .ui-btn-text {
  97                 color: @color_slider_handle_text;
  98         }
  99 }
 100
 101 a.ui-slider-handle {
 102         position: relative;
 103         z-index: 10;
 104         top: -21px;
 105         width: 58px;
 106         height: 58px;
 107         margin-top: -29px;
 108         margin-left: -29px;
 109         color: @color_slider_handle_text;
 110         background: url(images/00_slider_handle.png) no-repeat;
 111 }
 112
 113 .ui-slider-popup {
 114         position: absolute !important;
 115         width: @popup-size;
 116         height: @popup-size;
 117         text-align: center;
 118         padding-top: 0.5em;
 119         z-index: 100;
 120         opacity: 0.9;
 121         background: url(images/00_slider_popup_bg.png) no-repeat;
 122 }
 123
 124 .ui-slider-bar {
 125         position: absolute;
 126         top: 0.8em;
 127         height: 16px;
 128         width: 0;
 129         background-image: url(images/00_winset_list_progress_bar.png);
 130 }
 131
 132 .ui-slider-handle-press {
 133         position: absolute;
 134         z-index: 15;
 135         width: 58px;
 136         height: 58px;
 137         background: url(images/00_slider_handle_press.png) no-repeat;
 138 }