CheckBox-compat.css 887 B

12345678910111213141516171819202122232425262728293031323334
  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.4em);
  13. -ms-transform: translateY(0.4em);
  14. transform: translateY(0.4em);
  15. }
  16. .mblCheckBoxChecked,
  17. .mblCheckBox:checked {
  18. background-image: url(compat/button-bg.png);
  19. }
  20. .mblCheckBoxChecked::after,
  21. .mblCheckBox:checked::after {
  22. -moz-transform: rotate(45deg);
  23. -o-transform: rotate(45deg);
  24. -ms-transform: rotate(45deg);
  25. transform: rotate(45deg);
  26. -moz-transform-origin: 50% 50%;
  27. -o-transform-origin: 50% 50%;
  28. -ms-transform-origin: 50% 50%;
  29. transform-origin: 50% 50%;
  30. }
  31. .mblCheckBoxSelected,
  32. .mblCheckBoxChecked.mblCheckBoxSelected {
  33. background-image: url(compat/button-sel-bg.png);
  34. }