CoCalc -- _all.css

GitHub Repository: malwaredllc/byob
Path: blob/master/web-gui/buildyourownbotnet/assets/js/icheck/skins/line/_all.css
²⁰⁸⁹ views
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([email protected]);
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([email protected]);
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([email protected]);
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([email protected]);
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([email protected]);
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([email protected]);
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([email protected]);
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([email protected]);
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([email protected]);
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([email protected]);
737
        -webkit-background-size: 60px 13px;
738
        background-size: 60px 13px;
739
    }
740
}
741
Product

Resources

Company
