/
custom-skin-cf.css
73 lines (61 loc) · 2.13 KB
/
custom-skin-cf.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
/*!
* Written for: Light weight customized checkboxes and radio buttons jquery plugin
* Author: @ElmahdiMahmoud
* updated: 11.12.13
* license: under MIT License - http://www.opensource.org/licenses/mit-license.php
*/
/**
* The default values declared within a comment side to each property.
*
* TODO: Do not use 'important!'
*/
/* ==========================================================================
Checkbox rules
========================================================================== */
/* case: default */
label.ccbx span {
width: ; /* 16px */
height: ; /* 16px */
margin-right: ; /* 5px */
border-color: ; /* #ccc */
}
/* case: default:hover */
label.ccbx:hover span { border-color: ; } /* #25303c */
/* case: disabled */
label.ccbx.disabled { color: ; } /* #ddd */
label.ccbx.disabled span { border-color: ; } /* #ddd */
label.ccbx.checked.disabled span { background-color: ; } /* #ddd */
/* case: disabled:hover */
label.ccbx.disabled:hover span { border-color: ; } /* #ddd */
/* case: active */
label.ccbx.checked span {
background-color: ; /* #25303c */
border-color: ; /* #25303c */
}
/* checkmark-icon (✔) */
label.ccbx i {
background: ; /* url('') */
width: ; /* 16px */
height: ; /* 16px */
}
/* ==========================================================================
Radio buttons rules
========================================================================== */
/* case: default */
label.crbtn span {
width: ; /* 17px */
height: ; /* 17px */
margin-right: ; /* 5px */
border-color: ; /* #ccc */
}
label.crbtn span i {
background-color: ; /* transparent */
width: ; /* 11px */
height: ; /* 11px */
}
/* case: disabled */
label.crbtn.disabled { color: ; } /* #ddd */
label.crbtn.disabled span { border-color: ; } /* #ddd */
label.crbtn.pushed.disabled span i { box-shadow:; } /* inset 0 0 9px #ddd */
/* case: active */
label.crbtn.pushed span i { box-shadow: ; } /* inset 0 0 9px #25303c */