1 /* iCheck plugin Minimal skin
\r
2 ----------------------------------- */
\r
5 display: inline-block;
\r
7 vertical-align: middle;
\r
12 background: url(minimal.png) no-repeat;
\r
17 .icheckbox_minimal {
\r
18 background-position: 0 0;
\r
20 .icheckbox_minimal.hover {
\r
21 background-position: -20px 0;
\r
23 .icheckbox_minimal.checked {
\r
24 background-position: -40px 0;
\r
26 .icheckbox_minimal.disabled {
\r
27 background-position: -60px 0;
\r
30 .icheckbox_minimal.checked.disabled {
\r
31 background-position: -80px 0;
\r
35 background-position: -100px 0;
\r
37 .iradio_minimal.hover {
\r
38 background-position: -120px 0;
\r
40 .iradio_minimal.checked {
\r
41 background-position: -140px 0;
\r
43 .iradio_minimal.disabled {
\r
44 background-position: -160px 0;
\r
47 .iradio_minimal.checked.disabled {
\r
48 background-position: -180px 0;
\r
52 @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
\r
55 background-image: url(minimal@2x.png);
\r
56 -webkit-background-size: 200px 20px;
\r
57 background-size: 200px 20px;
\r
62 .icheckbox_minimal-red,
\r
63 .iradio_minimal-red {
\r
64 display: inline-block;
\r
66 vertical-align: middle;
\r
71 background: url(red.png) no-repeat;
\r
76 .icheckbox_minimal-red {
\r
77 background-position: 0 0;
\r
79 .icheckbox_minimal-red.hover {
\r
80 background-position: -20px 0;
\r
82 .icheckbox_minimal-red.checked {
\r
83 background-position: -40px 0;
\r
85 .icheckbox_minimal-red.disabled {
\r
86 background-position: -60px 0;
\r
89 .icheckbox_minimal-red.checked.disabled {
\r
90 background-position: -80px 0;
\r
93 .iradio_minimal-red {
\r
94 background-position: -100px 0;
\r
96 .iradio_minimal-red.hover {
\r
97 background-position: -120px 0;
\r
99 .iradio_minimal-red.checked {
\r
100 background-position: -140px 0;
\r
102 .iradio_minimal-red.disabled {
\r
103 background-position: -160px 0;
\r
106 .iradio_minimal-red.checked.disabled {
\r
107 background-position: -180px 0;
\r
110 /* HiDPI support */
\r
111 @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
\r
112 .icheckbox_minimal-red,
\r
113 .iradio_minimal-red {
\r
114 background-image: url(red@2x.png);
\r
115 -webkit-background-size: 200px 20px;
\r
116 background-size: 200px 20px;
\r
121 .icheckbox_minimal-green,
\r
122 .iradio_minimal-green {
\r
123 display: inline-block;
\r
125 vertical-align: middle;
\r
130 background: url(green.png) no-repeat;
\r
135 .icheckbox_minimal-green {
\r
136 background-position: 0 0;
\r
138 .icheckbox_minimal-green.hover {
\r
139 background-position: -20px 0;
\r
141 .icheckbox_minimal-green.checked {
\r
142 background-position: -40px 0;
\r
144 .icheckbox_minimal-green.disabled {
\r
145 background-position: -60px 0;
\r
148 .icheckbox_minimal-green.checked.disabled {
\r
149 background-position: -80px 0;
\r
152 .iradio_minimal-green {
\r
153 background-position: -100px 0;
\r
155 .iradio_minimal-green.hover {
\r
156 background-position: -120px 0;
\r
158 .iradio_minimal-green.checked {
\r
159 background-position: -140px 0;
\r
161 .iradio_minimal-green.disabled {
\r
162 background-position: -160px 0;
\r
165 .iradio_minimal-green.checked.disabled {
\r
166 background-position: -180px 0;
\r
169 /* HiDPI support */
\r
170 @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
\r
171 .icheckbox_minimal-green,
\r
172 .iradio_minimal-green {
\r
173 background-image: url(green@2x.png);
\r
174 -webkit-background-size: 200px 20px;
\r
175 background-size: 200px 20px;
\r
180 .icheckbox_minimal-blue,
\r
181 .iradio_minimal-blue {
\r
182 display: inline-block;
\r
184 vertical-align: middle;
\r
189 background: url(blue.png) no-repeat;
\r
194 .icheckbox_minimal-blue {
\r
195 background-position: 0 0;
\r
197 .icheckbox_minimal-blue.hover {
\r
198 background-position: -20px 0;
\r
200 .icheckbox_minimal-blue.checked {
\r
201 background-position: -40px 0;
\r
203 .icheckbox_minimal-blue.disabled {
\r
204 background-position: -60px 0;
\r
207 .icheckbox_minimal-blue.checked.disabled {
\r
208 background-position: -80px 0;
\r
211 .iradio_minimal-blue {
\r
212 background-position: -100px 0;
\r
214 .iradio_minimal-blue.hover {
\r
215 background-position: -120px 0;
\r
217 .iradio_minimal-blue.checked {
\r
218 background-position: -140px 0;
\r
220 .iradio_minimal-blue.disabled {
\r
221 background-position: -160px 0;
\r
224 .iradio_minimal-blue.checked.disabled {
\r
225 background-position: -180px 0;
\r
228 /* HiDPI support */
\r
229 @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
\r
230 .icheckbox_minimal-blue,
\r
231 .iradio_minimal-blue {
\r
232 background-image: url(blue@2x.png);
\r
233 -webkit-background-size: 200px 20px;
\r
234 background-size: 200px 20px;
\r
239 .icheckbox_minimal-aero,
\r
240 .iradio_minimal-aero {
\r
241 display: inline-block;
\r
243 vertical-align: middle;
\r
248 background: url(aero.png) no-repeat;
\r
253 .icheckbox_minimal-aero {
\r
254 background-position: 0 0;
\r
256 .icheckbox_minimal-aero.hover {
\r
257 background-position: -20px 0;
\r
259 .icheckbox_minimal-aero.checked {
\r
260 background-position: -40px 0;
\r
262 .icheckbox_minimal-aero.disabled {
\r
263 background-position: -60px 0;
\r
266 .icheckbox_minimal-aero.checked.disabled {
\r
267 background-position: -80px 0;
\r
270 .iradio_minimal-aero {
\r
271 background-position: -100px 0;
\r
273 .iradio_minimal-aero.hover {
\r
274 background-position: -120px 0;
\r
276 .iradio_minimal-aero.checked {
\r
277 background-position: -140px 0;
\r
279 .iradio_minimal-aero.disabled {
\r
280 background-position: -160px 0;
\r
283 .iradio_minimal-aero.checked.disabled {
\r
284 background-position: -180px 0;
\r
287 /* HiDPI support */
\r
288 @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
\r
289 .icheckbox_minimal-aero,
\r
290 .iradio_minimal-aero {
\r
291 background-image: url(aero@2x.png);
\r
292 -webkit-background-size: 200px 20px;
\r
293 background-size: 200px 20px;
\r
298 .icheckbox_minimal-grey,
\r
299 .iradio_minimal-grey {
\r
300 display: inline-block;
\r
302 vertical-align: middle;
\r
307 background: url(grey.png) no-repeat;
\r
312 .icheckbox_minimal-grey {
\r
313 background-position: 0 0;
\r
315 .icheckbox_minimal-grey.hover {
\r
316 background-position: -20px 0;
\r
318 .icheckbox_minimal-grey.checked {
\r
319 background-position: -40px 0;
\r
321 .icheckbox_minimal-grey.disabled {
\r
322 background-position: -60px 0;
\r
325 .icheckbox_minimal-grey.checked.disabled {
\r
326 background-position: -80px 0;
\r
329 .iradio_minimal-grey {
\r
330 background-position: -100px 0;
\r
332 .iradio_minimal-grey.hover {
\r
333 background-position: -120px 0;
\r
335 .iradio_minimal-grey.checked {
\r
336 background-position: -140px 0;
\r
338 .iradio_minimal-grey.disabled {
\r
339 background-position: -160px 0;
\r
342 .iradio_minimal-grey.checked.disabled {
\r
343 background-position: -180px 0;
\r
346 /* HiDPI support */
\r
347 @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
\r
348 .icheckbox_minimal-grey,
\r
349 .iradio_minimal-grey {
\r
350 background-image: url(grey@2x.png);
\r
351 -webkit-background-size: 200px 20px;
\r
352 background-size: 200px 20px;
\r
357 .icheckbox_minimal-orange,
\r
358 .iradio_minimal-orange {
\r
359 display: inline-block;
\r
361 vertical-align: middle;
\r
366 background: url(orange.png) no-repeat;
\r
371 .icheckbox_minimal-orange {
\r
372 background-position: 0 0;
\r
374 .icheckbox_minimal-orange.hover {
\r
375 background-position: -20px 0;
\r
377 .icheckbox_minimal-orange.checked {
\r
378 background-position: -40px 0;
\r
380 .icheckbox_minimal-orange.disabled {
\r
381 background-position: -60px 0;
\r
384 .icheckbox_minimal-orange.checked.disabled {
\r
385 background-position: -80px 0;
\r
388 .iradio_minimal-orange {
\r
389 background-position: -100px 0;
\r
391 .iradio_minimal-orange.hover {
\r
392 background-position: -120px 0;
\r
394 .iradio_minimal-orange.checked {
\r
395 background-position: -140px 0;
\r
397 .iradio_minimal-orange.disabled {
\r
398 background-position: -160px 0;
\r
401 .iradio_minimal-orange.checked.disabled {
\r
402 background-position: -180px 0;
\r
405 /* HiDPI support */
\r
406 @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
\r
407 .icheckbox_minimal-orange,
\r
408 .iradio_minimal-orange {
\r
409 background-image: url(orange@2x.png);
\r
410 -webkit-background-size: 200px 20px;
\r
411 background-size: 200px 20px;
\r
416 .icheckbox_minimal-yellow,
\r
417 .iradio_minimal-yellow {
\r
418 display: inline-block;
\r
420 vertical-align: middle;
\r
425 background: url(yellow.png) no-repeat;
\r
430 .icheckbox_minimal-yellow {
\r
431 background-position: 0 0;
\r
433 .icheckbox_minimal-yellow.hover {
\r
434 background-position: -20px 0;
\r
436 .icheckbox_minimal-yellow.checked {
\r
437 background-position: -40px 0;
\r
439 .icheckbox_minimal-yellow.disabled {
\r
440 background-position: -60px 0;
\r
443 .icheckbox_minimal-yellow.checked.disabled {
\r
444 background-position: -80px 0;
\r
447 .iradio_minimal-yellow {
\r
448 background-position: -100px 0;
\r
450 .iradio_minimal-yellow.hover {
\r
451 background-position: -120px 0;
\r
453 .iradio_minimal-yellow.checked {
\r
454 background-position: -140px 0;
\r
456 .iradio_minimal-yellow.disabled {
\r
457 background-position: -160px 0;
\r
460 .iradio_minimal-yellow.checked.disabled {
\r
461 background-position: -180px 0;
\r
464 /* HiDPI support */
\r
465 @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
\r
466 .icheckbox_minimal-yellow,
\r
467 .iradio_minimal-yellow {
\r
468 background-image: url(yellow@2x.png);
\r
469 -webkit-background-size: 200px 20px;
\r
470 background-size: 200px 20px;
\r
475 .icheckbox_minimal-pink,
\r
476 .iradio_minimal-pink {
\r
477 display: inline-block;
\r
479 vertical-align: middle;
\r
484 background: url(pink.png) no-repeat;
\r
489 .icheckbox_minimal-pink {
\r
490 background-position: 0 0;
\r
492 .icheckbox_minimal-pink.hover {
\r
493 background-position: -20px 0;
\r
495 .icheckbox_minimal-pink.checked {
\r
496 background-position: -40px 0;
\r
498 .icheckbox_minimal-pink.disabled {
\r
499 background-position: -60px 0;
\r
502 .icheckbox_minimal-pink.checked.disabled {
\r
503 background-position: -80px 0;
\r
506 .iradio_minimal-pink {
\r
507 background-position: -100px 0;
\r
509 .iradio_minimal-pink.hover {
\r
510 background-position: -120px 0;
\r
512 .iradio_minimal-pink.checked {
\r
513 background-position: -140px 0;
\r
515 .iradio_minimal-pink.disabled {
\r
516 background-position: -160px 0;
\r
519 .iradio_minimal-pink.checked.disabled {
\r
520 background-position: -180px 0;
\r
523 /* HiDPI support */
\r
524 @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
\r
525 .icheckbox_minimal-pink,
\r
526 .iradio_minimal-pink {
\r
527 background-image: url(pink@2x.png);
\r
528 -webkit-background-size: 200px 20px;
\r
529 background-size: 200px 20px;
\r
534 .icheckbox_minimal-purple,
\r
535 .iradio_minimal-purple {
\r
536 display: inline-block;
\r
538 vertical-align: middle;
\r
543 background: url(purple.png) no-repeat;
\r
548 .icheckbox_minimal-purple {
\r
549 background-position: 0 0;
\r
551 .icheckbox_minimal-purple.hover {
\r
552 background-position: -20px 0;
\r
554 .icheckbox_minimal-purple.checked {
\r
555 background-position: -40px 0;
\r
557 .icheckbox_minimal-purple.disabled {
\r
558 background-position: -60px 0;
\r
561 .icheckbox_minimal-purple.checked.disabled {
\r
562 background-position: -80px 0;
\r
565 .iradio_minimal-purple {
\r
566 background-position: -100px 0;
\r
568 .iradio_minimal-purple.hover {
\r
569 background-position: -120px 0;
\r
571 .iradio_minimal-purple.checked {
\r
572 background-position: -140px 0;
\r
574 .iradio_minimal-purple.disabled {
\r
575 background-position: -160px 0;
\r
578 .iradio_minimal-purple.checked.disabled {
\r
579 background-position: -180px 0;
\r
582 /* HiDPI support */
\r
583 @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
\r
584 .icheckbox_minimal-purple,
\r
585 .iradio_minimal-purple {
\r
586 background-image: url(purple@2x.png);
\r
587 -webkit-background-size: 200px 20px;
\r
588 background-size: 200px 20px;
\r