src/ceph/src/pybind/mgr/dashboard/static/AdminLTE-2.3.7/plugins/iCheck/line/_all.css

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