1 /* iCheck plugin Square skin, orange
2 ----------------------------------- */
3 .icheckbox_square-orange,
4 .iradio_square-orange {
7 vertical-align: middle;
12 background: url(orange.png) no-repeat;
17 .icheckbox_square-orange {
18 background-position: 0 0;
20 .icheckbox_square-orange.hover {
21 background-position: -24px 0;
23 .icheckbox_square-orange.checked {
24 background-position: -48px 0;
26 .icheckbox_square-orange.disabled {
27 background-position: -72px 0;
30 .icheckbox_square-orange.checked.disabled {
31 background-position: -96px 0;
34 .iradio_square-orange {
35 background-position: -120px 0;
37 .iradio_square-orange.hover {
38 background-position: -144px 0;
40 .iradio_square-orange.checked {
41 background-position: -168px 0;
43 .iradio_square-orange.disabled {
44 background-position: -192px 0;
47 .iradio_square-orange.checked.disabled {
48 background-position: -216px 0;
52 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
53 only screen and (-moz-min-device-pixel-ratio: 1.5),
54 only screen and (-o-min-device-pixel-ratio: 3/2),
55 only screen and (min-device-pixel-ratio: 1.5) {
56 .icheckbox_square-orange,
57 .iradio_square-orange {
58 background-image: url(orange@2x.png);
59 -webkit-background-size: 240px 24px;
60 background-size: 240px 24px;