]>
Commit | Line | Data |
---|---|---|
31f18b77 FG |
1 | /* iCheck plugin Line skin, grey |
2 | ----------------------------------- */ | |
3 | .icheckbox_line-grey, | |
4 | .iradio_line-grey { | |
5 | position: relative; | |
6 | display: block; | |
7 | margin: 0; | |
8 | padding: 5px 15px 5px 38px; | |
9 | font-size: 13px; | |
10 | line-height: 17px; | |
11 | color: #fff; | |
12 | background: #73716e; | |
13 | border: none; | |
14 | -webkit-border-radius: 3px; | |
15 | -moz-border-radius: 3px; | |
16 | border-radius: 3px; | |
17 | cursor: pointer; | |
18 | } | |
19 | .icheckbox_line-grey .icheck_line-icon, | |
20 | .iradio_line-grey .icheck_line-icon { | |
21 | position: absolute; | |
22 | top: 50%; | |
23 | left: 13px; | |
24 | width: 13px; | |
25 | height: 11px; | |
26 | margin: -5px 0 0 0; | |
27 | padding: 0; | |
28 | overflow: hidden; | |
29 | background: url(line.png) no-repeat; | |
30 | border: none; | |
31 | } | |
32 | .icheckbox_line-grey.hover, | |
33 | .icheckbox_line-grey.checked.hover, | |
34 | .iradio_line-grey.hover { | |
35 | background: #8B8986; | |
36 | } | |
37 | .icheckbox_line-grey.checked, | |
38 | .iradio_line-grey.checked { | |
39 | background: #73716e; | |
40 | } | |
41 | .icheckbox_line-grey.checked .icheck_line-icon, | |
42 | .iradio_line-grey.checked .icheck_line-icon { | |
43 | background-position: -15px 0; | |
44 | } | |
45 | .icheckbox_line-grey.disabled, | |
46 | .iradio_line-grey.disabled { | |
47 | background: #D5D4D3; | |
48 | cursor: default; | |
49 | } | |
50 | .icheckbox_line-grey.disabled .icheck_line-icon, | |
51 | .iradio_line-grey.disabled .icheck_line-icon { | |
52 | background-position: -30px 0; | |
53 | } | |
54 | .icheckbox_line-grey.checked.disabled, | |
55 | .iradio_line-grey.checked.disabled { | |
56 | background: #D5D4D3; | |
57 | } | |
58 | .icheckbox_line-grey.checked.disabled .icheck_line-icon, | |
59 | .iradio_line-grey.checked.disabled .icheck_line-icon { | |
60 | background-position: -45px 0; | |
61 | } | |
62 | ||
63 | /* Retina support */ | |
64 | @media only screen and (-webkit-min-device-pixel-ratio: 1.5), | |
65 | only screen and (-moz-min-device-pixel-ratio: 1.5), | |
66 | only screen and (-o-min-device-pixel-ratio: 3/2), | |
67 | only screen and (min-device-pixel-ratio: 1.5) { | |
68 | .icheckbox_line-grey .icheck_line-icon, | |
69 | .iradio_line-grey .icheck_line-icon { | |
70 | background-image: url(line@2x.png); | |
71 | -webkit-background-size: 60px 13px; | |
72 | background-size: 60px 13px; | |
73 | } | |
74 | } |