lib/dijit/themes/soria/form/RadioButton.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: 0;
  46 }
  47
  48 .soria .dijitRadioDisabled {
  49         /* unselected and disabled */
  50         background-position: -48px;
  51 }
  52
  53 .soria .dijitRadioCheckedDisabled {
  54         /* selected but disabled */
  55         background-position: -32px;
  56 }
  57
  58 .soria .dijitRadioHover {
  59         /* hovering over an unselected enabled radio button */
  60         background-position: -80px;
  61 }
  62
  63 .soria .dijitRadioCheckedHover {
  64         /* hovering over a selected enabled radio button */
  65         background-position: -64px;
  66 }