Switch-compat.css 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. /* Switch - default */
  2. .mblSwitchBg {
  3. border: none;
  4. }
  5. .mblSwitchBgLeft {
  6. background: none;
  7. background-image: url(compat/switch-default-l.gif);
  8. background-repeat: no-repeat;
  9. }
  10. .mblSwitchBgRight {
  11. background: none;
  12. background-image: url(compat/switch-default-r.gif);
  13. background-repeat: no-repeat;
  14. }
  15. .mblSwitchKnob {
  16. top: 0px;
  17. height: 27px;
  18. background: none;
  19. background-image: url(compat/switch-default-k.gif);
  20. background-repeat: no-repeat;
  21. border: none;
  22. }
  23. /* Switch - Round Shape1 */
  24. .mblSwRoundShape1 .mblSwitchBgLeft {
  25. background-image: url(compat/switch-round-l.gif);
  26. }
  27. .mblSwRoundShape1 .mblSwitchBgRight {
  28. background-image: url(compat/switch-round-r.gif);
  29. }
  30. .mblSwRoundShape1 .mblSwitchKnob {
  31. top: 1px;
  32. height: 26px;
  33. background-image: url(compat/switch-round1-k.gif);
  34. }
  35. /* Switch - Round Shape2 */
  36. .mblSwRoundShape2 .mblSwitchBgLeft {
  37. background-image: url(compat/switch-round-l.gif);
  38. }
  39. .mblSwRoundShape2 .mblSwitchBgRight {
  40. background-image: url(compat/switch-round-r.gif);
  41. }
  42. .mblSwRoundShape2 .mblSwitchKnob {
  43. top: 1px;
  44. height: 26px;
  45. background-image: url(compat/switch-round2-k.gif);
  46. }
  47. /* Switch - Arc Shape1 */
  48. .mblSwArcShape1 .mblSwitchBgLeft {
  49. background-image: url(compat/switch-arc-l.gif);
  50. }
  51. .mblSwArcShape1 .mblSwitchBgRight {
  52. background-image: url(compat/switch-arc-r.gif);
  53. }
  54. .mblSwArcShape1 .mblSwitchKnob {
  55. top: 1px;
  56. height: 26px;
  57. background-image: url(compat/switch-arc1-k.gif);
  58. }
  59. /* Switch - Arc Shape2 */
  60. .mblSwArcShape2 .mblSwitchBgLeft {
  61. background-image: url(compat/switch-arc-l.gif);
  62. }
  63. .mblSwArcShape2 .mblSwitchBgRight {
  64. background-image: url(compat/switch-arc-r.gif);
  65. }
  66. .mblSwArcShape2 .mblSwitchKnob {
  67. top: 1px;
  68. height: 26px;
  69. background-image: url(compat/switch-arc2-k.gif);
  70. }