1 /* This Source Code Form is subject to the terms of the Mozilla Public
2 * License, v. 2.0. If a copy of the MPL was not distributed with this
3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
5 /* ===== menu.css =======================================================
6 == Styles used by XUL menu-related elements.
7 ======================================================================= */
9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
11 /* ::::: menu/menuitem ::::: */
16 -moz-box-align: center;
19 list-style-image: none;
20 -moz-image-region: auto;
23 menuitem[default="true"] {
27 menu[_moz-menuactive="true"],
28 menuitem[_moz-menuactive="true"],
29 .splitmenu-menuitem[_moz-menuactive="true"] {
30 background-color: #336699;
34 menu[disabled="true"],
35 menuitem[disabled="true"],
36 .splitmenu-menuitem[disabled="true"],
37 menu[_moz-menuactive="true"][disabled="true"],
38 menuitem[_moz-menuactive="true"][disabled="true"],
39 .splitmenu-menuitem[_moz-menuactive="true"][disabled="true"] {
45 -moz-padding-start: 2px;
47 -moz-margin-start: 0px;
48 border: 1px solid #CCD0DD;
51 menubar > menu[_moz-menuactive="true"] {
52 background-color: #CCD0DD;
54 border: 1px outset #CCD0DD;
57 menubar > menu[open] {
58 background-color: #CCD0DD;
60 border: 1px inset #CCD0DD;
63 menubar > menu:-moz-lwtheme {
64 -moz-appearance: none;
67 menubar > menu:-moz-window-inactive {
71 menuitem.spell-suggestion {
75 /* ::::: menu/menuitems in popups ::::: */
84 /* ::::: menu/menuitems in menulist popups ::::: */
86 menulist > menupopup > menuitem,
87 menulist > menupopup > menu {
92 /* ..... internal content .... */
97 margin-top: 0px !important;
98 margin-bottom: 0px !important;
99 -moz-margin-start: 0px !important;
100 -moz-margin-end: 2px !important;
105 -moz-margin-end: 3px !important;
109 -moz-margin-start: 19px !important;
110 font-weight: inherit;
116 -moz-margin-start: 1ex !important;
121 margin-top: 0px !important;
122 margin-bottom: 0px !important;
123 -moz-margin-start: 7px !important;
124 -moz-margin-end: 2px !important;
125 -moz-padding-end: 14px;
143 -moz-margin-start: 3px;
144 -moz-margin-end: 0px;
146 list-style-image: url("chrome://global/skin/menu/menu-arrow.gif");
147 -moz-image-region: auto;
150 .menu-right[_moz-menuactive="true"] {
151 list-style-image: url("chrome://global/skin/menu/menu-arrow-hover.gif");
154 .menu-right[disabled="true"] {
155 list-style-image: url("chrome://global/skin/menu/menu-arrow-disabled.gif");
158 .menu-right:-moz-locale-dir(rtl) {
159 list-style-image: url("chrome://global/skin/menu/menu-arrow-rtl.gif");
162 .menu-right:-moz-locale-dir(rtl)[_moz-menuactive="true"] {
163 list-style-image: url("chrome://global/skin/menu/menu-arrow-hover-rtl.gif");
166 .menu-right:-moz-locale-dir(rtl)[disabled="true"] {
167 list-style-image: url("chrome://global/skin/menu/menu-arrow-disabled-rtl.gif");
173 -moz-margin-start: 0px;
174 -moz-margin-end: 2px;
179 margin: 0 1px !important;
183 menulist > menupopup > menuitem > .menu-iconic-left,
184 menulist > menupopup > menu > .menu-iconic-left {
188 /* ::::: checkbox menuitem ::::: */
190 menuitem[checked="true"] { /* [type="checkbox"] */
191 list-style-image: url("chrome://global/skin/menu/menu-check.gif");
194 menuitem[checked="true"][_moz-menuactive="true"] {
195 list-style-image: url("chrome://global/skin/menu/menu-check-hover.gif");
198 menuitem[checked="true"][disabled="true"] {
199 list-style-image: url("chrome://global/skin/menu/menu-check-disabled.gif");
202 /* ::::: radio menuitem ::::: */
204 menuitem[checked="true"][type="radio"] {
205 list-style-image: url("chrome://global/skin/menu/menu-radio.gif");
208 menuitem[checked="true"][type="radio"][_moz-menuactive="true"] {
209 list-style-image: url("chrome://global/skin/menu/menu-radio-hover.gif");
212 menuitem[checked="true"][type="radio"][disabled="true"] {
213 list-style-image: url("chrome://global/skin/menu/menu-radio-disabled.gif");
216 /* ::::: menuseparator ::::: */
219 border: 1px inset #CCD0DD;
223 menulist > menupopup > menuseparator {
224 border: 1px inset #CCD0DD;
228 /* ::::: autocomplete ::::: */
230 .autocomplete-history-popup > menuitem {
231 max-width: none !important;
234 /* ::::: tree column picker ::::: */
236 .treecell-popupcell-menu {
237 -moz-margin-start: -2px;
238 list-style-image: url("chrome://global/skin/tree/columnpicker.gif");