github.com/apremalal/vamps-core@v1.0.1-0.20161221121535-d430b56ec174/server/webapps/app/base/plugins/bootstrap-switch/css/bootstrap-switch.css (about)

     1  /* ========================================================================
     2   * bootstrap-switch - v3.0.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    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  }
   203  .bootstrap-switch input[type='radio'].form-control,
   204  .bootstrap-switch input[type='checkbox'].form-control {
   205    height: auto;
   206  }