2 .icheckbox_minimal-red,
6 vertical-align: middle;
11 background: url(red.png) no-repeat;
16 .icheckbox_minimal-red {
17 background-position: 0 0;
19 .icheckbox_minimal-red.hover {
20 background-position: -20px 0;
22 .icheckbox_minimal-red.checked {
23 background-position: -40px 0;
25 .icheckbox_minimal-red.disabled {
26 background-position: -60px 0;
29 .icheckbox_minimal-red.checked.disabled {
30 background-position: -80px 0;
34 background-position: -100px 0;
36 .iradio_minimal-red.hover {
37 background-position: -120px 0;
39 .iradio_minimal-red.checked {
40 background-position: -140px 0;
42 .iradio_minimal-red.disabled {
43 background-position: -160px 0;
46 .iradio_minimal-red.checked.disabled {
47 background-position: -180px 0;
51 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
52 only screen and (-moz-min-device-pixel-ratio: 1.5),
53 only screen and (-o-min-device-pixel-ratio: 1.5),
54 only screen and (min-device-pixel-ratio: 1.5) {
55 .icheckbox_minimal-red,
57 background-image: url(red@2x.png);
58 -webkit-background-size: 200px 20px;
59 background-size: 200px 20px;
64 .icheckbox_minimal-green,
65 .iradio_minimal-green {
66 display: inline-block;
68 vertical-align: middle;
73 background: url(green.png) no-repeat;
78 .icheckbox_minimal-green {
79 background-position: 0 0;
81 .icheckbox_minimal-green.hover {
82 background-position: -20px 0;
84 .icheckbox_minimal-green.checked {
85 background-position: -40px 0;
87 .icheckbox_minimal-green.disabled {
88 background-position: -60px 0;
91 .icheckbox_minimal-green.checked.disabled {
92 background-position: -80px 0;
95 .iradio_minimal-green {
96 background-position: -100px 0;
98 .iradio_minimal-green.hover {
99 background-position: -120px 0;
101 .iradio_minimal-green.checked {
102 background-position: -140px 0;
104 .iradio_minimal-green.disabled {
105 background-position: -160px 0;
108 .iradio_minimal-green.checked.disabled {
109 background-position: -180px 0;
113 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
114 only screen and (-moz-min-device-pixel-ratio: 1.5),
115 only screen and (-o-min-device-pixel-ratio: 1.5),
116 only screen and (min-device-pixel-ratio: 1.5) {
117 .icheckbox_minimal-green,
118 .iradio_minimal-green {
119 background-image: url(green@2x.png);
120 -webkit-background-size: 200px 20px;
121 background-size: 200px 20px;
126 .icheckbox_minimal-blue,
127 .iradio_minimal-blue {
128 display: inline-block;
130 vertical-align: middle;
135 background: url(blue.png) no-repeat;
140 .icheckbox_minimal-blue {
141 background-position: 0 0;
143 .icheckbox_minimal-blue.hover {
144 background-position: -20px 0;
146 .icheckbox_minimal-blue.checked {
147 background-position: -40px 0;
149 .icheckbox_minimal-blue.disabled {
150 background-position: -60px 0;
153 .icheckbox_minimal-blue.checked.disabled {
154 background-position: -80px 0;
157 .iradio_minimal-blue {
158 background-position: -100px 0;
160 .iradio_minimal-blue.hover {
161 background-position: -120px 0;
163 .iradio_minimal-blue.checked {
164 background-position: -140px 0;
166 .iradio_minimal-blue.disabled {
167 background-position: -160px 0;
170 .iradio_minimal-blue.checked.disabled {
171 background-position: -180px 0;
175 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
176 only screen and (-moz-min-device-pixel-ratio: 1.5),
177 only screen and (-o-min-device-pixel-ratio: 3/2),
178 only screen and (min-device-pixel-ratio: 1.5) {
179 .icheckbox_minimal-blue,
180 .iradio_minimal-blue {
181 background-image: url(blue@2x.png);
182 -webkit-background-size: 200px 20px;
183 background-size: 200px 20px;
188 .icheckbox_minimal-aero,
189 .iradio_minimal-aero {
190 display: inline-block;
192 vertical-align: middle;
197 background: url(aero.png) no-repeat;
202 .icheckbox_minimal-aero {
203 background-position: 0 0;
205 .icheckbox_minimal-aero.hover {
206 background-position: -20px 0;
208 .icheckbox_minimal-aero.checked {
209 background-position: -40px 0;
211 .icheckbox_minimal-aero.disabled {
212 background-position: -60px 0;
215 .icheckbox_minimal-aero.checked.disabled {
216 background-position: -80px 0;
219 .iradio_minimal-aero {
220 background-position: -100px 0;
222 .iradio_minimal-aero.hover {
223 background-position: -120px 0;
225 .iradio_minimal-aero.checked {
226 background-position: -140px 0;
228 .iradio_minimal-aero.disabled {
229 background-position: -160px 0;
232 .iradio_minimal-aero.checked.disabled {
233 background-position: -180px 0;
237 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
238 only screen and (-moz-min-device-pixel-ratio: 1.5),
239 only screen and (-o-min-device-pixel-ratio: 3/2),
240 only screen and (min-device-pixel-ratio: 1.5) {
241 .icheckbox_minimal-aero,
242 .iradio_minimal-aero {
243 background-image: url(aero@2x.png);
244 -webkit-background-size: 200px 20px;
245 background-size: 200px 20px;
250 .icheckbox_minimal-grey,
251 .iradio_minimal-grey {
252 display: inline-block;
254 vertical-align: middle;
259 background: url(grey.png) no-repeat;
264 .icheckbox_minimal-grey {
265 background-position: 0 0;
267 .icheckbox_minimal-grey.hover {
268 background-position: -20px 0;
270 .icheckbox_minimal-grey.checked {
271 background-position: -40px 0;
273 .icheckbox_minimal-grey.disabled {
274 background-position: -60px 0;
277 .icheckbox_minimal-grey.checked.disabled {
278 background-position: -80px 0;
281 .iradio_minimal-grey {
282 background-position: -100px 0;
284 .iradio_minimal-grey.hover {
285 background-position: -120px 0;
287 .iradio_minimal-grey.checked {
288 background-position: -140px 0;
290 .iradio_minimal-grey.disabled {
291 background-position: -160px 0;
294 .iradio_minimal-grey.checked.disabled {
295 background-position: -180px 0;
299 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
300 only screen and (-moz-min-device-pixel-ratio: 1.5),
301 only screen and (-o-min-device-pixel-ratio: 1.5),
302 only screen and (min-device-pixel-ratio: 1.5) {
303 .icheckbox_minimal-grey,
304 .iradio_minimal-grey {
305 background-image: url(grey@2x.png);
306 -webkit-background-size: 200px 20px;
307 background-size: 200px 20px;
312 .icheckbox_minimal-orange,
313 .iradio_minimal-orange {
314 display: inline-block;
316 vertical-align: middle;
321 background: url(orange.png) no-repeat;
326 .icheckbox_minimal-orange {
327 background-position: 0 0;
329 .icheckbox_minimal-orange.hover {
330 background-position: -20px 0;
332 .icheckbox_minimal-orange.checked {
333 background-position: -40px 0;
335 .icheckbox_minimal-orange.disabled {
336 background-position: -60px 0;
339 .icheckbox_minimal-orange.checked.disabled {
340 background-position: -80px 0;
343 .iradio_minimal-orange {
344 background-position: -100px 0;
346 .iradio_minimal-orange.hover {
347 background-position: -120px 0;
349 .iradio_minimal-orange.checked {
350 background-position: -140px 0;
352 .iradio_minimal-orange.disabled {
353 background-position: -160px 0;
356 .iradio_minimal-orange.checked.disabled {
357 background-position: -180px 0;
361 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
362 only screen and (-moz-min-device-pixel-ratio: 1.5),
363 only screen and (-o-min-device-pixel-ratio: 1.5),
364 only screen and (min-device-pixel-ratio: 1.5) {
365 .icheckbox_minimal-orange,
366 .iradio_minimal-orange {
367 background-image: url(orange@2x.png);
368 -webkit-background-size: 200px 20px;
369 background-size: 200px 20px;
374 .icheckbox_minimal-yellow,
375 .iradio_minimal-yellow {
376 display: inline-block;
378 vertical-align: middle;
383 background: url(yellow.png) no-repeat;
388 .icheckbox_minimal-yellow {
389 background-position: 0 0;
391 .icheckbox_minimal-yellow.hover {
392 background-position: -20px 0;
394 .icheckbox_minimal-yellow.checked {
395 background-position: -40px 0;
397 .icheckbox_minimal-yellow.disabled {
398 background-position: -60px 0;
401 .icheckbox_minimal-yellow.checked.disabled {
402 background-position: -80px 0;
405 .iradio_minimal-yellow {
406 background-position: -100px 0;
408 .iradio_minimal-yellow.hover {
409 background-position: -120px 0;
411 .iradio_minimal-yellow.checked {
412 background-position: -140px 0;
414 .iradio_minimal-yellow.disabled {
415 background-position: -160px 0;
418 .iradio_minimal-yellow.checked.disabled {
419 background-position: -180px 0;
423 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
424 only screen and (-moz-min-device-pixel-ratio: 1.5),
425 only screen and (-o-min-device-pixel-ratio: 1.5),
426 only screen and (min-device-pixel-ratio: 1.5) {
427 .icheckbox_minimal-yellow,
428 .iradio_minimal-yellow {
429 background-image: url(yellow@2x.png);
430 -webkit-background-size: 200px 20px;
431 background-size: 200px 20px;
436 .icheckbox_minimal-pink,
437 .iradio_minimal-pink {
438 display: inline-block;
440 vertical-align: middle;
445 background: url(pink.png) no-repeat;
450 .icheckbox_minimal-pink {
451 background-position: 0 0;
453 .icheckbox_minimal-pink.hover {
454 background-position: -20px 0;
456 .icheckbox_minimal-pink.checked {
457 background-position: -40px 0;
459 .icheckbox_minimal-pink.disabled {
460 background-position: -60px 0;
463 .icheckbox_minimal-pink.checked.disabled {
464 background-position: -80px 0;
467 .iradio_minimal-pink {
468 background-position: -100px 0;
470 .iradio_minimal-pink.hover {
471 background-position: -120px 0;
473 .iradio_minimal-pink.checked {
474 background-position: -140px 0;
476 .iradio_minimal-pink.disabled {
477 background-position: -160px 0;
480 .iradio_minimal-pink.checked.disabled {
481 background-position: -180px 0;
485 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
486 only screen and (-moz-min-device-pixel-ratio: 1.5),
487 only screen and (-o-min-device-pixel-ratio: 1.5),
488 only screen and (min-device-pixel-ratio: 1.5) {
489 .icheckbox_minimal-pink,
490 .iradio_minimal-pink {
491 background-image: url(pink@2x.png);
492 -webkit-background-size: 200px 20px;
493 background-size: 200px 20px;
498 .icheckbox_minimal-purple,
499 .iradio_minimal-purple {
500 display: inline-block;
502 vertical-align: middle;
507 background: url(purple.png) no-repeat;
512 .icheckbox_minimal-purple {
513 background-position: 0 0;
515 .icheckbox_minimal-purple.hover {
516 background-position: -20px 0;
518 .icheckbox_minimal-purple.checked {
519 background-position: -40px 0;
521 .icheckbox_minimal-purple.disabled {
522 background-position: -60px 0;
525 .icheckbox_minimal-purple.checked.disabled {
526 background-position: -80px 0;
529 .iradio_minimal-purple {
530 background-position: -100px 0;
532 .iradio_minimal-purple.hover {
533 background-position: -120px 0;
535 .iradio_minimal-purple.checked {
536 background-position: -140px 0;
538 .iradio_minimal-purple.disabled {
539 background-position: -160px 0;
542 .iradio_minimal-purple.checked.disabled {
543 background-position: -180px 0;
547 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
548 only screen and (-moz-min-device-pixel-ratio: 1.5),
549 only screen and (-o-min-device-pixel-ratio: 1.5),
550 only screen and (min-device-pixel-ratio: 1.5) {
551 .icheckbox_minimal-purple,
552 .iradio_minimal-purple {
553 background-image: url(purple@2x.png);
554 -webkit-background-size: 200px 20px;
555 background-size: 200px 20px;