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