RadioButton.css 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. .tundra .dijitRadio, /* stand alone */
  2. .tundra .dijitRadioIcon { /* inside a toggle button */
  3. background-image: url('../images/checkmark.png'); /* checkbox sprite image */
  4. background-repeat: no-repeat;
  5. width: 16px;
  6. height: 16px;
  7. margin: 0;
  8. padding: 0;
  9. }
  10. .dj_ie6 .tundra .dijitRadio,
  11. .dj_ie6 .tundra .dijitRadioIcon {
  12. background-image: url('../images/checkmark.gif'); /* checkbox sprite image */
  13. }
  14. .tundra .dijitToggleButton .dijitRadioIcon {
  15. /* for checkbox in a toggle button, override above setting to have no border */
  16. background-image: url('../images/checkmarkNoBorder.png');
  17. }
  18. .dj_ie6 .tundra .dijitToggleButton .dijitRadioIcon {
  19. background-image: url('../images/checkmarkNoBorder.gif');
  20. }
  21. .tundra .dijitRadio,
  22. .tundra .dijitRadioIcon {
  23. /* unselected */
  24. background-position: -112px;
  25. }
  26. .tundra .dijitRadioDisabled {
  27. /* unselected and disabled */
  28. background-position: -144px;
  29. }
  30. .tundra .dijitRadioHover {
  31. /* hovering over an unselected enabled radio button */
  32. background-position: -176px;
  33. }
  34. .tundra .dijitRadioChecked,
  35. .tundra .dijitRadioCheckedHover,
  36. .tundra .dijitToggleButtonChecked .dijitRadioIcon {
  37. /* selected. Since clicking a selected radio button doesn't change anything, there's
  38. * no hover effect on selected radio buttons.
  39. */
  40. background-position: -96px;
  41. }
  42. .tundra .dijitRadioCheckedDisabled {
  43. /* selected but disabled */
  44. background-position: -128px;
  45. }