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

     1  /* iCheck plugin Line skin
     2  ----------------------------------- */
     3  .icheckbox_line,
     4  .iradio_line {
     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: #000;
    13      border: none;
    14      -webkit-border-radius: 3px;
    15      -moz-border-radius: 3px;
    16      border-radius: 3px;
    17      cursor: pointer;
    18  }
    19      .icheckbox_line .icheck_line-icon,
    20      .iradio_line .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.hover,
    33      .icheckbox_line.checked.hover,
    34      .iradio_line.hover {
    35          background: #444;
    36      }
    37      .icheckbox_line.checked,
    38      .iradio_line.checked {
    39          background: #000;
    40      }
    41          .icheckbox_line.checked .icheck_line-icon,
    42          .iradio_line.checked .icheck_line-icon {
    43              background-position: -15px 0;
    44          }
    45      .icheckbox_line.disabled,
    46      .iradio_line.disabled {
    47          background: #ccc;
    48          cursor: default;
    49      }
    50          .icheckbox_line.disabled .icheck_line-icon,
    51          .iradio_line.disabled .icheck_line-icon {
    52              background-position: -30px 0;
    53          }
    54      .icheckbox_line.checked.disabled,
    55      .iradio_line.checked.disabled {
    56          background: #ccc;
    57      }
    58          .icheckbox_line.checked.disabled .icheck_line-icon,
    59          .iradio_line.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 .icheck_line-icon,
    66      .iradio_line .icheck_line-icon {
    67          background-image: url(line@2x.png);
    68          -webkit-background-size: 60px 13px;
    69          background-size: 60px 13px;
    70      }
    71  }
    72  
    73  /* red */
    74  .icheckbox_line-red,
    75  .iradio_line-red {
    76      position: relative;
    77      display: block;
    78      margin: 0;
    79      padding: 5px 15px 5px 38px;
    80      font-size: 13px;
    81      line-height: 17px;
    82      color: #fff;
    83      background: #e56c69;
    84      border: none;
    85      -webkit-border-radius: 3px;
    86      -moz-border-radius: 3px;
    87      border-radius: 3px;
    88      cursor: pointer;
    89  }
    90      .icheckbox_line-red .icheck_line-icon,
    91      .iradio_line-red .icheck_line-icon {
    92          position: absolute;
    93          top: 50%;
    94          left: 13px;
    95          width: 13px;
    96          height: 11px;
    97          margin: -5px 0 0 0;
    98          padding: 0;
    99          overflow: hidden;
   100          background: url(line.png) no-repeat;
   101          border: none;
   102      }
   103      .icheckbox_line-red.hover,
   104      .icheckbox_line-red.checked.hover,
   105      .iradio_line-red.hover {
   106          background: #E98582;
   107      }
   108      .icheckbox_line-red.checked,
   109      .iradio_line-red.checked {
   110          background: #e56c69;
   111      }
   112          .icheckbox_line-red.checked .icheck_line-icon,
   113          .iradio_line-red.checked .icheck_line-icon {
   114              background-position: -15px 0;
   115          }
   116      .icheckbox_line-red.disabled,
   117      .iradio_line-red.disabled {
   118          background: #F7D3D2;
   119          cursor: default;
   120      }
   121          .icheckbox_line-red.disabled .icheck_line-icon,
   122          .iradio_line-red.disabled .icheck_line-icon {
   123              background-position: -30px 0;
   124          }
   125      .icheckbox_line-red.checked.disabled,
   126      .iradio_line-red.checked.disabled {
   127          background: #F7D3D2;
   128      }
   129          .icheckbox_line-red.checked.disabled .icheck_line-icon,
   130          .iradio_line-red.checked.disabled .icheck_line-icon {
   131              background-position: -45px 0;
   132          }
   133  
   134  /* HiDPI support */
   135  @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
   136      .icheckbox_line-red .icheck_line-icon,
   137      .iradio_line-red .icheck_line-icon {
   138          background-image: url(line@2x.png);
   139          -webkit-background-size: 60px 13px;
   140          background-size: 60px 13px;
   141      }
   142  }
   143  
   144  /* green */
   145  .icheckbox_line-green,
   146  .iradio_line-green {
   147      position: relative;
   148      display: block;
   149      margin: 0;
   150      padding: 5px 15px 5px 38px;
   151      font-size: 13px;
   152      line-height: 17px;
   153      color: #fff;
   154      background: #1b7e5a;
   155      border: none;
   156      -webkit-border-radius: 3px;
   157      -moz-border-radius: 3px;
   158      border-radius: 3px;
   159      cursor: pointer;
   160  }
   161      .icheckbox_line-green .icheck_line-icon,
   162      .iradio_line-green .icheck_line-icon {
   163          position: absolute;
   164          top: 50%;
   165          left: 13px;
   166          width: 13px;
   167          height: 11px;
   168          margin: -5px 0 0 0;
   169          padding: 0;
   170          overflow: hidden;
   171          background: url(line.png) no-repeat;
   172          border: none;
   173      }
   174      .icheckbox_line-green.hover,
   175      .icheckbox_line-green.checked.hover,
   176      .iradio_line-green.hover {
   177          background: #24AA7A;
   178      }
   179      .icheckbox_line-green.checked,
   180      .iradio_line-green.checked {
   181          background: #1b7e5a;
   182      }
   183          .icheckbox_line-green.checked .icheck_line-icon,
   184          .iradio_line-green.checked .icheck_line-icon {
   185              background-position: -15px 0;
   186          }
   187      .icheckbox_line-green.disabled,
   188      .iradio_line-green.disabled {
   189          background: #89E6C4;
   190          cursor: default;
   191      }
   192          .icheckbox_line-green.disabled .icheck_line-icon,
   193          .iradio_line-green.disabled .icheck_line-icon {
   194              background-position: -30px 0;
   195          }
   196      .icheckbox_line-green.checked.disabled,
   197      .iradio_line-green.checked.disabled {
   198          background: #89E6C4;
   199      }
   200          .icheckbox_line-green.checked.disabled .icheck_line-icon,
   201          .iradio_line-green.checked.disabled .icheck_line-icon {
   202              background-position: -45px 0;
   203          }
   204  
   205  /* HiDPI support */
   206  @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
   207      .icheckbox_line-green .icheck_line-icon,
   208      .iradio_line-green .icheck_line-icon {
   209          background-image: url(line@2x.png);
   210          -webkit-background-size: 60px 13px;
   211          background-size: 60px 13px;
   212      }
   213  }
   214  
   215  /* blue */
   216  .icheckbox_line-blue,
   217  .iradio_line-blue {
   218      position: relative;
   219      display: block;
   220      margin: 0;
   221      padding: 5px 15px 5px 38px;
   222      font-size: 13px;
   223      line-height: 17px;
   224      color: #fff;
   225      background: #2489c5;
   226      border: none;
   227      -webkit-border-radius: 3px;
   228      -moz-border-radius: 3px;
   229      border-radius: 3px;
   230      cursor: pointer;
   231  }
   232      .icheckbox_line-blue .icheck_line-icon,
   233      .iradio_line-blue .icheck_line-icon {
   234          position: absolute;
   235          top: 50%;
   236          left: 13px;
   237          width: 13px;
   238          height: 11px;
   239          margin: -5px 0 0 0;
   240          padding: 0;
   241          overflow: hidden;
   242          background: url(line.png) no-repeat;
   243          border: none;
   244      }
   245      .icheckbox_line-blue.hover,
   246      .icheckbox_line-blue.checked.hover,
   247      .iradio_line-blue.hover {
   248          background: #3DA0DB;
   249      }
   250      .icheckbox_line-blue.checked,
   251      .iradio_line-blue.checked {
   252          background: #2489c5;
   253      }
   254          .icheckbox_line-blue.checked .icheck_line-icon,
   255          .iradio_line-blue.checked .icheck_line-icon {
   256              background-position: -15px 0;
   257          }
   258      .icheckbox_line-blue.disabled,
   259      .iradio_line-blue.disabled {
   260          background: #ADD7F0;
   261          cursor: default;
   262      }
   263          .icheckbox_line-blue.disabled .icheck_line-icon,
   264          .iradio_line-blue.disabled .icheck_line-icon {
   265              background-position: -30px 0;
   266          }
   267      .icheckbox_line-blue.checked.disabled,
   268      .iradio_line-blue.checked.disabled {
   269          background: #ADD7F0;
   270      }
   271          .icheckbox_line-blue.checked.disabled .icheck_line-icon,
   272          .iradio_line-blue.checked.disabled .icheck_line-icon {
   273              background-position: -45px 0;
   274          }
   275  
   276  /* HiDPI support */
   277  @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
   278      .icheckbox_line-blue .icheck_line-icon,
   279      .iradio_line-blue .icheck_line-icon {
   280          background-image: url(line@2x.png);
   281          -webkit-background-size: 60px 13px;
   282          background-size: 60px 13px;
   283      }
   284  }
   285  
   286  /* aero */
   287  .icheckbox_line-aero,
   288  .iradio_line-aero {
   289      position: relative;
   290      display: block;
   291      margin: 0;
   292      padding: 5px 15px 5px 38px;
   293      font-size: 13px;
   294      line-height: 17px;
   295      color: #fff;
   296      background: #9cc2cb;
   297      border: none;
   298      -webkit-border-radius: 3px;
   299      -moz-border-radius: 3px;
   300      border-radius: 3px;
   301      cursor: pointer;
   302  }
   303      .icheckbox_line-aero .icheck_line-icon,
   304      .iradio_line-aero .icheck_line-icon {
   305          position: absolute;
   306          top: 50%;
   307          left: 13px;
   308          width: 13px;
   309          height: 11px;
   310          margin: -5px 0 0 0;
   311          padding: 0;
   312          overflow: hidden;
   313          background: url(line.png) no-repeat;
   314          border: none;
   315      }
   316      .icheckbox_line-aero.hover,
   317      .icheckbox_line-aero.checked.hover,
   318      .iradio_line-aero.hover {
   319          background: #B5D1D8;
   320      }
   321      .icheckbox_line-aero.checked,
   322      .iradio_line-aero.checked {
   323          background: #9cc2cb;
   324      }
   325          .icheckbox_line-aero.checked .icheck_line-icon,
   326          .iradio_line-aero.checked .icheck_line-icon {
   327              background-position: -15px 0;
   328          }
   329      .icheckbox_line-aero.disabled,
   330      .iradio_line-aero.disabled {
   331          background: #D2E4E8;
   332          cursor: default;
   333      }
   334          .icheckbox_line-aero.disabled .icheck_line-icon,
   335          .iradio_line-aero.disabled .icheck_line-icon {
   336              background-position: -30px 0;
   337          }
   338      .icheckbox_line-aero.checked.disabled,
   339      .iradio_line-aero.checked.disabled {
   340          background: #D2E4E8;
   341      }
   342          .icheckbox_line-aero.checked.disabled .icheck_line-icon,
   343          .iradio_line-aero.checked.disabled .icheck_line-icon {
   344              background-position: -45px 0;
   345          }
   346  
   347  /* HiDPI support */
   348  @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
   349      .icheckbox_line-aero .icheck_line-icon,
   350      .iradio_line-aero .icheck_line-icon {
   351          background-image: url(line@2x.png);
   352          -webkit-background-size: 60px 13px;
   353          background-size: 60px 13px;
   354      }
   355  }
   356  
   357  /* grey */
   358  .icheckbox_line-grey,
   359  .iradio_line-grey {
   360      position: relative;
   361      display: block;
   362      margin: 0;
   363      padding: 5px 15px 5px 38px;
   364      font-size: 13px;
   365      line-height: 17px;
   366      color: #fff;
   367      background: #73716e;
   368      border: none;
   369      -webkit-border-radius: 3px;
   370      -moz-border-radius: 3px;
   371      border-radius: 3px;
   372      cursor: pointer;
   373  }
   374      .icheckbox_line-grey .icheck_line-icon,
   375      .iradio_line-grey .icheck_line-icon {
   376          position: absolute;
   377          top: 50%;
   378          left: 13px;
   379          width: 13px;
   380          height: 11px;
   381          margin: -5px 0 0 0;
   382          padding: 0;
   383          overflow: hidden;
   384          background: url(line.png) no-repeat;
   385          border: none;
   386      }
   387      .icheckbox_line-grey.hover,
   388      .icheckbox_line-grey.checked.hover,
   389      .iradio_line-grey.hover {
   390          background: #8B8986;
   391      }
   392      .icheckbox_line-grey.checked,
   393      .iradio_line-grey.checked {
   394          background: #73716e;
   395      }
   396          .icheckbox_line-grey.checked .icheck_line-icon,
   397          .iradio_line-grey.checked .icheck_line-icon {
   398              background-position: -15px 0;
   399          }
   400      .icheckbox_line-grey.disabled,
   401      .iradio_line-grey.disabled {
   402          background: #D5D4D3;
   403          cursor: default;
   404      }
   405          .icheckbox_line-grey.disabled .icheck_line-icon,
   406          .iradio_line-grey.disabled .icheck_line-icon {
   407              background-position: -30px 0;
   408          }
   409      .icheckbox_line-grey.checked.disabled,
   410      .iradio_line-grey.checked.disabled {
   411          background: #D5D4D3;
   412      }
   413          .icheckbox_line-grey.checked.disabled .icheck_line-icon,
   414          .iradio_line-grey.checked.disabled .icheck_line-icon {
   415              background-position: -45px 0;
   416          }
   417  
   418  /* HiDPI support */
   419  @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
   420      .icheckbox_line-grey .icheck_line-icon,
   421      .iradio_line-grey .icheck_line-icon {
   422          background-image: url(line@2x.png);
   423          -webkit-background-size: 60px 13px;
   424          background-size: 60px 13px;
   425      }
   426  }
   427  
   428  /* orange */
   429  .icheckbox_line-orange,
   430  .iradio_line-orange {
   431      position: relative;
   432      display: block;
   433      margin: 0;
   434      padding: 5px 15px 5px 38px;
   435      font-size: 13px;
   436      line-height: 17px;
   437      color: #fff;
   438      background: #f70;
   439      border: none;
   440      -webkit-border-radius: 3px;
   441      -moz-border-radius: 3px;
   442      border-radius: 3px;
   443      cursor: pointer;
   444  }
   445      .icheckbox_line-orange .icheck_line-icon,
   446      .iradio_line-orange .icheck_line-icon {
   447          position: absolute;
   448          top: 50%;
   449          left: 13px;
   450          width: 13px;
   451          height: 11px;
   452          margin: -5px 0 0 0;
   453          padding: 0;
   454          overflow: hidden;
   455          background: url(line.png) no-repeat;
   456          border: none;
   457      }
   458      .icheckbox_line-orange.hover,
   459      .icheckbox_line-orange.checked.hover,
   460      .iradio_line-orange.hover {
   461          background: #FF9233;
   462      }
   463      .icheckbox_line-orange.checked,
   464      .iradio_line-orange.checked {
   465          background: #f70;
   466      }
   467          .icheckbox_line-orange.checked .icheck_line-icon,
   468          .iradio_line-orange.checked .icheck_line-icon {
   469              background-position: -15px 0;
   470          }
   471      .icheckbox_line-orange.disabled,
   472      .iradio_line-orange.disabled {
   473          background: #FFD6B3;
   474          cursor: default;
   475      }
   476          .icheckbox_line-orange.disabled .icheck_line-icon,
   477          .iradio_line-orange.disabled .icheck_line-icon {
   478              background-position: -30px 0;
   479          }
   480      .icheckbox_line-orange.checked.disabled,
   481      .iradio_line-orange.checked.disabled {
   482          background: #FFD6B3;
   483      }
   484          .icheckbox_line-orange.checked.disabled .icheck_line-icon,
   485          .iradio_line-orange.checked.disabled .icheck_line-icon {
   486              background-position: -45px 0;
   487          }
   488  
   489  /* HiDPI support */
   490  @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
   491      .icheckbox_line-orange .icheck_line-icon,
   492      .iradio_line-orange .icheck_line-icon {
   493          background-image: url(line@2x.png);
   494          -webkit-background-size: 60px 13px;
   495          background-size: 60px 13px;
   496      }
   497  }
   498  
   499  /* yellow */
   500  .icheckbox_line-yellow,
   501  .iradio_line-yellow {
   502      position: relative;
   503      display: block;
   504      margin: 0;
   505      padding: 5px 15px 5px 38px;
   506      font-size: 13px;
   507      line-height: 17px;
   508      color: #fff;
   509      background: #FFC414;
   510      border: none;
   511      -webkit-border-radius: 3px;
   512      -moz-border-radius: 3px;
   513      border-radius: 3px;
   514      cursor: pointer;
   515  }
   516      .icheckbox_line-yellow .icheck_line-icon,
   517      .iradio_line-yellow .icheck_line-icon {
   518          position: absolute;
   519          top: 50%;
   520          left: 13px;
   521          width: 13px;
   522          height: 11px;
   523          margin: -5px 0 0 0;
   524          padding: 0;
   525          overflow: hidden;
   526          background: url(line.png) no-repeat;
   527          border: none;
   528      }
   529      .icheckbox_line-yellow.hover,
   530      .icheckbox_line-yellow.checked.hover,
   531      .iradio_line-yellow.hover {
   532          background: #FFD34F;
   533      }
   534      .icheckbox_line-yellow.checked,
   535      .iradio_line-yellow.checked {
   536          background: #FFC414;
   537      }
   538          .icheckbox_line-yellow.checked .icheck_line-icon,
   539          .iradio_line-yellow.checked .icheck_line-icon {
   540              background-position: -15px 0;
   541          }
   542      .icheckbox_line-yellow.disabled,
   543      .iradio_line-yellow.disabled {
   544          background: #FFE495;
   545          cursor: default;
   546      }
   547          .icheckbox_line-yellow.disabled .icheck_line-icon,
   548          .iradio_line-yellow.disabled .icheck_line-icon {
   549              background-position: -30px 0;
   550          }
   551      .icheckbox_line-yellow.checked.disabled,
   552      .iradio_line-yellow.checked.disabled {
   553          background: #FFE495;
   554      }
   555          .icheckbox_line-yellow.checked.disabled .icheck_line-icon,
   556          .iradio_line-yellow.checked.disabled .icheck_line-icon {
   557              background-position: -45px 0;
   558          }
   559  
   560  /* HiDPI support */
   561  @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
   562      .icheckbox_line-yellow .icheck_line-icon,
   563      .iradio_line-yellow .icheck_line-icon {
   564          background-image: url(line@2x.png);
   565          -webkit-background-size: 60px 13px;
   566          background-size: 60px 13px;
   567      }
   568  }
   569  
   570  /* pink */
   571  .icheckbox_line-pink,
   572  .iradio_line-pink {
   573      position: relative;
   574      display: block;
   575      margin: 0;
   576      padding: 5px 15px 5px 38px;
   577      font-size: 13px;
   578      line-height: 17px;
   579      color: #fff;
   580      background: #a77a94;
   581      border: none;
   582      -webkit-border-radius: 3px;
   583      -moz-border-radius: 3px;
   584      border-radius: 3px;
   585      cursor: pointer;
   586  }
   587      .icheckbox_line-pink .icheck_line-icon,
   588      .iradio_line-pink .icheck_line-icon {
   589          position: absolute;
   590          top: 50%;
   591          left: 13px;
   592          width: 13px;
   593          height: 11px;
   594          margin: -5px 0 0 0;
   595          padding: 0;
   596          overflow: hidden;
   597          background: url(line.png) no-repeat;
   598          border: none;
   599      }
   600      .icheckbox_line-pink.hover,
   601      .icheckbox_line-pink.checked.hover,
   602      .iradio_line-pink.hover {
   603          background: #B995A9;
   604      }
   605      .icheckbox_line-pink.checked,
   606      .iradio_line-pink.checked {
   607          background: #a77a94;
   608      }
   609          .icheckbox_line-pink.checked .icheck_line-icon,
   610          .iradio_line-pink.checked .icheck_line-icon {
   611              background-position: -15px 0;
   612          }
   613      .icheckbox_line-pink.disabled,
   614      .iradio_line-pink.disabled {
   615          background: #E0D0DA;
   616          cursor: default;
   617      }
   618          .icheckbox_line-pink.disabled .icheck_line-icon,
   619          .iradio_line-pink.disabled .icheck_line-icon {
   620              background-position: -30px 0;
   621          }
   622      .icheckbox_line-pink.checked.disabled,
   623      .iradio_line-pink.checked.disabled {
   624          background: #E0D0DA;
   625      }
   626          .icheckbox_line-pink.checked.disabled .icheck_line-icon,
   627          .iradio_line-pink.checked.disabled .icheck_line-icon {
   628              background-position: -45px 0;
   629          }
   630  
   631  /* HiDPI support */
   632  @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
   633      .icheckbox_line-pink .icheck_line-icon,
   634      .iradio_line-pink .icheck_line-icon {
   635          background-image: url(line@2x.png);
   636          -webkit-background-size: 60px 13px;
   637          background-size: 60px 13px;
   638      }
   639  }
   640  
   641  /* purple */
   642  .icheckbox_line-purple,
   643  .iradio_line-purple {
   644      position: relative;
   645      display: block;
   646      margin: 0;
   647      padding: 5px 15px 5px 38px;
   648      font-size: 13px;
   649      line-height: 17px;
   650      color: #fff;
   651      background: #6a5a8c;
   652      border: none;
   653      -webkit-border-radius: 3px;
   654      -moz-border-radius: 3px;
   655      border-radius: 3px;
   656      cursor: pointer;
   657  }
   658      .icheckbox_line-purple .icheck_line-icon,
   659      .iradio_line-purple .icheck_line-icon {
   660          position: absolute;
   661          top: 50%;
   662          left: 13px;
   663          width: 13px;
   664          height: 11px;
   665          margin: -5px 0 0 0;
   666          padding: 0;
   667          overflow: hidden;
   668          background: url(line.png) no-repeat;
   669          border: none;
   670      }
   671      .icheckbox_line-purple.hover,
   672      .icheckbox_line-purple.checked.hover,
   673      .iradio_line-purple.hover {
   674          background: #8677A7;
   675      }
   676      .icheckbox_line-purple.checked,
   677      .iradio_line-purple.checked {
   678          background: #6a5a8c;
   679      }
   680          .icheckbox_line-purple.checked .icheck_line-icon,
   681          .iradio_line-purple.checked .icheck_line-icon {
   682              background-position: -15px 0;
   683          }
   684      .icheckbox_line-purple.disabled,
   685      .iradio_line-purple.disabled {
   686          background: #D2CCDE;
   687          cursor: default;
   688      }
   689          .icheckbox_line-purple.disabled .icheck_line-icon,
   690          .iradio_line-purple.disabled .icheck_line-icon {
   691              background-position: -30px 0;
   692          }
   693      .icheckbox_line-purple.checked.disabled,
   694      .iradio_line-purple.checked.disabled {
   695          background: #D2CCDE;
   696      }
   697          .icheckbox_line-purple.checked.disabled .icheck_line-icon,
   698          .iradio_line-purple.checked.disabled .icheck_line-icon {
   699              background-position: -45px 0;
   700          }
   701  
   702  /* HiDPI support */
   703  @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
   704      .icheckbox_line-purple .icheck_line-icon,
   705      .iradio_line-purple .icheck_line-icon {
   706          background-image: url(line@2x.png);
   707          -webkit-background-size: 60px 13px;
   708          background-size: 60px 13px;
   709      }
   710  }