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

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