CheckBox-compat.css 954 B

12345678910111213141516171819202122232425262728293031323334353637
  1. /* dojox.mobile.CheckBox */
  2. .mblCheckBox {
  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. -moz-appearance: none;
  9. -o-appearance: none;
  10. -ms-appearance: none;
  11. appearance: none;
  12. -o-transform: translateY(0.45em);
  13. -ms-transform: translateY(0.45em);
  14. transform: translateY(0.45em);
  15. }
  16. .mblCheckBoxSelected {
  17. background-image: url(compat/button-sel-bg.png);
  18. }
  19. .mblCheckBoxChecked,
  20. .mblCheckBox:checked {
  21. background-image: url(compat/togglebutton-chk-bg.png);
  22. }
  23. .mblCheckBoxChecked::after,
  24. .mblCheckBox:checked::after {
  25. -moz-transform: rotate(45deg);
  26. -o-transform: rotate(45deg);
  27. -ms-transform: rotate(45deg);
  28. transform: rotate(45deg);
  29. -moz-transform-origin: 50% 50%;
  30. -o-transform-origin: 50% 50%;
  31. -ms-transform-origin: 50% 50%;
  32. transform-origin: 50% 50%;
  33. }
  34. .mblCheckBoxChecked.mblCheckBoxSelected {
  35. background-image: url(compat/button-sel-bg.png);
  36. }