github.com/insionng/yougam@v0.0.0-20170714101924-2bc18d833463/public/libs/icheck/skins/line/yellow.css (about)

     1  /* iCheck plugin Line skin, yellow
     2  ----------------------------------- */
     3  .icheckbox_line-yellow,
     4  .iradio_line-yellow {
     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: #FFC414;
    13      border: none;
    14      -webkit-border-radius: 3px;
    15      -moz-border-radius: 3px;
    16      border-radius: 3px;
    17      cursor: pointer;
    18  }
    19      .icheckbox_line-yellow .icheck_line-icon,
    20      .iradio_line-yellow .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-yellow.hover,
    33      .icheckbox_line-yellow.checked.hover,
    34      .iradio_line-yellow.hover {
    35          background: #FFD34F;
    36      }
    37      .icheckbox_line-yellow.checked,
    38      .iradio_line-yellow.checked {
    39          background: #FFC414;
    40      }
    41          .icheckbox_line-yellow.checked .icheck_line-icon,
    42          .iradio_line-yellow.checked .icheck_line-icon {
    43              background-position: -15px 0;
    44          }
    45      .icheckbox_line-yellow.disabled,
    46      .iradio_line-yellow.disabled {
    47          background: #FFE495;
    48          cursor: default;
    49      }
    50          .icheckbox_line-yellow.disabled .icheck_line-icon,
    51          .iradio_line-yellow.disabled .icheck_line-icon {
    52              background-position: -30px 0;
    53          }
    54      .icheckbox_line-yellow.checked.disabled,
    55      .iradio_line-yellow.checked.disabled {
    56          background: #FFE495;
    57      }
    58          .icheckbox_line-yellow.checked.disabled .icheck_line-icon,
    59          .iradio_line-yellow.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) {
    65      .icheckbox_line-yellow .icheck_line-icon,
    66      .iradio_line-yellow .icheck_line-icon {
    67          background-image: url(line@2x.png);
    68          -webkit-background-size: 60px 13px;
    69          background-size: 60px 13px;
    70      }
    71  }