]>
Commit | Line | Data |
---|---|---|
31f18b77 FG |
1 | /* iCheck plugin Flat skin |
2 | ----------------------------------- */ | |
3 | .icheckbox_flat, | |
4 | .iradio_flat { | |
5 | display: inline-block; | |
6 | *display: inline; | |
7 | vertical-align: middle; | |
8 | margin: 0; | |
9 | padding: 0; | |
10 | width: 20px; | |
11 | height: 20px; | |
12 | background: url(flat.png) no-repeat; | |
13 | border: none; | |
14 | cursor: pointer; | |
15 | } | |
16 | ||
17 | .icheckbox_flat { | |
18 | background-position: 0 0; | |
19 | } | |
20 | .icheckbox_flat.checked { | |
21 | background-position: -22px 0; | |
22 | } | |
23 | .icheckbox_flat.disabled { | |
24 | background-position: -44px 0; | |
25 | cursor: default; | |
26 | } | |
27 | .icheckbox_flat.checked.disabled { | |
28 | background-position: -66px 0; | |
29 | } | |
30 | ||
31 | .iradio_flat { | |
32 | background-position: -88px 0; | |
33 | } | |
34 | .iradio_flat.checked { | |
35 | background-position: -110px 0; | |
36 | } | |
37 | .iradio_flat.disabled { | |
38 | background-position: -132px 0; | |
39 | cursor: default; | |
40 | } | |
41 | .iradio_flat.checked.disabled { | |
42 | background-position: -154px 0; | |
43 | } | |
44 | ||
45 | /* Retina support */ | |
46 | @media only screen and (-webkit-min-device-pixel-ratio: 1.5), | |
47 | only screen and (-moz-min-device-pixel-ratio: 1.5), | |
48 | only screen and (-o-min-device-pixel-ratio: 3/2), | |
49 | only screen and (min-device-pixel-ratio: 1.5) { | |
50 | .icheckbox_flat, | |
51 | .iradio_flat { | |
52 | background-image: url(flat@2x.png); | |
53 | -webkit-background-size: 176px 22px; | |
54 | background-size: 176px 22px; | |
55 | } | |
56 | } | |
57 | ||
58 | /* red */ | |
59 | .icheckbox_flat-red, | |
60 | .iradio_flat-red { | |
61 | display: inline-block; | |
62 | *display: inline; | |
63 | vertical-align: middle; | |
64 | margin: 0; | |
65 | padding: 0; | |
66 | width: 20px; | |
67 | height: 20px; | |
68 | background: url(red.png) no-repeat; | |
69 | border: none; | |
70 | cursor: pointer; | |
71 | } | |
72 | ||
73 | .icheckbox_flat-red { | |
74 | background-position: 0 0; | |
75 | } | |
76 | .icheckbox_flat-red.checked { | |
77 | background-position: -22px 0; | |
78 | } | |
79 | .icheckbox_flat-red.disabled { | |
80 | background-position: -44px 0; | |
81 | cursor: default; | |
82 | } | |
83 | .icheckbox_flat-red.checked.disabled { | |
84 | background-position: -66px 0; | |
85 | } | |
86 | ||
87 | .iradio_flat-red { | |
88 | background-position: -88px 0; | |
89 | } | |
90 | .iradio_flat-red.checked { | |
91 | background-position: -110px 0; | |
92 | } | |
93 | .iradio_flat-red.disabled { | |
94 | background-position: -132px 0; | |
95 | cursor: default; | |
96 | } | |
97 | .iradio_flat-red.checked.disabled { | |
98 | background-position: -154px 0; | |
99 | } | |
100 | ||
101 | /* Retina support */ | |
102 | @media only screen and (-webkit-min-device-pixel-ratio: 1.5), | |
103 | only screen and (-moz-min-device-pixel-ratio: 1.5), | |
104 | only screen and (-o-min-device-pixel-ratio: 3/2), | |
105 | only screen and (min-device-pixel-ratio: 1.5) { | |
106 | .icheckbox_flat-red, | |
107 | .iradio_flat-red { | |
108 | background-image: url(red@2x.png); | |
109 | -webkit-background-size: 176px 22px; | |
110 | background-size: 176px 22px; | |
111 | } | |
112 | } | |
113 | ||
114 | /* green */ | |
115 | .icheckbox_flat-green, | |
116 | .iradio_flat-green { | |
117 | display: inline-block; | |
118 | *display: inline; | |
119 | vertical-align: middle; | |
120 | margin: 0; | |
121 | padding: 0; | |
122 | width: 20px; | |
123 | height: 20px; | |
124 | background: url(green.png) no-repeat; | |
125 | border: none; | |
126 | cursor: pointer; | |
127 | } | |
128 | ||
129 | .icheckbox_flat-green { | |
130 | background-position: 0 0; | |
131 | } | |
132 | .icheckbox_flat-green.checked { | |
133 | background-position: -22px 0; | |
134 | } | |
135 | .icheckbox_flat-green.disabled { | |
136 | background-position: -44px 0; | |
137 | cursor: default; | |
138 | } | |
139 | .icheckbox_flat-green.checked.disabled { | |
140 | background-position: -66px 0; | |
141 | } | |
142 | ||
143 | .iradio_flat-green { | |
144 | background-position: -88px 0; | |
145 | } | |
146 | .iradio_flat-green.checked { | |
147 | background-position: -110px 0; | |
148 | } | |
149 | .iradio_flat-green.disabled { | |
150 | background-position: -132px 0; | |
151 | cursor: default; | |
152 | } | |
153 | .iradio_flat-green.checked.disabled { | |
154 | background-position: -154px 0; | |
155 | } | |
156 | ||
157 | /* Retina support */ | |
158 | @media only screen and (-webkit-min-device-pixel-ratio: 1.5), | |
159 | only screen and (-moz-min-device-pixel-ratio: 1.5), | |
160 | only screen and (-o-min-device-pixel-ratio: 3/2), | |
161 | only screen and (min-device-pixel-ratio: 1.5) { | |
162 | .icheckbox_flat-green, | |
163 | .iradio_flat-green { | |
164 | background-image: url(green@2x.png); | |
165 | -webkit-background-size: 176px 22px; | |
166 | background-size: 176px 22px; | |
167 | } | |
168 | } | |
169 | ||
170 | /* blue */ | |
171 | .icheckbox_flat-blue, | |
172 | .iradio_flat-blue { | |
173 | display: inline-block; | |
174 | *display: inline; | |
175 | vertical-align: middle; | |
176 | margin: 0; | |
177 | padding: 0; | |
178 | width: 20px; | |
179 | height: 20px; | |
180 | background: url(blue.png) no-repeat; | |
181 | border: none; | |
182 | cursor: pointer; | |
183 | } | |
184 | ||
185 | .icheckbox_flat-blue { | |
186 | background-position: 0 0; | |
187 | } | |
188 | .icheckbox_flat-blue.checked { | |
189 | background-position: -22px 0; | |
190 | } | |
191 | .icheckbox_flat-blue.disabled { | |
192 | background-position: -44px 0; | |
193 | cursor: default; | |
194 | } | |
195 | .icheckbox_flat-blue.checked.disabled { | |
196 | background-position: -66px 0; | |
197 | } | |
198 | ||
199 | .iradio_flat-blue { | |
200 | background-position: -88px 0; | |
201 | } | |
202 | .iradio_flat-blue.checked { | |
203 | background-position: -110px 0; | |
204 | } | |
205 | .iradio_flat-blue.disabled { | |
206 | background-position: -132px 0; | |
207 | cursor: default; | |
208 | } | |
209 | .iradio_flat-blue.checked.disabled { | |
210 | background-position: -154px 0; | |
211 | } | |
212 | ||
213 | /* Retina support */ | |
214 | @media only screen and (-webkit-min-device-pixel-ratio: 1.5), | |
215 | only screen and (-moz-min-device-pixel-ratio: 1.5), | |
216 | only screen and (-o-min-device-pixel-ratio: 3/2), | |
217 | only screen and (min-device-pixel-ratio: 1.5) { | |
218 | .icheckbox_flat-blue, | |
219 | .iradio_flat-blue { | |
220 | background-image: url(blue@2x.png); | |
221 | -webkit-background-size: 176px 22px; | |
222 | background-size: 176px 22px; | |
223 | } | |
224 | } | |
225 | ||
226 | /* aero */ | |
227 | .icheckbox_flat-aero, | |
228 | .iradio_flat-aero { | |
229 | display: inline-block; | |
230 | *display: inline; | |
231 | vertical-align: middle; | |
232 | margin: 0; | |
233 | padding: 0; | |
234 | width: 20px; | |
235 | height: 20px; | |
236 | background: url(aero.png) no-repeat; | |
237 | border: none; | |
238 | cursor: pointer; | |
239 | } | |
240 | ||
241 | .icheckbox_flat-aero { | |
242 | background-position: 0 0; | |
243 | } | |
244 | .icheckbox_flat-aero.checked { | |
245 | background-position: -22px 0; | |
246 | } | |
247 | .icheckbox_flat-aero.disabled { | |
248 | background-position: -44px 0; | |
249 | cursor: default; | |
250 | } | |
251 | .icheckbox_flat-aero.checked.disabled { | |
252 | background-position: -66px 0; | |
253 | } | |
254 | ||
255 | .iradio_flat-aero { | |
256 | background-position: -88px 0; | |
257 | } | |
258 | .iradio_flat-aero.checked { | |
259 | background-position: -110px 0; | |
260 | } | |
261 | .iradio_flat-aero.disabled { | |
262 | background-position: -132px 0; | |
263 | cursor: default; | |
264 | } | |
265 | .iradio_flat-aero.checked.disabled { | |
266 | background-position: -154px 0; | |
267 | } | |
268 | ||
269 | /* Retina support */ | |
270 | @media only screen and (-webkit-min-device-pixel-ratio: 1.5), | |
271 | only screen and (-moz-min-device-pixel-ratio: 1.5), | |
272 | only screen and (-o-min-device-pixel-ratio: 3/2), | |
273 | only screen and (min-device-pixel-ratio: 1.5) { | |
274 | .icheckbox_flat-aero, | |
275 | .iradio_flat-aero { | |
276 | background-image: url(aero@2x.png); | |
277 | -webkit-background-size: 176px 22px; | |
278 | background-size: 176px 22px; | |
279 | } | |
280 | } | |
281 | ||
282 | /* grey */ | |
283 | .icheckbox_flat-grey, | |
284 | .iradio_flat-grey { | |
285 | display: inline-block; | |
286 | *display: inline; | |
287 | vertical-align: middle; | |
288 | margin: 0; | |
289 | padding: 0; | |
290 | width: 20px; | |
291 | height: 20px; | |
292 | background: url(grey.png) no-repeat; | |
293 | border: none; | |
294 | cursor: pointer; | |
295 | } | |
296 | ||
297 | .icheckbox_flat-grey { | |
298 | background-position: 0 0; | |
299 | } | |
300 | .icheckbox_flat-grey.checked { | |
301 | background-position: -22px 0; | |
302 | } | |
303 | .icheckbox_flat-grey.disabled { | |
304 | background-position: -44px 0; | |
305 | cursor: default; | |
306 | } | |
307 | .icheckbox_flat-grey.checked.disabled { | |
308 | background-position: -66px 0; | |
309 | } | |
310 | ||
311 | .iradio_flat-grey { | |
312 | background-position: -88px 0; | |
313 | } | |
314 | .iradio_flat-grey.checked { | |
315 | background-position: -110px 0; | |
316 | } | |
317 | .iradio_flat-grey.disabled { | |
318 | background-position: -132px 0; | |
319 | cursor: default; | |
320 | } | |
321 | .iradio_flat-grey.checked.disabled { | |
322 | background-position: -154px 0; | |
323 | } | |
324 | ||
325 | /* Retina support */ | |
326 | @media only screen and (-webkit-min-device-pixel-ratio: 1.5), | |
327 | only screen and (-moz-min-device-pixel-ratio: 1.5), | |
328 | only screen and (-o-min-device-pixel-ratio: 3/2), | |
329 | only screen and (min-device-pixel-ratio: 1.5) { | |
330 | .icheckbox_flat-grey, | |
331 | .iradio_flat-grey { | |
332 | background-image: url(grey@2x.png); | |
333 | -webkit-background-size: 176px 22px; | |
334 | background-size: 176px 22px; | |
335 | } | |
336 | } | |
337 | ||
338 | /* orange */ | |
339 | .icheckbox_flat-orange, | |
340 | .iradio_flat-orange { | |
341 | display: inline-block; | |
342 | *display: inline; | |
343 | vertical-align: middle; | |
344 | margin: 0; | |
345 | padding: 0; | |
346 | width: 20px; | |
347 | height: 20px; | |
348 | background: url(orange.png) no-repeat; | |
349 | border: none; | |
350 | cursor: pointer; | |
351 | } | |
352 | ||
353 | .icheckbox_flat-orange { | |
354 | background-position: 0 0; | |
355 | } | |
356 | .icheckbox_flat-orange.checked { | |
357 | background-position: -22px 0; | |
358 | } | |
359 | .icheckbox_flat-orange.disabled { | |
360 | background-position: -44px 0; | |
361 | cursor: default; | |
362 | } | |
363 | .icheckbox_flat-orange.checked.disabled { | |
364 | background-position: -66px 0; | |
365 | } | |
366 | ||
367 | .iradio_flat-orange { | |
368 | background-position: -88px 0; | |
369 | } | |
370 | .iradio_flat-orange.checked { | |
371 | background-position: -110px 0; | |
372 | } | |
373 | .iradio_flat-orange.disabled { | |
374 | background-position: -132px 0; | |
375 | cursor: default; | |
376 | } | |
377 | .iradio_flat-orange.checked.disabled { | |
378 | background-position: -154px 0; | |
379 | } | |
380 | ||
381 | /* Retina support */ | |
382 | @media only screen and (-webkit-min-device-pixel-ratio: 1.5), | |
383 | only screen and (-moz-min-device-pixel-ratio: 1.5), | |
384 | only screen and (-o-min-device-pixel-ratio: 3/2), | |
385 | only screen and (min-device-pixel-ratio: 1.5) { | |
386 | .icheckbox_flat-orange, | |
387 | .iradio_flat-orange { | |
388 | background-image: url(orange@2x.png); | |
389 | -webkit-background-size: 176px 22px; | |
390 | background-size: 176px 22px; | |
391 | } | |
392 | } | |
393 | ||
394 | /* yellow */ | |
395 | .icheckbox_flat-yellow, | |
396 | .iradio_flat-yellow { | |
397 | display: inline-block; | |
398 | *display: inline; | |
399 | vertical-align: middle; | |
400 | margin: 0; | |
401 | padding: 0; | |
402 | width: 20px; | |
403 | height: 20px; | |
404 | background: url(yellow.png) no-repeat; | |
405 | border: none; | |
406 | cursor: pointer; | |
407 | } | |
408 | ||
409 | .icheckbox_flat-yellow { | |
410 | background-position: 0 0; | |
411 | } | |
412 | .icheckbox_flat-yellow.checked { | |
413 | background-position: -22px 0; | |
414 | } | |
415 | .icheckbox_flat-yellow.disabled { | |
416 | background-position: -44px 0; | |
417 | cursor: default; | |
418 | } | |
419 | .icheckbox_flat-yellow.checked.disabled { | |
420 | background-position: -66px 0; | |
421 | } | |
422 | ||
423 | .iradio_flat-yellow { | |
424 | background-position: -88px 0; | |
425 | } | |
426 | .iradio_flat-yellow.checked { | |
427 | background-position: -110px 0; | |
428 | } | |
429 | .iradio_flat-yellow.disabled { | |
430 | background-position: -132px 0; | |
431 | cursor: default; | |
432 | } | |
433 | .iradio_flat-yellow.checked.disabled { | |
434 | background-position: -154px 0; | |
435 | } | |
436 | ||
437 | /* Retina support */ | |
438 | @media only screen and (-webkit-min-device-pixel-ratio: 1.5), | |
439 | only screen and (-moz-min-device-pixel-ratio: 1.5), | |
440 | only screen and (-o-min-device-pixel-ratio: 3/2), | |
441 | only screen and (min-device-pixel-ratio: 1.5) { | |
442 | .icheckbox_flat-yellow, | |
443 | .iradio_flat-yellow { | |
444 | background-image: url(yellow@2x.png); | |
445 | -webkit-background-size: 176px 22px; | |
446 | background-size: 176px 22px; | |
447 | } | |
448 | } | |
449 | ||
450 | /* pink */ | |
451 | .icheckbox_flat-pink, | |
452 | .iradio_flat-pink { | |
453 | display: inline-block; | |
454 | *display: inline; | |
455 | vertical-align: middle; | |
456 | margin: 0; | |
457 | padding: 0; | |
458 | width: 20px; | |
459 | height: 20px; | |
460 | background: url(pink.png) no-repeat; | |
461 | border: none; | |
462 | cursor: pointer; | |
463 | } | |
464 | ||
465 | .icheckbox_flat-pink { | |
466 | background-position: 0 0; | |
467 | } | |
468 | .icheckbox_flat-pink.checked { | |
469 | background-position: -22px 0; | |
470 | } | |
471 | .icheckbox_flat-pink.disabled { | |
472 | background-position: -44px 0; | |
473 | cursor: default; | |
474 | } | |
475 | .icheckbox_flat-pink.checked.disabled { | |
476 | background-position: -66px 0; | |
477 | } | |
478 | ||
479 | .iradio_flat-pink { | |
480 | background-position: -88px 0; | |
481 | } | |
482 | .iradio_flat-pink.checked { | |
483 | background-position: -110px 0; | |
484 | } | |
485 | .iradio_flat-pink.disabled { | |
486 | background-position: -132px 0; | |
487 | cursor: default; | |
488 | } | |
489 | .iradio_flat-pink.checked.disabled { | |
490 | background-position: -154px 0; | |
491 | } | |
492 | ||
493 | /* Retina support */ | |
494 | @media only screen and (-webkit-min-device-pixel-ratio: 1.5), | |
495 | only screen and (-moz-min-device-pixel-ratio: 1.5), | |
496 | only screen and (-o-min-device-pixel-ratio: 3/2), | |
497 | only screen and (min-device-pixel-ratio: 1.5) { | |
498 | .icheckbox_flat-pink, | |
499 | .iradio_flat-pink { | |
500 | background-image: url(pink@2x.png); | |
501 | -webkit-background-size: 176px 22px; | |
502 | background-size: 176px 22px; | |
503 | } | |
504 | } | |
505 | ||
506 | /* purple */ | |
507 | .icheckbox_flat-purple, | |
508 | .iradio_flat-purple { | |
509 | display: inline-block; | |
510 | *display: inline; | |
511 | vertical-align: middle; | |
512 | margin: 0; | |
513 | padding: 0; | |
514 | width: 20px; | |
515 | height: 20px; | |
516 | background: url(purple.png) no-repeat; | |
517 | border: none; | |
518 | cursor: pointer; | |
519 | } | |
520 | ||
521 | .icheckbox_flat-purple { | |
522 | background-position: 0 0; | |
523 | } | |
524 | .icheckbox_flat-purple.checked { | |
525 | background-position: -22px 0; | |
526 | } | |
527 | .icheckbox_flat-purple.disabled { | |
528 | background-position: -44px 0; | |
529 | cursor: default; | |
530 | } | |
531 | .icheckbox_flat-purple.checked.disabled { | |
532 | background-position: -66px 0; | |
533 | } | |
534 | ||
535 | .iradio_flat-purple { | |
536 | background-position: -88px 0; | |
537 | } | |
538 | .iradio_flat-purple.checked { | |
539 | background-position: -110px 0; | |
540 | } | |
541 | .iradio_flat-purple.disabled { | |
542 | background-position: -132px 0; | |
543 | cursor: default; | |
544 | } | |
545 | .iradio_flat-purple.checked.disabled { | |
546 | background-position: -154px 0; | |
547 | } | |
548 | ||
549 | /* Retina support */ | |
550 | @media only screen and (-webkit-min-device-pixel-ratio: 1.5), | |
551 | only screen and (-moz-min-device-pixel-ratio: 1.5), | |
552 | only screen and (-o-min-device-pixel-ratio: 3/2), | |
553 | only screen and (min-device-pixel-ratio: 1.5) { | |
554 | .icheckbox_flat-purple, | |
555 | .iradio_flat-purple { | |
556 | background-image: url(purple@2x.png); | |
557 | -webkit-background-size: 176px 22px; | |
558 | background-size: 176px 22px; | |
559 | } | |
560 | } |