3 @popup-height: 54 * @unit_base;
4 @popup-width: 45 * @unit_base;
5 @img-height: 37 * @unit_base;
6 @img-width: 37 * @unit_base;
7 @handle-height: 36 * @unit_base;
8 @handle-width: 36 * @unit_base;
14 select.ui-slider-switch {
21 vertical-align: middle;
23 margin-left: 16 * @unit_base;
24 margin-right: 16 * @unit_base;
28 margin-left: 58 * @unit_base;
29 margin-right: 58 * @unit_base;
32 .ui-slider-left-volume,
33 .ui-slider-left-bright {
35 vertical-align: middle;
38 left: -50 * @unit_base;
42 background: url(images/00_slider_button_brightness_01.png) no-repeat;
43 .LESSbackground-size(@img-width, @img-height);
46 .ui-slider-left-volume {
47 background: url(images/00_slider_button_volume_01.png) no-repeat;
48 .LESSbackground-size(@img-width, @img-height);
51 .ui-slider-right-volume,
52 .ui-slider-right-bright {
56 right: -50 * @unit_base;
60 vertical-align: middle;
62 background: url(images/00_slider_button_brightness_02.png) no-repeat;
63 .LESSbackground-size(@img-width, @img-height);
66 .ui-slider-right-volume {
67 background: url(images/00_slider_button_volume_02.png) no-repeat;
68 .LESSbackground-size(@img-width, @img-height);
71 .ui-slider-left-text {
75 left: -52 * @unit_base;
76 height: 37 * @unit_base;
77 width: 37 * @unit_base;
80 color: rgb(100, 100, 100);
83 .ui-slider-right-text {
87 right: -52 * @unit_base;
88 height: 37 * @unit_base;
89 width: 37 * @unit_base;
92 color: rgb(100, 100, 100);
96 display: inline-block;
99 height: 18 * @unit_base;
103 //background-image: url(images/00_progress_bg.9.png);
104 background-color: rgb(236,233,229);
111 padding: 0.3rem 0 0 0;
114 color: @color_slider_handle_text;
122 width: 36 * @unit_base;
123 height: 36 * @unit_base;
124 margin-left: -19 * @unit_base;
126 color: @color_slider_handle_text;
129 background: url(images/00_slider_handle.png) no-repeat;
130 .LESSbackground-size(@handle-width, @handle-height);
134 position: absolute !important;
138 height: @popup-height;
139 top: -56 * @unit_base;
142 color: @color_slider_popup_text;
146 background: url(images/00_slider_popup_bg.png) no-repeat;
147 .LESSbackground-size(@popup-width, @popup-height);
153 top: -36 * @unit_base;
154 height: 18 * @unit_base;
158 //background-image: url(images/00_progress_bar.9.png);
159 background-image: -webkit-gradient(
163 color-stop(0.2, rgb(236,233,229)),
164 color-stop(0.2, rgb(54,119,155)),
165 color-stop(0.8, rgb(54,119,195)),
166 color-stop(0.8, rgb(236,233,229))
170 .ui-slider-handle-press {
174 width: 37 * @unit_base;
175 height: 37 * @unit_base;
178 background: url(images/00_slider_handle_press.png) no-repeat;
179 .LESSbackground-size(@handle-width, @handle-height);