| 1 | /* iCheck plugin Futurico skin |
|---|
| 2 | ----------------------------------- */ |
|---|
| 3 | .icheckbox_futurico, |
|---|
| 4 | .iradio_futurico { |
|---|
| 5 | display: inline-block; |
|---|
| 6 | *display: inline; |
|---|
| 7 | vertical-align: middle; |
|---|
| 8 | margin: 0; |
|---|
| 9 | padding: 0; |
|---|
| 10 | width: 16px; |
|---|
| 11 | height: 17px; |
|---|
| 12 | background: url(futurico.png) no-repeat; |
|---|
| 13 | border: none; |
|---|
| 14 | cursor: pointer; |
|---|
| 15 | } |
|---|
| 16 | |
|---|
| 17 | .icheckbox_futurico { |
|---|
| 18 | background-position: 0 0; |
|---|
| 19 | } |
|---|
| 20 | .icheckbox_futurico.checked { |
|---|
| 21 | background-position: -18px 0; |
|---|
| 22 | } |
|---|
| 23 | .icheckbox_futurico.disabled { |
|---|
| 24 | background-position: -36px 0; |
|---|
| 25 | cursor: default; |
|---|
| 26 | } |
|---|
| 27 | .icheckbox_futurico.checked.disabled { |
|---|
| 28 | background-position: -54px 0; |
|---|
| 29 | } |
|---|
| 30 | |
|---|
| 31 | .iradio_futurico { |
|---|
| 32 | background-position: -72px 0; |
|---|
| 33 | } |
|---|
| 34 | .iradio_futurico.checked { |
|---|
| 35 | background-position: -90px 0; |
|---|
| 36 | } |
|---|
| 37 | .iradio_futurico.disabled { |
|---|
| 38 | background-position: -108px 0; |
|---|
| 39 | cursor: default; |
|---|
| 40 | } |
|---|
| 41 | .iradio_futurico.checked.disabled { |
|---|
| 42 | background-position: -126px 0; |
|---|
| 43 | } |
|---|
| 44 | |
|---|
| 45 | /* Retina support */ |
|---|
| 46 | @media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
|---|
| 47 | only screen and (-moz-min-device-pixel-ratio: 1.5), |
|---|
| 48 | only screen and (-o-min-device-pixel-ratio: 3/2), |
|---|
| 49 | only screen and (min-device-pixel-ratio: 1.5) { |
|---|
| 50 | .icheckbox_futurico, |
|---|
| 51 | .iradio_futurico { |
|---|
| 52 | background-image: url(futurico@2x.png); |
|---|
| 53 | -webkit-background-size: 144px 19px; |
|---|
| 54 | background-size: 144px 19px; |
|---|
| 55 | } |
|---|
| 56 | } |
|---|
