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

     1  /* iCheck plugin Square skin, black
     2  ----------------------------------- */
     3  .icheckbox_square,
     4  .iradio_square {
     5      display: inline-block;
     6      *display: inline;
     7      vertical-align: middle;
     8      margin: 0;
     9      padding: 0;
    10      width: 22px;
    11      height: 22px;
    12      background: url(square.png) no-repeat;
    13      border: none;
    14      cursor: pointer;
    15  }
    16  
    17  .icheckbox_square {
    18      background-position: 0 0;
    19  }
    20      .icheckbox_square.hover {
    21          background-position: -24px 0;
    22      }
    23      .icheckbox_square.checked {
    24          background-position: -48px 0;
    25      }
    26      .icheckbox_square.disabled {
    27          background-position: -72px 0;
    28          cursor: default;
    29      }
    30      .icheckbox_square.checked.disabled {
    31          background-position: -96px 0;
    32      }
    33  
    34  .iradio_square {
    35      background-position: -120px 0;
    36  }
    37      .iradio_square.hover {
    38          background-position: -144px 0;
    39      }
    40      .iradio_square.checked {
    41          background-position: -168px 0;
    42      }
    43      .iradio_square.disabled {
    44          background-position: -192px 0;
    45          cursor: default;
    46      }
    47      .iradio_square.checked.disabled {
    48          background-position: -216px 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_square,
    54      .iradio_square {
    55          background-image: url(square@2x.png);
    56          -webkit-background-size: 240px 24px;
    57          background-size: 240px 24px;
    58      }
    59  }