1 | /* iCheck plugin Polaris skin |
---|
2 | ----------------------------------- */ |
---|
3 | .icheckbox_polaris, |
---|
4 | .iradio_polaris { |
---|
5 | display: inline-block; |
---|
6 | *display: inline; |
---|
7 | vertical-align: middle; |
---|
8 | margin: 0; |
---|
9 | padding: 0; |
---|
10 | width: 29px; |
---|
11 | height: 29px; |
---|
12 | background: url(polaris.png) no-repeat; |
---|
13 | border: none; |
---|
14 | cursor: pointer; |
---|
15 | } |
---|
16 | |
---|
17 | .icheckbox_polaris { |
---|
18 | background-position: 0 0; |
---|
19 | } |
---|
20 | .icheckbox_polaris.hover { |
---|
21 | background-position: -31px 0; |
---|
22 | } |
---|
23 | .icheckbox_polaris.checked { |
---|
24 | background-position: -62px 0; |
---|
25 | } |
---|
26 | .icheckbox_polaris.disabled { |
---|
27 | background-position: -93px 0; |
---|
28 | cursor: default; |
---|
29 | } |
---|
30 | .icheckbox_polaris.checked.disabled { |
---|
31 | background-position: -124px 0; |
---|
32 | } |
---|
33 | |
---|
34 | .iradio_polaris { |
---|
35 | background-position: -155px 0; |
---|
36 | } |
---|
37 | .iradio_polaris.hover { |
---|
38 | background-position: -186px 0; |
---|
39 | } |
---|
40 | .iradio_polaris.checked { |
---|
41 | background-position: -217px 0; |
---|
42 | } |
---|
43 | .iradio_polaris.disabled { |
---|
44 | background-position: -248px 0; |
---|
45 | cursor: default; |
---|
46 | } |
---|
47 | .iradio_polaris.checked.disabled { |
---|
48 | background-position: -279px 0; |
---|
49 | } |
---|
50 | |
---|
51 | /* Retina support */ |
---|
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_polaris, |
---|
57 | .iradio_polaris { |
---|
58 | background-image: url(polaris@2x.png); |
---|
59 | -webkit-background-size: 310px 31px; |
---|
60 | background-size: 310px 31px; |
---|
61 | } |
---|
62 | } |
---|