michael@0: /* This Source Code Form is subject to the terms of the Mozilla Public
michael@0:  * License, v. 2.0. If a copy of the MPL was not distributed with this
michael@0:  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
michael@0: 
michael@0: /* ===== menu.css =======================================================
michael@0:   == Styles used by XUL menu-related elements.
michael@0:   ======================================================================= */
michael@0: 
michael@0: @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
michael@0: 
michael@0: /* ::::: menu/menuitem ::::: */
michael@0: 
michael@0: menu,
michael@0: menuitem,
michael@0: .splitmenu-menuitem {
michael@0:   -moz-appearance: menuitem;
michael@0:   -moz-box-align: center;
michael@0:   color: MenuText;
michael@0:   font: menu;
michael@0:   list-style-image: none;
michael@0:   -moz-image-region: auto;
michael@0: }
michael@0: 
michael@0: menuitem[default="true"] {
michael@0:   font-weight: bold;
michael@0: }
michael@0: 
michael@0: menu[disabled="true"],
michael@0: menuitem[disabled="true"],
michael@0: .splitmenu-menuitem[disabled="true"],
michael@0: menu[_moz-menuactive="true"][disabled="true"],
michael@0: menuitem[_moz-menuactive="true"][disabled="true"],
michael@0: .splitmenu-menuitem[_moz-menuactive="true"][disabled="true"] {
michael@0:   color: GrayText;
michael@0:   text-shadow: none;
michael@0: }
michael@0: 
michael@0: @media (-moz-windows-classic) {
michael@0:   menu[disabled="true"],
michael@0:   menubar > menu[disabled="true"][_moz-menuactive="true"],
michael@0:   menuitem[disabled="true"],
michael@0:   .splitmenu-menuitem[disabled="true"] {
michael@0:     color: ThreeDShadow;
michael@0:     text-shadow: 1px 1px ThreeDHighlight;
michael@0:   }
michael@0: }
michael@0: 
michael@0: menuitem.spell-suggestion {
michael@0:   font-weight: bold;
michael@0: }
michael@0: 
michael@0: /* ..... internal content .... */
michael@0: 
michael@0: .menu-accel,
michael@0: .menu-iconic-accel,
michael@0: .menu-text,
michael@0: .menu-iconic-text {
michael@0:   margin: 0px !important;
michael@0:   padding: 1px 0px;
michael@0:   color: inherit;
michael@0: }
michael@0: 
michael@0: .menu-text {
michael@0:   -moz-padding-start: 1.45em !important;
michael@0:   -moz-appearance: menuitemtext;
michael@0: }
michael@0: 
michael@0: .menu-text,
michael@0: .menu-iconic-text {
michael@0:   font-weight: inherit;
michael@0:   -moz-margin-start: 2px !important;
michael@0:   -moz-padding-end: 2px;
michael@0: }
michael@0: 
michael@0: .menu-description {
michael@0:   font-style: italic;
michael@0:   color: GrayText;
michael@0:   -moz-margin-start: 1ex !important;
michael@0: }
michael@0: 
michael@0: .menu-accel,
michael@0: .menu-iconic-accel {
michael@0:   color: inherit;
michael@0:   -moz-margin-start: 0.74em !important;
michael@0:   -moz-margin-end: 1.35em !important;
michael@0: }
michael@0: 
michael@0: .menu-iconic-left {
michael@0:   min-width: 1.45em;
michael@0: }
michael@0: 
michael@0: .menu-iconic-icon {
michael@0:   width: 16px;
michael@0:   height: 16px;
michael@0: }
michael@0: 
michael@0: menu.menu-iconic > .menu-iconic-left,
michael@0: menuitem.menuitem-iconic > .menu-iconic-left,
michael@0: .splitmenu-menuitem[iconic="true"] > .menu-iconic-left {
michael@0:   -moz-appearance: menuimage;
michael@0:   padding-top: 2px;
michael@0: }
michael@0: 
michael@0: /* ..... menu arrow box ..... */
michael@0: 
michael@0: .menu-right {
michael@0:   -moz-appearance: menuarrow;
michael@0:   -moz-margin-end: -2px;
michael@0:   list-style-image: none;
michael@0:   min-width: 1.28em;
michael@0:   padding-top: 1px;
michael@0: }
michael@0: 
michael@0: /* ::::: menu/menuitems in menubar ::::: */
michael@0: 
michael@0: menubar > menu {
michael@0:   border: 2px solid transparent;
michael@0: }
michael@0: 
michael@0: menubar > menu[_moz-menuactive="true"]:not([disabled="true"]) {
michael@0:   color: -moz-menubarhovertext;
michael@0: }
michael@0: 
michael@0: menubar > menu[_moz-menuactive="true"][open="true"] {
michael@0:   border-width: 3px 1px 1px 3px;
michael@0: }
michael@0: 
michael@0: menubar > menu:-moz-lwtheme {
michael@0:   -moz-appearance: none;
michael@0:   border-style: none;
michael@0: }
michael@0: 
michael@0: menubar > menu:-moz-lwtheme:not([disabled="true"]) {
michael@0:   color: inherit !important;
michael@0: }
michael@0: 
michael@0: menubar > menu:-moz-lwtheme[_moz-menuactive="true"]:not([disabled="true"]) {
michael@0:   background-color: Highlight;
michael@0:   color: HighlightText !important;
michael@0:   text-shadow: none;
michael@0: }
michael@0: 
michael@0: %ifdef XP_WIN
michael@0: menubar > menu:-moz-window-inactive {
michael@0:   color: ThreeDShadow;
michael@0: }
michael@0: %endif
michael@0: 
michael@0: /* ..... internal content .... */
michael@0: 
michael@0: .menubar-left {
michael@0:   color: inherit;
michael@0: }
michael@0: 
michael@0: .menubar-text {
michael@0:   margin: 1px 6px 2px 6px !important;
michael@0:   color: inherit;
michael@0: }
michael@0: 
michael@0: /* ::::: menu/menuitems in popups ::::: */
michael@0: 
michael@0: menupopup > menu,
michael@0: menupopup > menuitem {
michael@0:   max-width: 42em;
michael@0: }
michael@0: 
michael@0: menu[_moz-menuactive="true"],
michael@0: menuitem[_moz-menuactive="true"],
michael@0: .splitmenu-menuitem[_moz-menuactive="true"] {
michael@0:   background-color: -moz-menuhover;
michael@0:   color: -moz-menuhovertext;
michael@0: }
michael@0: 
michael@0: /* ::::: menu/menuitems in menulist popups ::::: */
michael@0: 
michael@0: .menulist-menupopup > menuitem,
michael@0: menulist > menupopup > menuitem,
michael@0: .menulist-menupopup > menu,
michael@0: menulist > menupopup > menu {
michael@0:   -moz-appearance: none;
michael@0:   border: 1px solid transparent;
michael@0:   -moz-padding-start: 5px;
michael@0:   -moz-padding-end: 5px;
michael@0:   max-width: none;
michael@0:   font: message-box;
michael@0:   color: -moz-FieldText;
michael@0: }
michael@0: 
michael@0: .menulist-menupopup > menuitem[_moz-menuactive="true"],
michael@0: menulist > menupopup > menuitem[_moz-menuactive="true"],
michael@0: .menulist-menupopup > menu[_moz-menuactive="true"],
michael@0: menulist > menupopup > menu[_moz-menuactive="true"] {
michael@0:   background-color: highlight;
michael@0:   color: highlighttext;
michael@0: }
michael@0: 
michael@0: .menulist-menupopup > menuitem > .menu-iconic-left,
michael@0: menulist > menupopup > menuitem > .menu-iconic-left,
michael@0: .menulist-menupopup > menu > .menu-iconic-left,
michael@0: menulist > menupopup > menu > .menu-iconic-left {
michael@0:   display: none;
michael@0:   padding-top: 0px;
michael@0: }
michael@0: 
michael@0: .menulist-menupopup > menuitem > label,
michael@0: menulist > menupopup > menuitem > label,
michael@0: .menulist-menupopup > menu > label,
michael@0: menulist > menupopup > menu > label {
michael@0:   padding-top: 0px;
michael@0:   padding-bottom: 0px;
michael@0: }
michael@0: 
michael@0: menulist:-moz-focusring > menupopup > menuitem[_moz-menuactive="true"] {
michael@0:   border: 1px dotted #F5DB95;
michael@0: }
michael@0: 
michael@0: menulist > menupopup > menuitem[_moz-menuactive="true"][disabled="true"] {
michael@0:   color: GrayText;
michael@0: }
michael@0: 
michael@0: menulist > menupopup > menuitem[disabled="true"]:not([_moz-menuactive="true"]):-moz-system-metric(windows-classic) {
michael@0:   color: GrayText;
michael@0:   text-shadow: none;
michael@0: }
michael@0: 
michael@0: menulist > menupopup > menuitem:not(.menuitem-iconic) > .menu-iconic-text {
michael@0:   margin: 0 !important;
michael@0: }
michael@0: 
michael@0: /* ::::: checkbox and radio menuitems ::::: */
michael@0: 
michael@0: menuitem[type="checkbox"],
michael@0: menuitem[checked="true"] {
michael@0:   -moz-appearance: checkmenuitem;
michael@0: }
michael@0: menuitem[type="checkbox"] > .menu-iconic-left,
michael@0: menuitem[checked="true"] > .menu-iconic-left {
michael@0:   -moz-appearance: menucheckbox;
michael@0:   padding-top: 0px;
michael@0: }
michael@0: 
michael@0: menuitem[type="radio"] {
michael@0:   -moz-appearance: radiomenuitem;
michael@0: }
michael@0: menuitem[type="radio"] > .menu-iconic-left {
michael@0:   -moz-appearance: menuradio;
michael@0:   padding-top: 0px;
michael@0: }
michael@0: 
michael@0: menuitem[type="checkbox"] > .menu-iconic-left > .menu-iconic-icon,
michael@0: menuitem[checked="true"] > .menu-iconic-left > .menu-iconic-icon,
michael@0: menuitem[type="radio"] > .menu-iconic-left > .menu-iconic-icon {
michael@0:   /* prevent .menu-iconic-icon from enforcing a minimal height of 16px (see bug 411064)
michael@0:      XXXzeniko apply that .menu-iconic-icon rule only for children of .menu-iconic */
michael@0:   display: none;
michael@0: }
michael@0: 
michael@0: /* ::::: menuseparator ::::: */
michael@0: 
michael@0: menuseparator {
michael@0:   -moz-appearance: menuseparator;
michael@0:   padding: 3px 1px 4px 1px;
michael@0:   border-top: 1px solid ThreeDShadow;
michael@0:   border-bottom: 1px solid ThreeDHighlight;
michael@0: }
michael@0: 
michael@0: menulist > menupopup > menuseparator,
michael@0: .menulist-menupopup > menuseparator {
michael@0:   padding: 6px 0 5px 0;
michael@0:   border-top: 1px solid #000000;
michael@0:   border-bottom: none;
michael@0: }
michael@0: 
michael@0: /* ::::: autocomplete ::::: */
michael@0: 
michael@0: .autocomplete-history-popup > menuitem {
michael@0:   max-width: none !important;
michael@0:   font: message-box;
michael@0: }
michael@0: 
michael@0: /* ::::: tree column picker ::::: */
michael@0: 
michael@0: .treecell-popupcell-menu {
michael@0:   -moz-margin-start: -2px;
michael@0:   list-style-image: url("chrome://global/skin/columnselect.gif");
michael@0:   -moz-image-region: auto;
michael@0: }