3 @popup-size: 102 * @unit_base;
4 @padding-size: 18 * @unit_base;
5 @img-height: 80 * @unit_base;
6 @img-width: 80 * @unit_base;
12 input.ui-slider-input {
13 display: inline-block;
14 width: 50 * @unit_base;
17 select.ui-slider-switch {
24 margin-left: 32 * @unit_base;
25 margin-right: 32 * @unit_base;
27 vertical-align: middle;
31 margin-left: 96 * @unit_base;
32 margin-right: 96 * @unit_base;
35 .ui-slider-left-volume,
36 .ui-slider-left-bright {
39 left: -96 * @unit_base;
42 vertical-align: middle;
43 background: url(images/00_slider_btn_brightness01.png) no-repeat;
44 .LESSbackground-size(@img-width, @img-height);
47 .ui-slider-left-volume {
48 background: url(images/00_slider_btn_volume01.png) no-repeat;
49 .LESSbackground-size(@img-width, @img-height);
52 .ui-slider-right-volume,
53 .ui-slider-right-bright {
56 right: -96 * @unit_base;
59 vertical-align: middle;
60 background: url(images/00_slider_btn_brightness02.png) no-repeat;
61 .LESSbackground-size(@img-width, @img-height);
64 .ui-slider-right-volume {
65 background: url(images/00_slider_btn_volume02.png) no-repeat;
66 .LESSbackground-size(@img-width, @img-height);
69 .ui-slider-left-text {
72 left: -96 * @unit_base;
73 height: 80 * @unit_base;
74 width: 80 * @unit_base;
76 color: rgb(100, 100, 100);
79 .ui-slider-right-text {
82 right: -96 * @unit_base;
83 height: 80 * @unit_base;
84 width: 80 * @unit_base;
86 color: rgb(100, 100, 100);
90 display: inline-block;
92 height: 16 * @unit_base;
94 background-image: url(images/00_winset_list_progress_bg.png);
97 top: 0.15em !important;
100 padding: 0.3em 0 * @unit_base;
103 color: @color_slider_handle_text;
110 top: -21 * @unit_base;
111 width: 58 * @unit_base;
112 height: 58 * @unit_base;
113 margin-top: -29 * @unit_base;
114 margin-left: -29 * @unit_base;
115 color: @color_slider_handle_text;
116 background: url(images/00_slider_handle.png) no-repeat;
117 .LESSbackground-size(58 * @unit_base, 58 * @unit_base);
121 position: absolute !important;
127 color: @color_slider_popup_text;
128 background: url(images/00_slider_popup_bg.png) no-repeat;
129 .LESSbackground-size(@popup-size, @popup-size);
135 height: 16 * @unit_base;
137 background-image: url(images/00_winset_list_progress_bar.png);
140 .ui-slider-handle-press {
143 width: 58 * @unit_base;
144 height: 58 * @unit_base;
145 background: url(images/00_slider_handle_press.png) no-repeat;
146 .LESSbackground-size(58 * @unit_base, 58 * @unit_base);