CheckBox-compat.css 685 B

1234567891011121314151617181920212223242526
  1. /* dojox.mobile.CheckBox */
  2. .mblCheckBox {
  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. -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. .mblCheckBoxChecked::after,
  17. .mblCheckBox:checked::after {
  18. -moz-transform: rotate(45deg);
  19. -o-transform: rotate(45deg);
  20. -ms-transform: rotate(45deg);
  21. transform: rotate(45deg);
  22. -moz-transform-origin: 50% 50%;
  23. -o-transform-origin: 50% 50%;
  24. -ms-transform-origin: 50% 50%;
  25. transform-origin: 50% 50%;
  26. }