inputswitch.css 847 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. .ui-inputswitch {
  2. position: relative;
  3. display: inline-block;
  4. width: 3em;
  5. height: 1.75em;
  6. }
  7. .ui-inputswitch-slider {
  8. position: absolute;
  9. cursor: pointer;
  10. top: 0;
  11. left: 0;
  12. right: 0;
  13. bottom: 0;
  14. -webkit-transition: .3s;
  15. transition: .3s;
  16. border-radius: 30px;
  17. }
  18. .ui-inputswitch-slider:before {
  19. position: absolute;
  20. content: "";
  21. height: 1.250em;
  22. width: 1.250em;
  23. left: .25em;
  24. bottom: .25em;
  25. border-radius: 50%;
  26. -webkit-transition: .3s;
  27. transition: .3s;
  28. }
  29. .ui-inputswitch-checked .ui-inputswitch-slider:before {
  30. -webkit-transform: translateX(1.250em);
  31. -ms-transform: translateX(1.250em);
  32. transform: translateX(1.250em);
  33. }
  34. .ui-inputswitch.ui-state-disabled .ui-inputswitch-slider,
  35. .ui-inputswitch-readonly .ui-inputswitch-slider {
  36. cursor: default;
  37. }