static/css/bootstrap-toggle/bootstrap-toggle.css

   1 /*! ========================================================================
   2  * Bootstrap Toggle: bootstrap-toggle.css v2.2.0
   3  * http://www.bootstraptoggle.com
   4  * ========================================================================
   5  * Copyright 2014 Min Hur, The New York Times Company
   6  * Licensed under MIT
   7  * ======================================================================== */
   8
   9
  10 .checkbox label .toggle,
  11 .checkbox-inline .toggle {
  12         margin-left: -20px;
  13         margin-right: 5px;
  14 }
  15
  16 .toggle {
  17         position: relative;
  18         overflow: hidden;
  19 }
  20 .toggle input[type="checkbox"] {
  21         display: none;
  22 }
  23 .toggle-group {
  24         position: absolute;
  25         width: 200%;
  26         top: 0;
  27         bottom: 0;
  28         left: 0;
  29         transition: left 0.35s;
  30         -webkit-transition: left 0.35s;
  31         -moz-user-select: none;
  32         -webkit-user-select: none;
  33 }
  34 .toggle.off .toggle-group {
  35         left: -100%;
  36 }
  37 .toggle-on {
  38         position: absolute;
  39         top: 0;
  40         bottom: 0;
  41         left: 0;
  42         right: 50%;
  43         margin: 0;
  44         border: 0;
  45         border-radius: 0;
  46 }
  47 .toggle-off {
  48         position: absolute;
  49         top: 0;
  50         bottom: 0;
  51         left: 50%;
  52         right: 0;
  53         margin: 0;
  54         border: 0;
  55         border-radius: 0;
  56 }
  57 .toggle-handle {
  58         position: relative;
  59         margin: 0 auto;
  60         padding-top: 0px;
  61         padding-bottom: 0px;
  62         height: 100%;
  63         width: 0px;
  64         border-width: 0 1px;
  65 }
  66
  67 .toggle.btn { min-width: 59px; min-height: 34px; }
  68 .toggle-on.btn { padding-right: 24px; }
  69 .toggle-off.btn { padding-left: 24px; }
  70
  71 .toggle.btn-lg { min-width: 79px; min-height: 45px; }
  72 .toggle-on.btn-lg { padding-right: 31px; }
  73 .toggle-off.btn-lg { padding-left: 31px; }
  74 .toggle-handle.btn-lg { width: 40px; }
  75
  76 .toggle.btn-sm { min-width: 50px; min-height: 30px;}
  77 .toggle-on.btn-sm { padding-right: 20px; }
  78 .toggle-off.btn-sm { padding-left: 20px; }
  79
  80 .toggle.btn-xs { min-width: 35px; min-height: 22px;}
  81 .toggle-on.btn-xs { padding-right: 12px; }
  82 .toggle-off.btn-xs { padding-left: 12px; }
  83