CLIENT GUI Framework
[vnfsdk/refrepo.git] / portal-common / src / main / webapp / common / thirdparty / icheck / skins / flat / purple.css
1 /* iCheck plugin Flat skin, purple\r
2 ----------------------------------- */\r
3 .icheckbox_flat-purple,\r
4 .iradio_flat-purple {\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: 20px;\r
11     height: 20px;\r
12     background: url(purple.png) no-repeat;\r
13     border: none;\r
14     cursor: pointer;\r
15 }\r
16 \r
17 .icheckbox_flat-purple {\r
18     background-position: 0 0;\r
19 }\r
20     .icheckbox_flat-purple.checked {\r
21         background-position: -22px 0;\r
22     }\r
23     .icheckbox_flat-purple.disabled {\r
24         background-position: -44px 0;\r
25         cursor: default;\r
26     }\r
27     .icheckbox_flat-purple.checked.disabled {\r
28         background-position: -66px 0;\r
29     }\r
30 \r
31 .iradio_flat-purple {\r
32     background-position: -88px 0;\r
33 }\r
34     .iradio_flat-purple.checked {\r
35         background-position: -110px 0;\r
36     }\r
37     .iradio_flat-purple.disabled {\r
38         background-position: -132px 0;\r
39         cursor: default;\r
40     }\r
41     .iradio_flat-purple.checked.disabled {\r
42         background-position: -154px 0;\r
43     }\r
44 \r
45 /* HiDPI support */\r
46 @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {\r
47     .icheckbox_flat-purple,\r
48     .iradio_flat-purple {\r
49         background-image: url(purple@2x.png);\r
50         -webkit-background-size: 176px 22px;\r
51         background-size: 176px 22px;\r
52     }\r
53 }