LCARStrek/skin/LCARStrek/global/checkbox.css

   1 /* stylesheet for XUL <checkbox> element */
   2
   3 /* default checkbox for dialogs */
   4 /* outer frame */
   5   checkbox
   6     {
   7       margin              : 3px 5px 3px 5px;
   8     }
   9
  10   .checkbox-checkmark-box-1
  11     {
  12       -moz-border-radius  : 2px;
  13       border              : 1px solid #FF9F00;
  14       background-color    : #000000;
  15       margin              : 1px 1px 0px 0px;
  16       width               : 10px;
  17       height              : 10px;
  18       -moz-user-focus     : ignore;
  19     }
  20
  21   .checkbox-checkmark-box-2
  22     {
  23       border              : none;
  24       padding             : 1px;
  25       width               : 10px;
  26       height              : 10px;
  27     }
  28
  29   /* ensure that no list-style-image is inherited in from the Outside */
  30   .checkbox-check
  31     {
  32       list-style-image    : none;
  33       min-width           : 8px;
  34       min-height          : 8px;
  35       width               : 8px;
  36       height              : 8px;
  37     }
  38
  39   .checkbox-check[checked="true"]
  40     {
  41       list-style-image    : url(chrome://global/skin/check-check.gif);
  42     }
  43
  44   .checkbox-check[checked="true"][disabled="true"]
  45     {
  46       list-style-image    : url(chrome://global/skin/check-check-disabled.gif);
  47     }
  48
  49   checkbox:hover > .checkbox-internal-box > .checkbox-checkmark-box-1,
  50   checkbox:hover:active > .checkbox-internal-box > .checkbox-checkmark-box-1
  51     {
  52       border              : 1px solid #FFCF00;
  53     }
  54
  55   checkbox[disabled="true"] > .checkbox-internal-box > .checkbox-checkmark-box-1,
  56   checkbox[disabled="true"]:hover > .checkbox-internal-box > .checkbox-checkmark-box-1,
  57   checkbox[disabled="true"]:hover:active > .checkbox-internal-box > .checkbox-checkmark-box-1
  58     {
  59       border              : 1px inset #8050B0;
  60     }
  61
  62 /* text/icon frames */
  63   .checkbox-text
  64     {
  65       margin              : 0px 0px 0px 2px;
  66       padding             : 1px;
  67       color               : #FF9F00;
  68     }
  69
  70   .checkbox-icon
  71     {
  72       list-style-image    : inherit;
  73     }
  74
  75   .checkbox-text[disabled="true"]
  76     {
  77       color               : #8050B0;
  78     }
  79
  80   checkbox:focus > .checkbox-internal-box > .checkbox-text
  81     {
  82       border              : 1px dotted #FF9F00;
  83       padding             : 0px;
  84     }
  85
  86   .checkbox-internal-box
  87     {
  88       -moz-user-focus     : none;
  89       padding             : 0px;
  90     }
  91
  92