ToggleButton-compat.css 941 B

12345678910111213141516171819202122232425262728293031
  1. /* dojox.mobile.ToggleButton */
  2. .mblToggleButton {
  3. background-image: url(compat/button-bg.png);
  4. -moz-border-radius: 6px;
  5. -o-border-radius: 6px;
  6. -ms-border-radius: 6px;
  7. border-radius: 6px;
  8. }
  9. .mblToggleButtonSelected {
  10. background-image: url(compat/button-sel-bg.png);
  11. }
  12. .mblToggleButtonChecked {
  13. background-image: url(compat/button-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. }