big changes to get this baby running again. It's not perfect, but it's up\! yay\!

[themes.git] / LCARStrek / global / skin / menu.css

 
menubar 
  {
    border-bottom         : 3px solid #000000;
  }

menubar > .toolbar-holder
  {
    /* max-height is only important as long as we need to workaround bug 24998... */
    max-height            : 17px;
    padding-right         : 18px;
    background-color      : #6000CF;
    background-image      : url("chrome://global/skin/menubar-endcap.gif");
    background-repeat     : no-repeat;
    background-position   : right;

/* THE FOLLOWING LINES ARE NOT WORKING THOUGH THEY SHOULD!  BUG 24998  */
/*    -moz-border-radius    : 0px 10px 10px 0px;
    background-image      : url("chrome://global/skin/toolbar-bg.gif");
    background-repeat     : repeat-y;
    background-position   : right;
*/
  }

menubar > toolbargrippy 
  {
/*    display               : none; */
  }

menu, menuitem  
  {
    background-color      : #000000;
    color                 : #FF9F00;
    vertical-align        : middle;
  }

menuitem[default="true"]
  {
    font-weight           : bold;
  }  
  
menu[disabled="true"], menuitem[disabled="true"],
menu[menuactive="true"][disabled="true"],
menuitem[menuactive="true"][disabled="true"]
  {
	  color                 : #8050B0;
  }

/* XXX menupopups have to have a color explicitly specified. this is a bug */
menupopup, popup 
  {
    background-color      : #000000;
    color                 : #FF9F00;
    border                : 1px solid #FF9F00;
  }

menupopup > menu, popup > menu,
menupopup > menuitem, popup > menuitem
  {
    max-width             : 250px;
    min-width             : 125px;
    margin-left           : 0px;
    margin-right          : 0px;
    margin-top            : 0px;
    margin-bottom         : 0px;
  }

menuseparator 
  {
    border                : 1px solid #9C9CFF; 
    margin                : 2px 2px 2px 2px;
  }

menubar > menu 
  {
    -moz-border-radius    : 0px;
    border                : 1px solid transparent; 
    padding               : 2px 0px 2px 3px;
    margin                : 0px 2px 0px 2px;
  }

menupopup > menu, menupopup > menuitem,
popup > menu, popup > menuitem
  {
    -moz-border-radius    : 0px;
    padding               : 2px;
  }

menubar > menu[menuactive="true"] 
  {
    background-color      : #FFCF00;
    color                 : #000000;
    border                : 1px solid transparent; 
  }

menubar > menu[menuactive="true"][open="true"] 
  {
    background-color      : #FF9F00;
    color                 : #000000;
    border                : 1px solid transparent; 
  }

menupopup > menu[menuactive="true"],
menupopup > menuitem[menuactive="true"],
popup > menu[menuactive="true"],
popup > menuitem[menuactive="true"]
  {
    background-color      : #FFCF00;
    color                 : #000000;
  }

/** 
 * Atomic sub-parts of standard menus
 **/
.menu-right 
  {
    margin                : 0px 0px 0px 6px;
    width                 : 8px;
    text-align            : center;
    list-style-image      : url("chrome://global/skin/menu-arrow.gif");
  }

.menu-right[disabled="true"] 
  {
    list-style-image      : url("chrome://global/skin/menu-arrow-disabled.gif");
  }

.menu-right[menuactive="true"][disabled="true"] 
  {
    list-style-image      : url("chrome://global/skin/menu-arrow-disabled.gif");
  }

.menu-right[menuactive="true"],
.menu-right[menuactive="true"][open="true"]
  {
    list-style-image      : url("chrome://global/skin/menu-arrow-hover.gif");
  }

.menu-iconic-left 
  {
    color                 : inherit;
    margin                : 0px 2px 0px 0px;
    width                 : 13px;
    text-align            : center;
    list-style-image      : inherit;
  }

.menubar-left 
  {
    color                 : inherit;
    margin                : 0px 2px 0px 0px;
  }

.menu-iconic-text, .menu-iconic-accel, .menu-text, .menu-accel 
  {
    color                 : inherit;
    margin                : 0px 2px 0px 0px;
  }

.menu-text 
  {
    padding-left          : 15px;
    font-weight           : inherit;
  }

.menu-accel 
  {
    margin-left           : 4px;
    padding-right         : 14px;
  }

.menu-iconic-accel 
  {
    margin-left           : 4px;
  }

.menubar-text 
  {
    color                 : inherit;
    margin-right          : 2px;
  }

menuitem[checked="true"] 
  {
    list-style-image      : url("chrome://global/skin/menu-check.gif");
  }

menuitem[checked="true"][disabled="true"] 
  {
    list-style-image      : url("chrome://global/skin/menu-check-disabled.gif");
  }

menuitem[checked="true"][menuactive="true"] 
  {
    list-style-image      : url("chrome://global/skin/menu-check-hover.gif");
  }

/** Tooltips (tooltip <popup> element)
 *  class="tooltip"
 **/
.tooltip
  {
    -moz-border-radius    : 3px;
    background-color      : #9C9CFF;
    border                : 1px solid #FFCF00;
    color                 : #000000;
    font                  : smaller;
    padding               : 3px;
  }

/* .tooltip html */
html#TOOLTIP-tooltipText
  {
    padding               : 0px;
    margin                : 0px;
  }

/*
 * Autorepeatbutton
 */
.autorepeatbutton-up {
    list-style-image: url("chrome://global/skin/scroll-up.gif")
}

.autorepeatbutton-down {
    list-style-image: url("chrome://global/skin/scroll-down.gif")
}

autorepeatbutton {
  text-align: center;
  vertical-align: middle;
}

autorepeatbutton:hover {
  background-color: #FFCF00;
}