Checkbox.css 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. .tundra .dijitToggleButton .dijitCheckBoxIcon {
  2. background-image: url('../images/checkmarkNoBorder.png');
  3. }
  4. .dj_ie6 .tundra .dijitToggleButton .dijitCheckBoxIcon {
  5. background-image: url('../images/checkmarkNoBorder.gif');
  6. }
  7. .tundra .dijitCheckBox,
  8. .tundra .dijitCheckBoxIcon /* inside a toggle button */ {
  9. background-image: url('../images/checkmark.png'); /* checkbox sprite image */
  10. background-repeat: no-repeat;
  11. width: 16px;
  12. height: 16px;
  13. margin: 0 2px 0 0;
  14. padding: 0;
  15. }
  16. .dj_ie6 .tundra .dijitCheckBox,
  17. .dj_ie6 .tundra .dijitCheckBoxIcon /* inside a toggle button */ {
  18. background-image: url('../images/checkmark.gif'); /* checkbox sprite image */
  19. }
  20. .tundra .dijitCheckBox,
  21. .tundra .dijitToggleButton .dijitCheckBoxIcon {
  22. /* unchecked */
  23. background-position: -16px;
  24. }
  25. .tundra .dijitCheckBoxChecked,
  26. .tundra .dijitToggleButtonChecked .dijitCheckBoxIcon {
  27. /* checked */
  28. background-position: 0;
  29. }
  30. .tundra .dijitCheckBoxDisabled {
  31. /* disabled */
  32. background-position: -48px;
  33. }
  34. .tundra .dijitCheckBoxCheckedDisabled {
  35. /* disabled but checked */
  36. background-position: -32px;
  37. }
  38. .tundra .dijitCheckBoxHover {
  39. /* hovering over an unchecked enabled checkbox */
  40. background-position: -80px;
  41. }
  42. .tundra .dijitCheckBoxCheckedHover {
  43. /* hovering over a checked enabled checkbox */
  44. background-position: -64px;
  45. }