]>
Commit | Line | Data |
---|---|---|
31f18b77 FG |
1 | /* iCheck plugin Square skin, yellow |
2 | ----------------------------------- */ | |
3 | .icheckbox_square-yellow, | |
4 | .iradio_square-yellow { | |
5 | display: inline-block; | |
6 | *display: inline; | |
7 | vertical-align: middle; | |
8 | margin: 0; | |
9 | padding: 0; | |
10 | width: 22px; | |
11 | height: 22px; | |
12 | background: url(yellow.png) no-repeat; | |
13 | border: none; | |
14 | cursor: pointer; | |
15 | } | |
16 | ||
17 | .icheckbox_square-yellow { | |
18 | background-position: 0 0; | |
19 | } | |
20 | .icheckbox_square-yellow.hover { | |
21 | background-position: -24px 0; | |
22 | } | |
23 | .icheckbox_square-yellow.checked { | |
24 | background-position: -48px 0; | |
25 | } | |
26 | .icheckbox_square-yellow.disabled { | |
27 | background-position: -72px 0; | |
28 | cursor: default; | |
29 | } | |
30 | .icheckbox_square-yellow.checked.disabled { | |
31 | background-position: -96px 0; | |
32 | } | |
33 | ||
34 | .iradio_square-yellow { | |
35 | background-position: -120px 0; | |
36 | } | |
37 | .iradio_square-yellow.hover { | |
38 | background-position: -144px 0; | |
39 | } | |
40 | .iradio_square-yellow.checked { | |
41 | background-position: -168px 0; | |
42 | } | |
43 | .iradio_square-yellow.disabled { | |
44 | background-position: -192px 0; | |
45 | cursor: default; | |
46 | } | |
47 | .iradio_square-yellow.checked.disabled { | |
48 | background-position: -216px 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_square-yellow, | |
57 | .iradio_square-yellow { | |
58 | background-image: url(yellow@2x.png); | |
59 | -webkit-background-size: 240px 24px; | |
60 | background-size: 240px 24px; | |
61 | } | |
62 | } |