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              : 2px 2px 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       width               : 8px;
  34       height              : 8px;
  35     }
  36
  37   .checkbox-check[checked="true"]
  38     {
  39       list-style-image    : url(chrome://global/skin/check-check.gif);
  40     }
  41
  42   .checkbox-check[checked="true"][disabled="true"]
  43     {
  44       list-style-image    : url(chrome://global/skin/check-check-disabled.gif);
  45     }
  46
  47   checkbox:hover > .checkbox-internal-box > .checkbox-checkmark-box-1,
  48   checkbox:hover:active > .checkbox-internal-box > .checkbox-checkmark-box-1
  49     {
  50       border              : 1px solid #FFCF00;
  51     }
  52
  53   checkbox[disabled="true"] > .checkbox-internal-box > .checkbox-checkmark-box-1,
  54   checkbox[disabled="true"]:hover > .checkbox-internal-box > .checkbox-checkmark-box-1,
  55   checkbox[disabled="true"]:hover:active > .checkbox-internal-box > .checkbox-checkmark-box-1
  56     {
  57       border              : 1px inset #8050B0;
  58     }
  59
  60 /* text/icon frames */
  61   .checkbox-text
  62     {
  63       margin              : 0px 0px 0px 2px;
  64       padding             : 1px;
  65       color               : #FF9F00;
  66     }
  67
  68   .checkbox-icon
  69     {
  70       list-style-image    : inherit;
  71     }
  72
  73   .checkbox-text[disabled="true"]
  74     {
  75       color               : #8050B0;
  76     }
  77
  78   checkbox:focus > .checkbox-internal-box > .checkbox-text
  79     {
  80       border              : 1px dotted #FF9F00;
  81       padding             : 0px;
  82     }
  83
  84   .checkbox-internal-box
  85     {
  86       -moz-user-focus     : none;
  87       padding             : 0px;
  88     }
  89