lib/dijit/themes/tundra/form/RadioButton.css

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