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.
- * ========================================================================
- */
- .switch{display:inline-block;cursor:pointer;border-radius:4px;border:1px solid;border-color:#ccc;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;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:margin-left .5s;transition:margin-left .5s}.switch.switch-off>div{margin-left:-50%}.switch.switch-on>div{margin-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.switch-focused{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.switch>div{display:inline-block;width:150%;top:0;border-radius:3px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.switch>div>label,.switch>div>span{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;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.333333333%}.switch>div>span.switch-handle-on{color:red;border-bottom-left-radius:3px;border-top-left-radius:3px}.switch>div>span.switch-handle-off{color:#000;background:#eee}.switch>div>span.switch-primary{color:#fff;background:#428bca}.switch>div>span.switch-info{color:#fff;background:#5bc0de}.switch>div>span.switch-success{color:#fff;background:#5cb85c}.switch>div>span.switch-warning{background:#f0ad4e;color:#fff}.switch>div>span.switch-danger{color:#fff;background:#d9534f}.switch>div>span.switch-default{color:#000;background:#eee}.switch>div>label{text-align:center;margin-top:-1px;margin-bottom:-1px;z-index:100;width:33.333333333%;color:#333;background:#fff}.switch input[type=checkbox],.switch input[type=radio]{position:absolute!important;top:0;left:0;z-index:-1}
|