openo-portal/portal-common/src/main/webapp/common/thirdparty/icheck/skins/line/green.css

   1 /* iCheck plugin Line skin, green
   2 ----------------------------------- */
   3 .icheckbox_line-green,
   4 .iradio_line-green {
   5     position: relative;
   6     display: block;
   7     margin: 0;
   8     padding: 5px 15px 5px 38px;
   9     font-size: 13px;
  10     line-height: 17px;
  11     color: #fff;
  12     background: #1b7e5a;
  13     border: none;
  14     -webkit-border-radius: 3px;
  15     -moz-border-radius: 3px;
  16     border-radius: 3px;
  17     cursor: pointer;
  18 }
  19     .icheckbox_line-green .icheck_line-icon,
  20     .iradio_line-green .icheck_line-icon {
  21         position: absolute;
  22         top: 50%;
  23         left: 13px;
  24         width: 13px;
  25         height: 11px;
  26         margin: -5px 0 0 0;
  27         padding: 0;
  28         overflow: hidden;
  29         background: url(line.png) no-repeat;
  30         border: none;
  31     }
  32     .icheckbox_line-green.hover,
  33     .icheckbox_line-green.checked.hover,
  34     .iradio_line-green.hover {
  35         background: #24AA7A;
  36     }
  37     .icheckbox_line-green.checked,
  38     .iradio_line-green.checked {
  39         background: #1b7e5a;
  40     }
  41         .icheckbox_line-green.checked .icheck_line-icon,
  42         .iradio_line-green.checked .icheck_line-icon {
  43             background-position: -15px 0;
  44         }
  45     .icheckbox_line-green.disabled,
  46     .iradio_line-green.disabled {
  47         background: #89E6C4;
  48         cursor: default;
  49     }
  50         .icheckbox_line-green.disabled .icheck_line-icon,
  51         .iradio_line-green.disabled .icheck_line-icon {
  52             background-position: -30px 0;
  53         }
  54     .icheckbox_line-green.checked.disabled,
  55     .iradio_line-green.checked.disabled {
  56         background: #89E6C4;
  57     }
  58         .icheckbox_line-green.checked.disabled .icheck_line-icon,
  59         .iradio_line-green.checked.disabled .icheck_line-icon {
  60             background-position: -45px 0;
  61         }
  62
  63 /* HiDPI support */
  64 @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
  65     .icheckbox_line-green .icheck_line-icon,
  66     .iradio_line-green .icheck_line-icon {
  67         background-image: url(line@2x.png);
  68         -webkit-background-size: 60px 13px;
  69         background-size: 60px 13px;
  70     }
  71 }