1 /* iCheck plugin Line skin
2 ----------------------------------- */
8 padding: 5px 15px 5px 38px;
14 -webkit-border-radius: 3px;
15 -moz-border-radius: 3px;
19 .icheckbox_line .icheck_line-icon,
20 .iradio_line .icheck_line-icon {
29 background: url(line.png) no-repeat;
32 .icheckbox_line.hover,
33 .icheckbox_line.checked.hover,
37 .icheckbox_line.checked,
38 .iradio_line.checked {
41 .icheckbox_line.checked .icheck_line-icon,
42 .iradio_line.checked .icheck_line-icon {
43 background-position: -15px 0;
45 .icheckbox_line.disabled,
46 .iradio_line.disabled {
50 .icheckbox_line.disabled .icheck_line-icon,
51 .iradio_line.disabled .icheck_line-icon {
52 background-position: -30px 0;
54 .icheckbox_line.checked.disabled,
55 .iradio_line.checked.disabled {
58 .icheckbox_line.checked.disabled .icheck_line-icon,
59 .iradio_line.checked.disabled .icheck_line-icon {
60 background-position: -45px 0;
64 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
65 only screen and (-moz-min-device-pixel-ratio: 1.5),
66 only screen and (-o-min-device-pixel-ratio: 3/2),
67 only screen and (min-device-pixel-ratio: 1.5) {
68 .icheckbox_line .icheck_line-icon,
69 .iradio_line .icheck_line-icon {
70 background-image: url(line@2x.png);
71 -webkit-background-size: 60px 13px;
72 background-size: 60px 13px;
82 padding: 5px 15px 5px 38px;
88 -webkit-border-radius: 3px;
89 -moz-border-radius: 3px;
93 .icheckbox_line-red .icheck_line-icon,
94 .iradio_line-red .icheck_line-icon {
103 background: url(line.png) no-repeat;
106 .icheckbox_line-red.hover,
107 .icheckbox_line-red.checked.hover,
108 .iradio_line-red.hover {
111 .icheckbox_line-red.checked,
112 .iradio_line-red.checked {
115 .icheckbox_line-red.checked .icheck_line-icon,
116 .iradio_line-red.checked .icheck_line-icon {
117 background-position: -15px 0;
119 .icheckbox_line-red.disabled,
120 .iradio_line-red.disabled {
124 .icheckbox_line-red.disabled .icheck_line-icon,
125 .iradio_line-red.disabled .icheck_line-icon {
126 background-position: -30px 0;
128 .icheckbox_line-red.checked.disabled,
129 .iradio_line-red.checked.disabled {
132 .icheckbox_line-red.checked.disabled .icheck_line-icon,
133 .iradio_line-red.checked.disabled .icheck_line-icon {
134 background-position: -45px 0;
138 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
139 only screen and (-moz-min-device-pixel-ratio: 1.5),
140 only screen and (-o-min-device-pixel-ratio: 3/2),
141 only screen and (min-device-pixel-ratio: 1.5) {
142 .icheckbox_line-red .icheck_line-icon,
143 .iradio_line-red .icheck_line-icon {
144 background-image: url(line@2x.png);
145 -webkit-background-size: 60px 13px;
146 background-size: 60px 13px;
151 .icheckbox_line-green,
156 padding: 5px 15px 5px 38px;
162 -webkit-border-radius: 3px;
163 -moz-border-radius: 3px;
167 .icheckbox_line-green .icheck_line-icon,
168 .iradio_line-green .icheck_line-icon {
177 background: url(line.png) no-repeat;
180 .icheckbox_line-green.hover,
181 .icheckbox_line-green.checked.hover,
182 .iradio_line-green.hover {
185 .icheckbox_line-green.checked,
186 .iradio_line-green.checked {
189 .icheckbox_line-green.checked .icheck_line-icon,
190 .iradio_line-green.checked .icheck_line-icon {
191 background-position: -15px 0;
193 .icheckbox_line-green.disabled,
194 .iradio_line-green.disabled {
198 .icheckbox_line-green.disabled .icheck_line-icon,
199 .iradio_line-green.disabled .icheck_line-icon {
200 background-position: -30px 0;
202 .icheckbox_line-green.checked.disabled,
203 .iradio_line-green.checked.disabled {
206 .icheckbox_line-green.checked.disabled .icheck_line-icon,
207 .iradio_line-green.checked.disabled .icheck_line-icon {
208 background-position: -45px 0;
212 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
213 only screen and (-moz-min-device-pixel-ratio: 1.5),
214 only screen and (-o-min-device-pixel-ratio: 3/2),
215 only screen and (min-device-pixel-ratio: 1.5) {
216 .icheckbox_line-green .icheck_line-icon,
217 .iradio_line-green .icheck_line-icon {
218 background-image: url(line@2x.png);
219 -webkit-background-size: 60px 13px;
220 background-size: 60px 13px;
225 .icheckbox_line-blue,
230 padding: 5px 15px 5px 38px;
236 -webkit-border-radius: 3px;
237 -moz-border-radius: 3px;
241 .icheckbox_line-blue .icheck_line-icon,
242 .iradio_line-blue .icheck_line-icon {
251 background: url(line.png) no-repeat;
254 .icheckbox_line-blue.hover,
255 .icheckbox_line-blue.checked.hover,
256 .iradio_line-blue.hover {
259 .icheckbox_line-blue.checked,
260 .iradio_line-blue.checked {
263 .icheckbox_line-blue.checked .icheck_line-icon,
264 .iradio_line-blue.checked .icheck_line-icon {
265 background-position: -15px 0;
267 .icheckbox_line-blue.disabled,
268 .iradio_line-blue.disabled {
272 .icheckbox_line-blue.disabled .icheck_line-icon,
273 .iradio_line-blue.disabled .icheck_line-icon {
274 background-position: -30px 0;
276 .icheckbox_line-blue.checked.disabled,
277 .iradio_line-blue.checked.disabled {
280 .icheckbox_line-blue.checked.disabled .icheck_line-icon,
281 .iradio_line-blue.checked.disabled .icheck_line-icon {
282 background-position: -45px 0;
286 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
287 only screen and (-moz-min-device-pixel-ratio: 1.5),
288 only screen and (-o-min-device-pixel-ratio: 3/2),
289 only screen and (min-device-pixel-ratio: 1.5) {
290 .icheckbox_line-blue .icheck_line-icon,
291 .iradio_line-blue .icheck_line-icon {
292 background-image: url(line@2x.png);
293 -webkit-background-size: 60px 13px;
294 background-size: 60px 13px;
299 .icheckbox_line-aero,
304 padding: 5px 15px 5px 38px;
310 -webkit-border-radius: 3px;
311 -moz-border-radius: 3px;
315 .icheckbox_line-aero .icheck_line-icon,
316 .iradio_line-aero .icheck_line-icon {
325 background: url(line.png) no-repeat;
328 .icheckbox_line-aero.hover,
329 .icheckbox_line-aero.checked.hover,
330 .iradio_line-aero.hover {
333 .icheckbox_line-aero.checked,
334 .iradio_line-aero.checked {
337 .icheckbox_line-aero.checked .icheck_line-icon,
338 .iradio_line-aero.checked .icheck_line-icon {
339 background-position: -15px 0;
341 .icheckbox_line-aero.disabled,
342 .iradio_line-aero.disabled {
346 .icheckbox_line-aero.disabled .icheck_line-icon,
347 .iradio_line-aero.disabled .icheck_line-icon {
348 background-position: -30px 0;
350 .icheckbox_line-aero.checked.disabled,
351 .iradio_line-aero.checked.disabled {
354 .icheckbox_line-aero.checked.disabled .icheck_line-icon,
355 .iradio_line-aero.checked.disabled .icheck_line-icon {
356 background-position: -45px 0;
360 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
361 only screen and (-moz-min-device-pixel-ratio: 1.5),
362 only screen and (-o-min-device-pixel-ratio: 3/2),
363 only screen and (min-device-pixel-ratio: 1.5) {
364 .icheckbox_line-aero .icheck_line-icon,
365 .iradio_line-aero .icheck_line-icon {
366 background-image: url(line@2x.png);
367 -webkit-background-size: 60px 13px;
368 background-size: 60px 13px;
373 .icheckbox_line-grey,
378 padding: 5px 15px 5px 38px;
384 -webkit-border-radius: 3px;
385 -moz-border-radius: 3px;
389 .icheckbox_line-grey .icheck_line-icon,
390 .iradio_line-grey .icheck_line-icon {
399 background: url(line.png) no-repeat;
402 .icheckbox_line-grey.hover,
403 .icheckbox_line-grey.checked.hover,
404 .iradio_line-grey.hover {
407 .icheckbox_line-grey.checked,
408 .iradio_line-grey.checked {
411 .icheckbox_line-grey.checked .icheck_line-icon,
412 .iradio_line-grey.checked .icheck_line-icon {
413 background-position: -15px 0;
415 .icheckbox_line-grey.disabled,
416 .iradio_line-grey.disabled {
420 .icheckbox_line-grey.disabled .icheck_line-icon,
421 .iradio_line-grey.disabled .icheck_line-icon {
422 background-position: -30px 0;
424 .icheckbox_line-grey.checked.disabled,
425 .iradio_line-grey.checked.disabled {
428 .icheckbox_line-grey.checked.disabled .icheck_line-icon,
429 .iradio_line-grey.checked.disabled .icheck_line-icon {
430 background-position: -45px 0;
434 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
435 only screen and (-moz-min-device-pixel-ratio: 1.5),
436 only screen and (-o-min-device-pixel-ratio: 3/2),
437 only screen and (min-device-pixel-ratio: 1.5) {
438 .icheckbox_line-grey .icheck_line-icon,
439 .iradio_line-grey .icheck_line-icon {
440 background-image: url(line@2x.png);
441 -webkit-background-size: 60px 13px;
442 background-size: 60px 13px;
447 .icheckbox_line-orange,
448 .iradio_line-orange {
452 padding: 5px 15px 5px 38px;
458 -webkit-border-radius: 3px;
459 -moz-border-radius: 3px;
463 .icheckbox_line-orange .icheck_line-icon,
464 .iradio_line-orange .icheck_line-icon {
473 background: url(line.png) no-repeat;
476 .icheckbox_line-orange.hover,
477 .icheckbox_line-orange.checked.hover,
478 .iradio_line-orange.hover {
481 .icheckbox_line-orange.checked,
482 .iradio_line-orange.checked {
485 .icheckbox_line-orange.checked .icheck_line-icon,
486 .iradio_line-orange.checked .icheck_line-icon {
487 background-position: -15px 0;
489 .icheckbox_line-orange.disabled,
490 .iradio_line-orange.disabled {
494 .icheckbox_line-orange.disabled .icheck_line-icon,
495 .iradio_line-orange.disabled .icheck_line-icon {
496 background-position: -30px 0;
498 .icheckbox_line-orange.checked.disabled,
499 .iradio_line-orange.checked.disabled {
502 .icheckbox_line-orange.checked.disabled .icheck_line-icon,
503 .iradio_line-orange.checked.disabled .icheck_line-icon {
504 background-position: -45px 0;
508 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
509 only screen and (-moz-min-device-pixel-ratio: 1.5),
510 only screen and (-o-min-device-pixel-ratio: 3/2),
511 only screen and (min-device-pixel-ratio: 1.5) {
512 .icheckbox_line-orange .icheck_line-icon,
513 .iradio_line-orange .icheck_line-icon {
514 background-image: url(line@2x.png);
515 -webkit-background-size: 60px 13px;
516 background-size: 60px 13px;
521 .icheckbox_line-yellow,
522 .iradio_line-yellow {
526 padding: 5px 15px 5px 38px;
532 -webkit-border-radius: 3px;
533 -moz-border-radius: 3px;
537 .icheckbox_line-yellow .icheck_line-icon,
538 .iradio_line-yellow .icheck_line-icon {
547 background: url(line.png) no-repeat;
550 .icheckbox_line-yellow.hover,
551 .icheckbox_line-yellow.checked.hover,
552 .iradio_line-yellow.hover {
555 .icheckbox_line-yellow.checked,
556 .iradio_line-yellow.checked {
559 .icheckbox_line-yellow.checked .icheck_line-icon,
560 .iradio_line-yellow.checked .icheck_line-icon {
561 background-position: -15px 0;
563 .icheckbox_line-yellow.disabled,
564 .iradio_line-yellow.disabled {
568 .icheckbox_line-yellow.disabled .icheck_line-icon,
569 .iradio_line-yellow.disabled .icheck_line-icon {
570 background-position: -30px 0;
572 .icheckbox_line-yellow.checked.disabled,
573 .iradio_line-yellow.checked.disabled {
576 .icheckbox_line-yellow.checked.disabled .icheck_line-icon,
577 .iradio_line-yellow.checked.disabled .icheck_line-icon {
578 background-position: -45px 0;
582 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
583 only screen and (-moz-min-device-pixel-ratio: 1.5),
584 only screen and (-o-min-device-pixel-ratio: 3/2),
585 only screen and (min-device-pixel-ratio: 1.5) {
586 .icheckbox_line-yellow .icheck_line-icon,
587 .iradio_line-yellow .icheck_line-icon {
588 background-image: url(line@2x.png);
589 -webkit-background-size: 60px 13px;
590 background-size: 60px 13px;
595 .icheckbox_line-pink,
600 padding: 5px 15px 5px 38px;
606 -webkit-border-radius: 3px;
607 -moz-border-radius: 3px;
611 .icheckbox_line-pink .icheck_line-icon,
612 .iradio_line-pink .icheck_line-icon {
621 background: url(line.png) no-repeat;
624 .icheckbox_line-pink.hover,
625 .icheckbox_line-pink.checked.hover,
626 .iradio_line-pink.hover {
629 .icheckbox_line-pink.checked,
630 .iradio_line-pink.checked {
633 .icheckbox_line-pink.checked .icheck_line-icon,
634 .iradio_line-pink.checked .icheck_line-icon {
635 background-position: -15px 0;
637 .icheckbox_line-pink.disabled,
638 .iradio_line-pink.disabled {
642 .icheckbox_line-pink.disabled .icheck_line-icon,
643 .iradio_line-pink.disabled .icheck_line-icon {
644 background-position: -30px 0;
646 .icheckbox_line-pink.checked.disabled,
647 .iradio_line-pink.checked.disabled {
650 .icheckbox_line-pink.checked.disabled .icheck_line-icon,
651 .iradio_line-pink.checked.disabled .icheck_line-icon {
652 background-position: -45px 0;
656 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
657 only screen and (-moz-min-device-pixel-ratio: 1.5),
658 only screen and (-o-min-device-pixel-ratio: 3/2),
659 only screen and (min-device-pixel-ratio: 1.5) {
660 .icheckbox_line-pink .icheck_line-icon,
661 .iradio_line-pink .icheck_line-icon {
662 background-image: url(line@2x.png);
663 -webkit-background-size: 60px 13px;
664 background-size: 60px 13px;
669 .icheckbox_line-purple,
670 .iradio_line-purple {
674 padding: 5px 15px 5px 38px;
680 -webkit-border-radius: 3px;
681 -moz-border-radius: 3px;
685 .icheckbox_line-purple .icheck_line-icon,
686 .iradio_line-purple .icheck_line-icon {
695 background: url(line.png) no-repeat;
698 .icheckbox_line-purple.hover,
699 .icheckbox_line-purple.checked.hover,
700 .iradio_line-purple.hover {
703 .icheckbox_line-purple.checked,
704 .iradio_line-purple.checked {
707 .icheckbox_line-purple.checked .icheck_line-icon,
708 .iradio_line-purple.checked .icheck_line-icon {
709 background-position: -15px 0;
711 .icheckbox_line-purple.disabled,
712 .iradio_line-purple.disabled {
716 .icheckbox_line-purple.disabled .icheck_line-icon,
717 .iradio_line-purple.disabled .icheck_line-icon {
718 background-position: -30px 0;
720 .icheckbox_line-purple.checked.disabled,
721 .iradio_line-purple.checked.disabled {
724 .icheckbox_line-purple.checked.disabled .icheck_line-icon,
725 .iradio_line-purple.checked.disabled .icheck_line-icon {
726 background-position: -45px 0;
730 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
731 only screen and (-moz-min-device-pixel-ratio: 1.5),
732 only screen and (-o-min-device-pixel-ratio: 3/2),
733 only screen and (min-device-pixel-ratio: 1.5) {
734 .icheckbox_line-purple .icheck_line-icon,
735 .iradio_line-purple .icheck_line-icon {
736 background-image: url(line@2x.png);
737 -webkit-background-size: 60px 13px;
738 background-size: 60px 13px;