git.roojs.org Git - bootswatch/blob - AdminLTE-master/less/iCheck.less

   1 /*!
   2  * iCheck v1.0.1, http://git.io/arlzeA
   3  * =================================
   4  * Powerful jQuery and Zepto plugin for checkboxes and radio buttons customization
   5  *
   6  * (c) 2013 Damir Sultanov, http://fronteed.com
   7  * MIT Licensed
   8  */
   9 /* iCheck plugin Minimal skin, black
  10 ----------------------------------- */
  11 .icheckbox_minimal,
  12 .iradio_minimal {
  13     display: inline-block;
  14     *display: inline;
  15     vertical-align: middle;
  16     margin: 0;
  17     padding: 0;
  18     width: 18px;
  19     height: 18px;
  20     background: rgba(255, 255, 255, 0.7) url(iCheck/minimal/minimal.png) no-repeat;
  21     border: none;
  22     cursor: pointer;
  23 }
  24
  25 .icheckbox_minimal {
  26     background-position: 0 0;
  27 }
  28     .icheckbox_minimal.hover {
  29         background-position: -20px 0;
  30     }
  31     .icheckbox_minimal.checked {
  32         background-position: -40px 0;
  33     }
  34     .icheckbox_minimal.disabled {
  35         background-position: -60px 0;
  36         cursor: default;
  37     }
  38     .icheckbox_minimal.checked.disabled {
  39         background-position: -80px 0;
  40     }
  41
  42 .iradio_minimal {
  43     background-position: -100px 0;
  44 }
  45     .iradio_minimal.hover {
  46         background-position: -120px 0;
  47     }
  48     .iradio_minimal.checked {
  49         background-position: -140px 0;
  50     }
  51     .iradio_minimal.disabled {
  52         background-position: -160px 0;
  53         cursor: default;
  54     }
  55     .iradio_minimal.checked.disabled {
  56         background-position: -180px 0;
  57     }
  58
  59 /* Retina support */
  60 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  61        only screen and (-moz-min-device-pixel-ratio: 1.5),
  62        only screen and (-o-min-device-pixel-ratio: 3/2),
  63        only screen and (min-device-pixel-ratio: 1.5) {
  64     .icheckbox_minimal,
  65     .iradio_minimal {
  66         background-image: url('iCheck/minimal/minimal@2x.png');
  67         -webkit-background-size: 200px 20px;
  68         background-size: 200px 20px;
  69     }
  70 }