EarlyBlue/global/skin/checkbox.css

   1 /* stylesheet for XUL <checkbox> element */
   2
   3 /* default checkbox for dialogs */
   4
   5 /* outer checkbox frame */
   6   checkbox
   7     {
   8       margin: 3px 5px 3px 5px;
   9     }
  10
  11 /* checkmark outer frame */
  12   checkbox > .internal-box > .checkmark-box
  13     {
  14       border: 1px inset #CCD0DD;
  15       background-color: transparent;
  16       margin-top: 2px;
  17       margin-right: 4px;
  18       padding: 1px;
  19     }
  20
  21   checkbox[disabled="true"] > .internal-box > .checkmark-box,
  22   checkbox[disabled="true"]:hover > .internal-box > .checkmark-box
  23     {
  24       border: 1px inset #CCD0DD;
  25     }
  26
  27 /* checkmark inner frame */
  28   checkbox > .internal-box > .checkmark-box > .checkbox-check
  29     {
  30       width: 8px;
  31       height: 8px;
  32       list-style-image: none;
  33     }
  34
  35   checkbox[checked="true"] > .internal-box > .checkmark-box > .checkbox-check
  36     {
  37       list-style-image: url(chrome://global/skin/check-check.gif);
  38     }
  39
  40   checkbox[checked="true"][disabled="true"] > .internal-box > .checkmark-box > .checkbox-check
  41     {
  42       list-style-image: url(chrome://global/skin/check-check-disabled.gif);
  43     }
  44
  45   checkbox > .internal-box > .checkbox-icon
  46     {
  47       list-style-image: inherit;
  48     }
  49
  50 /* checkmark label/icon frame */
  51   checkbox[label] > .internal-box > html
  52     {
  53       margin: 0px 0px 0px 4px;
  54       padding: 1px;
  55     }
  56
  57   checkbox[disabled="true"][label] > .internal-box > html
  58     {
  59       color: #999999;
  60     }
  61
  62   checkbox:focus > .internal-box > html
  63     {
  64       border              : 1px dotted black;
  65       padding             : 0px;
  66     }
  67