bootstrap-switch-rails 2.0.2 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
1
1
  /* ========================================================================
2
- * bootstrap-switch - v2.0.1
2
+ * bootstrap-switch - v3.0.0
3
3
  * http://www.bootstrap-switch.org
4
4
  * ========================================================================
5
5
  * Copyright 2012-2013 Mattia Larentis
@@ -46,7 +46,7 @@
46
46
  -moz-box-sizing: border-box;
47
47
  box-sizing: border-box;
48
48
  }
49
- .has-switch {
49
+ .bootstrap-switch {
50
50
  display: inline-block;
51
51
  cursor: pointer;
52
52
  -webkit-border-radius: 5px;
@@ -70,90 +70,108 @@
70
70
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
71
71
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
72
72
  }
73
- .has-switch.switch-mini {
74
- min-width: 72px;
73
+ .bootstrap-switch.bootstrap-switch-mini {
74
+ min-width: 71px;
75
75
  }
76
- .has-switch.switch-mini span,
77
- .has-switch.switch-mini label {
76
+ .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
77
+ .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
78
+ .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
78
79
  padding-bottom: 4px;
79
80
  padding-top: 4px;
80
81
  font-size: 10px;
81
82
  line-height: 9px;
82
83
  }
83
- .has-switch.switch-mini i.switch-mini-icons {
84
- height: 1.20em;
85
- line-height: 9px;
86
- vertical-align: text-top;
87
- text-align: center;
88
- transform: scale(0.6);
89
- margin-top: -1px;
90
- margin-bottom: -1px;
84
+ .bootstrap-switch.bootstrap-switch-small {
85
+ min-width: 79px;
91
86
  }
92
- .has-switch.switch-small {
93
- min-width: 80px;
94
- }
95
- .has-switch.switch-small span,
96
- .has-switch.switch-small label {
87
+ .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
88
+ .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
89
+ .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
97
90
  padding-bottom: 3px;
98
91
  padding-top: 3px;
99
92
  font-size: 12px;
100
93
  line-height: 18px;
101
94
  }
102
- .has-switch.switch-large {
95
+ .bootstrap-switch.bootstrap-switch-large {
103
96
  min-width: 120px;
104
97
  }
105
- .has-switch.switch-large span,
106
- .has-switch.switch-large label {
98
+ .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
99
+ .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
100
+ .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
107
101
  padding-bottom: 9px;
108
102
  padding-top: 9px;
109
103
  font-size: 16px;
110
104
  line-height: normal;
111
105
  }
112
- .has-switch.switch-animate > div {
113
- -webkit-transition: left 0.5s;
114
- -moz-transition: left 0.5s;
115
- -o-transition: left 0.5s;
116
- transition: left 0.5s;
106
+ .bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
107
+ -webkit-transition: margin-left 0.5s;
108
+ -moz-transition: margin-left 0.5s;
109
+ -o-transition: margin-left 0.5s;
110
+ transition: margin-left 0.5s;
111
+ }
112
+ .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-container {
113
+ margin-left: 0%;
117
114
  }
118
- .has-switch.switch-off > div {
119
- left: -50%;
115
+ .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
116
+ -webkit-border-top-right-radius: 4px;
117
+ -moz-border-radius-topright: 4px;
118
+ border-top-right-radius: 4px;
119
+ -webkit-border-bottom-right-radius: 4px;
120
+ -moz-border-radius-bottomright: 4px;
121
+ border-bottom-right-radius: 4px;
120
122
  }
121
- .has-switch.switch-on > div {
122
- left: 0%;
123
+ .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-container {
124
+ margin-left: -50%;
123
125
  }
124
- .has-switch.disabled {
126
+ .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
127
+ -webkit-border-top-left-radius: 4px;
128
+ -moz-border-radius-topleft: 4px;
129
+ border-top-left-radius: 4px;
130
+ -webkit-border-bottom-left-radius: 4px;
131
+ -moz-border-radius-bottomleft: 4px;
132
+ border-bottom-left-radius: 4px;
133
+ }
134
+ .bootstrap-switch.bootstrap-switch-disabled,
135
+ .bootstrap-switch.bootstrap-switch-readonly {
125
136
  opacity: 0.5;
126
137
  filter: alpha(opacity=50);
127
138
  cursor: default !important;
128
139
  }
129
- .has-switch.disabled span,
130
- .has-switch.disabled label {
140
+ .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
141
+ .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
142
+ .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
143
+ .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
144
+ .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
145
+ .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label {
131
146
  cursor: default !important;
132
147
  }
133
- .has-switch:focus {
134
- border-color: #0088cc;
148
+ .bootstrap-switch.bootstrap-switch-focused {
149
+ border-color: rgba(82, 168, 236, 0.8);
135
150
  outline: 0;
136
- -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
137
- -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
138
- box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
151
+ outline: thin dotted \9;
152
+ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82, 168, 236, .6);
153
+ -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82, 168, 236, .6);
154
+ box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82, 168, 236, .6);
139
155
  }
140
- .has-switch > div {
156
+ .bootstrap-switch .bootstrap-switch-container {
141
157
  display: inline-block;
142
158
  width: 150%;
143
- position: relative;
144
159
  top: 0;
145
- }
146
- .has-switch input[type=radio],
147
- .has-switch input[type=checkbox] {
148
- display: none;
149
- }
150
- .has-switch span,
151
- .has-switch label {
160
+ -webkit-border-radius: 4px;
161
+ -moz-border-radius: 4px;
162
+ border-radius: 4px;
163
+ -webkit-transform: translate3d(0, 0, 0);
164
+ -moz-transform: translate3d(0, 0, 0);
165
+ -o-transform: translate3d(0, 0, 0);
166
+ transform: translate3d(0, 0, 0);
167
+ }
168
+ .bootstrap-switch .bootstrap-switch-handle-on,
169
+ .bootstrap-switch .bootstrap-switch-handle-off,
170
+ .bootstrap-switch .bootstrap-switch-label {
152
171
  -webkit-box-sizing: border-box;
153
172
  -moz-box-sizing: border-box;
154
173
  box-sizing: border-box;
155
174
  cursor: pointer;
156
- position: relative;
157
175
  display: inline-block !important;
158
176
  height: 100%;
159
177
  padding-bottom: 4px;
@@ -161,96 +179,14 @@
161
179
  font-size: 14px;
162
180
  line-height: 20px;
163
181
  }
164
- .has-switch label {
165
- text-align: center;
166
- margin-top: -1px;
167
- margin-bottom: -1px;
168
- z-index: 100;
169
- width: 34%;
170
- border-left: 1px solid #cccccc;
171
- border-right: 1px solid #cccccc;
172
- color: #333333;
173
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
174
- background-color: #f5f5f5;
175
- background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
176
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
177
- background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
178
- background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
179
- background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
180
- background-repeat: repeat-x;
181
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
182
- border-color: #e6e6e6 #e6e6e6 #bfbfbf;
183
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
184
- *background-color: #e6e6e6;
185
- /* Darken IE7 buttons by default so they stand out more given they won't have borders */
186
- filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
187
- }
188
- .has-switch label:hover,
189
- .has-switch label:focus,
190
- .has-switch label:active,
191
- .has-switch label.active,
192
- .has-switch label.disabled,
193
- .has-switch label[disabled] {
194
- color: #333333;
195
- background-color: #e6e6e6;
196
- *background-color: #d9d9d9;
197
- }
198
- .has-switch label:active,
199
- .has-switch label.active {
200
- background-color: #cccccc \9;
201
- }
202
- .has-switch label i {
203
- color: #000;
204
- text-shadow: 0 1px 0 #fff;
205
- line-height: 18px;
206
- pointer-events: none;
207
- }
208
- .has-switch span {
182
+ .bootstrap-switch .bootstrap-switch-handle-on,
183
+ .bootstrap-switch .bootstrap-switch-handle-off {
209
184
  text-align: center;
210
185
  z-index: 1;
211
- width: 33%;
212
- }
213
- .has-switch span.switch-left {
214
- -webkit-border-top-left-radius: 4px;
215
- -moz-border-radius-topleft: 4px;
216
- border-top-left-radius: 4px;
217
- -webkit-border-bottom-left-radius: 4px;
218
- -moz-border-radius-bottomleft: 4px;
219
- border-bottom-left-radius: 4px;
220
- }
221
- .has-switch span.switch-right {
222
- color: #333333;
223
- text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
224
- background-color: #f0f0f0;
225
- background-image: -moz-linear-gradient(top, #e6e6e6, #ffffff);
226
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#ffffff));
227
- background-image: -webkit-linear-gradient(top, #e6e6e6, #ffffff);
228
- background-image: -o-linear-gradient(top, #e6e6e6, #ffffff);
229
- background-image: linear-gradient(to bottom, #e6e6e6, #ffffff);
230
- background-repeat: repeat-x;
231
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#ffffffff', GradientType=0);
232
- border-color: #ffffff #ffffff #d9d9d9;
233
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
234
- *background-color: #ffffff;
235
- /* Darken IE7 buttons by default so they stand out more given they won't have borders */
236
- filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
186
+ width: 33.333333333%;
237
187
  }
238
- .has-switch span.switch-right:hover,
239
- .has-switch span.switch-right:focus,
240
- .has-switch span.switch-right:active,
241
- .has-switch span.switch-right.active,
242
- .has-switch span.switch-right.disabled,
243
- .has-switch span.switch-right[disabled] {
244
- color: #333333;
245
- background-color: #ffffff;
246
- *background-color: #f2f2f2;
247
- }
248
- .has-switch span.switch-right:active,
249
- .has-switch span.switch-right.active {
250
- background-color: #e6e6e6 \9;
251
- }
252
- .has-switch span.switch-primary,
253
- .has-switch span.switch-left {
188
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
189
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
254
190
  color: #ffffff;
255
191
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
256
192
  background-color: #005fcc;
@@ -267,29 +203,30 @@
267
203
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
268
204
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
269
205
  }
270
- .has-switch span.switch-primary:hover,
271
- .has-switch span.switch-left:hover,
272
- .has-switch span.switch-primary:focus,
273
- .has-switch span.switch-left:focus,
274
- .has-switch span.switch-primary:active,
275
- .has-switch span.switch-left:active,
276
- .has-switch span.switch-primary.active,
277
- .has-switch span.switch-left.active,
278
- .has-switch span.switch-primary.disabled,
279
- .has-switch span.switch-left.disabled,
280
- .has-switch span.switch-primary[disabled],
281
- .has-switch span.switch-left[disabled] {
206
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary:hover,
207
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary:hover,
208
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary:focus,
209
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary:focus,
210
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary:active,
211
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary:active,
212
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary.active,
213
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary.active,
214
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary.disabled,
215
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary.disabled,
216
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary[disabled],
217
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary[disabled] {
282
218
  color: #ffffff;
283
219
  background-color: #0088cc;
284
220
  *background-color: #0077b3;
285
221
  }
286
- .has-switch span.switch-primary:active,
287
- .has-switch span.switch-left:active,
288
- .has-switch span.switch-primary.active,
289
- .has-switch span.switch-left.active {
222
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary:active,
223
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary:active,
224
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary.active,
225
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary.active {
290
226
  background-color: #006699 \9;
291
227
  }
292
- .has-switch span.switch-info {
228
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
229
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
293
230
  color: #ffffff;
294
231
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
295
232
  background-color: #41a7c5;
@@ -306,21 +243,30 @@
306
243
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
307
244
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
308
245
  }
309
- .has-switch span.switch-info:hover,
310
- .has-switch span.switch-info:focus,
311
- .has-switch span.switch-info:active,
312
- .has-switch span.switch-info.active,
313
- .has-switch span.switch-info.disabled,
314
- .has-switch span.switch-info[disabled] {
246
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info:hover,
247
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info:hover,
248
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info:focus,
249
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info:focus,
250
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info:active,
251
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info:active,
252
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info.active,
253
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info.active,
254
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info.disabled,
255
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info.disabled,
256
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info[disabled],
257
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info[disabled] {
315
258
  color: #ffffff;
316
259
  background-color: #5bc0de;
317
260
  *background-color: #46b8da;
318
261
  }
319
- .has-switch span.switch-info:active,
320
- .has-switch span.switch-info.active {
262
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info:active,
263
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info:active,
264
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info.active,
265
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info.active {
321
266
  background-color: #31b0d5 \9;
322
267
  }
323
- .has-switch span.switch-success {
268
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
269
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
324
270
  color: #ffffff;
325
271
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
326
272
  background-color: #58b058;
@@ -337,21 +283,30 @@
337
283
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
338
284
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
339
285
  }
340
- .has-switch span.switch-success:hover,
341
- .has-switch span.switch-success:focus,
342
- .has-switch span.switch-success:active,
343
- .has-switch span.switch-success.active,
344
- .has-switch span.switch-success.disabled,
345
- .has-switch span.switch-success[disabled] {
286
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success:hover,
287
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success:hover,
288
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success:focus,
289
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success:focus,
290
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success:active,
291
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success:active,
292
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success.active,
293
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success.active,
294
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success.disabled,
295
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success.disabled,
296
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success[disabled],
297
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success[disabled] {
346
298
  color: #ffffff;
347
299
  background-color: #62c462;
348
300
  *background-color: #4fbd4f;
349
301
  }
350
- .has-switch span.switch-success:active,
351
- .has-switch span.switch-success.active {
302
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success:active,
303
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success:active,
304
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success.active,
305
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success.active {
352
306
  background-color: #42b142 \9;
353
307
  }
354
- .has-switch span.switch-warning {
308
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
309
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
355
310
  color: #ffffff;
356
311
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
357
312
  background-color: #f9a123;
@@ -368,21 +323,30 @@
368
323
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
369
324
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
370
325
  }
371
- .has-switch span.switch-warning:hover,
372
- .has-switch span.switch-warning:focus,
373
- .has-switch span.switch-warning:active,
374
- .has-switch span.switch-warning.active,
375
- .has-switch span.switch-warning.disabled,
376
- .has-switch span.switch-warning[disabled] {
326
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning:hover,
327
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning:hover,
328
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning:focus,
329
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning:focus,
330
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning:active,
331
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning:active,
332
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning.active,
333
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning.active,
334
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning.disabled,
335
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning.disabled,
336
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning[disabled],
337
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning[disabled] {
377
338
  color: #ffffff;
378
339
  background-color: #fbb450;
379
340
  *background-color: #faa937;
380
341
  }
381
- .has-switch span.switch-warning:active,
382
- .has-switch span.switch-warning.active {
342
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning:active,
343
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning:active,
344
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning.active,
345
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning.active {
383
346
  background-color: #fa9f1e \9;
384
347
  }
385
- .has-switch span.switch-danger {
348
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
349
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
386
350
  color: #ffffff;
387
351
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
388
352
  background-color: #d14641;
@@ -399,21 +363,30 @@
399
363
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
400
364
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
401
365
  }
402
- .has-switch span.switch-danger:hover,
403
- .has-switch span.switch-danger:focus,
404
- .has-switch span.switch-danger:active,
405
- .has-switch span.switch-danger.active,
406
- .has-switch span.switch-danger.disabled,
407
- .has-switch span.switch-danger[disabled] {
366
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger:hover,
367
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger:hover,
368
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger:focus,
369
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger:focus,
370
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger:active,
371
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger:active,
372
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger.active,
373
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger.active,
374
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger.disabled,
375
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger.disabled,
376
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger[disabled],
377
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger[disabled] {
408
378
  color: #ffffff;
409
379
  background-color: #ee5f5b;
410
380
  *background-color: #ec4844;
411
381
  }
412
- .has-switch span.switch-danger:active,
413
- .has-switch span.switch-danger.active {
382
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger:active,
383
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger:active,
384
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger.active,
385
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger.active {
414
386
  background-color: #e9322d \9;
415
387
  }
416
- .has-switch span.switch-default {
388
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
389
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
417
390
  color: #333333;
418
391
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
419
392
  background-color: #f0f0f0;
@@ -430,17 +403,88 @@
430
403
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
431
404
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
432
405
  }
433
- .has-switch span.switch-default:hover,
434
- .has-switch span.switch-default:focus,
435
- .has-switch span.switch-default:active,
436
- .has-switch span.switch-default.active,
437
- .has-switch span.switch-default.disabled,
438
- .has-switch span.switch-default[disabled] {
406
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default:hover,
407
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default:hover,
408
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default:focus,
409
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default:focus,
410
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default:active,
411
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default:active,
412
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default.active,
413
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default.active,
414
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default.disabled,
415
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default.disabled,
416
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default[disabled],
417
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default[disabled] {
439
418
  color: #333333;
440
419
  background-color: #ffffff;
441
420
  *background-color: #f2f2f2;
442
421
  }
443
- .has-switch span.switch-default:active,
444
- .has-switch span.switch-default.active {
422
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default:active,
423
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default:active,
424
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default.active,
425
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default.active {
445
426
  background-color: #e6e6e6 \9;
446
427
  }
428
+ .bootstrap-switch .bootstrap-switch-handle-on {
429
+ -webkit-border-top-left-radius: 4px;
430
+ -moz-border-radius-topleft: 4px;
431
+ border-top-left-radius: 4px;
432
+ -webkit-border-bottom-left-radius: 4px;
433
+ -moz-border-radius-bottomleft: 4px;
434
+ border-bottom-left-radius: 4px;
435
+ }
436
+ .bootstrap-switch .bootstrap-switch-handle-off {
437
+ -webkit-border-top-right-radius: 4px;
438
+ -moz-border-radius-topright: 4px;
439
+ border-top-right-radius: 4px;
440
+ -webkit-border-bottom-right-radius: 4px;
441
+ -moz-border-radius-bottomright: 4px;
442
+ border-bottom-right-radius: 4px;
443
+ }
444
+ .bootstrap-switch .bootstrap-switch-label {
445
+ text-align: center;
446
+ margin-top: -1px;
447
+ margin-bottom: -1px;
448
+ z-index: 100;
449
+ width: 33.333333333%;
450
+ border-left: 1px solid #cccccc;
451
+ border-right: 1px solid #cccccc;
452
+ color: #333333;
453
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
454
+ background-color: #f5f5f5;
455
+ background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
456
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
457
+ background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
458
+ background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
459
+ background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
460
+ background-repeat: repeat-x;
461
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
462
+ border-color: #e6e6e6 #e6e6e6 #bfbfbf;
463
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
464
+ *background-color: #e6e6e6;
465
+ /* Darken IE7 buttons by default so they stand out more given they won't have borders */
466
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
467
+ }
468
+ .bootstrap-switch .bootstrap-switch-label:hover,
469
+ .bootstrap-switch .bootstrap-switch-label:focus,
470
+ .bootstrap-switch .bootstrap-switch-label:active,
471
+ .bootstrap-switch .bootstrap-switch-label.active,
472
+ .bootstrap-switch .bootstrap-switch-label.disabled,
473
+ .bootstrap-switch .bootstrap-switch-label[disabled] {
474
+ color: #333333;
475
+ background-color: #e6e6e6;
476
+ *background-color: #d9d9d9;
477
+ }
478
+ .bootstrap-switch .bootstrap-switch-label:active,
479
+ .bootstrap-switch .bootstrap-switch-label.active {
480
+ background-color: #cccccc \9;
481
+ }
482
+ .bootstrap-switch input[type='radio'],
483
+ .bootstrap-switch input[type='checkbox'] {
484
+ position: absolute !important;
485
+ top: 0;
486
+ left: 0;
487
+ opacity: 0;
488
+ filter: alpha(opacity=0);
489
+ z-index: -1;
490
+ }