| 5 |
lars |
1 |
/* iCheck plugin Line skin, purple
|
|
|
2 |
----------------------------------- */
|
|
|
3 |
.icheckbox_line-purple,
|
|
|
4 |
.iradio_line-purple {
|
|
|
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: #6a5a8c;
|
|
|
13 |
border: none;
|
|
|
14 |
-webkit-border-radius: 3px;
|
|
|
15 |
-moz-border-radius: 3px;
|
|
|
16 |
border-radius: 3px;
|
|
|
17 |
cursor: pointer;
|
|
|
18 |
}
|
|
|
19 |
.icheckbox_line-purple .icheck_line-icon,
|
|
|
20 |
.iradio_line-purple .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-purple.hover,
|
|
|
33 |
.icheckbox_line-purple.checked.hover,
|
|
|
34 |
.iradio_line-purple.hover {
|
|
|
35 |
background: #8677A7;
|
|
|
36 |
}
|
|
|
37 |
.icheckbox_line-purple.checked,
|
|
|
38 |
.iradio_line-purple.checked {
|
|
|
39 |
background: #6a5a8c;
|
|
|
40 |
}
|
|
|
41 |
.icheckbox_line-purple.checked .icheck_line-icon,
|
|
|
42 |
.iradio_line-purple.checked .icheck_line-icon {
|
|
|
43 |
background-position: -15px 0;
|
|
|
44 |
}
|
|
|
45 |
.icheckbox_line-purple.disabled,
|
|
|
46 |
.iradio_line-purple.disabled {
|
|
|
47 |
background: #D2CCDE;
|
|
|
48 |
cursor: default;
|
|
|
49 |
}
|
|
|
50 |
.icheckbox_line-purple.disabled .icheck_line-icon,
|
|
|
51 |
.iradio_line-purple.disabled .icheck_line-icon {
|
|
|
52 |
background-position: -30px 0;
|
|
|
53 |
}
|
|
|
54 |
.icheckbox_line-purple.checked.disabled,
|
|
|
55 |
.iradio_line-purple.checked.disabled {
|
|
|
56 |
background: #D2CCDE;
|
|
|
57 |
}
|
|
|
58 |
.icheckbox_line-purple.checked.disabled .icheck_line-icon,
|
|
|
59 |
.iradio_line-purple.checked.disabled .icheck_line-icon {
|
|
|
60 |
background-position: -45px 0;
|
|
|
61 |
}
|
|
|
62 |
|
|
|
63 |
/* HiDPI support */
|
|
|
64 |
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
|
|
65 |
.icheckbox_line-purple .icheck_line-icon,
|
|
|
66 |
.iradio_line-purple .icheck_line-icon {
|
|
|
67 |
background-image: url(line@2x.png);
|
|
|
68 |
-webkit-background-size: 60px 13px;
|
|
|
69 |
background-size: 60px 13px;
|
|
|
70 |
}
|
|
|
71 |
}
|