ToggleButton-compat.css 949 B

123456789101112131415161718192021222324252627282930
  1. /* dojox.mobile.ToggleButton */
  2. .mblToggleButton {
  3. background-image: url(compat/button-bg.png);
  4. -moz-border-radius: 3px;
  5. -o-border-radius: 3px;
  6. -ms-border-radius: 3px;
  7. border-radius: 3px;
  8. }
  9. .mblToggleButtonSelected {
  10. background-image: url(compat/button-sel-bg.png);
  11. }
  12. .mblToggleButtonChecked {
  13. background-image: url(compat/togglebutton-chk-bg.png);
  14. }
  15. .mblToggleButton.mblToggleButtonChecked::after {
  16. -moz-transform: translate(-25px,0px) rotate(45deg) skew(10deg);
  17. -o-transform: rotate(45deg) skew(10deg);
  18. -ms-transform: rotate(45deg) skew(10deg);
  19. transform: rotate(45deg) skew(10deg);
  20. -moz-transform-origin: 50% 50%;
  21. -o-transform-origin: 50% 50%;
  22. -ms-transform-origin: 50% 50%;
  23. transform-origin: 50% 50%;
  24. }
  25. .dj_ff3 .mblToggleButton.mblToggleButtonChecked::after {
  26. -moz-transform: translate(-25px,-6px) rotate(45deg) skew(10deg);
  27. }
  28. .mblToggleButtonChecked.mblToggleButtonSelected {
  29. background-image: url(compat/button-sel-bg.png);
  30. }