1/* ======================================================================== 2 * bootstrap-switch - v3.3.2 3 * http://www.bootstrap-switch.org 4 * ======================================================================== 5 * Copyright 2012-2013 Mattia Larentis 6 * 7 * ======================================================================== 8 * Licensed under the Apache License, Version 2.0 (the "License"); 9 * you may not use this file except in compliance with the License. 10 * You may obtain a copy of the License at 11 * 12 * http://www.apache.org/licenses/LICENSE-2.0 13 * 14 * Unless required by applicable law or agreed to in writing, software 15 * distributed under the License is distributed on an "AS IS" BASIS, 16 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 17 * See the License for the specific language governing permissions and 18 * limitations under the License. 19 * ======================================================================== 20 */ 21 22.bootstrap-switch { 23 display: inline-block; 24 direction: ltr; 25 cursor: pointer; 26 border-radius: 4px; 27 border: 1px solid; 28 border-color: #cccccc; 29 position: relative; 30 text-align: left; 31 overflow: hidden; 32 line-height: 8px; 33 z-index: 0; 34 -webkit-user-select: none; 35 -moz-user-select: none; 36 -ms-user-select: none; 37 user-select: none; 38 vertical-align: middle; 39 -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 40 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 41} 42.bootstrap-switch .bootstrap-switch-container { 43 display: inline-block; 44 top: 0; 45 border-radius: 4px; 46 -webkit-transform: translate3d(0, 0, 0); 47 transform: translate3d(0, 0, 0); 48} 49.bootstrap-switch .bootstrap-switch-handle-on, 50.bootstrap-switch .bootstrap-switch-handle-off, 51.bootstrap-switch .bootstrap-switch-label { 52 -webkit-box-sizing: border-box; 53 -moz-box-sizing: border-box; 54 box-sizing: border-box; 55 cursor: pointer; 56 display: inline-block !important; 57 height: 100%; 58 padding: 6px 12px; 59 font-size: 14px; 60 line-height: 20px; 61} 62.bootstrap-switch .bootstrap-switch-handle-on, 63.bootstrap-switch .bootstrap-switch-handle-off { 64 text-align: center; 65 z-index: 1; 66} 67.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, 68.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary { 69 color: #fff; 70 background: #428bca; 71} 72.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info, 73.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info { 74 color: #fff; 75 background: #5bc0de; 76} 77.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, 78.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success { 79 color: #fff; 80 background: #5cb85c; 81} 82.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning, 83.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning { 84 background: #f0ad4e; 85 color: #fff; 86} 87.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger, 88.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger { 89 color: #fff; 90 background: #d9534f; 91} 92.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, 93.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default { 94 color: #000; 95 background: #eeeeee; 96} 97.bootstrap-switch .bootstrap-switch-label { 98 text-align: center; 99 margin-top: -1px; 100 margin-bottom: -1px; 101 z-index: 100; 102 color: #333333; 103 background: #ffffff; 104} 105.bootstrap-switch .bootstrap-switch-handle-on { 106 border-bottom-left-radius: 3px; 107 border-top-left-radius: 3px; 108} 109.bootstrap-switch .bootstrap-switch-handle-off { 110 border-bottom-right-radius: 3px; 111 border-top-right-radius: 3px; 112} 113.bootstrap-switch input[type='radio'], 114.bootstrap-switch input[type='checkbox'] { 115 position: absolute !important; 116 top: 0; 117 left: 0; 118 opacity: 0; 119 filter: alpha(opacity=0); 120 z-index: -1; 121} 122.bootstrap-switch input[type='radio'].form-control, 123.bootstrap-switch input[type='checkbox'].form-control { 124 height: auto; 125} 126.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, 127.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, 128.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label { 129 padding: 1px 5px; 130 font-size: 12px; 131 line-height: 1.5; 132} 133.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on, 134.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off, 135.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label { 136 padding: 5px 10px; 137 font-size: 12px; 138 line-height: 1.5; 139} 140.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on, 141.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off, 142.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label { 143 padding: 6px 16px; 144 font-size: 18px; 145 line-height: 1.33; 146} 147.bootstrap-switch.bootstrap-switch-disabled, 148.bootstrap-switch.bootstrap-switch-readonly, 149.bootstrap-switch.bootstrap-switch-indeterminate { 150 cursor: default !important; 151} 152.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on, 153.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on, 154.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on, 155.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off, 156.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off, 157.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off, 158.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label, 159.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label, 160.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label { 161 opacity: 0.5; 162 filter: alpha(opacity=50); 163 cursor: default !important; 164} 165.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container { 166 -webkit-transition: margin-left 0.5s; 167 transition: margin-left 0.5s; 168} 169.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on { 170 border-bottom-left-radius: 0; 171 border-top-left-radius: 0; 172 border-bottom-right-radius: 3px; 173 border-top-right-radius: 3px; 174} 175.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off { 176 border-bottom-right-radius: 0; 177 border-top-right-radius: 0; 178 border-bottom-left-radius: 3px; 179 border-top-left-radius: 3px; 180} 181.bootstrap-switch.bootstrap-switch-focused { 182 border-color: #66afe9; 183 outline: 0; 184 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); 185 box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); 186} 187.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label, 188.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label { 189 border-bottom-right-radius: 3px; 190 border-top-right-radius: 3px; 191} 192.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label, 193.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label { 194 border-bottom-left-radius: 3px; 195 border-top-left-radius: 3px; 196} 197