lib/dijit/themes/nihilo/form/Checkbox.css

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