CLIENT GUI Framework
[vnfsdk/refrepo.git] / openo-portal / portal-common / src / main / webapp / common / thirdparty / icheck / skins / line / orange.css
1 /* iCheck plugin Line skin, orange\r
2 ----------------------------------- */\r
3 .icheckbox_line-orange,\r
4 .iradio_line-orange {\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: #f70;\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-orange .icheck_line-icon,\r
20     .iradio_line-orange .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-orange.hover,\r
33     .icheckbox_line-orange.checked.hover,\r
34     .iradio_line-orange.hover {\r
35         background: #FF9233;\r
36     }\r
37     .icheckbox_line-orange.checked,\r
38     .iradio_line-orange.checked {\r
39         background: #f70;\r
40     }\r
41         .icheckbox_line-orange.checked .icheck_line-icon,\r
42         .iradio_line-orange.checked .icheck_line-icon {\r
43             background-position: -15px 0;\r
44         }\r
45     .icheckbox_line-orange.disabled,\r
46     .iradio_line-orange.disabled {\r
47         background: #FFD6B3;\r
48         cursor: default;\r
49     }\r
50         .icheckbox_line-orange.disabled .icheck_line-icon,\r
51         .iradio_line-orange.disabled .icheck_line-icon {\r
52             background-position: -30px 0;\r
53         }\r
54     .icheckbox_line-orange.checked.disabled,\r
55     .iradio_line-orange.checked.disabled {\r
56         background: #FFD6B3;\r
57     }\r
58         .icheckbox_line-orange.checked.disabled .icheck_line-icon,\r
59         .iradio_line-orange.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-orange .icheck_line-icon,\r
66     .iradio_line-orange .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 }