LCARStrek/global/skin/checkbox.css

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