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 background-color: #336699;
33 menu[disabled="true"],
34 menuitem[disabled="true"],
35 menu[_moz-menuactive="true"][disabled="true"],
36 menuitem[_moz-menuactive="true"][disabled="true"] {
42 padding-inline-start: 2px;
44 margin-inline-start: 0px;
45 border: 1px solid #CCD0DD;
48 menubar > menu[_moz-menuactive="true"] {
49 background-color: #CCD0DD;
51 border: 1px outset #CCD0DD;
54 menubar > menu[open] {
55 background-color: #CCD0DD;
57 border: 1px inset #CCD0DD;
60 menubar > menu:-moz-lwtheme {
61 -moz-appearance: none;
64 menubar > menu:-moz-window-inactive {
68 menuitem.spell-suggestion {
72 /* ::::: menu/menuitems in popups ::::: */
78 menupopup > menucaption {
82 /* ::::: menu/menuitems in menulist popups ::::: */
84 menulist > menupopup > menuitem,
85 menulist > menupopup > menucaption,
86 menulist > menupopup > menu {
91 /* ..... internal content .... */
96 margin-top: 0px !important;
97 margin-bottom: 0px !important;
98 margin-inline-start: 0px !important;
99 margin-inline-end: 2px !important;
104 margin-inline-end: 3px !important;
108 margin-inline-start: 19px !important;
109 font-weight: inherit;
112 menucaption > .menu-text,
113 menucaption > .menu-iconic-text {
115 padding-inline-start: 0 !important;
121 margin-inline-start: 1ex !important;
126 margin-top: 0px !important;
127 margin-bottom: 0px !important;
128 margin-inline-start: 7px !important;
129 margin-inline-end: 2px !important;
130 padding-inline-end: 14px;
148 margin-inline-start: 3px;
149 margin-inline-end: 0px;
151 list-style-image: url("chrome://global/skin/menu/menu-arrow.gif");
152 -moz-image-region: auto;
155 .menu-right[_moz-menuactive="true"] {
156 list-style-image: url("chrome://global/skin/menu/menu-arrow-hover.gif");
159 .menu-right[disabled="true"] {
160 list-style-image: url("chrome://global/skin/menu/menu-arrow-disabled.gif");
163 .menu-right:-moz-locale-dir(rtl) {
164 list-style-image: url("chrome://global/skin/menu/menu-arrow-rtl.gif");
167 .menu-right:-moz-locale-dir(rtl)[_moz-menuactive="true"] {
168 list-style-image: url("chrome://global/skin/menu/menu-arrow-hover-rtl.gif");
171 .menu-right:-moz-locale-dir(rtl)[disabled="true"] {
172 list-style-image: url("chrome://global/skin/menu/menu-arrow-disabled-rtl.gif");
178 margin-inline-start: 0px;
179 margin-inline-end: 2px;
184 margin: 0 1px !important;
188 menulist > menupopup > menuitem > .menu-iconic-left,
189 menulist > menupopup > menucaption > .menu-iconic-left,
190 menulist > menupopup > menu > .menu-iconic-left {
194 /* ::::: checkbox menuitem ::::: */
196 menuitem[checked="true"] { /* [type="checkbox"] */
197 list-style-image: url("chrome://global/skin/menu/menu-check.gif");
200 menuitem[checked="true"][_moz-menuactive="true"] {
201 list-style-image: url("chrome://global/skin/menu/menu-check-hover.gif");
204 menuitem[checked="true"][disabled="true"] {
205 list-style-image: url("chrome://global/skin/menu/menu-check-disabled.gif");
208 /* ::::: radio menuitem ::::: */
210 menuitem[checked="true"][type="radio"] {
211 list-style-image: url("chrome://global/skin/menu/menu-radio.gif");
214 menuitem[checked="true"][type="radio"][_moz-menuactive="true"] {
215 list-style-image: url("chrome://global/skin/menu/menu-radio-hover.gif");
218 menuitem[checked="true"][type="radio"][disabled="true"] {
219 list-style-image: url("chrome://global/skin/menu/menu-radio-disabled.gif");
222 /* ::::: menuseparator ::::: */
225 border: 1px inset #CCD0DD;
229 menulist > menupopup > menuseparator {
230 border: 1px inset #CCD0DD;
234 /* ::::: autocomplete ::::: */
236 .autocomplete-history-popup > menuitem {
237 max-width: none !important;