12345678910111213141516171819202122 |
- /* ========================================================================
- * bootstrap-switch - v2.0.1
- * http://www.bootstrap-switch.org
- * ========================================================================
- * Copyright 2012-2013 Mattia Larentis
- *
- * ========================================================================
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- * ========================================================================
- */
- .clearfix{*zoom:1}.clearfix:after,.clearfix:before{display:table;content:"";line-height:0}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.switch{display:inline-block;cursor:pointer;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:1px solid;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);position:relative;text-align:left;overflow:hidden;line-height:8px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;vertical-align:middle;min-width:100px;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-moz-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.switch.switch-mini{min-width:72px}.switch.switch-mini>div>label,.switch.switch-mini>div>span{padding-bottom:4px;padding-top:4px;font-size:10px;line-height:9px}.switch.switch-mini .switch-mini-icons{height:1.2em;line-height:9px;vertical-align:text-top;text-align:center;transform:scale(0.6);margin-top:-1px;margin-bottom:-1px}.switch.switch-small{min-width:80px}.switch.switch-small>div>label,.switch.switch-small>div>span{padding-bottom:3px;padding-top:3px;font-size:12px;line-height:18px}.switch.switch-large{min-width:120px}.switch.switch-large>div>label,.switch.switch-large>div>span{padding-bottom:9px;padding-top:9px;font-size:16px;line-height:normal}.switch.switch-animate>div{-webkit-transition:left .5s;-moz-transition:left .5s;-o-transition:left .5s;transition:left .5s}.switch.switch-off>div{left:-50%}.switch.switch-on>div{left:0}.switch.switch-disabled,.switch.switch-readonly{opacity:.5;filter:alpha(opacity=50);cursor:default!important}.switch.switch-disabled>div>label,.switch.switch-disabled>div>span,.switch.switch-readonly>div>label,.switch.switch-readonly>div>span{cursor:default!important}.switch:focus{border-color:#08c;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(red(@btnPrimaryBackground),green(@btnPrimaryBackground),blue(@btnPrimaryBackground),.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(red(@btnPrimaryBackground),green(@btnPrimaryBackground),blue(@btnPrimaryBackground),.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(red(@btnPrimaryBackground),green(@btnPrimaryBackground),blue(@btnPrimaryBackground),.6)}.switch>div{display:inline-block;width:150%;position:relative;top:0}.switch>div>label,.switch>div>span{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;position:relative;display:inline-block!important;height:100%;padding-bottom:4px;padding-top:4px;font-size:14px;line-height:20px}.switch>div>span{text-align:center;z-index:1;width:33%}.switch>div>span.switch-handle-on{-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px}.switch>div>span.switch-handle-off{color:#333;text-shadow:0 1px 1px rgba(255,255,255,.75);background-color:#f0f0f0;background-image:-moz-linear-gradient(top,#e6e6e6,#fff);background-image:-webkit-gradient(linear,0 0,0 100%,from(#e6e6e6),to(#fff));background-image:-webkit-linear-gradient(top,#e6e6e6,#fff);background-image:-o-linear-gradient(top,#e6e6e6,#fff);background-image:linear-gradient(to bottom,#e6e6e6,#fff);background-repeat:repeat-x;border-color:#fff #fff #d9d9d9;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);*background-color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.switch>div>span.switch-handle-off.active,.switch>div>span.switch-handle-off.disabled,.switch>div>span.switch-handle-off:active,.switch>div>span.switch-handle-off:focus,.switch>div>span.switch-handle-off:hover,.switch>div>span.switch-handle-off[disabled]{color:#333;background-color:#fff;*background-color:#f2f2f2}.switch>div>span.switch-handle-off.active,.switch>div>span.switch-handle-off:active{background-color:#e6e6e6 \9}.switch>div>span.switch-primary{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);background-color:#005fcc;background-image:-moz-linear-gradient(top,#04c,#08c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#04c),to(#08c));background-image:-webkit-linear-gradient(top,#04c,#08c);background-image:-o-linear-gradient(top,#04c,#08c);background-image:linear-gradient(to bottom,#04c,#08c);background-repeat:repeat-x;border-color:#08c #08c #005580;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);*background-color:#08c;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.switch>div>span.switch-primary.active,.switch>div>span.switch-primary.disabled,.switch>div>span.switch-primary:active,.switch>div>span.switch-primary:focus,.switch>div>span.switch-primary:hover,.switch>div>span.switch-primary[disabled]{color:#fff;background-color:#08c;*background-color:#0077b3}.switch>div>span.switch-primary.active,.switch>div>span.switch-primary:active{background-color:#069 \9}.switch>div>span.switch-info{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);background-color:#41a7c5;background-image:-moz-linear-gradient(top,#2f96b4,#5bc0de);background-image:-webkit-gradient(linear,0 0,0 100%,from(#2f96b4),to(#5bc0de));background-image:-webkit-linear-gradient(top,#2f96b4,#5bc0de);background-image:-o-linear-gradient(top,#2f96b4,#5bc0de);background-image:linear-gradient(to bottom,#2f96b4,#5bc0de);background-repeat:repeat-x;border-color:#5bc0de #5bc0de #28a1c5;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);*background-color:#5bc0de;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.switch>div>span.switch-info.active,.switch>div>span.switch-info.disabled,.switch>div>span.switch-info:active,.switch>div>span.switch-info:focus,.switch>div>span.switch-info:hover,.switch>div>span.switch-info[disabled]{color:#fff;background-color:#5bc0de;*background-color:#46b8da}.switch>div>span.switch-info.active,.switch>div>span.switch-info:active{background-color:#31b0d5 \9}.switch>div>span.switch-success{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);background-color:#58b058;background-image:-moz-linear-gradient(top,#51a351,#62c462);background-image:-webkit-gradient(linear,0 0,0 100%,from(#51a351),to(#62c462));background-image:-webkit-linear-gradient(top,#51a351,#62c462);background-image:-o-linear-gradient(top,#51a351,#62c462);background-image:linear-gradient(to bottom,#51a351,#62c462);background-repeat:repeat-x;border-color:#62c462 #62c462 #3b9e3b;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);*background-color:#62c462;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.switch>div>span.switch-success.active,.switch>div>span.switch-success.disabled,.switch>div>span.switch-success:active,.switch>div>span.switch-success:focus,.switch>div>span.switch-success:hover,.switch>div>span.switch-success[disabled]{color:#fff;background-color:#62c462;*background-color:#4fbd4f}.switch>div>span.switch-success.active,.switch>div>span.switch-success:active{background-color:#42b142 \9}.switch>div>span.switch-warning{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);background-color:#f9a123;background-image:-moz-linear-gradient(top,#f89406,#fbb450);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f89406),to(#fbb450));background-image:-webkit-linear-gradient(top,#f89406,#fbb450);background-image:-o-linear-gradient(top,#f89406,#fbb450);background-image:linear-gradient(to bottom,#f89406,#fbb450);background-repeat:repeat-x;border-color:#fbb450 #fbb450 #f89406;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);*background-color:#fbb450;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.switch>div>span.switch-warning.active,.switch>div>span.switch-warning.disabled,.switch>div>span.switch-warning:active,.switch>div>span.switch-warning:focus,.switch>div>span.switch-warning:hover,.switch>div>span.switch-warning[disabled]{color:#fff;background-color:#fbb450;*background-color:#faa937}.switch>div>span.switch-warning.active,.switch>div>span.switch-warning:active{background-color:#fa9f1e \9}.switch>div>span.switch-danger{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);background-color:#d14641;background-image:-moz-linear-gradient(top,#bd362f,#ee5f5b);background-image:-webkit-gradient(linear,0 0,0 100%,from(#bd362f),to(#ee5f5b));background-image:-webkit-linear-gradient(top,#bd362f,#ee5f5b);background-image:-o-linear-gradient(top,#bd362f,#ee5f5b);background-image:linear-gradient(to bottom,#bd362f,#ee5f5b);background-repeat:repeat-x;border-color:#ee5f5b #ee5f5b #e51d18;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);*background-color:#ee5f5b;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.switch>div>span.switch-danger.active,.switch>div>span.switch-danger.disabled,.switch>div>span.switch-danger:active,.switch>div>span.switch-danger:focus,.switch>div>span.switch-danger:hover,.switch>div>span.switch-danger[disabled]{color:#fff;background-color:#ee5f5b;*background-color:#ec4844}.switch>div>span.switch-danger.active,.switch>div>span.switch-danger:active{background-color:#e9322d \9}.switch>div>span.switch-default{color:#333;text-shadow:0 1px 1px rgba(255,255,255,.75);background-color:#f0f0f0;background-image:-moz-linear-gradient(top,#e6e6e6,#fff);background-image:-webkit-gradient(linear,0 0,0 100%,from(#e6e6e6),to(#fff));background-image:-webkit-linear-gradient(top,#e6e6e6,#fff);background-image:-o-linear-gradient(top,#e6e6e6,#fff);background-image:linear-gradient(to bottom,#e6e6e6,#fff);background-repeat:repeat-x;border-color:#fff #fff #d9d9d9;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);*background-color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.switch>div>span.switch-default.active,.switch>div>span.switch-default.disabled,.switch>div>span.switch-default:active,.switch>div>span.switch-default:focus,.switch>div>span.switch-default:hover,.switch>div>span.switch-default[disabled]{color:#333;background-color:#fff;*background-color:#f2f2f2}.switch>div>span.switch-default.active,.switch>div>span.switch-default:active{background-color:#e6e6e6 \9}.switch>div>label{text-align:center;margin-top:-1px;margin-bottom:-1px;z-index:100;width:34%;border-left:1px solid #ccc;border-right:1px solid #ccc;color:#333;text-shadow:0 -1px 0 rgba(0,0,0,.25);background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);*background-color:#e6e6e6;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.switch>div>label.active,.switch>div>label.disabled,.switch>div>label:active,.switch>div>label:focus,.switch>div>label:hover,.switch>div>label[disabled]{color:#333;background-color:#e6e6e6;*background-color:#d9d9d9}.switch>div>label.active,.switch>div>label:active{background-color:#ccc \9}.switch input[type=checkbox],.switch input[type=radio]{display:none}
|