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

   1 /*! ========================================================================
   2  * Bootstrap Toggle: bootstrap2-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 label.checkbox .toggle,
  11 label.checkbox.inline .toggle {
  12         margin-left: -20px;
  13         margin-right: 5px;
  14 }
  15 .toggle {
  16         min-width: 40px;
  17         height: 20px;
  18         position: relative;
  19         overflow: hidden;
  20 }
  21 .toggle input[type="checkbox"] {
  22         display: none;
  23 }
  24 .toggle-group {
  25         position: absolute;
  26         width: 200%;
  27         top: 0;
  28         bottom: 0;
  29         left: 0;
  30         transition: left 0.35s;
  31         -webkit-transition: left 0.35s;
  32         -moz-user-select: none;
  33         -webkit-user-select: none;
  34 }
  35 .toggle.off .toggle-group {
  36         left: -100%;
  37 }
  38 .toggle-on {
  39         position: absolute;
  40         top: 0;
  41         bottom: 0;
  42         left: 0;
  43         right: 50%;
  44         margin: 0;
  45         border: 0;
  46         border-radius: 0;
  47 }
  48 .toggle-off {
  49         position: absolute;
  50         top: 0;
  51         bottom: 0;
  52         left: 50%;
  53         right: 0;
  54         margin: 0;
  55         border: 0;
  56         border-radius: 0;
  57 }
  58 .toggle-handle {
  59         position: relative;
  60         margin: 0 auto;
  61         padding-top: 0px;
  62         padding-bottom: 0px;
  63         height: 100%;
  64         width: 0px;
  65         border-width: 0 1px;
  66 }
  67 .toggle-handle.btn-mini {
  68         top: -1px;
  69 }
  70 .toggle.btn { min-width: 30px; }
  71 .toggle-on.btn { padding-right: 24px; }
  72 .toggle-off.btn { padding-left: 24px; }
  73
  74 .toggle.btn-large { min-width: 40px; }
  75 .toggle-on.btn-large { padding-right: 35px; }
  76 .toggle-off.btn-large { padding-left: 35px; }
  77
  78 .toggle.btn-small { min-width: 25px; }
  79 .toggle-on.btn-small { padding-right: 20px; }
  80 .toggle-off.btn-small { padding-left: 20px; }
  81
  82 .toggle.btn-mini { min-width: 20px; }
  83 .toggle-on.btn-mini { padding-right: 12px; }
  84 .toggle-off.btn-mini { padding-left: 12px; }
  85