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

     1  /* iCheck plugin Minimal skin
     2  ----------------------------------- */
     3  .icheckbox_minimal,
     4  .iradio_minimal {
     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(minimal.png) no-repeat;
    13      border: none;
    14      cursor: pointer;
    15  }
    16  
    17  .icheckbox_minimal {
    18      background-position: 0 0;
    19  }
    20      .icheckbox_minimal.hover {
    21          background-position: -20px 0;
    22      }
    23      .icheckbox_minimal.checked {
    24          background-position: -40px 0;
    25      }
    26      .icheckbox_minimal.disabled {
    27          background-position: -60px 0;
    28          cursor: default;
    29      }
    30      .icheckbox_minimal.checked.disabled {
    31          background-position: -80px 0;
    32      }
    33  
    34  .iradio_minimal {
    35      background-position: -100px 0;
    36  }
    37      .iradio_minimal.hover {
    38          background-position: -120px 0;
    39      }
    40      .iradio_minimal.checked {
    41          background-position: -140px 0;
    42      }
    43      .iradio_minimal.disabled {
    44          background-position: -160px 0;
    45          cursor: default;
    46      }
    47      .iradio_minimal.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,
    54      .iradio_minimal {
    55          background-image: url(minimal@2x.png);
    56          -webkit-background-size: 200px 20px;
    57          background-size: 200px 20px;
    58      }
    59  }
    60  
    61  /* red */
    62  .icheckbox_minimal-red,
    63  .iradio_minimal-red {
    64      display: inline-block;
    65      *display: inline;
    66      vertical-align: middle;
    67      margin: 0;
    68      padding: 0;
    69      width: 18px;
    70      height: 18px;
    71      background: url(red.png) no-repeat;
    72      border: none;
    73      cursor: pointer;
    74  }
    75  
    76  .icheckbox_minimal-red {
    77      background-position: 0 0;
    78  }
    79      .icheckbox_minimal-red.hover {
    80          background-position: -20px 0;
    81      }
    82      .icheckbox_minimal-red.checked {
    83          background-position: -40px 0;
    84      }
    85      .icheckbox_minimal-red.disabled {
    86          background-position: -60px 0;
    87          cursor: default;
    88      }
    89      .icheckbox_minimal-red.checked.disabled {
    90          background-position: -80px 0;
    91      }
    92  
    93  .iradio_minimal-red {
    94      background-position: -100px 0;
    95  }
    96      .iradio_minimal-red.hover {
    97          background-position: -120px 0;
    98      }
    99      .iradio_minimal-red.checked {
   100          background-position: -140px 0;
   101      }
   102      .iradio_minimal-red.disabled {
   103          background-position: -160px 0;
   104          cursor: default;
   105      }
   106      .iradio_minimal-red.checked.disabled {
   107          background-position: -180px 0;
   108      }
   109  
   110  /* HiDPI support */
   111  @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
   112      .icheckbox_minimal-red,
   113      .iradio_minimal-red {
   114          background-image: url(red@2x.png);
   115          -webkit-background-size: 200px 20px;
   116          background-size: 200px 20px;
   117      }
   118  }
   119  
   120  /* green */
   121  .icheckbox_minimal-green,
   122  .iradio_minimal-green {
   123      display: inline-block;
   124      *display: inline;
   125      vertical-align: middle;
   126      margin: 0;
   127      padding: 0;
   128      width: 18px;
   129      height: 18px;
   130      background: url(green.png) no-repeat;
   131      border: none;
   132      cursor: pointer;
   133  }
   134  
   135  .icheckbox_minimal-green {
   136      background-position: 0 0;
   137  }
   138      .icheckbox_minimal-green.hover {
   139          background-position: -20px 0;
   140      }
   141      .icheckbox_minimal-green.checked {
   142          background-position: -40px 0;
   143      }
   144      .icheckbox_minimal-green.disabled {
   145          background-position: -60px 0;
   146          cursor: default;
   147      }
   148      .icheckbox_minimal-green.checked.disabled {
   149          background-position: -80px 0;
   150      }
   151  
   152  .iradio_minimal-green {
   153      background-position: -100px 0;
   154  }
   155      .iradio_minimal-green.hover {
   156          background-position: -120px 0;
   157      }
   158      .iradio_minimal-green.checked {
   159          background-position: -140px 0;
   160      }
   161      .iradio_minimal-green.disabled {
   162          background-position: -160px 0;
   163          cursor: default;
   164      }
   165      .iradio_minimal-green.checked.disabled {
   166          background-position: -180px 0;
   167      }
   168  
   169  /* HiDPI support */
   170  @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
   171      .icheckbox_minimal-green,
   172      .iradio_minimal-green {
   173          background-image: url(green@2x.png);
   174          -webkit-background-size: 200px 20px;
   175          background-size: 200px 20px;
   176      }
   177  }
   178  
   179  /* blue */
   180  .icheckbox_minimal-blue,
   181  .iradio_minimal-blue {
   182      display: inline-block;
   183      *display: inline;
   184      vertical-align: middle;
   185      margin: 0;
   186      padding: 0;
   187      width: 18px;
   188      height: 18px;
   189      background: url(blue.png) no-repeat;
   190      border: none;
   191      cursor: pointer;
   192  }
   193  
   194  .icheckbox_minimal-blue {
   195      background-position: 0 0;
   196  }
   197      .icheckbox_minimal-blue.hover {
   198          background-position: -20px 0;
   199      }
   200      .icheckbox_minimal-blue.checked {
   201          background-position: -40px 0;
   202      }
   203      .icheckbox_minimal-blue.disabled {
   204          background-position: -60px 0;
   205          cursor: default;
   206      }
   207      .icheckbox_minimal-blue.checked.disabled {
   208          background-position: -80px 0;
   209      }
   210  
   211  .iradio_minimal-blue {
   212      background-position: -100px 0;
   213  }
   214      .iradio_minimal-blue.hover {
   215          background-position: -120px 0;
   216      }
   217      .iradio_minimal-blue.checked {
   218          background-position: -140px 0;
   219      }
   220      .iradio_minimal-blue.disabled {
   221          background-position: -160px 0;
   222          cursor: default;
   223      }
   224      .iradio_minimal-blue.checked.disabled {
   225          background-position: -180px 0;
   226      }
   227  
   228  /* HiDPI support */
   229  @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
   230      .icheckbox_minimal-blue,
   231      .iradio_minimal-blue {
   232          background-image: url(blue@2x.png);
   233          -webkit-background-size: 200px 20px;
   234          background-size: 200px 20px;
   235      }
   236  }
   237  
   238  /* aero */
   239  .icheckbox_minimal-aero,
   240  .iradio_minimal-aero {
   241      display: inline-block;
   242      *display: inline;
   243      vertical-align: middle;
   244      margin: 0;
   245      padding: 0;
   246      width: 18px;
   247      height: 18px;
   248      background: url(aero.png) no-repeat;
   249      border: none;
   250      cursor: pointer;
   251  }
   252  
   253  .icheckbox_minimal-aero {
   254      background-position: 0 0;
   255  }
   256      .icheckbox_minimal-aero.hover {
   257          background-position: -20px 0;
   258      }
   259      .icheckbox_minimal-aero.checked {
   260          background-position: -40px 0;
   261      }
   262      .icheckbox_minimal-aero.disabled {
   263          background-position: -60px 0;
   264          cursor: default;
   265      }
   266      .icheckbox_minimal-aero.checked.disabled {
   267          background-position: -80px 0;
   268      }
   269  
   270  .iradio_minimal-aero {
   271      background-position: -100px 0;
   272  }
   273      .iradio_minimal-aero.hover {
   274          background-position: -120px 0;
   275      }
   276      .iradio_minimal-aero.checked {
   277          background-position: -140px 0;
   278      }
   279      .iradio_minimal-aero.disabled {
   280          background-position: -160px 0;
   281          cursor: default;
   282      }
   283      .iradio_minimal-aero.checked.disabled {
   284          background-position: -180px 0;
   285      }
   286  
   287  /* HiDPI support */
   288  @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
   289      .icheckbox_minimal-aero,
   290      .iradio_minimal-aero {
   291          background-image: url(aero@2x.png);
   292          -webkit-background-size: 200px 20px;
   293          background-size: 200px 20px;
   294      }
   295  }
   296  
   297  /* grey */
   298  .icheckbox_minimal-grey,
   299  .iradio_minimal-grey {
   300      display: inline-block;
   301      *display: inline;
   302      vertical-align: middle;
   303      margin: 0;
   304      padding: 0;
   305      width: 18px;
   306      height: 18px;
   307      background: url(grey.png) no-repeat;
   308      border: none;
   309      cursor: pointer;
   310  }
   311  
   312  .icheckbox_minimal-grey {
   313      background-position: 0 0;
   314  }
   315      .icheckbox_minimal-grey.hover {
   316          background-position: -20px 0;
   317      }
   318      .icheckbox_minimal-grey.checked {
   319          background-position: -40px 0;
   320      }
   321      .icheckbox_minimal-grey.disabled {
   322          background-position: -60px 0;
   323          cursor: default;
   324      }
   325      .icheckbox_minimal-grey.checked.disabled {
   326          background-position: -80px 0;
   327      }
   328  
   329  .iradio_minimal-grey {
   330      background-position: -100px 0;
   331  }
   332      .iradio_minimal-grey.hover {
   333          background-position: -120px 0;
   334      }
   335      .iradio_minimal-grey.checked {
   336          background-position: -140px 0;
   337      }
   338      .iradio_minimal-grey.disabled {
   339          background-position: -160px 0;
   340          cursor: default;
   341      }
   342      .iradio_minimal-grey.checked.disabled {
   343          background-position: -180px 0;
   344      }
   345  
   346  /* HiDPI support */
   347  @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
   348      .icheckbox_minimal-grey,
   349      .iradio_minimal-grey {
   350          background-image: url(grey@2x.png);
   351          -webkit-background-size: 200px 20px;
   352          background-size: 200px 20px;
   353      }
   354  }
   355  
   356  /* orange */
   357  .icheckbox_minimal-orange,
   358  .iradio_minimal-orange {
   359      display: inline-block;
   360      *display: inline;
   361      vertical-align: middle;
   362      margin: 0;
   363      padding: 0;
   364      width: 18px;
   365      height: 18px;
   366      background: url(orange.png) no-repeat;
   367      border: none;
   368      cursor: pointer;
   369  }
   370  
   371  .icheckbox_minimal-orange {
   372      background-position: 0 0;
   373  }
   374      .icheckbox_minimal-orange.hover {
   375          background-position: -20px 0;
   376      }
   377      .icheckbox_minimal-orange.checked {
   378          background-position: -40px 0;
   379      }
   380      .icheckbox_minimal-orange.disabled {
   381          background-position: -60px 0;
   382          cursor: default;
   383      }
   384      .icheckbox_minimal-orange.checked.disabled {
   385          background-position: -80px 0;
   386      }
   387  
   388  .iradio_minimal-orange {
   389      background-position: -100px 0;
   390  }
   391      .iradio_minimal-orange.hover {
   392          background-position: -120px 0;
   393      }
   394      .iradio_minimal-orange.checked {
   395          background-position: -140px 0;
   396      }
   397      .iradio_minimal-orange.disabled {
   398          background-position: -160px 0;
   399          cursor: default;
   400      }
   401      .iradio_minimal-orange.checked.disabled {
   402          background-position: -180px 0;
   403      }
   404  
   405  /* HiDPI support */
   406  @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
   407      .icheckbox_minimal-orange,
   408      .iradio_minimal-orange {
   409          background-image: url(orange@2x.png);
   410          -webkit-background-size: 200px 20px;
   411          background-size: 200px 20px;
   412      }
   413  }
   414  
   415  /* yellow */
   416  .icheckbox_minimal-yellow,
   417  .iradio_minimal-yellow {
   418      display: inline-block;
   419      *display: inline;
   420      vertical-align: middle;
   421      margin: 0;
   422      padding: 0;
   423      width: 18px;
   424      height: 18px;
   425      background: url(yellow.png) no-repeat;
   426      border: none;
   427      cursor: pointer;
   428  }
   429  
   430  .icheckbox_minimal-yellow {
   431      background-position: 0 0;
   432  }
   433      .icheckbox_minimal-yellow.hover {
   434          background-position: -20px 0;
   435      }
   436      .icheckbox_minimal-yellow.checked {
   437          background-position: -40px 0;
   438      }
   439      .icheckbox_minimal-yellow.disabled {
   440          background-position: -60px 0;
   441          cursor: default;
   442      }
   443      .icheckbox_minimal-yellow.checked.disabled {
   444          background-position: -80px 0;
   445      }
   446  
   447  .iradio_minimal-yellow {
   448      background-position: -100px 0;
   449  }
   450      .iradio_minimal-yellow.hover {
   451          background-position: -120px 0;
   452      }
   453      .iradio_minimal-yellow.checked {
   454          background-position: -140px 0;
   455      }
   456      .iradio_minimal-yellow.disabled {
   457          background-position: -160px 0;
   458          cursor: default;
   459      }
   460      .iradio_minimal-yellow.checked.disabled {
   461          background-position: -180px 0;
   462      }
   463  
   464  /* HiDPI support */
   465  @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
   466      .icheckbox_minimal-yellow,
   467      .iradio_minimal-yellow {
   468          background-image: url(yellow@2x.png);
   469          -webkit-background-size: 200px 20px;
   470          background-size: 200px 20px;
   471      }
   472  }
   473  
   474  /* pink */
   475  .icheckbox_minimal-pink,
   476  .iradio_minimal-pink {
   477      display: inline-block;
   478      *display: inline;
   479      vertical-align: middle;
   480      margin: 0;
   481      padding: 0;
   482      width: 18px;
   483      height: 18px;
   484      background: url(pink.png) no-repeat;
   485      border: none;
   486      cursor: pointer;
   487  }
   488  
   489  .icheckbox_minimal-pink {
   490      background-position: 0 0;
   491  }
   492      .icheckbox_minimal-pink.hover {
   493          background-position: -20px 0;
   494      }
   495      .icheckbox_minimal-pink.checked {
   496          background-position: -40px 0;
   497      }
   498      .icheckbox_minimal-pink.disabled {
   499          background-position: -60px 0;
   500          cursor: default;
   501      }
   502      .icheckbox_minimal-pink.checked.disabled {
   503          background-position: -80px 0;
   504      }
   505  
   506  .iradio_minimal-pink {
   507      background-position: -100px 0;
   508  }
   509      .iradio_minimal-pink.hover {
   510          background-position: -120px 0;
   511      }
   512      .iradio_minimal-pink.checked {
   513          background-position: -140px 0;
   514      }
   515      .iradio_minimal-pink.disabled {
   516          background-position: -160px 0;
   517          cursor: default;
   518      }
   519      .iradio_minimal-pink.checked.disabled {
   520          background-position: -180px 0;
   521      }
   522  
   523  /* HiDPI support */
   524  @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
   525      .icheckbox_minimal-pink,
   526      .iradio_minimal-pink {
   527          background-image: url(pink@2x.png);
   528          -webkit-background-size: 200px 20px;
   529          background-size: 200px 20px;
   530      }
   531  }
   532  
   533  /* purple */
   534  .icheckbox_minimal-purple,
   535  .iradio_minimal-purple {
   536      display: inline-block;
   537      *display: inline;
   538      vertical-align: middle;
   539      margin: 0;
   540      padding: 0;
   541      width: 18px;
   542      height: 18px;
   543      background: url(purple.png) no-repeat;
   544      border: none;
   545      cursor: pointer;
   546  }
   547  
   548  .icheckbox_minimal-purple {
   549      background-position: 0 0;
   550  }
   551      .icheckbox_minimal-purple.hover {
   552          background-position: -20px 0;
   553      }
   554      .icheckbox_minimal-purple.checked {
   555          background-position: -40px 0;
   556      }
   557      .icheckbox_minimal-purple.disabled {
   558          background-position: -60px 0;
   559          cursor: default;
   560      }
   561      .icheckbox_minimal-purple.checked.disabled {
   562          background-position: -80px 0;
   563      }
   564  
   565  .iradio_minimal-purple {
   566      background-position: -100px 0;
   567  }
   568      .iradio_minimal-purple.hover {
   569          background-position: -120px 0;
   570      }
   571      .iradio_minimal-purple.checked {
   572          background-position: -140px 0;
   573      }
   574      .iradio_minimal-purple.disabled {
   575          background-position: -160px 0;
   576          cursor: default;
   577      }
   578      .iradio_minimal-purple.checked.disabled {
   579          background-position: -180px 0;
   580      }
   581  
   582  /* HiDPI support */
   583  @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
   584      .icheckbox_minimal-purple,
   585      .iradio_minimal-purple {
   586          background-image: url(purple@2x.png);
   587          -webkit-background-size: 200px 20px;
   588          background-size: 200px 20px;
   589      }
   590  }