EarlyBlue/skin/EarlyBlue/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       border              : 1px inset #CCD0DD;
  13       background-color    : transparent;
  14       margin              : 2px 2px 0px 0px;
  15       width               : 10px;
  16       height              : 10px;
  17       -moz-user-focus     : ignore;
  18     }
  19
  20   .checkbox-checkmark-box-1[disabled="true"]
  21     {
  22       background-color    : transparent;
  23     }
  24
  25   .checkbox-checkmark-box-2
  26     {
  27       border              : none;
  28       padding             : 1px;
  29       width               : 10px;
  30       height              : 10px;
  31     }
  32
  33   /* ensure that no list-style-image is inherited in from the Outside */
  34   .checkbox-check
  35     {
  36       list-style-image    : none;
  37       width: 8px;
  38       height: 8px;
  39     }
  40
  41   .checkbox-check[checked="true"]
  42     {
  43       list-style-image    : url(chrome://global/skin/check-check.gif);
  44     }
  45
  46   .checkbox-check[checked="true"][disabled="true"]
  47     {
  48       list-style-image    : url(chrome://global/skin/check-check-disabled.gif);
  49     }
  50
  51   checkbox:hover:active > .checkbox-internal-box > .checkbox-checkmark-box-1
  52     {
  53       background-color    : transparent;
  54     }
  55
  56 /* text/icon frames */
  57   .checkbox-text
  58     {
  59       margin              : 0px 0px 0px 2px;
  60       padding             : 1px;
  61     }
  62
  63   .checkbox-icon
  64     {
  65       list-style-image    : inherit;
  66     }
  67
  68   .checkbox-text
  69     {
  70       margin              : 0px !important;
  71     }
  72
  73   .checkbox-text[disabled="true"]
  74     {
  75       color               : #999999;
  76     }
  77
  78   checkbox:focus > .checkbox-internal-box > .checkbox-text
  79     {
  80       border              : 1px dotted #9999CC;
  81       padding             : 0px;
  82     }
  83
  84   .checkbox-internal-box
  85     {
  86       -moz-user-focus     : none;
  87       padding             : 0px;
  88     }
  89