1 /* iCheck plugin Flat skin
\r
2 ----------------------------------- */
\r
5 display: inline-block;
\r
7 vertical-align: middle;
\r
12 background: url(flat.png) no-repeat;
\r
18 background-position: 0 0;
\r
20 .icheckbox_flat.checked {
\r
21 background-position: -22px 0;
\r
23 .icheckbox_flat.disabled {
\r
24 background-position: -44px 0;
\r
27 .icheckbox_flat.checked.disabled {
\r
28 background-position: -66px 0;
\r
32 background-position: -88px 0;
\r
34 .iradio_flat.checked {
\r
35 background-position: -110px 0;
\r
37 .iradio_flat.disabled {
\r
38 background-position: -132px 0;
\r
41 .iradio_flat.checked.disabled {
\r
42 background-position: -154px 0;
\r
46 @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
\r
49 background-image: url(flat@2x.png);
\r
50 -webkit-background-size: 176px 22px;
\r
51 background-size: 176px 22px;
\r
56 .icheckbox_flat-red,
\r
58 display: inline-block;
\r
60 vertical-align: middle;
\r
65 background: url(red.png) no-repeat;
\r
70 .icheckbox_flat-red {
\r
71 background-position: 0 0;
\r
73 .icheckbox_flat-red.checked {
\r
74 background-position: -22px 0;
\r
76 .icheckbox_flat-red.disabled {
\r
77 background-position: -44px 0;
\r
80 .icheckbox_flat-red.checked.disabled {
\r
81 background-position: -66px 0;
\r
85 background-position: -88px 0;
\r
87 .iradio_flat-red.checked {
\r
88 background-position: -110px 0;
\r
90 .iradio_flat-red.disabled {
\r
91 background-position: -132px 0;
\r
94 .iradio_flat-red.checked.disabled {
\r
95 background-position: -154px 0;
\r
99 @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
\r
100 .icheckbox_flat-red,
\r
102 background-image: url(red@2x.png);
\r
103 -webkit-background-size: 176px 22px;
\r
104 background-size: 176px 22px;
\r
109 .icheckbox_flat-green,
\r
110 .iradio_flat-green {
\r
111 display: inline-block;
\r
113 vertical-align: middle;
\r
118 background: url(green.png) no-repeat;
\r
123 .icheckbox_flat-green {
\r
124 background-position: 0 0;
\r
126 .icheckbox_flat-green.checked {
\r
127 background-position: -22px 0;
\r
129 .icheckbox_flat-green.disabled {
\r
130 background-position: -44px 0;
\r
133 .icheckbox_flat-green.checked.disabled {
\r
134 background-position: -66px 0;
\r
137 .iradio_flat-green {
\r
138 background-position: -88px 0;
\r
140 .iradio_flat-green.checked {
\r
141 background-position: -110px 0;
\r
143 .iradio_flat-green.disabled {
\r
144 background-position: -132px 0;
\r
147 .iradio_flat-green.checked.disabled {
\r
148 background-position: -154px 0;
\r
151 /* HiDPI support */
\r
152 @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
\r
153 .icheckbox_flat-green,
\r
154 .iradio_flat-green {
\r
155 background-image: url(green@2x.png);
\r
156 -webkit-background-size: 176px 22px;
\r
157 background-size: 176px 22px;
\r
162 .icheckbox_flat-blue,
\r
163 .iradio_flat-blue {
\r
164 display: inline-block;
\r
166 vertical-align: middle;
\r
171 background: url(blue.png) no-repeat;
\r
176 .icheckbox_flat-blue {
\r
177 background-position: 0 0;
\r
179 .icheckbox_flat-blue.checked {
\r
180 background-position: -22px 0;
\r
182 .icheckbox_flat-blue.disabled {
\r
183 background-position: -44px 0;
\r
186 .icheckbox_flat-blue.checked.disabled {
\r
187 background-position: -66px 0;
\r
190 .iradio_flat-blue {
\r
191 background-position: -88px 0;
\r
193 .iradio_flat-blue.checked {
\r
194 background-position: -110px 0;
\r
196 .iradio_flat-blue.disabled {
\r
197 background-position: -132px 0;
\r
200 .iradio_flat-blue.checked.disabled {
\r
201 background-position: -154px 0;
\r
204 /* HiDPI support */
\r
205 @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
\r
206 .icheckbox_flat-blue,
\r
207 .iradio_flat-blue {
\r
208 background-image: url(blue@2x.png);
\r
209 -webkit-background-size: 176px 22px;
\r
210 background-size: 176px 22px;
\r
215 .icheckbox_flat-aero,
\r
216 .iradio_flat-aero {
\r
217 display: inline-block;
\r
219 vertical-align: middle;
\r
224 background: url(aero.png) no-repeat;
\r
229 .icheckbox_flat-aero {
\r
230 background-position: 0 0;
\r
232 .icheckbox_flat-aero.checked {
\r
233 background-position: -22px 0;
\r
235 .icheckbox_flat-aero.disabled {
\r
236 background-position: -44px 0;
\r
239 .icheckbox_flat-aero.checked.disabled {
\r
240 background-position: -66px 0;
\r
243 .iradio_flat-aero {
\r
244 background-position: -88px 0;
\r
246 .iradio_flat-aero.checked {
\r
247 background-position: -110px 0;
\r
249 .iradio_flat-aero.disabled {
\r
250 background-position: -132px 0;
\r
253 .iradio_flat-aero.checked.disabled {
\r
254 background-position: -154px 0;
\r
257 /* HiDPI support */
\r
258 @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
\r
259 .icheckbox_flat-aero,
\r
260 .iradio_flat-aero {
\r
261 background-image: url(aero@2x.png);
\r
262 -webkit-background-size: 176px 22px;
\r
263 background-size: 176px 22px;
\r
268 .icheckbox_flat-grey,
\r
269 .iradio_flat-grey {
\r
270 display: inline-block;
\r
272 vertical-align: middle;
\r
277 background: url(grey.png) no-repeat;
\r
282 .icheckbox_flat-grey {
\r
283 background-position: 0 0;
\r
285 .icheckbox_flat-grey.checked {
\r
286 background-position: -22px 0;
\r
288 .icheckbox_flat-grey.disabled {
\r
289 background-position: -44px 0;
\r
292 .icheckbox_flat-grey.checked.disabled {
\r
293 background-position: -66px 0;
\r
296 .iradio_flat-grey {
\r
297 background-position: -88px 0;
\r
299 .iradio_flat-grey.checked {
\r
300 background-position: -110px 0;
\r
302 .iradio_flat-grey.disabled {
\r
303 background-position: -132px 0;
\r
306 .iradio_flat-grey.checked.disabled {
\r
307 background-position: -154px 0;
\r
310 /* HiDPI support */
\r
311 @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
\r
312 .icheckbox_flat-grey,
\r
313 .iradio_flat-grey {
\r
314 background-image: url(grey@2x.png);
\r
315 -webkit-background-size: 176px 22px;
\r
316 background-size: 176px 22px;
\r
321 .icheckbox_flat-orange,
\r
322 .iradio_flat-orange {
\r
323 display: inline-block;
\r
325 vertical-align: middle;
\r
330 background: url(orange.png) no-repeat;
\r
335 .icheckbox_flat-orange {
\r
336 background-position: 0 0;
\r
338 .icheckbox_flat-orange.checked {
\r
339 background-position: -22px 0;
\r
341 .icheckbox_flat-orange.disabled {
\r
342 background-position: -44px 0;
\r
345 .icheckbox_flat-orange.checked.disabled {
\r
346 background-position: -66px 0;
\r
349 .iradio_flat-orange {
\r
350 background-position: -88px 0;
\r
352 .iradio_flat-orange.checked {
\r
353 background-position: -110px 0;
\r
355 .iradio_flat-orange.disabled {
\r
356 background-position: -132px 0;
\r
359 .iradio_flat-orange.checked.disabled {
\r
360 background-position: -154px 0;
\r
363 /* HiDPI support */
\r
364 @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
\r
365 .icheckbox_flat-orange,
\r
366 .iradio_flat-orange {
\r
367 background-image: url(orange@2x.png);
\r
368 -webkit-background-size: 176px 22px;
\r
369 background-size: 176px 22px;
\r
374 .icheckbox_flat-yellow,
\r
375 .iradio_flat-yellow {
\r
376 display: inline-block;
\r
378 vertical-align: middle;
\r
383 background: url(yellow.png) no-repeat;
\r
388 .icheckbox_flat-yellow {
\r
389 background-position: 0 0;
\r
391 .icheckbox_flat-yellow.checked {
\r
392 background-position: -22px 0;
\r
394 .icheckbox_flat-yellow.disabled {
\r
395 background-position: -44px 0;
\r
398 .icheckbox_flat-yellow.checked.disabled {
\r
399 background-position: -66px 0;
\r
402 .iradio_flat-yellow {
\r
403 background-position: -88px 0;
\r
405 .iradio_flat-yellow.checked {
\r
406 background-position: -110px 0;
\r
408 .iradio_flat-yellow.disabled {
\r
409 background-position: -132px 0;
\r
412 .iradio_flat-yellow.checked.disabled {
\r
413 background-position: -154px 0;
\r
416 /* HiDPI support */
\r
417 @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
\r
418 .icheckbox_flat-yellow,
\r
419 .iradio_flat-yellow {
\r
420 background-image: url(yellow@2x.png);
\r
421 -webkit-background-size: 176px 22px;
\r
422 background-size: 176px 22px;
\r
427 .icheckbox_flat-pink,
\r
428 .iradio_flat-pink {
\r
429 display: inline-block;
\r
431 vertical-align: middle;
\r
436 background: url(pink.png) no-repeat;
\r
441 .icheckbox_flat-pink {
\r
442 background-position: 0 0;
\r
444 .icheckbox_flat-pink.checked {
\r
445 background-position: -22px 0;
\r
447 .icheckbox_flat-pink.disabled {
\r
448 background-position: -44px 0;
\r
451 .icheckbox_flat-pink.checked.disabled {
\r
452 background-position: -66px 0;
\r
455 .iradio_flat-pink {
\r
456 background-position: -88px 0;
\r
458 .iradio_flat-pink.checked {
\r
459 background-position: -110px 0;
\r
461 .iradio_flat-pink.disabled {
\r
462 background-position: -132px 0;
\r
465 .iradio_flat-pink.checked.disabled {
\r
466 background-position: -154px 0;
\r
469 /* HiDPI support */
\r
470 @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
\r
471 .icheckbox_flat-pink,
\r
472 .iradio_flat-pink {
\r
473 background-image: url(pink@2x.png);
\r
474 -webkit-background-size: 176px 22px;
\r
475 background-size: 176px 22px;
\r
480 .icheckbox_flat-purple,
\r
481 .iradio_flat-purple {
\r
482 display: inline-block;
\r
484 vertical-align: middle;
\r
489 background: url(purple.png) no-repeat;
\r
494 .icheckbox_flat-purple {
\r
495 background-position: 0 0;
\r
497 .icheckbox_flat-purple.checked {
\r
498 background-position: -22px 0;
\r
500 .icheckbox_flat-purple.disabled {
\r
501 background-position: -44px 0;
\r
504 .icheckbox_flat-purple.checked.disabled {
\r
505 background-position: -66px 0;
\r
508 .iradio_flat-purple {
\r
509 background-position: -88px 0;
\r
511 .iradio_flat-purple.checked {
\r
512 background-position: -110px 0;
\r
514 .iradio_flat-purple.disabled {
\r
515 background-position: -132px 0;
\r
518 .iradio_flat-purple.checked.disabled {
\r
519 background-position: -154px 0;
\r
522 /* HiDPI support */
\r
523 @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
\r
524 .icheckbox_flat-purple,
\r
525 .iradio_flat-purple {
\r
526 background-image: url(purple@2x.png);
\r
527 -webkit-background-size: 176px 22px;
\r
528 background-size: 176px 22px;
\r