bootstrap-toggle-2.2.2.min.css 1.6 KB

1234567891011121314151617181920212223242526272829
  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. * SPDX-License-Identifier: MIT
  8. * ======================================================================== */
  9. .checkbox label .toggle,.checkbox-inline .toggle{margin-left:-20px;margin-right:5px}
  10. .toggle{position:relative;overflow:hidden}
  11. .toggle input[type=checkbox]{display:none}
  12. .toggle-group{position:absolute;width:200%;top:0;bottom:0;left:0;transition:left .35s;-webkit-transition:left .35s;-moz-user-select:none;-webkit-user-select:none}
  13. .toggle.off .toggle-group{left:-100%}
  14. .toggle-on{position:absolute;top:0;bottom:0;left:0;right:50%;margin:0;border:0;border-radius:0}
  15. .toggle-off{position:absolute;top:0;bottom:0;left:50%;right:0;margin:0;border:0;border-radius:0}
  16. .toggle-handle{position:relative;margin:0 auto;padding-top:0;padding-bottom:0;height:100%;width:0;border-width:0 1px}
  17. .toggle.btn{min-width:59px;min-height:34px}
  18. .toggle-on.btn{padding-right:24px}
  19. .toggle-off.btn{padding-left:24px}
  20. .toggle.btn-lg{min-width:79px;min-height:45px}
  21. .toggle-on.btn-lg{padding-right:31px}
  22. .toggle-off.btn-lg{padding-left:31px}
  23. .toggle-handle.btn-lg{width:40px}
  24. .toggle.btn-sm{min-width:50px;min-height:30px}
  25. .toggle-on.btn-sm{padding-right:20px}
  26. .toggle-off.btn-sm{padding-left:20px}
  27. .toggle.btn-xs{min-width:35px;min-height:22px}
  28. .toggle-on.btn-xs{padding-right:12px}
  29. .toggle-off.btn-xs{padding-left:12px}