CLIENT GUI Framework
[vnfsdk/refrepo.git] / openo-portal / portal-common / src / main / webapp / common / thirdparty / icheck / skins / line / red.css
1 /* iCheck plugin Line skin, red\r
2 ----------------------------------- */\r
3 .icheckbox_line-red,\r
4 .iradio_line-red {\r
5     position: relative;\r
6     display: block;\r
7     margin: 0;\r
8     padding: 5px 15px 5px 38px;\r
9     font-size: 13px;\r
10     line-height: 17px;\r
11     color: #fff;\r
12     background: #e56c69;\r
13     border: none;\r
14     -webkit-border-radius: 3px;\r
15     -moz-border-radius: 3px;\r
16     border-radius: 3px;\r
17     cursor: pointer;\r
18 }\r
19     .icheckbox_line-red .icheck_line-icon,\r
20     .iradio_line-red .icheck_line-icon {\r
21         position: absolute;\r
22         top: 50%;\r
23         left: 13px;\r
24         width: 13px;\r
25         height: 11px;\r
26         margin: -5px 0 0 0;\r
27         padding: 0;\r
28         overflow: hidden;\r
29         background: url(line.png) no-repeat;\r
30         border: none;\r
31     }\r
32     .icheckbox_line-red.hover,\r
33     .icheckbox_line-red.checked.hover,\r
34     .iradio_line-red.hover {\r
35         background: #E98582;\r
36     }\r
37     .icheckbox_line-red.checked,\r
38     .iradio_line-red.checked {\r
39         background: #e56c69;\r
40     }\r
41         .icheckbox_line-red.checked .icheck_line-icon,\r
42         .iradio_line-red.checked .icheck_line-icon {\r
43             background-position: -15px 0;\r
44         }\r
45     .icheckbox_line-red.disabled,\r
46     .iradio_line-red.disabled {\r
47         background: #F7D3D2;\r
48         cursor: default;\r
49     }\r
50         .icheckbox_line-red.disabled .icheck_line-icon,\r
51         .iradio_line-red.disabled .icheck_line-icon {\r
52             background-position: -30px 0;\r
53         }\r
54     .icheckbox_line-red.checked.disabled,\r
55     .iradio_line-red.checked.disabled {\r
56         background: #F7D3D2;\r
57     }\r
58         .icheckbox_line-red.checked.disabled .icheck_line-icon,\r
59         .iradio_line-red.checked.disabled .icheck_line-icon {\r
60             background-position: -45px 0;\r
61         }\r
62 \r
63 /* HiDPI support */\r
64 @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {\r
65     .icheckbox_line-red .icheck_line-icon,\r
66     .iradio_line-red .icheck_line-icon {\r
67         background-image: url(line@2x.png);\r
68         -webkit-background-size: 60px 13px;\r
69         background-size: 60px 13px;\r
70     }\r
71 }