1 /* iCheck plugin Flat skin
2 ----------------------------------- */
7 vertical-align: middle;
12 background: url(flat.png) no-repeat;
18 background-position: 0 0;
20 .icheckbox_flat.checked {
21 background-position: -22px 0;
23 .icheckbox_flat.disabled {
24 background-position: -44px 0;
27 .icheckbox_flat.checked.disabled {
28 background-position: -66px 0;
32 background-position: -88px 0;
34 .iradio_flat.checked {
35 background-position: -110px 0;
37 .iradio_flat.disabled {
38 background-position: -132px 0;
41 .iradio_flat.checked.disabled {
42 background-position: -154px 0;
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) {
52 background-image: url(flat@2x.png);
53 -webkit-background-size: 176px 22px;
54 background-size: 176px 22px;
61 display: inline-block;
63 vertical-align: middle;
68 background: url(red.png) no-repeat;
74 background-position: 0 0;
76 .icheckbox_flat-red.checked {
77 background-position: -22px 0;
79 .icheckbox_flat-red.disabled {
80 background-position: -44px 0;
83 .icheckbox_flat-red.checked.disabled {
84 background-position: -66px 0;
88 background-position: -88px 0;
90 .iradio_flat-red.checked {
91 background-position: -110px 0;
93 .iradio_flat-red.disabled {
94 background-position: -132px 0;
97 .iradio_flat-red.checked.disabled {
98 background-position: -154px 0;
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) {
108 background-image: url(red@2x.png);
109 -webkit-background-size: 176px 22px;
110 background-size: 176px 22px;
115 .icheckbox_flat-green,
117 display: inline-block;
119 vertical-align: middle;
124 background: url(green.png) no-repeat;
129 .icheckbox_flat-green {
130 background-position: 0 0;
132 .icheckbox_flat-green.checked {
133 background-position: -22px 0;
135 .icheckbox_flat-green.disabled {
136 background-position: -44px 0;
139 .icheckbox_flat-green.checked.disabled {
140 background-position: -66px 0;
144 background-position: -88px 0;
146 .iradio_flat-green.checked {
147 background-position: -110px 0;
149 .iradio_flat-green.disabled {
150 background-position: -132px 0;
153 .iradio_flat-green.checked.disabled {
154 background-position: -154px 0;
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,
164 background-image: url(green@2x.png);
165 -webkit-background-size: 176px 22px;
166 background-size: 176px 22px;
171 .icheckbox_flat-blue,
173 display: inline-block;
175 vertical-align: middle;
180 background: url(blue.png) no-repeat;
185 .icheckbox_flat-blue {
186 background-position: 0 0;
188 .icheckbox_flat-blue.checked {
189 background-position: -22px 0;
191 .icheckbox_flat-blue.disabled {
192 background-position: -44px 0;
195 .icheckbox_flat-blue.checked.disabled {
196 background-position: -66px 0;
200 background-position: -88px 0;
202 .iradio_flat-blue.checked {
203 background-position: -110px 0;
205 .iradio_flat-blue.disabled {
206 background-position: -132px 0;
209 .iradio_flat-blue.checked.disabled {
210 background-position: -154px 0;
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,
220 background-image: url(blue@2x.png);
221 -webkit-background-size: 176px 22px;
222 background-size: 176px 22px;
227 .icheckbox_flat-aero,
229 display: inline-block;
231 vertical-align: middle;
236 background: url(aero.png) no-repeat;
241 .icheckbox_flat-aero {
242 background-position: 0 0;
244 .icheckbox_flat-aero.checked {
245 background-position: -22px 0;
247 .icheckbox_flat-aero.disabled {
248 background-position: -44px 0;
251 .icheckbox_flat-aero.checked.disabled {
252 background-position: -66px 0;
256 background-position: -88px 0;
258 .iradio_flat-aero.checked {
259 background-position: -110px 0;
261 .iradio_flat-aero.disabled {
262 background-position: -132px 0;
265 .iradio_flat-aero.checked.disabled {
266 background-position: -154px 0;
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,
276 background-image: url(aero@2x.png);
277 -webkit-background-size: 176px 22px;
278 background-size: 176px 22px;
283 .icheckbox_flat-grey,
285 display: inline-block;
287 vertical-align: middle;
292 background: url(grey.png) no-repeat;
297 .icheckbox_flat-grey {
298 background-position: 0 0;
300 .icheckbox_flat-grey.checked {
301 background-position: -22px 0;
303 .icheckbox_flat-grey.disabled {
304 background-position: -44px 0;
307 .icheckbox_flat-grey.checked.disabled {
308 background-position: -66px 0;
312 background-position: -88px 0;
314 .iradio_flat-grey.checked {
315 background-position: -110px 0;
317 .iradio_flat-grey.disabled {
318 background-position: -132px 0;
321 .iradio_flat-grey.checked.disabled {
322 background-position: -154px 0;
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,
332 background-image: url(grey@2x.png);
333 -webkit-background-size: 176px 22px;
334 background-size: 176px 22px;
339 .icheckbox_flat-orange,
340 .iradio_flat-orange {
341 display: inline-block;
343 vertical-align: middle;
348 background: url(orange.png) no-repeat;
353 .icheckbox_flat-orange {
354 background-position: 0 0;
356 .icheckbox_flat-orange.checked {
357 background-position: -22px 0;
359 .icheckbox_flat-orange.disabled {
360 background-position: -44px 0;
363 .icheckbox_flat-orange.checked.disabled {
364 background-position: -66px 0;
367 .iradio_flat-orange {
368 background-position: -88px 0;
370 .iradio_flat-orange.checked {
371 background-position: -110px 0;
373 .iradio_flat-orange.disabled {
374 background-position: -132px 0;
377 .iradio_flat-orange.checked.disabled {
378 background-position: -154px 0;
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;
395 .icheckbox_flat-yellow,
396 .iradio_flat-yellow {
397 display: inline-block;
399 vertical-align: middle;
404 background: url(yellow.png) no-repeat;
409 .icheckbox_flat-yellow {
410 background-position: 0 0;
412 .icheckbox_flat-yellow.checked {
413 background-position: -22px 0;
415 .icheckbox_flat-yellow.disabled {
416 background-position: -44px 0;
419 .icheckbox_flat-yellow.checked.disabled {
420 background-position: -66px 0;
423 .iradio_flat-yellow {
424 background-position: -88px 0;
426 .iradio_flat-yellow.checked {
427 background-position: -110px 0;
429 .iradio_flat-yellow.disabled {
430 background-position: -132px 0;
433 .iradio_flat-yellow.checked.disabled {
434 background-position: -154px 0;
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;
451 .icheckbox_flat-pink,
453 display: inline-block;
455 vertical-align: middle;
460 background: url(pink.png) no-repeat;
465 .icheckbox_flat-pink {
466 background-position: 0 0;
468 .icheckbox_flat-pink.checked {
469 background-position: -22px 0;
471 .icheckbox_flat-pink.disabled {
472 background-position: -44px 0;
475 .icheckbox_flat-pink.checked.disabled {
476 background-position: -66px 0;
480 background-position: -88px 0;
482 .iradio_flat-pink.checked {
483 background-position: -110px 0;
485 .iradio_flat-pink.disabled {
486 background-position: -132px 0;
489 .iradio_flat-pink.checked.disabled {
490 background-position: -154px 0;
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,
500 background-image: url(pink@2x.png);
501 -webkit-background-size: 176px 22px;
502 background-size: 176px 22px;
507 .icheckbox_flat-purple,
508 .iradio_flat-purple {
509 display: inline-block;
511 vertical-align: middle;
516 background: url(purple.png) no-repeat;
521 .icheckbox_flat-purple {
522 background-position: 0 0;
524 .icheckbox_flat-purple.checked {
525 background-position: -22px 0;
527 .icheckbox_flat-purple.disabled {
528 background-position: -44px 0;
531 .icheckbox_flat-purple.checked.disabled {
532 background-position: -66px 0;
535 .iradio_flat-purple {
536 background-position: -88px 0;
538 .iradio_flat-purple.checked {
539 background-position: -110px 0;
541 .iradio_flat-purple.disabled {
542 background-position: -132px 0;
545 .iradio_flat-purple.checked.disabled {
546 background-position: -154px 0;
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;