portal/static/unbound_reservation_static/css/bootstrap-switch.css

   1 /* ========================================================================
   2  * bootstrap-switch - v3.0.1
   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   cursor: pointer;
  25   border-radius: 4px;
  26   border: 1px solid;
  27   border-color: #cccccc;
  28   position: relative;
  29   text-align: left;
  30   overflow: hidden;
  31   line-height: 8px;
  32   -webkit-user-select: none;
  33   -moz-user-select: none;
  34   -ms-user-select: none;
  35   user-select: none;
  36   vertical-align: middle;
  37   min-width: 100px;
  38   -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  39   transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  40 }
  41 .bootstrap-switch.bootstrap-switch-mini {
  42   min-width: 71px;
  43 }
  44 .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
  45 .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
  46 .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
  47   padding-bottom: 4px;
  48   padding-top: 4px;
  49   font-size: 10px;
  50   line-height: 9px;
  51 }
  52 .bootstrap-switch.bootstrap-switch-small {
  53   min-width: 79px;
  54 }
  55 .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
  56 .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
  57 .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
  58   padding-bottom: 3px;
  59   padding-top: 3px;
  60   font-size: 12px;
  61   line-height: 18px;
  62 }
  63 .bootstrap-switch.bootstrap-switch-large {
  64   min-width: 120px;
  65 }
  66 .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
  67 .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
  68 .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
  69   padding-bottom: 9px;
  70   padding-top: 9px;
  71   font-size: 16px;
  72   line-height: normal;
  73 }
  74 .bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
  75   -webkit-transition: margin-left 0.5s;
  76   transition: margin-left 0.5s;
  77 }
  78 .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-container {
  79   margin-left: 0%;
  80 }
  81 .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
  82   border-bottom-right-radius: 3px;
  83   border-top-right-radius: 3px;
  84 }
  85 .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-container {
  86   margin-left: -50%;
  87 }
  88 .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
  89   border-bottom-left-radius: 3px;
  90   border-top-left-radius: 3px;
  91 }
  92 .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-container {
  93   margin-left: -25%;
  94 }
  95 .bootstrap-switch.bootstrap-switch-disabled,
  96 .bootstrap-switch.bootstrap-switch-readonly,
  97 .bootstrap-switch.bootstrap-switch-indeterminate {
  98   opacity: 0.5;
  99   filter: alpha(opacity=50);
 100   cursor: default !important;
 101 }
 102 .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
 103 .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
 104 .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
 105 .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
 106 .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
 107 .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
 108 .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
 109 .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label,
 110 .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
 111   cursor: default !important;
 112 }
 113 .bootstrap-switch.bootstrap-switch-focused {
 114   border-color: #66afe9;
 115   outline: 0;
 116   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
 117   box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
 118 }
 119 .bootstrap-switch .bootstrap-switch-container {
 120   display: inline-block;
 121   width: 150%;
 122   top: 0;
 123   border-radius: 4px;
 124   -webkit-transform: translate3d(0, 0, 0);
 125   transform: translate3d(0, 0, 0);
 126 }
 127 .bootstrap-switch .bootstrap-switch-handle-on,
 128 .bootstrap-switch .bootstrap-switch-handle-off,
 129 .bootstrap-switch .bootstrap-switch-label {
 130   -webkit-box-sizing: border-box;
 131   -moz-box-sizing: border-box;
 132   box-sizing: border-box;
 133   cursor: pointer;
 134   display: inline-block !important;
 135   height: 100%;
 136   padding-bottom: 4px;
 137   padding-top: 4px;
 138   font-size: 14px;
 139   line-height: 20px;
 140 }
 141 .bootstrap-switch .bootstrap-switch-handle-on,
 142 .bootstrap-switch .bootstrap-switch-handle-off {
 143   text-align: center;
 144   z-index: 1;
 145   width: 33.333333333%;
 146 }
 147 .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
 148 .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
 149   color: #fff;
 150   background: #428bca;
 151 }
 152 .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
 153 .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
 154   color: #fff;
 155   background: #5bc0de;
 156 }
 157 .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
 158 .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
 159   color: #fff;
 160   background: #5cb85c;
 161 }
 162 .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
 163 .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
 164   background: #f0ad4e;
 165   color: #fff;
 166 }
 167 .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
 168 .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
 169   color: #fff;
 170   background: #d9534f;
 171 }
 172 .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
 173 .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
 174   color: #000;
 175   background: #eeeeee;
 176 }
 177 .bootstrap-switch .bootstrap-switch-handle-on {
 178   border-bottom-left-radius: 3px;
 179   border-top-left-radius: 3px;
 180 }
 181 .bootstrap-switch .bootstrap-switch-handle-off {
 182   border-bottom-right-radius: 3px;
 183   border-top-right-radius: 3px;
 184 }
 185 .bootstrap-switch .bootstrap-switch-label {
 186   text-align: center;
 187   margin-top: -1px;
 188   margin-bottom: -1px;
 189   z-index: 100;
 190   width: 33.333333333%;
 191   color: #333333;
 192   background: #ffffff;
 193 }
 194 .bootstrap-switch input[type='radio'],
 195 .bootstrap-switch input[type='checkbox'] {
 196   position: absolute !important;
 197   top: 0;
 198   left: 0;
 199   opacity: 0;
 200   filter: alpha(opacity=0);
 201   z-index: -1;
 202 }