Switch-compat.css 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. /* Switch - default */
  2. .mblSwitchBg {
  3. -moz-border-radius: 2px;
  4. -o-border-radius: 2px;
  5. -ms-border-radius: 2px;
  6. border-radius: 2px;
  7. -moz-box-sizing: border-box;
  8. -o-box-sizing: border-box;
  9. -ms-box-sizing: border-box;
  10. box-sizing: border-box;
  11. }
  12. .mblSwitchBgLeft {
  13. background-image: url(compat/ui-widget-bg.png);
  14. }
  15. .mblSwitchBgRight {
  16. background-image: url(compat/ui-widget-bg.png);
  17. }
  18. .mblSwitchKnob {
  19. background-image: url(compat/ui-widget-bg.png);
  20. -moz-border-radius: 2px;
  21. -o-border-radius: 2px;
  22. -ms-border-radius: 2px;
  23. border-radius: 2px;
  24. -moz-box-sizing: border-box;
  25. -o-box-sizing: border-box;
  26. -ms-box-sizing: border-box;
  27. box-sizing: border-box;
  28. }
  29. /* Round Shape */
  30. .mblSwRoundShape1 .mblSwitchBg,
  31. .mblSwRoundShape2 .mblSwitchBg {
  32. -moz-border-radius: 14px;
  33. -o-border-radius: 14px;
  34. -ms-border-radius: 14px;
  35. border-radius: 14px;
  36. }
  37. .mblSwRoundShape1 .mblSwitchKnob,
  38. .mblSwRoundShape2 .mblSwitchKnob {
  39. -moz-border-radius: 13px;
  40. -o-border-radius: 13px;
  41. -ms-border-radius: 13px;
  42. border-radius: 13px;
  43. }
  44. /* Arc Shape */
  45. .mblSwArcShape1 .mblSwitchBg,
  46. .mblSwArcShape2 .mblSwitchBg {
  47. -moz-border-radius: 6px/14px;
  48. -o-border-radius: 6px/14px;
  49. -ms-border-radius: 6px/14px;
  50. border-radius: 6px/14px;
  51. }
  52. .mblSwArcShape1 .mblSwitchKnob,
  53. .mblSwArcShape2 .mblSwitchKnob {
  54. -moz-border-radius: 5px/13px;
  55. -o-border-radius: 5px/13px;
  56. -ms-border-radius: 5px/13px;
  57. border-radius: 5px/13px;
  58. }