1 /* ***** BEGIN LICENSE BLOCK *****
2 * Version: MPL 1.1/GPL 2.0/LGPL 2.1
4 * The contents of this file are subject to the Mozilla Public License Version
5 * 1.1 (the "License"); you may not use this file except in compliance with
6 * the License. You may obtain a copy of the License at
7 * http://www.mozilla.org/MPL/
9 * Software distributed under the License is distributed on an "AS IS" basis,
10 * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
11 * for the specific language governing rights and limitations under the
14 * The Original Code is "Classic" theme of mozilla.org code.
16 * The Initial Developer of the Original Code is
17 * the Mozilla Organization.
18 * Portions created by the Initial Developer are Copyright (C) 1998-2001
19 * the Initial Developer. All Rights Reserved.
22 * Robert Kaiser <KaiRo@KaiRo.at>
24 * Alternatively, the contents of this file may be used under the terms of
25 * either the GNU General Public License Version 2 or later (the "GPL"), or
26 * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
27 * in which case the provisions of the GPL or the LGPL are applicable instead
28 * of those above. If you wish to allow use of your version of this file only
29 * under the terms of either the GPL or the LGPL, and not to allow others to
30 * use your version of this file under the terms of the MPL, indicate your
31 * decision by deleting the provisions above and replace them with the notice
32 * and other provisions required by the GPL or the LGPL. If you do not delete
33 * the provisions above, a recipient may use your version of this file under
34 * the terms of any one of the MPL, the GPL or the LGPL.
36 * ***** END LICENSE BLOCK ***** */
38 /* ===== menu.css =======================================================
39 == Styles used by XUL menu-related elements.
40 ======================================================================= */
42 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
44 /* ::::: menu/menuitem ::::: */
48 -moz-box-align: center;
51 list-style-image: none;
54 menuitem[default="true"] {
58 menu[_moz-menuactive="true"],
59 menuitem[_moz-menuactive="true"] {
60 background-color: #336699;
64 menu[disabled="true"],
65 menuitem[disabled="true"],
66 menu[_moz-menuactive="true"][disabled="true"],
67 menuitem[_moz-menuactive="true"][disabled="true"] {
72 padding: 2px 0px 2px 3px;
73 margin: 0px 2px 0px 0px;
74 border: 1px solid #CCD0DD;
77 menubar > menu[_moz-menuactive="true"] {
78 background-color: #CCD0DD;
80 border: 1px outset #CCD0DD;
83 menubar > menu[open] {
84 background-color: #CCD0DD;
86 border: 1px inset #CCD0DD;
89 menuitem.spell-suggestion {
93 /* ::::: menu/menuitems in popups ::::: */
102 /* ::::: menu/menuitems in menulist popups ::::: */
104 .menulist-menupopup > menuitem,
105 menulist > menupopup > menuitem,
106 .menulist-menupopup > menu,
107 menulist > menupopup > menu {
110 -moz-padding-start: 1px;
111 -moz-padding-end: 22px;
115 /* ..... internal content .... */
120 margin-top: 0px !important;
121 margin-bottom: 0px !important;
122 -moz-margin-start: 0px !important;
123 -moz-margin-end: 2px !important;
128 -moz-margin-start: 18px !important;
129 font-weight: inherit;
135 -moz-margin-start: 1ex !important;
140 margin-top: 0px !important;
141 margin-bottom: 0px !important;
142 -moz-margin-start: 7px !important;
143 -moz-margin-end: 2px !important;
144 -moz-padding-end: 14px;
162 -moz-margin-start: 3px;
163 -moz-margin-end: 0px;
165 list-style-image: url("chrome://global/skin/menu/menu-arrow.gif");
166 -moz-image-region: auto;
169 .menu-right[_moz-menuactive="true"] {
170 list-style-image: url("chrome://global/skin/menu/menu-arrow-hover.gif");
173 .menu-right[disabled="true"] {
174 list-style-image: url("chrome://global/skin/menu/menu-arrow-disabled.gif");
177 .menu-right[chromedir="rtl"] {
178 list-style-image: url("chrome://global/skin/menu/menu-arrow-rtl.gif");
181 .menu-right[chromedir="rtl"][_moz-menuactive="true"] {
182 list-style-image: url("chrome://global/skin/menu/menu-arrow-hover-rtl.gif");
185 .menu-right[chromedir="rtl"][disabled="true"] {
186 list-style-image: url("chrome://global/skin/menu/menu-arrow-disabled-rtl.gif");
192 -moz-margin-start: 0px;
193 -moz-margin-end: 2px;
198 margin: 0 1px !important;
202 .menulist-menupopup > menuitem > .menu-iconic-left,
203 menulist > menupopup > menuitem > .menu-iconic-left,
204 .menulist-menupopup > menu > .menu-iconic-left,
205 menulist > menupopup > menu > .menu-iconic-left {
209 /* ::::: checkbox menuitem ::::: */
211 menuitem[checked="true"] { /* [type="checkbox"] */
212 list-style-image: url("chrome://global/skin/menu/menu-check.gif");
215 menuitem[checked="true"][_moz-menuactive="true"] {
216 list-style-image: url("chrome://global/skin/menu/menu-check-hover.gif");
219 menuitem[checked="true"][disabled="true"] {
220 list-style-image: url("chrome://global/skin/menu/menu-check-disabled.gif");
223 /* ::::: radio menuitem ::::: */
225 menuitem[checked="true"][type="radio"] {
226 list-style-image: url("chrome://global/skin/menu/menu-radio.gif");
229 menuitem[checked="true"][type="radio"][_moz-menuactive="true"] {
230 list-style-image: url("chrome://global/skin/menu/menu-radio-hover.gif");
233 menuitem[checked="true"][type="radio"][disabled="true"] {
234 list-style-image: url("chrome://global/skin/menu/menu-radio-disabled.gif");
237 menuitem[type="checkbox"] > .menu-iconic-left > .menu-iconic-icon,
238 menuitem[checked="true"] > .menu-iconic-left > .menu-iconic-icon,
239 menuitem[type="radio"] > .menu-iconic-left > .menu-iconic-icon {
240 /* prevent .menu-iconic-icon from enforcing a minimal height of 16px (see bug 411064)
241 XXXzeniko apply that .menu-iconic-icon rule only for children of .menu-iconic */
245 /* ::::: menuseparator ::::: */
248 border: 1px inset #CCD0DD;
252 menulist > menupopup > menuseparator,
253 .menulist-menupopup > menuseparator {
254 border: 1px inset #CCD0DD;
258 /* ::::: autocomplete ::::: */
260 .autocomplete-history-popup > menuitem {
261 max-width: none !important;
264 /* ::::: tree column picker ::::: */
266 .treecell-popupcell-menu {
268 list-style-image: url("chrome://global/skin/tree/columnpicker.gif");