git.pond.sub.org Git - eow/blob - static/dojo-release-1.1.1/dijit/themes/soria/form/RadioButton.css.commented.css

   1 /*
   2  *  CheckBox and Radio Widgets,
   3  *      and the CSS to embed a checkbox or radio icon inside a ToggleButton.
   4  *
   5  *      Order of images in the default sprite (from L to R, checkbox and radio in same image):
   6  *              checkbox        normal   - checked
   7  *                                                       - unchecked
   8  *                                      disabled - checked
   9  *                                                       - unchecked
  10  *                                      hover    - checked
  11  *                                                       - unchecked
  12  *
  13  *              radio           normal   - checked
  14  *                                                       - unchecked
  15  *                                      disabled - checked
  16  *                                                       - unchecked
  17  *                                      hover    - checked
  18  *                                                       - unchecked
  19 */
  20
  21 .soria .dijitToggleButton .dijitRadio,
  22 .soria .dijitToggleButton .dijitRadioIcon {
  23         background-image: url('../images/spriteRadio.gif');
  24 }
  25
  26 .soria .dijitRadio,
  27 .soria .dijitRadioIcon  {               /* inside a toggle button */
  28         background-image: url('../images/spriteRadio.gif'); /* checkbox sprite image */
  29         background-repeat: no-repeat;
  30         width: 16px;
  31         height: 16px;
  32         margin: 0;
  33         padding: 0;
  34 }
  35
  36 .soria .dijitRadio,
  37 .soria .dijitToggleButton .dijitRadioIcon {
  38         /* unselected */
  39         background-position: -16px;
  40 }
  41
  42 .soria .dijitRadioChecked,
  43 .soria .dijitToggleButtonChecked .dijitRadioIcon {
  44         /* selected */
  45         background-position: 0px;
  46 }
  47
  48 .soria .dijitRadioCheckedDisabled {
  49         /* selected but disabled */
  50         background-position: -48px;
  51 }
  52
  53 .soria .dijitRadioDisabled {
  54         /* unselected and disabled */
  55         background-position: -32px;
  56 }
  57
  58 .soria .dijitRadioHover,
  59 .soria .dijitRadioFocused {
  60         /* hovering over an unselected enabled radio button */
  61         background-position: -80px;
  62 }
  63
  64 .soria .dijitRadioCheckedHover,
  65 .soria .dijitRadioCheckedFocused {
  66         /* hovering over a selected enabled radio button */
  67         background-position: -64px;
  68 }