CLIENT GUI Framework
[vnfsdk/refrepo.git] / portal-common / src / main / webapp / common / thirdparty / icheck / skins / minimal / orange.css
1 /* iCheck plugin Minimal skin, orange\r
2 ----------------------------------- */\r
3 .icheckbox_minimal-orange,\r
4 .iradio_minimal-orange {\r
5     display: inline-block;\r
6     *display: inline;\r
7     vertical-align: middle;\r
8     margin: 0;\r
9     padding: 0;\r
10     width: 18px;\r
11     height: 18px;\r
12     background: url(orange.png) no-repeat;\r
13     border: none;\r
14     cursor: pointer;\r
15 }\r
16 \r
17 .icheckbox_minimal-orange {\r
18     background-position: 0 0;\r
19 }\r
20     .icheckbox_minimal-orange.hover {\r
21         background-position: -20px 0;\r
22     }\r
23     .icheckbox_minimal-orange.checked {\r
24         background-position: -40px 0;\r
25     }\r
26     .icheckbox_minimal-orange.disabled {\r
27         background-position: -60px 0;\r
28         cursor: default;\r
29     }\r
30     .icheckbox_minimal-orange.checked.disabled {\r
31         background-position: -80px 0;\r
32     }\r
33 \r
34 .iradio_minimal-orange {\r
35     background-position: -100px 0;\r
36 }\r
37     .iradio_minimal-orange.hover {\r
38         background-position: -120px 0;\r
39     }\r
40     .iradio_minimal-orange.checked {\r
41         background-position: -140px 0;\r
42     }\r
43     .iradio_minimal-orange.disabled {\r
44         background-position: -160px 0;\r
45         cursor: default;\r
46     }\r
47     .iradio_minimal-orange.checked.disabled {\r
48         background-position: -180px 0;\r
49     }\r
50 \r
51 /* HiDPI support */\r
52 @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {\r
53     .icheckbox_minimal-orange,\r
54     .iradio_minimal-orange {\r
55         background-image: url(orange@2x.png);\r
56         -webkit-background-size: 200px 20px;\r
57         background-size: 200px 20px;\r
58     }\r
59 }