bootstrap-switch-rails 1.4.0 → 1.8.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,391 +1,408 @@
1
- /* ============================================================
2
- * bootstrapSwitch v1.3 by Larentis Mattia @spiritualGuru
3
- * http://www.larentis.eu/switch/
4
- * ============================================================
5
- * Licensed under the Apache License, Version 2.0
6
- * http://www.apache.org/licenses/LICENSE-2.0
7
- * ============================================================ */
8
- .has-switch {
9
- display: inline-block;
10
- cursor: pointer;
11
- -webkit-border-radius: 5px;
12
- -moz-border-radius: 5px;
13
- border-radius: 5px;
14
- border: 1px solid;
15
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
16
- position: relative;
17
- text-align: left;
18
- overflow: hidden;
19
- line-height: 8px;
20
- -webkit-user-select: none;
21
- -moz-user-select: none;
22
- -ms-user-select: none;
23
- -o-user-select: none;
24
- user-select: none;
25
- min-width: 100px;
26
- }
27
- .has-switch.switch-mini {
28
- min-width: 72px;
29
- }
30
- .has-switch.switch-small {
31
- min-width: 80px;
32
- }
33
- .has-switch.switch-large {
34
- min-width: 120px;
35
- }
36
- .has-switch.deactivate {
37
- opacity: 0.5;
38
- filter: alpha(opacity=50);
39
- cursor: default !important;
40
- }
41
- .has-switch.deactivate label,
42
- .has-switch.deactivate span {
43
- cursor: default !important;
44
- }
45
- .has-switch > div {
46
- display: inline-block;
47
- width: 150%;
48
- position: relative;
49
- top: 0;
50
- }
51
- .has-switch > div.switch-animate {
52
- -webkit-transition: left 0.5s;
53
- -moz-transition: left 0.5s;
54
- -o-transition: left 0.5s;
55
- transition: left 0.5s;
56
- }
57
- .has-switch > div.switch-off {
58
- left: -50%;
59
- }
60
- .has-switch > div.switch-on {
61
- left: 0%;
62
- }
63
- .has-switch input[type=checkbox] {
64
- display: none;
65
- }
66
- .has-switch span,
67
- .has-switch label {
68
- -webkit-box-sizing: border-box;
69
- -moz-box-sizing: border-box;
70
- box-sizing: border-box;
71
- cursor: pointer;
72
- position: relative;
73
- display: inline-block;
74
- height: 100%;
75
- padding-bottom: 4px;
76
- padding-top: 4px;
77
- font-size: 14px;
78
- line-height: 20px;
79
- }
80
- .has-switch span.switch-mini,
81
- .has-switch label.switch-mini {
82
- padding-bottom: 4px;
83
- padding-top: 4px;
84
- font-size: 10px;
85
- line-height: 9px;
86
- }
87
- .has-switch span.switch-small,
88
- .has-switch label.switch-small {
89
- padding-bottom: 3px;
90
- padding-top: 3px;
91
- font-size: 12px;
92
- line-height: 18px;
93
- }
94
- .has-switch span.switch-large,
95
- .has-switch label.switch-large {
96
- padding-bottom: 9px;
97
- padding-top: 9px;
98
- font-size: 16px;
99
- line-height: normal;
100
- }
101
- .has-switch label {
102
- text-align: center;
103
- margin-top: -1px;
104
- margin-bottom: -1px;
105
- z-index: 100;
106
- width: 34%;
107
- border-left: 1px solid #cccccc;
108
- border-right: 1px solid #cccccc;
109
- color: #ffffff;
110
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
111
- background-color: #f5f5f5;
112
- background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
113
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
114
- background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
115
- background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
116
- background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
117
- background-repeat: repeat-x;
118
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
119
- border-color: #e6e6e6 #e6e6e6 #bfbfbf;
120
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
121
- *background-color: #e6e6e6;
122
- /* Darken IE7 buttons by default so they stand out more given they won't have borders */
123
-
124
- filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
125
- }
126
- .has-switch label:hover,
127
- .has-switch label:focus,
128
- .has-switch label:active,
129
- .has-switch label.active,
130
- .has-switch label.disabled,
131
- .has-switch label[disabled] {
132
- color: #ffffff;
133
- background-color: #e6e6e6;
134
- *background-color: #d9d9d9;
135
- }
136
- .has-switch label:active,
137
- .has-switch label.active {
138
- background-color: #cccccc \9;
139
- }
140
- .has-switch label i {
141
- color: #000;
142
- text-shadow: 0 1px 0 #fff;
143
- line-height: 18px;
144
- pointer-events: none;
145
- }
146
- .has-switch span {
147
- text-align: center;
148
- z-index: 1;
149
- width: 33%;
150
- }
151
- .has-switch span.switch-left {
152
- -webkit-border-top-left-radius: 4px;
153
- -moz-border-radius-topleft: 4px;
154
- border-top-left-radius: 4px;
155
- -webkit-border-bottom-left-radius: 4px;
156
- -moz-border-radius-bottomleft: 4px;
157
- border-bottom-left-radius: 4px;
158
- }
159
- .has-switch span.switch-right {
160
- color: #333333;
161
- text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
162
- background-color: #f0f0f0;
163
- background-image: -moz-linear-gradient(top, #e6e6e6, #ffffff);
164
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#ffffff));
165
- background-image: -webkit-linear-gradient(top, #e6e6e6, #ffffff);
166
- background-image: -o-linear-gradient(top, #e6e6e6, #ffffff);
167
- background-image: linear-gradient(to bottom, #e6e6e6, #ffffff);
168
- background-repeat: repeat-x;
169
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#ffffffff', GradientType=0);
170
- border-color: #ffffff #ffffff #d9d9d9;
171
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
172
- *background-color: #ffffff;
173
- /* Darken IE7 buttons by default so they stand out more given they won't have borders */
174
-
175
- filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
176
- }
177
- .has-switch span.switch-right:hover,
178
- .has-switch span.switch-right:focus,
179
- .has-switch span.switch-right:active,
180
- .has-switch span.switch-right.active,
181
- .has-switch span.switch-right.disabled,
182
- .has-switch span.switch-right[disabled] {
183
- color: #333333;
184
- background-color: #ffffff;
185
- *background-color: #f2f2f2;
186
- }
187
- .has-switch span.switch-right:active,
188
- .has-switch span.switch-right.active {
189
- background-color: #e6e6e6 \9;
190
- }
191
- .has-switch span.switch-primary,
192
- .has-switch span.switch-left {
193
- color: #ffffff;
194
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
195
- background-color: #005fcc;
196
- background-image: -moz-linear-gradient(top, #0044cc, #0088cc);
197
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0044cc), to(#0088cc));
198
- background-image: -webkit-linear-gradient(top, #0044cc, #0088cc);
199
- background-image: -o-linear-gradient(top, #0044cc, #0088cc);
200
- background-image: linear-gradient(to bottom, #0044cc, #0088cc);
201
- background-repeat: repeat-x;
202
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0044cc', endColorstr='#ff0088cc', GradientType=0);
203
- border-color: #0088cc #0088cc #005580;
204
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
205
- *background-color: #0088cc;
206
- /* Darken IE7 buttons by default so they stand out more given they won't have borders */
207
-
208
- filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
209
- }
210
- .has-switch span.switch-primary:hover,
211
- .has-switch span.switch-left:hover,
212
- .has-switch span.switch-primary:focus,
213
- .has-switch span.switch-left:focus,
214
- .has-switch span.switch-primary:active,
215
- .has-switch span.switch-left:active,
216
- .has-switch span.switch-primary.active,
217
- .has-switch span.switch-left.active,
218
- .has-switch span.switch-primary.disabled,
219
- .has-switch span.switch-left.disabled,
220
- .has-switch span.switch-primary[disabled],
221
- .has-switch span.switch-left[disabled] {
222
- color: #ffffff;
223
- background-color: #0088cc;
224
- *background-color: #0077b3;
225
- }
226
- .has-switch span.switch-primary:active,
227
- .has-switch span.switch-left:active,
228
- .has-switch span.switch-primary.active,
229
- .has-switch span.switch-left.active {
230
- background-color: #006699 \9;
231
- }
232
- .has-switch span.switch-info {
233
- color: #ffffff;
234
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
235
- background-color: #41a7c5;
236
- background-image: -moz-linear-gradient(top, #2f96b4, #5bc0de);
237
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2f96b4), to(#5bc0de));
238
- background-image: -webkit-linear-gradient(top, #2f96b4, #5bc0de);
239
- background-image: -o-linear-gradient(top, #2f96b4, #5bc0de);
240
- background-image: linear-gradient(to bottom, #2f96b4, #5bc0de);
241
- background-repeat: repeat-x;
242
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f96b4', endColorstr='#ff5bc0de', GradientType=0);
243
- border-color: #5bc0de #5bc0de #28a1c5;
244
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
245
- *background-color: #5bc0de;
246
- /* Darken IE7 buttons by default so they stand out more given they won't have borders */
247
-
248
- filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
249
- }
250
- .has-switch span.switch-info:hover,
251
- .has-switch span.switch-info:focus,
252
- .has-switch span.switch-info:active,
253
- .has-switch span.switch-info.active,
254
- .has-switch span.switch-info.disabled,
255
- .has-switch span.switch-info[disabled] {
256
- color: #ffffff;
257
- background-color: #5bc0de;
258
- *background-color: #46b8da;
259
- }
260
- .has-switch span.switch-info:active,
261
- .has-switch span.switch-info.active {
262
- background-color: #31b0d5 \9;
263
- }
264
- .has-switch span.switch-success {
265
- color: #ffffff;
266
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
267
- background-color: #58b058;
268
- background-image: -moz-linear-gradient(top, #51a351, #62c462);
269
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#51a351), to(#62c462));
270
- background-image: -webkit-linear-gradient(top, #51a351, #62c462);
271
- background-image: -o-linear-gradient(top, #51a351, #62c462);
272
- background-image: linear-gradient(to bottom, #51a351, #62c462);
273
- background-repeat: repeat-x;
274
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff51a351', endColorstr='#ff62c462', GradientType=0);
275
- border-color: #62c462 #62c462 #3b9e3b;
276
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
277
- *background-color: #62c462;
278
- /* Darken IE7 buttons by default so they stand out more given they won't have borders */
279
-
280
- filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
281
- }
282
- .has-switch span.switch-success:hover,
283
- .has-switch span.switch-success:focus,
284
- .has-switch span.switch-success:active,
285
- .has-switch span.switch-success.active,
286
- .has-switch span.switch-success.disabled,
287
- .has-switch span.switch-success[disabled] {
288
- color: #ffffff;
289
- background-color: #62c462;
290
- *background-color: #4fbd4f;
291
- }
292
- .has-switch span.switch-success:active,
293
- .has-switch span.switch-success.active {
294
- background-color: #42b142 \9;
295
- }
296
- .has-switch span.switch-warning {
297
- color: #ffffff;
298
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
299
- background-color: #f9a123;
300
- background-image: -moz-linear-gradient(top, #f89406, #fbb450);
301
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f89406), to(#fbb450));
302
- background-image: -webkit-linear-gradient(top, #f89406, #fbb450);
303
- background-image: -o-linear-gradient(top, #f89406, #fbb450);
304
- background-image: linear-gradient(to bottom, #f89406, #fbb450);
305
- background-repeat: repeat-x;
306
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff89406', endColorstr='#fffbb450', GradientType=0);
307
- border-color: #fbb450 #fbb450 #f89406;
308
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
309
- *background-color: #fbb450;
310
- /* Darken IE7 buttons by default so they stand out more given they won't have borders */
311
-
312
- filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
313
- }
314
- .has-switch span.switch-warning:hover,
315
- .has-switch span.switch-warning:focus,
316
- .has-switch span.switch-warning:active,
317
- .has-switch span.switch-warning.active,
318
- .has-switch span.switch-warning.disabled,
319
- .has-switch span.switch-warning[disabled] {
320
- color: #ffffff;
321
- background-color: #fbb450;
322
- *background-color: #faa937;
323
- }
324
- .has-switch span.switch-warning:active,
325
- .has-switch span.switch-warning.active {
326
- background-color: #fa9f1e \9;
327
- }
328
- .has-switch span.switch-danger {
329
- color: #ffffff;
330
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
331
- background-color: #d14641;
332
- background-image: -moz-linear-gradient(top, #bd362f, #ee5f5b);
333
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bd362f), to(#ee5f5b));
334
- background-image: -webkit-linear-gradient(top, #bd362f, #ee5f5b);
335
- background-image: -o-linear-gradient(top, #bd362f, #ee5f5b);
336
- background-image: linear-gradient(to bottom, #bd362f, #ee5f5b);
337
- background-repeat: repeat-x;
338
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbd362f', endColorstr='#ffee5f5b', GradientType=0);
339
- border-color: #ee5f5b #ee5f5b #e51d18;
340
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
341
- *background-color: #ee5f5b;
342
- /* Darken IE7 buttons by default so they stand out more given they won't have borders */
343
-
344
- filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
345
- }
346
- .has-switch span.switch-danger:hover,
347
- .has-switch span.switch-danger:focus,
348
- .has-switch span.switch-danger:active,
349
- .has-switch span.switch-danger.active,
350
- .has-switch span.switch-danger.disabled,
351
- .has-switch span.switch-danger[disabled] {
352
- color: #ffffff;
353
- background-color: #ee5f5b;
354
- *background-color: #ec4844;
355
- }
356
- .has-switch span.switch-danger:active,
357
- .has-switch span.switch-danger.active {
358
- background-color: #e9322d \9;
359
- }
360
- .has-switch span.switch-default {
361
- color: #333333;
362
- text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
363
- background-color: #f0f0f0;
364
- background-image: -moz-linear-gradient(top, #e6e6e6, #ffffff);
365
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#ffffff));
366
- background-image: -webkit-linear-gradient(top, #e6e6e6, #ffffff);
367
- background-image: -o-linear-gradient(top, #e6e6e6, #ffffff);
368
- background-image: linear-gradient(to bottom, #e6e6e6, #ffffff);
369
- background-repeat: repeat-x;
370
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#ffffffff', GradientType=0);
371
- border-color: #ffffff #ffffff #d9d9d9;
372
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
373
- *background-color: #ffffff;
374
- /* Darken IE7 buttons by default so they stand out more given they won't have borders */
375
-
376
- filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
377
- }
378
- .has-switch span.switch-default:hover,
379
- .has-switch span.switch-default:focus,
380
- .has-switch span.switch-default:active,
381
- .has-switch span.switch-default.active,
382
- .has-switch span.switch-default.disabled,
383
- .has-switch span.switch-default[disabled] {
384
- color: #333333;
385
- background-color: #ffffff;
386
- *background-color: #f2f2f2;
387
- }
388
- .has-switch span.switch-default:active,
389
- .has-switch span.switch-default.active {
390
- background-color: #e6e6e6 \9;
391
- }
1
+ /* ============================================================
2
+ * bootstrapSwitch v1.8 by Larentis Mattia @SpiritualGuru
3
+ * http://www.larentis.eu/
4
+ *
5
+ * Enhanced for radiobuttons by Stein, Peter @BdMdesigN
6
+ * http://www.bdmdesign.org/
7
+ *
8
+ * Project site:
9
+ * http://www.larentis.eu/switch/
10
+ * ============================================================
11
+ * Licensed under the Apache License, Version 2.0
12
+ * http://www.apache.org/licenses/LICENSE-2.0
13
+ * ============================================================ */
14
+ .has-switch {
15
+ display: inline-block;
16
+ cursor: pointer;
17
+ -webkit-border-radius: 5px;
18
+ -moz-border-radius: 5px;
19
+ border-radius: 5px;
20
+ border: 1px solid;
21
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
22
+ position: relative;
23
+ text-align: left;
24
+ overflow: hidden;
25
+ line-height: 8px;
26
+ -webkit-user-select: none;
27
+ -moz-user-select: none;
28
+ -ms-user-select: none;
29
+ -o-user-select: none;
30
+ user-select: none;
31
+ vertical-align: middle;
32
+ min-width: 100px;
33
+ }
34
+ .has-switch.switch-mini {
35
+ min-width: 72px;
36
+ }
37
+ .has-switch.switch-mini i.switch-mini-icons {
38
+ height: 1.20em;
39
+ line-height: 9px;
40
+ vertical-align: text-top;
41
+ text-align: center;
42
+ transform: scale(0.6);
43
+ margin-top: -1px;
44
+ margin-bottom: -1px;
45
+ }
46
+ .has-switch.switch-small {
47
+ min-width: 80px;
48
+ }
49
+ .has-switch.switch-large {
50
+ min-width: 120px;
51
+ }
52
+ .has-switch.deactivate {
53
+ opacity: 0.5;
54
+ filter: alpha(opacity=50);
55
+ cursor: default !important;
56
+ }
57
+ .has-switch.deactivate label,
58
+ .has-switch.deactivate span {
59
+ cursor: default !important;
60
+ }
61
+ .has-switch > div {
62
+ display: inline-block;
63
+ width: 150%;
64
+ position: relative;
65
+ top: 0;
66
+ }
67
+ .has-switch > div.switch-animate {
68
+ -webkit-transition: left 0.5s;
69
+ -moz-transition: left 0.5s;
70
+ -o-transition: left 0.5s;
71
+ transition: left 0.5s;
72
+ }
73
+ .has-switch > div.switch-off {
74
+ left: -50%;
75
+ }
76
+ .has-switch > div.switch-on {
77
+ left: 0%;
78
+ }
79
+ .has-switch input[type=radio],
80
+ .has-switch input[type=checkbox] {
81
+ display: none;
82
+ }
83
+ .has-switch span,
84
+ .has-switch label {
85
+ -webkit-box-sizing: border-box;
86
+ -moz-box-sizing: border-box;
87
+ box-sizing: border-box;
88
+ cursor: pointer;
89
+ position: relative;
90
+ display: inline-block;
91
+ height: 100%;
92
+ padding-bottom: 4px;
93
+ padding-top: 4px;
94
+ font-size: 14px;
95
+ line-height: 20px;
96
+ }
97
+ .has-switch span.switch-mini,
98
+ .has-switch label.switch-mini {
99
+ padding-bottom: 4px;
100
+ padding-top: 4px;
101
+ font-size: 10px;
102
+ line-height: 9px;
103
+ }
104
+ .has-switch span.switch-small,
105
+ .has-switch label.switch-small {
106
+ padding-bottom: 3px;
107
+ padding-top: 3px;
108
+ font-size: 12px;
109
+ line-height: 18px;
110
+ }
111
+ .has-switch span.switch-large,
112
+ .has-switch label.switch-large {
113
+ padding-bottom: 9px;
114
+ padding-top: 9px;
115
+ font-size: 16px;
116
+ line-height: normal;
117
+ }
118
+ .has-switch label {
119
+ text-align: center;
120
+ margin-top: -1px;
121
+ margin-bottom: -1px;
122
+ z-index: 100;
123
+ width: 34%;
124
+ border-left: 1px solid #cccccc;
125
+ border-right: 1px solid #cccccc;
126
+ color: #333333;
127
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
128
+ background-color: #f5f5f5;
129
+ background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
130
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
131
+ background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
132
+ background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
133
+ background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
134
+ background-repeat: repeat-x;
135
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
136
+ border-color: #e6e6e6 #e6e6e6 #bfbfbf;
137
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
138
+ *background-color: #e6e6e6;
139
+ /* Darken IE7 buttons by default so they stand out more given they won't have borders */
140
+
141
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
142
+ }
143
+ .has-switch label:hover,
144
+ .has-switch label:focus,
145
+ .has-switch label:active,
146
+ .has-switch label.active,
147
+ .has-switch label.disabled,
148
+ .has-switch label[disabled] {
149
+ color: #333333;
150
+ background-color: #e6e6e6;
151
+ *background-color: #d9d9d9;
152
+ }
153
+ .has-switch label:active,
154
+ .has-switch label.active {
155
+ background-color: #cccccc \9;
156
+ }
157
+ .has-switch label i {
158
+ color: #000;
159
+ text-shadow: 0 1px 0 #fff;
160
+ line-height: 18px;
161
+ pointer-events: none;
162
+ }
163
+ .has-switch span {
164
+ text-align: center;
165
+ z-index: 1;
166
+ width: 33%;
167
+ }
168
+ .has-switch span.switch-left {
169
+ -webkit-border-top-left-radius: 4px;
170
+ -moz-border-radius-topleft: 4px;
171
+ border-top-left-radius: 4px;
172
+ -webkit-border-bottom-left-radius: 4px;
173
+ -moz-border-radius-bottomleft: 4px;
174
+ border-bottom-left-radius: 4px;
175
+ }
176
+ .has-switch span.switch-right {
177
+ color: #333333;
178
+ text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
179
+ background-color: #f0f0f0;
180
+ background-image: -moz-linear-gradient(top, #e6e6e6, #ffffff);
181
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#ffffff));
182
+ background-image: -webkit-linear-gradient(top, #e6e6e6, #ffffff);
183
+ background-image: -o-linear-gradient(top, #e6e6e6, #ffffff);
184
+ background-image: linear-gradient(to bottom, #e6e6e6, #ffffff);
185
+ background-repeat: repeat-x;
186
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#ffffffff', GradientType=0);
187
+ border-color: #ffffff #ffffff #d9d9d9;
188
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
189
+ *background-color: #ffffff;
190
+ /* Darken IE7 buttons by default so they stand out more given they won't have borders */
191
+
192
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
193
+ }
194
+ .has-switch span.switch-right:hover,
195
+ .has-switch span.switch-right:focus,
196
+ .has-switch span.switch-right:active,
197
+ .has-switch span.switch-right.active,
198
+ .has-switch span.switch-right.disabled,
199
+ .has-switch span.switch-right[disabled] {
200
+ color: #333333;
201
+ background-color: #ffffff;
202
+ *background-color: #f2f2f2;
203
+ }
204
+ .has-switch span.switch-right:active,
205
+ .has-switch span.switch-right.active {
206
+ background-color: #e6e6e6 \9;
207
+ }
208
+ .has-switch span.switch-primary,
209
+ .has-switch span.switch-left {
210
+ color: #ffffff;
211
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
212
+ background-color: #005fcc;
213
+ background-image: -moz-linear-gradient(top, #0044cc, #0088cc);
214
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0044cc), to(#0088cc));
215
+ background-image: -webkit-linear-gradient(top, #0044cc, #0088cc);
216
+ background-image: -o-linear-gradient(top, #0044cc, #0088cc);
217
+ background-image: linear-gradient(to bottom, #0044cc, #0088cc);
218
+ background-repeat: repeat-x;
219
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0044cc', endColorstr='#ff0088cc', GradientType=0);
220
+ border-color: #0088cc #0088cc #005580;
221
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
222
+ *background-color: #0088cc;
223
+ /* Darken IE7 buttons by default so they stand out more given they won't have borders */
224
+
225
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
226
+ }
227
+ .has-switch span.switch-primary:hover,
228
+ .has-switch span.switch-left:hover,
229
+ .has-switch span.switch-primary:focus,
230
+ .has-switch span.switch-left:focus,
231
+ .has-switch span.switch-primary:active,
232
+ .has-switch span.switch-left:active,
233
+ .has-switch span.switch-primary.active,
234
+ .has-switch span.switch-left.active,
235
+ .has-switch span.switch-primary.disabled,
236
+ .has-switch span.switch-left.disabled,
237
+ .has-switch span.switch-primary[disabled],
238
+ .has-switch span.switch-left[disabled] {
239
+ color: #ffffff;
240
+ background-color: #0088cc;
241
+ *background-color: #0077b3;
242
+ }
243
+ .has-switch span.switch-primary:active,
244
+ .has-switch span.switch-left:active,
245
+ .has-switch span.switch-primary.active,
246
+ .has-switch span.switch-left.active {
247
+ background-color: #006699 \9;
248
+ }
249
+ .has-switch span.switch-info {
250
+ color: #ffffff;
251
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
252
+ background-color: #41a7c5;
253
+ background-image: -moz-linear-gradient(top, #2f96b4, #5bc0de);
254
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2f96b4), to(#5bc0de));
255
+ background-image: -webkit-linear-gradient(top, #2f96b4, #5bc0de);
256
+ background-image: -o-linear-gradient(top, #2f96b4, #5bc0de);
257
+ background-image: linear-gradient(to bottom, #2f96b4, #5bc0de);
258
+ background-repeat: repeat-x;
259
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f96b4', endColorstr='#ff5bc0de', GradientType=0);
260
+ border-color: #5bc0de #5bc0de #28a1c5;
261
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
262
+ *background-color: #5bc0de;
263
+ /* Darken IE7 buttons by default so they stand out more given they won't have borders */
264
+
265
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
266
+ }
267
+ .has-switch span.switch-info:hover,
268
+ .has-switch span.switch-info:focus,
269
+ .has-switch span.switch-info:active,
270
+ .has-switch span.switch-info.active,
271
+ .has-switch span.switch-info.disabled,
272
+ .has-switch span.switch-info[disabled] {
273
+ color: #ffffff;
274
+ background-color: #5bc0de;
275
+ *background-color: #46b8da;
276
+ }
277
+ .has-switch span.switch-info:active,
278
+ .has-switch span.switch-info.active {
279
+ background-color: #31b0d5 \9;
280
+ }
281
+ .has-switch span.switch-success {
282
+ color: #ffffff;
283
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
284
+ background-color: #58b058;
285
+ background-image: -moz-linear-gradient(top, #51a351, #62c462);
286
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#51a351), to(#62c462));
287
+ background-image: -webkit-linear-gradient(top, #51a351, #62c462);
288
+ background-image: -o-linear-gradient(top, #51a351, #62c462);
289
+ background-image: linear-gradient(to bottom, #51a351, #62c462);
290
+ background-repeat: repeat-x;
291
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff51a351', endColorstr='#ff62c462', GradientType=0);
292
+ border-color: #62c462 #62c462 #3b9e3b;
293
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
294
+ *background-color: #62c462;
295
+ /* Darken IE7 buttons by default so they stand out more given they won't have borders */
296
+
297
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
298
+ }
299
+ .has-switch span.switch-success:hover,
300
+ .has-switch span.switch-success:focus,
301
+ .has-switch span.switch-success:active,
302
+ .has-switch span.switch-success.active,
303
+ .has-switch span.switch-success.disabled,
304
+ .has-switch span.switch-success[disabled] {
305
+ color: #ffffff;
306
+ background-color: #62c462;
307
+ *background-color: #4fbd4f;
308
+ }
309
+ .has-switch span.switch-success:active,
310
+ .has-switch span.switch-success.active {
311
+ background-color: #42b142 \9;
312
+ }
313
+ .has-switch span.switch-warning {
314
+ color: #ffffff;
315
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
316
+ background-color: #f9a123;
317
+ background-image: -moz-linear-gradient(top, #f89406, #fbb450);
318
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f89406), to(#fbb450));
319
+ background-image: -webkit-linear-gradient(top, #f89406, #fbb450);
320
+ background-image: -o-linear-gradient(top, #f89406, #fbb450);
321
+ background-image: linear-gradient(to bottom, #f89406, #fbb450);
322
+ background-repeat: repeat-x;
323
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff89406', endColorstr='#fffbb450', GradientType=0);
324
+ border-color: #fbb450 #fbb450 #f89406;
325
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
326
+ *background-color: #fbb450;
327
+ /* Darken IE7 buttons by default so they stand out more given they won't have borders */
328
+
329
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
330
+ }
331
+ .has-switch span.switch-warning:hover,
332
+ .has-switch span.switch-warning:focus,
333
+ .has-switch span.switch-warning:active,
334
+ .has-switch span.switch-warning.active,
335
+ .has-switch span.switch-warning.disabled,
336
+ .has-switch span.switch-warning[disabled] {
337
+ color: #ffffff;
338
+ background-color: #fbb450;
339
+ *background-color: #faa937;
340
+ }
341
+ .has-switch span.switch-warning:active,
342
+ .has-switch span.switch-warning.active {
343
+ background-color: #fa9f1e \9;
344
+ }
345
+ .has-switch span.switch-danger {
346
+ color: #ffffff;
347
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
348
+ background-color: #d14641;
349
+ background-image: -moz-linear-gradient(top, #bd362f, #ee5f5b);
350
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bd362f), to(#ee5f5b));
351
+ background-image: -webkit-linear-gradient(top, #bd362f, #ee5f5b);
352
+ background-image: -o-linear-gradient(top, #bd362f, #ee5f5b);
353
+ background-image: linear-gradient(to bottom, #bd362f, #ee5f5b);
354
+ background-repeat: repeat-x;
355
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbd362f', endColorstr='#ffee5f5b', GradientType=0);
356
+ border-color: #ee5f5b #ee5f5b #e51d18;
357
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
358
+ *background-color: #ee5f5b;
359
+ /* Darken IE7 buttons by default so they stand out more given they won't have borders */
360
+
361
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
362
+ }
363
+ .has-switch span.switch-danger:hover,
364
+ .has-switch span.switch-danger:focus,
365
+ .has-switch span.switch-danger:active,
366
+ .has-switch span.switch-danger.active,
367
+ .has-switch span.switch-danger.disabled,
368
+ .has-switch span.switch-danger[disabled] {
369
+ color: #ffffff;
370
+ background-color: #ee5f5b;
371
+ *background-color: #ec4844;
372
+ }
373
+ .has-switch span.switch-danger:active,
374
+ .has-switch span.switch-danger.active {
375
+ background-color: #e9322d \9;
376
+ }
377
+ .has-switch span.switch-default {
378
+ color: #333333;
379
+ text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
380
+ background-color: #f0f0f0;
381
+ background-image: -moz-linear-gradient(top, #e6e6e6, #ffffff);
382
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#ffffff));
383
+ background-image: -webkit-linear-gradient(top, #e6e6e6, #ffffff);
384
+ background-image: -o-linear-gradient(top, #e6e6e6, #ffffff);
385
+ background-image: linear-gradient(to bottom, #e6e6e6, #ffffff);
386
+ background-repeat: repeat-x;
387
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#ffffffff', GradientType=0);
388
+ border-color: #ffffff #ffffff #d9d9d9;
389
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
390
+ *background-color: #ffffff;
391
+ /* Darken IE7 buttons by default so they stand out more given they won't have borders */
392
+
393
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
394
+ }
395
+ .has-switch span.switch-default:hover,
396
+ .has-switch span.switch-default:focus,
397
+ .has-switch span.switch-default:active,
398
+ .has-switch span.switch-default.active,
399
+ .has-switch span.switch-default.disabled,
400
+ .has-switch span.switch-default[disabled] {
401
+ color: #333333;
402
+ background-color: #ffffff;
403
+ *background-color: #f2f2f2;
404
+ }
405
+ .has-switch span.switch-default:active,
406
+ .has-switch span.switch-default.active {
407
+ background-color: #e6e6e6 \9;
408
+ }