switchery.css 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. /*
  2. *
  3. * Main stylesheet for Switchery.
  4. * http://abpetkov.github.io/switchery/
  5. *
  6. */
  7. /* Switchery defaults. */
  8. .switchery {
  9. background-color: #fff;
  10. border: 1px solid #dfdfdf;
  11. border-radius: 20px;
  12. cursor: pointer;
  13. display: inline-block;
  14. height: 30px;
  15. position: relative;
  16. vertical-align: middle;
  17. width: 50px;
  18. -moz-user-select: none;
  19. -khtml-user-select: none;
  20. -webkit-user-select: none;
  21. -ms-user-select: none;
  22. user-select: none;
  23. -webkit-box-sizing: content-box;
  24. -moz-box-sizing: content-box;
  25. box-sizing: content-box;
  26. -webkit-background-clip: content-box;
  27. background-clip: content-box;
  28. }
  29. .switchery > small {
  30. background: #fff;
  31. border-radius: 100%;
  32. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  33. height: 30px;
  34. position: absolute;
  35. top: 0;
  36. width: 30px;
  37. }
  38. /* Switchery sizes. */
  39. .switchery-small {
  40. border-radius: 20px;
  41. height: 20px;
  42. width: 33px;
  43. }
  44. .switchery-small > small {
  45. height: 20px;
  46. width: 20px;
  47. }
  48. .switchery-large {
  49. border-radius: 40px;
  50. height: 40px;
  51. width: 66px;
  52. }
  53. .switchery-large > small {
  54. height: 40px;
  55. width: 40px;
  56. }