root / trunk / web / dojo / dijit / themes / claro / form / Slider.css
History | View | Annotate | Download (8.87 KB)
1 | 9 | andrej.cim | |
---|---|---|---|
2 | .claro .dijitSliderBar { |
||
3 | border-style: solid; |
||
4 | outline: 1px; |
||
5 | } |
||
6 | .claro .dijitSliderFocused .dijitSliderBar { |
||
7 | border-color: #769dc0; |
||
8 | } |
||
9 | .claro .dijitSliderHover .dijitSliderBar { |
||
10 | border-color: #769dc0; |
||
11 | } |
||
12 | .claro .dijitSliderDisabled .dijitSliderBar { |
||
13 | background-image: none; |
||
14 | border-color: #d3d3d3; |
||
15 | } |
||
16 | .claro .dijitRuleLabelsContainerH { |
||
17 | padding: 2px 0px; |
||
18 | } |
||
19 | .claro .dijitSlider .dijitSliderProgressBarH, |
||
20 | .claro .dijitSlider .dijitSliderLeftBumper{ |
||
21 | background-image: url("images/sliderHorizontal.png"); |
||
22 | background-repeat:repeat-x; |
||
23 | background-position:0 -20px; |
||
24 | border-color: #b5bcc7; |
||
25 | background-color: #cfe5fa; |
||
26 | } |
||
27 | .claro .dijitSlider .dijitSliderRemainingBarH, |
||
28 | .claro .dijitSlider .dijitSliderRightBumper{ |
||
29 | background-image: url("images/sliderHorizontal.png"); |
||
30 | background-repeat:repeat-x; |
||
31 | background-position:0 -11px; |
||
32 | border-color: #b5bcc7; |
||
33 | background-color: #fff; |
||
34 | } |
||
35 | .claro .dijitSliderRightBumper { |
||
36 | border-right: solid 1px #b5bcc7; |
||
37 | } |
||
38 | .claro .dijitSliderLeftBumper { |
||
39 | border-left: solid 1px #b5bcc7; |
||
40 | } |
||
41 | .claro .dijitSliderHover .dijitSliderProgressBarH, |
||
42 | .claro .dijitSliderHover .dijitSliderLeftBumper{ |
||
43 | background-position:0 -20px; |
||
44 | background-color: #abd6ff; |
||
45 | border-color: #769dc0; |
||
46 | } |
||
47 | .claro .dijitSliderHover .dijitSliderRemainingBarH, |
||
48 | .claro .dijitSliderHover .dijitSliderRightBumper{ |
||
49 | background-position:0 0px; |
||
50 | background-color: #fff; |
||
51 | border-color: #769dc0; |
||
52 | } |
||
53 | .claro .dijitSliderFocused .dijitSliderProgressBarH, |
||
54 | .claro .dijitSliderFocused .dijitSliderLeftBumper{ |
||
55 | background-position:0 -30px; |
||
56 | background-color: #abd6ff; |
||
57 | border-color: #769dc0; |
||
58 | } |
||
59 | .claro .dijitSliderFocused .dijitSliderRemainingBarH, |
||
60 | .claro .dijitSliderFocused .dijitSliderRightBumper{ |
||
61 | background-position:0 -9px; |
||
62 | background-color: #fff; |
||
63 | border-color: #769dc0; |
||
64 | } |
||
65 | .claro .dijitSliderDisabled .dijitSliderProgressBarH, |
||
66 | .claro .dijitSliderDisabled .dijitSliderLeftBumper{ |
||
67 | background-color: #cdcdcd; |
||
68 | background-image:none; |
||
69 | } |
||
70 | .claro .dijitSliderDisabled .dijitSliderRemainingBarH, |
||
71 | .claro .dijitSliderDisabled .dijitSliderRightBumper{ |
||
72 | background-color: #efefef; |
||
73 | } |
||
74 | .claro .dijitRuleLabelsContainerV { |
||
75 | padding: 0px 2px; |
||
76 | } |
||
77 | .claro .dijitSlider .dijitSliderProgressBarV, |
||
78 | .claro .dijitSlider .dijitSliderBottomBumper{ |
||
79 | background-image: url("images/sliderVertical.png"); |
||
80 | background-repeat:repeat-y; |
||
81 | background-position:-36px 0; |
||
82 | border-color: #b5bcc7; |
||
83 | background-color: #cfe5fa; |
||
84 | } |
||
85 | .claro .dijitSlider .dijitSliderRemainingBarV, |
||
86 | .claro .dijitSlider .dijitSliderTopBumper{ |
||
87 | background-image: url("images/sliderVertical.png"); |
||
88 | background-repeat:repeat-y; |
||
89 | background-position:-3px 0; |
||
90 | border-color: #b5bcc7; |
||
91 | background-color: #fff; |
||
92 | } |
||
93 | .claro .dijitSliderBottomBumper { |
||
94 | border-bottom: solid 1px #b5bcc7; |
||
95 | } |
||
96 | .claro .dijitSliderTopBumper { |
||
97 | border-top: solid 1px #b5bcc7; |
||
98 | } |
||
99 | .claro .dijitSliderHover .dijitSliderProgressBarV, |
||
100 | .claro .dijitSliderHover .dijitSliderBottomBumper{ |
||
101 | background-position:-36px 0; |
||
102 | background-color: #abd6ff; |
||
103 | } |
||
104 | .claro .dijitSliderHover .dijitSliderRemainingBarV, |
||
105 | .claro .dijitSliderHover .dijitSliderTopBumper{ |
||
106 | background-position:0 0; |
||
107 | background-color: #fff; |
||
108 | } |
||
109 | .claro .dijitSliderFocused .dijitSliderProgressBarV, |
||
110 | .claro .dijitSliderFocused .dijitSliderBottomBumper{ |
||
111 | background-position:-56px 0; |
||
112 | background-color: #abd6ff; |
||
113 | } |
||
114 | .claro .dijitSliderFocused .dijitSliderRemainingBarV, |
||
115 | .claro .dijitSliderFocused .dijitSliderTopBumper{ |
||
116 | background-position:-18px 0; |
||
117 | background-color: #fff; |
||
118 | } |
||
119 | .claro .dijitSliderDisabled .dijitSliderProgressBarV, |
||
120 | .claro .dijitSliderDisabled .dijitSliderBottomBumper{ |
||
121 | background-color: #cdcdcd; |
||
122 | } |
||
123 | .claro .dijitSliderDisabled .dijitSliderRemainingBarV, |
||
124 | .claro .dijitSliderDisabled .dijitSliderTopBumper{ |
||
125 | background-color: #efefef; |
||
126 | } |
||
127 | .claro .dijitSliderImageHandleH { |
||
128 | border: 0px; |
||
129 | width: 18px; |
||
130 | height: 16px; |
||
131 | background-image: url("images/sliderThumbs.png"); |
||
132 | background-repeat:no-repeat; |
||
133 | background-position:0 0; |
||
134 | } |
||
135 | .claro .dijitSliderHover .dijitSliderImageHandleH { |
||
136 | background-position:-18px 0; |
||
137 | } |
||
138 | .claro .dijitSliderFocused .dijitSliderImageHandleH { |
||
139 | background-position:-36px 0; |
||
140 | } |
||
141 | .claro .dijitSliderProgressBarH .dijitSliderThumbHover{ |
||
142 | background-position:-36px 0; |
||
143 | } |
||
144 | .claro .dijitSliderProgressBarH .dijitSliderThumbActive{ |
||
145 | background-position:-36px 0; |
||
146 | } |
||
147 | .claro .dijitSliderReadOnly .dijitSliderImageHandleH, |
||
148 | .claro .dijitSliderDisabled .dijitSliderImageHandleH { |
||
149 | background-position:-54px 0; |
||
150 | } |
||
151 | .claro .dijitSliderImageHandleV { |
||
152 | border: 0px; |
||
153 | width: 18px; |
||
154 | height: 16px; |
||
155 | background-image: url("images/sliderThumbs.png"); |
||
156 | background-repeat:no-repeat; |
||
157 | background-position:-289px 0; |
||
158 | } |
||
159 | .claro .dijitSliderHover .dijitSliderImageHandleV { |
||
160 | background-position:-307px 0; |
||
161 | } |
||
162 | .claro .dijitSliderFocused .dijitSliderImageHandleV { |
||
163 | background-position:-325px 0; |
||
164 | } |
||
165 | .claro .dijitSliderProgressBarV .dijitSliderThumbHover{ |
||
166 | background-position:-325px 0; |
||
167 | } |
||
168 | .claro .dijitSliderProgressBarV .dijitSliderThumbActive{ |
||
169 | background-position:-325px 0; |
||
170 | } |
||
171 | .claro .dijitSliderReadOnly .dijitSliderImageHandleV, |
||
172 | .claro .dijitSliderDisabled .dijitSliderImageHandleV { |
||
173 | background-position:-343px 0; |
||
174 | } |
||
175 | .claro .dijitSliderButtonContainerH{ |
||
176 | padding: 1px 3px 1px 2px; |
||
177 | } |
||
178 | .claro .dijitSliderButtonContainerV{ |
||
179 | padding: 3px 1px 2px 1px; |
||
180 | } |
||
181 | .claro .dijitSliderDecrementIconH, |
||
182 | .claro .dijitSliderIncrementIconH, |
||
183 | .claro .dijitSliderDecrementIconV, |
||
184 | .claro .dijitSliderIncrementIconV { |
||
185 | background-image: url('images/commonFormArrows.png'); |
||
186 | background-repeat:no-repeat; |
||
187 | background-color: #e9ecf2; |
||
188 | -moz-border-radius: 2px; |
||
189 | -webkit-border-radius: 2px; |
||
190 | border: solid 1px #b5bcc7; |
||
191 | font-size: 1px; |
||
192 | } |
||
193 | .claro .dijitSliderDecrementIconH, |
||
194 | .claro .dijitSliderIncrementIconH { |
||
195 | height: 12px; |
||
196 | width: 9px; |
||
197 | } |
||
198 | .claro .dijitSliderDecrementIconV, |
||
199 | .claro .dijitSliderIncrementIconV { |
||
200 | height: 9px; |
||
201 | width: 12px; |
||
202 | } |
||
203 | .claro .dijitSliderActive .dijitSliderDecrementIconH, |
||
204 | .claro .dijitSliderActive .dijitSliderIncrementIconH, |
||
205 | .claro .dijitSliderActive .dijitSliderDecrementIconV, |
||
206 | .claro .dijitSliderActive .dijitSliderIncrementIconV, |
||
207 | .claro .dijitSliderHover .dijitSliderDecrementIconH, |
||
208 | .claro .dijitSliderHover .dijitSliderIncrementIconH, |
||
209 | .claro .dijitSliderHover .dijitSliderDecrementIconV, |
||
210 | .claro .dijitSliderHover .dijitSliderIncrementIconV { |
||
211 | border: solid 1px #769dc0; |
||
212 | background-color:#fff; |
||
213 | } |
||
214 | .claro .dijitSliderDecrementIconH { |
||
215 | background-position:-357px 50%; |
||
216 | } |
||
217 | .claro .dijitSliderActive .dijitSliderDecrementIconH |
||
218 | .claro .dijitSliderHover .dijitSliderDecrementIconH { |
||
219 | background-position:-393px 50%; |
||
220 | } |
||
221 | .claro .dijitSliderIncrementIconH { |
||
222 | background-position:-251px 50%; |
||
223 | } |
||
224 | .claro .dijitSliderActive .dijitSliderIncrementIconH |
||
225 | .claro .dijitSliderHover .dijitSliderIncrementIconH { |
||
226 | background-position:-283px 50%; |
||
227 | } |
||
228 | .claro .dijitSliderDecrementIconV { |
||
229 | background-position:-38px 50%; |
||
230 | } |
||
231 | .claro .dijitSliderActive .dijitSliderDecrementIconV |
||
232 | .claro .dijitSliderHover .dijitSliderDecrementIconV { |
||
233 | background-position:-73px 50%; |
||
234 | } |
||
235 | .claro .dijitSliderIncrementIconV { |
||
236 | background-position:-143px 49%; |
||
237 | } |
||
238 | .claro .dijitSliderActive .dijitSliderIncrementIconV |
||
239 | .claro .dijitSliderHover .dijitSliderIncrementIconV { |
||
240 | background-position:-178px 49%; |
||
241 | } |
||
242 | .claro .dijitSliderButtonContainerV .dijitSliderDecrementButtonHover, |
||
243 | .claro .dijitSliderButtonContainerH .dijitSliderDecrementButtonHover, |
||
244 | .claro .dijitSliderButtonContainerV .dijitSliderIncrementButtonHover, |
||
245 | .claro .dijitSliderButtonContainerH .dijitSliderIncrementButtonHover { |
||
246 | background-color: #cce3fc; |
||
247 | } |
||
248 | .claro .dijitSliderButtonContainerV .dijitSliderDecrementButtonActive, |
||
249 | .claro .dijitSliderButtonContainerH .dijitSliderDecrementButtonActive, |
||
250 | .claro .dijitSliderButtonContainerV .dijitSliderIncrementButtonActive, |
||
251 | .claro .dijitSliderButtonContainerH .dijitSliderIncrementButtonActive { |
||
252 | background-color: #a5d0fc; |
||
253 | border-color:#6591b9; |
||
254 | } |
||
255 | .claro .dijitSliderButtonInner { |
||
256 | visibility: hidden; |
||
257 | } |
||
258 | .claro .dijitSliderDisabled .dijitSliderBar{ |
||
259 | border-color: #d3d3d3; |
||
260 | } |
||
261 | .claro .dijitSliderReadOnly *,.claro .dijitSliderDisabled * { |
||
262 | border-color: #d3d3d3; |
||
263 | color: #bdbdbd; |
||
264 | } |
||
265 | .claro .dijitSliderReadOnly .dijitSliderDecrementIconH, |
||
266 | .claro .dijitSliderDisabled .dijitSliderDecrementIconH { |
||
267 | background-position:-321px 50%; |
||
268 | background-color:#e9e9e9; |
||
269 | } |
||
270 | .claro .dijitSliderReadOnly .dijitSliderIncrementIconH, |
||
271 | .claro .dijitSliderDisabled .dijitSliderIncrementIconH { |
||
272 | background-position:-215px 50%; |
||
273 | background-color:#e9e9e9; |
||
274 | } |
||
275 | .claro .dijitSliderReadOnly .dijitSliderDecrementIconV, |
||
276 | .claro .dijitSliderDisabled .dijitSliderDecrementIconV { |
||
277 | background-position:-3px 49%; |
||
278 | background-color:#e9e9e9; |
||
279 | } |
||
280 | .claro .dijitSliderReadOnly .dijitSliderIncrementIconV, |
||
281 | .claro .dijitSliderDisabled .dijitSliderIncrementIconV { |
||
282 | background-position:-107px 49%; |
||
283 | background-color:#e9e9e9; |
||
284 | } |
||
285 | .dj_ie6 .claro .dijitSlider .dijitSliderProgressBarH, |
||
286 | .dj_ie6 .claro .dijitSlider .dijitSliderLeftBumper, |
||
287 | .dj_ie6 .claro .dijitSlider .dijitSliderRemainingBarH, |
||
288 | .dj_ie6 .claro .dijitSlider .dijitSliderRightBumper, |
||
289 | .dj_ie6 .claro .dijitSlider .dijitSliderProgressBarV, |
||
290 | .dj_ie6 .claro .dijitSlider .dijitSliderTopBumper, |
||
291 | .dj_ie6 .claro .dijitSlider .dijitSliderRemainingBarV, |
||
292 | .dj_ie6 .claro .dijitSlider .dijitSliderBottomBumper { |
||
293 | background-image:none; |
||
294 | } |