switchery.css 994 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  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. box-sizing: content-box;
  24. background-clip: content-box;
  25. }
  26. .switchery > small {
  27. background: #fff;
  28. border-radius: 100%;
  29. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  30. height: 30px;
  31. position: absolute;
  32. top: 0;
  33. width: 30px;
  34. }
  35. /* Switchery sizes. */
  36. .switchery-small {
  37. border-radius: 20px;
  38. height: 20px;
  39. width: 33px;
  40. }
  41. .switchery-small > small {
  42. height: 20px;
  43. width: 20px;
  44. }
  45. .switchery-large {
  46. border-radius: 40px;
  47. height: 40px;
  48. width: 66px;
  49. }
  50. .switchery-large > small {
  51. height: 40px;
  52. width: 40px;
  53. }