LCARStrek/global/skin/menubutton.css

   1
   2 /* outermost frame */
   3   menubutton
   4     {
   5       margin              : 0px 1px 0px 1px;
   6       -moz-border-radius  : 3px;
   7       background-color    : #000000;
   8       color               : #E7ADE7;
   9       border              : none;
  10     }
  11
  12   menubutton[disabled="true"]
  13     {
  14       color               : #8050B0;
  15     }
  16
  17   menubutton > .menubutton-internal-box
  18     {
  19       border              : none;
  20       padding             : 0px;
  21       vertical-align      : middle;
  22     }
  23
  24   .menubutton-single-icon
  25     {
  26       margin-right        : 3px;
  27     }
  28
  29 /** "Dual Functionality" menubutton
  30  *  Has a popup spawning button and a command invoking button, e.g. back/forward
  31  *  class="menubutton-dual"
  32  **/
  33
  34 /* inner button */
  35
  36   menubutton > .menubutton-internal-box > .menubutton-dual-button,
  37   menubutton:hover > .menubutton-internal-box > .menubutton-dual-button,
  38   menubutton[buttonover="true"] > .menubutton-internal-box > .menubutton-dual-button,
  39   menubutton:active > .menubutton-internal-box > .menubutton-dual-button
  40     {
  41       border              : none;
  42       margin              : 0px;
  43       -moz-border-radius  : 3px;
  44     }
  45
  46   menubutton > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box
  47     {
  48       border              : 1px solid #9C9CFF;
  49       margin              : 0px
  50     }
  51
  52   menubutton > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box,
  53   menubutton:hover:active > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box
  54     {
  55       border              : 1px solid #FF9F00;
  56     }
  57
  58   menubutton[open="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box
  59     {
  60       border              : 1px solid #FFCF00;
  61     }
  62
  63   menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
  64   menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box,
  65   menubutton[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box
  66     {
  67       border              : 1px solid #8050B0;
  68     }
  69
  70 /* inner dropmarker */
  71   menubutton > .menubutton-internal-box > .menubutton-dual-dropmarker-box
  72     {
  73       -moz-border-radius  : 3px;
  74       border              : 1px solid #9C9CFF;
  75       padding             : 0px 2px 0px 2px;
  76     }
  77
  78   menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box,
  79   menubutton[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box
  80     {
  81       border              : 1px solid #8050B0;
  82     }
  83
  84   menubutton:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box
  85     {
  86       border              : 1px solid #FF9F00;
  87     }
  88
  89   menubutton[open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box
  90     {
  91       border              : 1px solid #FFCF00;
  92       padding             : 1px 1px -1px 3px;
  93     }
  94
  95   .menubutton-dual-dropmarker-box > .menubutton-dropmarker
  96     {
  97       border              : none;
  98       list-style-image    : url("chrome://global/skin/scroll-down.gif");
  99     }
 100
 101   menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,
 102   menubutton[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,
 103   menubutton[disabled="true"]:hover > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,
 104   .menubutton-dual-dropmarker-box > .menubutton-dropmarker[disabled="true"],
 105   .menubutton-dual[disabled="true"][buttonover="true"] > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,
 106   .menubutton-dual[disabled="true"]:hover > .menubutton-dual-dropmarker-box > .menubutton-dropmarker
 107     {
 108       list-style-image    : url("chrome://global/skin/scroll-down-disabled.gif");
 109     }
 110
 111   menubutton:hover > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,
 112   menubutton:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,
 113   menubutton[open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,
 114   .menubutton-dual[buttonover="true"] > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,
 115   .menubutton-dual[open="true"] > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,
 116   .menubutton-dual:hover > .menubutton-dual-dropmarker-box > .menubutton-dropmarker
 117     {
 118       list-style-image    : url("chrome://global/skin/scroll-down-hover.gif");
 119     }
 120
 121 /** Icon only menubutton.menubutton-duals
 122  *  class="menubutton.menubutton-dual-icon"
 123  **/
 124   .menubutton.menubutton-dual-icon
 125     {
 126       border              : none;
 127       background-color    : #000000;
 128     }
 129
 130   .menubutton.menubutton-dual-icon > .menubutton.menubutton-dual-icon-internal-box
 131     {
 132       border              : none;
 133       padding             : 1px;
 134     }
 135
 136   .menubutton.menubutton-dual-icon:hover > .menubutton.menubutton-dual-icon-internal-box
 137     {
 138       background-color    : #FFCF00;
 139       border              : none;
 140       padding             : 1px;
 141     }
 142
 143   .menubutton.menubutton-dual-icon:hover:active > .menubutton.menubutton-dual-icon-internal-box,
 144   .menubutton.menubutton-dual-icon[open="true"] > .menubutton.menubutton-dual-icon-internal-box
 145     {
 146       background-color    : #FF9F00;
 147       border              : none;
 148       padding             : 2px 0px 0px 2px;
 149     }
 150
 151   .menubutton.menubutton-dual-icon[disabled="true"] > .menubutton.menubutton-dual-icon-internal-box,
 152   .menubutton.menubutton-dual-icon[disabled="true"]:hover:active > .menubutton.menubutton-dual-icon-internal-box,
 153   .menubutton.menubutton-dual-icon[disabled="true"][open="true"] > .menubutton.menubutton-dual-icon-internal-box
 154     {
 155       background-color    : #FFCF00;
 156       border              : none;
 157       padding             : 2px 0px 0px 2px;
 158     }
 159
 160 /** Icon only menubuttons
 161  *  class="menubutton.menubutton-icon"
 162  **/
 163   .menubutton-icon
 164     {
 165       border              : none;
 166       background-color    : #000000;
 167     }
 168
 169   .menubutton-icon > .menubutton-icon-internal-box
 170     {
 171       padding             : 1px;
 172     }
 173
 174   .menubutton-icon:hover > .menubutton-icon-internal-box
 175     {
 176       background-color    : #FFCF00;
 177       padding             : 1px;
 178     }
 179
 180   .menubutton-icon:hover:active > .menubutton-icon-internal-box,
 181   .menubutton-icon[open="true"] > .menubutton-icon-internal-box
 182     {
 183       background-color    : #FF9F00;
 184       padding             : 2px 0px 0px 2px;
 185     }
 186
 187   .menubutton-icon[disabled="true"] > .menubutton-icon-internal-box,
 188   .menubutton-icon[disabled="true"]:hover:active > .menubutton-icon-internal-box,
 189   .menubutton-icon[disabled="true"][open="true"] > .menubutton-icon-internal-box
 190     {
 191       background-color    : #FFCF00;
 192       padding             : 2px 0px 0px 2px;
 193     }
 194
 195
 196
 197