]>
Commit | Line | Data |
---|---|---|
31f18b77 FG |
1 | /* iCheck plugin Minimal skin, grey |
2 | ----------------------------------- */ | |
3 | .icheckbox_minimal-grey, | |
4 | .iradio_minimal-grey { | |
5 | display: inline-block; | |
6 | *display: inline; | |
7 | vertical-align: middle; | |
8 | margin: 0; | |
9 | padding: 0; | |
10 | width: 18px; | |
11 | height: 18px; | |
12 | background: url(grey.png) no-repeat; | |
13 | border: none; | |
14 | cursor: pointer; | |
15 | } | |
16 | ||
17 | .icheckbox_minimal-grey { | |
18 | background-position: 0 0; | |
19 | } | |
20 | .icheckbox_minimal-grey.hover { | |
21 | background-position: -20px 0; | |
22 | } | |
23 | .icheckbox_minimal-grey.checked { | |
24 | background-position: -40px 0; | |
25 | } | |
26 | .icheckbox_minimal-grey.disabled { | |
27 | background-position: -60px 0; | |
28 | cursor: default; | |
29 | } | |
30 | .icheckbox_minimal-grey.checked.disabled { | |
31 | background-position: -80px 0; | |
32 | } | |
33 | ||
34 | .iradio_minimal-grey { | |
35 | background-position: -100px 0; | |
36 | } | |
37 | .iradio_minimal-grey.hover { | |
38 | background-position: -120px 0; | |
39 | } | |
40 | .iradio_minimal-grey.checked { | |
41 | background-position: -140px 0; | |
42 | } | |
43 | .iradio_minimal-grey.disabled { | |
44 | background-position: -160px 0; | |
45 | cursor: default; | |
46 | } | |
47 | .iradio_minimal-grey.checked.disabled { | |
48 | background-position: -180px 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: 1.5), | |
55 | only screen and (min-device-pixel-ratio: 1.5) { | |
56 | .icheckbox_minimal-grey, | |
57 | .iradio_minimal-grey { | |
58 | background-image: url(grey@2x.png); | |
59 | -webkit-background-size: 200px 20px; | |
60 | background-size: 200px 20px; | |
61 | } | |
62 | } |