1 | /* iCheck plugin Flat skin, red |
---|
2 | ----------------------------------- */ |
---|
3 | .icheckbox_flat-red, |
---|
4 | .iradio_flat-red { |
---|
5 | display: inline-block; |
---|
6 | *display: inline; |
---|
7 | vertical-align: middle; |
---|
8 | margin: 0; |
---|
9 | padding: 0; |
---|
10 | width: 20px; |
---|
11 | height: 20px; |
---|
12 | background: url(red.png) no-repeat; |
---|
13 | border: none; |
---|
14 | cursor: pointer; |
---|
15 | } |
---|
16 | |
---|
17 | .icheckbox_flat-red { |
---|
18 | background-position: 0 0; |
---|
19 | } |
---|
20 | .icheckbox_flat-red.checked { |
---|
21 | background-position: -22px 0; |
---|
22 | } |
---|
23 | .icheckbox_flat-red.disabled { |
---|
24 | background-position: -44px 0; |
---|
25 | cursor: default; |
---|
26 | } |
---|
27 | .icheckbox_flat-red.checked.disabled { |
---|
28 | background-position: -66px 0; |
---|
29 | } |
---|
30 | |
---|
31 | .iradio_flat-red { |
---|
32 | background-position: -88px 0; |
---|
33 | } |
---|
34 | .iradio_flat-red.checked { |
---|
35 | background-position: -110px 0; |
---|
36 | } |
---|
37 | .iradio_flat-red.disabled { |
---|
38 | background-position: -132px 0; |
---|
39 | cursor: default; |
---|
40 | } |
---|
41 | .iradio_flat-red.checked.disabled { |
---|
42 | background-position: -154px 0; |
---|
43 | } |
---|
44 | |
---|
45 | /* Retina support */ |
---|
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) { |
---|
50 | .icheckbox_flat-red, |
---|
51 | .iradio_flat-red { |
---|
52 | background-image: url(red@2x.png); |
---|
53 | -webkit-background-size: 176px 22px; |
---|
54 | background-size: 176px 22px; |
---|
55 | } |
---|
56 | } |
---|