CLIENT GUI Framework
[vnfsdk/refrepo.git] / openo-portal / portal-common / src / main / webapp / common / thirdparty / icheck / skins / square / aero.css
1 /* iCheck plugin Square skin, aero\r
2 ----------------------------------- */\r
3 .icheckbox_square-aero,\r
4 .iradio_square-aero {\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: 22px;\r
11     height: 22px;\r
12     background: url(aero.png) no-repeat;\r
13     border: none;\r
14     cursor: pointer;\r
15 }\r
16 \r
17 .icheckbox_square-aero {\r
18     background-position: 0 0;\r
19 }\r
20     .icheckbox_square-aero.hover {\r
21         background-position: -24px 0;\r
22     }\r
23     .icheckbox_square-aero.checked {\r
24         background-position: -48px 0;\r
25     }\r
26     .icheckbox_square-aero.disabled {\r
27         background-position: -72px 0;\r
28         cursor: default;\r
29     }\r
30     .icheckbox_square-aero.checked.disabled {\r
31         background-position: -96px 0;\r
32     }\r
33 \r
34 .iradio_square-aero {\r
35     background-position: -120px 0;\r
36 }\r
37     .iradio_square-aero.hover {\r
38         background-position: -144px 0;\r
39     }\r
40     .iradio_square-aero.checked {\r
41         background-position: -168px 0;\r
42     }\r
43     .iradio_square-aero.disabled {\r
44         background-position: -192px 0;\r
45         cursor: default;\r
46     }\r
47     .iradio_square-aero.checked.disabled {\r
48         background-position: -216px 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_square-aero,\r
54     .iradio_square-aero {\r
55         background-image: url(aero@2x.png);\r
56         -webkit-background-size: 240px 24px;\r
57         background-size: 240px 24px;\r
58     }\r
59 }