1 | /* iCheck plugin Minimal skin, black |
---|
2 | ----------------------------------- */ |
---|
3 | .icheckbox_minimal, |
---|
4 | .iradio_minimal { |
---|
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(minimal.png) no-repeat; |
---|
13 | border: none; |
---|
14 | cursor: pointer; |
---|
15 | } |
---|
16 | |
---|
17 | .icheckbox_minimal { |
---|
18 | background-position: 0 0; |
---|
19 | } |
---|
20 | .icheckbox_minimal.hover { |
---|
21 | background-position: -20px 0; |
---|
22 | } |
---|
23 | .icheckbox_minimal.checked { |
---|
24 | background-position: -40px 0; |
---|
25 | } |
---|
26 | .icheckbox_minimal.disabled { |
---|
27 | background-position: -60px 0; |
---|
28 | cursor: default; |
---|
29 | } |
---|
30 | .icheckbox_minimal.checked.disabled { |
---|
31 | background-position: -80px 0; |
---|
32 | } |
---|
33 | |
---|
34 | .iradio_minimal { |
---|
35 | background-position: -100px 0; |
---|
36 | } |
---|
37 | .iradio_minimal.hover { |
---|
38 | background-position: -120px 0; |
---|
39 | } |
---|
40 | .iradio_minimal.checked { |
---|
41 | background-position: -140px 0; |
---|
42 | } |
---|
43 | .iradio_minimal.disabled { |
---|
44 | background-position: -160px 0; |
---|
45 | cursor: default; |
---|
46 | } |
---|
47 | .iradio_minimal.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: 3/2), |
---|
55 | only screen and (min-device-pixel-ratio: 1.5) { |
---|
56 | .icheckbox_minimal, |
---|
57 | .iradio_minimal { |
---|
58 | background-image: url(minimal@2x.png); |
---|
59 | -webkit-background-size: 200px 20px; |
---|
60 | background-size: 200px 20px; |
---|
61 | } |
---|
62 | } |
---|