|
1 | 1 | .checkbox label {
|
2 |
| - display: inline-block; |
3 |
| - position: relative; |
4 |
| - padding-left: 5px; } |
5 |
| - .checkbox label:before { |
| 2 | + display: inline-block; |
| 3 | + position: relative; |
| 4 | + padding-left: 5px; } |
| 5 | +.checkbox label:before { |
6 | 6 | content: "";
|
7 | 7 | display: inline-block;
|
| 8 | + position: absolute; |
8 | 9 | width: 17px;
|
9 | 10 | height: 17px;
|
10 |
| - position: absolute; |
11 | 11 | left: 0;
|
12 | 12 | margin-left: -20px;
|
13 | 13 | border: 1px solid #cccccc;
|
14 | 14 | border-radius: 3px;
|
15 | 15 | background-color: #fff;
|
16 | 16 | -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
|
17 | 17 | transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
|
18 |
| - .checkbox label:after { |
| 18 | +.checkbox label:after { |
19 | 19 | display: inline-block;
|
| 20 | + position: absolute; |
20 | 21 | width: 16px;
|
21 | 22 | height: 16px;
|
22 | 23 | left: 0;
|
23 | 24 | top: 0;
|
24 | 25 | margin-left: -20px;
|
25 | 26 | padding-left: 3px;
|
26 | 27 | padding-top: 1px;
|
27 |
| - position: absolute; |
28 | 28 | font-size: 11px;
|
29 | 29 | color: #555555; }
|
30 | 30 | .checkbox input[type=checkbox] {
|
31 |
| - display: none; } |
32 |
| - .checkbox input[type=checkbox]:checked + label:after { |
| 31 | + display: none; } |
| 32 | +.checkbox input[type=checkbox]:checked + label:after { |
33 | 33 | font-family: 'FontAwesome';
|
34 | 34 | content: "\f00c"; }
|
35 |
| - .checkbox input[type=checkbox]:disabled + label { |
| 35 | +.checkbox input[type=checkbox]:disabled + label { |
36 | 36 | opacity: 0.65; }
|
37 |
| - .checkbox input[type=checkbox]:disabled + label:before { |
38 |
| - background-color: #eeeeee; |
39 |
| - cursor: not-allowed; } |
| 37 | +.checkbox input[type=checkbox]:disabled + label:before { |
| 38 | + background-color: #eeeeee; |
| 39 | + cursor: not-allowed; } |
40 | 40 | .checkbox.checkbox-circle label:before {
|
41 |
| - border-radius: 50%; } |
| 41 | + border-radius: 50%; } |
42 | 42 |
|
43 | 43 | .checkbox-primary input[type=checkbox]:checked + label:before {
|
44 |
| - background-color: #428bca; |
45 |
| - border-color: #428bca; } |
| 44 | + background-color: #428bca; |
| 45 | + border-color: #428bca; } |
46 | 46 | .checkbox-primary input[type=checkbox]:checked + label:after {
|
47 |
| - color: #fff; } |
| 47 | + color: #fff; } |
48 | 48 |
|
49 | 49 | .checkbox-danger input[type=checkbox]:checked + label:before {
|
50 |
| - background-color: #d9534f; |
51 |
| - border-color: #d9534f; } |
| 50 | + background-color: #d9534f; |
| 51 | + border-color: #d9534f; } |
52 | 52 | .checkbox-danger input[type=checkbox]:checked + label:after {
|
53 |
| - color: #fff; } |
| 53 | + color: #fff; } |
54 | 54 |
|
55 | 55 | .checkbox-info input[type=checkbox]:checked + label:before {
|
56 |
| - background-color: #5bc0de; |
57 |
| - border-color: #5bc0de; } |
| 56 | + background-color: #5bc0de; |
| 57 | + border-color: #5bc0de; } |
58 | 58 | .checkbox-info input[type=checkbox]:checked + label:after {
|
59 |
| - color: #fff; } |
| 59 | + color: #fff; } |
60 | 60 |
|
61 | 61 | .checkbox-warning input[type=checkbox]:checked + label:before {
|
62 |
| - background-color: #f0ad4e; |
63 |
| - border-color: #f0ad4e; } |
| 62 | + background-color: #f0ad4e; |
| 63 | + border-color: #f0ad4e; } |
64 | 64 | .checkbox-warning input[type=checkbox]:checked + label:after {
|
65 |
| - color: #fff; } |
| 65 | + color: #fff; } |
66 | 66 |
|
67 | 67 | .checkbox-success input[type=checkbox]:checked + label:before {
|
68 |
| - background-color: #5cb85c; |
69 |
| - border-color: #5cb85c; } |
| 68 | + background-color: #5cb85c; |
| 69 | + border-color: #5cb85c; } |
70 | 70 | .checkbox-success input[type=checkbox]:checked + label:after {
|
71 |
| - color: #fff; } |
| 71 | + color: #fff; } |
72 | 72 |
|
73 | 73 | .radio label {
|
74 |
| - display: inline-block; |
75 |
| - position: relative; |
76 |
| - padding-left: 5px; } |
77 |
| - .radio label:before { |
| 74 | + display: inline-block; |
| 75 | + position: relative; |
| 76 | + padding-left: 5px; } |
| 77 | +.radio label:before { |
78 | 78 | content: "";
|
79 | 79 | display: inline-block;
|
| 80 | + position: absolute; |
80 | 81 | width: 17px;
|
81 | 82 | height: 17px;
|
82 |
| - position: absolute; |
83 | 83 | left: 0;
|
84 | 84 | margin-left: -20px;
|
85 | 85 | border: 1px solid #cccccc;
|
86 | 86 | border-radius: 50%;
|
87 | 87 | background-color: #fff;
|
88 | 88 | -webkit-transition: border 0.15s ease-in-out;
|
89 | 89 | transition: border 0.15s ease-in-out; }
|
90 |
| - .radio label:after { |
| 90 | +.radio label:after { |
91 | 91 | display: inline-block;
|
| 92 | + position: absolute; |
92 | 93 | content: " ";
|
93 | 94 | width: 11px;
|
94 | 95 | height: 11px;
|
95 | 96 | left: 3px;
|
96 | 97 | top: 3px;
|
97 | 98 | margin-left: -20px;
|
98 |
| - position: absolute; |
99 | 99 | border-radius: 50%;
|
100 | 100 | background-color: #555555;
|
101 | 101 | -webkit-transform: scale(0);
|
|
106 | 106 | -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
|
107 | 107 | transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
|
108 | 108 | .radio input[type=radio] {
|
109 |
| - display: none; } |
110 |
| - .radio input[type=radio]:checked + label:after { |
| 109 | + display: none; } |
| 110 | +.radio input[type=radio]:checked + label:after { |
111 | 111 | -webkit-transform: scale(1);
|
112 | 112 | -ms-transform: scale(1);
|
113 | 113 | transform: scale(1); }
|
114 |
| - .radio input[type=radio]:disabled + label { |
| 114 | +.radio input[type=radio]:disabled + label { |
115 | 115 | opacity: 0.65; }
|
116 |
| - .radio input[type=radio]:disabled + label:before { |
117 |
| - cursor: not-allowed; } |
| 116 | +.radio input[type=radio]:disabled + label:before { |
| 117 | + cursor: not-allowed; } |
118 | 118 |
|
119 | 119 | .radio-primary input[type=radio] + label:after {
|
120 |
| - background-color: #428bca; } |
| 120 | + background-color: #428bca; } |
121 | 121 | .radio-primary input[type=radio]:checked + label:before {
|
122 |
| - border-color: #428bca; } |
| 122 | + border-color: #428bca; } |
123 | 123 | .radio-primary input[type=radio]:checked + label:after {
|
124 |
| - background-color: #428bca; } |
| 124 | + background-color: #428bca; } |
125 | 125 |
|
126 | 126 | .radio-danger input[type=radio] + label:after {
|
127 |
| - background-color: #d9534f; } |
| 127 | + background-color: #d9534f; } |
128 | 128 | .radio-danger input[type=radio]:checked + label:before {
|
129 |
| - border-color: #d9534f; } |
| 129 | + border-color: #d9534f; } |
130 | 130 | .radio-danger input[type=radio]:checked + label:after {
|
131 |
| - background-color: #d9534f; } |
| 131 | + background-color: #d9534f; } |
132 | 132 |
|
133 | 133 | .radio-info input[type=radio] + label:after {
|
134 |
| - background-color: #5bc0de; } |
| 134 | + background-color: #5bc0de; } |
135 | 135 | .radio-info input[type=radio]:checked + label:before {
|
136 |
| - border-color: #5bc0de; } |
| 136 | + border-color: #5bc0de; } |
137 | 137 | .radio-info input[type=radio]:checked + label:after {
|
138 |
| - background-color: #5bc0de; } |
| 138 | + background-color: #5bc0de; } |
139 | 139 |
|
140 | 140 | .radio-warning input[type=radio] + label:after {
|
141 |
| - background-color: #f0ad4e; } |
| 141 | + background-color: #f0ad4e; } |
142 | 142 | .radio-warning input[type=radio]:checked + label:before {
|
143 |
| - border-color: #f0ad4e; } |
| 143 | + border-color: #f0ad4e; } |
144 | 144 | .radio-warning input[type=radio]:checked + label:after {
|
145 |
| - background-color: #f0ad4e; } |
| 145 | + background-color: #f0ad4e; } |
146 | 146 |
|
147 | 147 | .radio-success input[type=radio] + label:after {
|
148 |
| - background-color: #5cb85c; } |
| 148 | + background-color: #5cb85c; } |
149 | 149 | .radio-success input[type=radio]:checked + label:before {
|
150 |
| - border-color: #5cb85c; } |
| 150 | + border-color: #5cb85c; } |
151 | 151 | .radio-success input[type=radio]:checked + label:after {
|
152 |
| - background-color: #5cb85c; } |
| 152 | + background-color: #5cb85c; } |
0 commit comments