ToggleButton-compat.css 687 B

123456789101112131415161718192021
  1. /* dojox.mobile.ToggleButton */
  2. .mblToggleButton {
  3. background-image: url(compat/ui-widget-bg.png);
  4. -moz-border-radius: 5px;
  5. -o-border-radius: 5px;
  6. -ms-border-radius: 5px;
  7. border-radius: 5px;
  8. }
  9. .mblToggleButton.mblToggleButtonChecked::after {
  10. -moz-transform: translate(-25px,0px) rotate(45deg) skew(10deg);
  11. -o-transform: rotate(45deg) skew(10deg);
  12. -ms-transform: rotate(45deg) skew(10deg);
  13. transform: rotate(45deg) skew(10deg);
  14. -moz-transform-origin: 50% 50%;
  15. -o-transform-origin: 50% 50%;
  16. -ms-transform-origin: 50% 50%;
  17. transform-origin: 50% 50%;
  18. }
  19. .dj_ff3 .mblToggleButton.mblToggleButtonChecked::after {
  20. -moz-transform: translate(-25px,-6px) rotate(45deg) skew(10deg);
  21. }