first part of syncing LCARStrek with Firefox 49/50 windows theme changes
[themes.git] / LCARStrek / global / menu.css
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/. */
4
5 /* ===== menu.css =======================================================
6   == Styles used by XUL menu-related elements.
7   ======================================================================= */
8
9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
10
11 /* ::::: menu/menuitem ::::: */
12
13 menu,
14 menuitem,
15 menucaption,
16 .splitmenu-menuitem {
17   -moz-box-align: center;
18   max-width: 42em;
19   background-color: #000000;
20   color: #FF9F00;
21   list-style-image: none;
22   -moz-image-region: auto;
23 }
24
25 menuitem[default="true"] {
26   font-weight: bold;
27 }
28
29 menu[_moz-menuactive="true"],
30 menuitem[_moz-menuactive="true"],
31 .splitmenu-menuitem[_moz-menuactive="true"] {
32   background-color: #FFCF00;
33   color: #000000;
34 }
35
36 menu[disabled="true"],
37 menuitem[disabled="true"],
38 .splitmenu-menuitem[disabled="true"],
39 menu[_moz-menuactive="true"][disabled="true"],
40 menuitem[_moz-menuactive="true"][disabled="true"],
41 .splitmenu-menuitem[_moz-menuactive="true"][disabled="true"] {
42   color: #8050B0;
43 }
44
45 menubar > menu {
46   padding: 2px;
47   margin: 0px;
48   margin-inline-start: 2px;
49   border: none;
50 }
51
52 menubar > menu[_moz-menuactive="true"] {
53   background-color: #FFCF00;
54   color: #000000;
55   border: none;
56 }
57
58 menubar > menu[open] {
59   background-color: #FF9F00;
60   color: #000000;
61   border: none;
62 }
63
64 menubar > menu:-moz-lwtheme {
65   -moz-appearance: none;
66 }
67
68 menubar > menu:-moz-window-inactive {
69   color: #8050B0;
70 }
71
72 menuitem.spell-suggestion {
73   font-weight: bold;
74 }
75
76 /* ::::: menu/menuitems in popups ::::: */
77
78 menupopup > menu,
79 popup > menu,
80 menupopup > menuitem,
81 popup > menuitem,
82 menupopup > menucaption {
83   padding: 2px;
84 }
85
86 /* ::::: menu/menuitems in menulist popups ::::: */
87
88 menulist > menupopup > menuitem,
89 menulist > menupopup > menucaption,
90 menulist > menupopup > menu {
91   padding: 1px 5px;
92   max-width: none;
93 }
94
95 /* ..... internal content .... */
96
97 .menu-text,
98 .menu-iconic-left,
99 .menu-iconic-text {
100   margin-top: 0px !important;
101   margin-bottom: 0px !important;
102   margin-inline-start: 0px !important;
103   margin-inline-end: 2px !important;
104   color: inherit;
105 }
106
107 .menu-iconic-left {
108   margin-inline-end: 3px !important;
109 }
110
111 .menu-text {
112   margin-inline-start: 19px !important;
113   font-weight: inherit;
114 }
115
116 menucaption > .menu-text,
117 menucaption > .menu-iconic-text {
118   font-weight: bold;
119   padding-inline-start: 0 !important;
120 }
121
122 .menu-description {
123   font-style: italic;
124   color: #9C9CFF;
125   margin-inline-start: 1ex !important;
126 }
127
128 .menu-accel,
129 .menu-iconic-accel {
130   margin-top: 0px !important;
131   margin-bottom: 0px !important;
132   margin-inline-start: 7px !important;
133   margin-inline-end: 2px !important;
134   padding-inline-end: 14px;
135   color: #A09090;
136 }
137
138 .menu-iconic-icon {
139   width: 16px;
140   height: 16px;
141 }
142
143 .menu-iconic-left {
144   width: 16px;
145 }
146
147 .menu-right {
148   margin-top: 0px;
149   margin-bottom: 0px;
150   margin-inline-start: 3px;
151   margin-inline-end: 0px;
152   width: 8px;
153   list-style-image: url("chrome://global/skin/menu/menu-arrow.gif");
154   -moz-image-region: auto;
155 }
156
157 .menu-right[_moz-menuactive="true"] {
158   list-style-image: url("chrome://global/skin/menu/menu-arrow-hover.gif");
159 }
160
161 .menu-right[disabled="true"] {
162   list-style-image: url("chrome://global/skin/menu/menu-arrow-disabled.gif");
163 }
164
165 .menu-right:-moz-locale-dir(rtl) {
166   list-style-image: url("chrome://global/skin/menu/menu-arrow-rtl.gif");
167 }
168
169 .menu-right:-moz-locale-dir(rtl)[_moz-menuactive="true"] {
170   list-style-image: url("chrome://global/skin/menu/menu-arrow-hover-rtl.gif");
171 }
172
173 .menu-right:-moz-locale-dir(rtl)[disabled="true"] {
174   list-style-image: url("chrome://global/skin/menu/menu-arrow-disabled-rtl.gif");
175 }
176
177 .menubar-left {
178   margin-top: 0px;
179   margin-bottom: 0px;
180   margin-inline-start: 0px;
181   margin-inline-end: 2px;
182   color: inherit;
183 }
184
185 .menubar-text {
186   margin: 0 1px !important;
187   color: inherit;
188 }
189
190 menulist > menupopup > menuitem > .menu-iconic-left,
191 menulist > menupopup > menucaption > .menu-iconic-left,
192 menulist > menupopup > menu > .menu-iconic-left {
193   display: none;
194 }
195
196 /* ::::: checkbox menuitem ::::: */
197
198 menuitem[checked="true"] { /* [type="checkbox"] */
199   list-style-image: url("chrome://global/skin/menu/menu-check.gif");
200 }
201
202 menuitem[checked="true"][_moz-menuactive="true"] {
203    list-style-image: url("chrome://global/skin/menu/menu-check-hover.gif");
204 }
205
206 menuitem[checked="true"][disabled="true"] {
207   list-style-image: url("chrome://global/skin/menu/menu-check-disabled.gif");
208 }
209
210 menuitem[checked="true"] .menu-iconic-icon {
211   width: auto;
212   height: auto;
213 }
214
215 /* ::::: radio menuitem ::::: */
216
217 menuitem[checked="true"][type="radio"] {
218   list-style-image: url("chrome://global/skin/menu/menu-radio.gif");
219 }
220
221 menuitem[checked="true"][type="radio"][_moz-menuactive="true"] {
222   list-style-image: url("chrome://global/skin/menu/menu-radio-hover.gif");
223 }
224
225 menuitem[checked="true"][type="radio"][disabled="true"] {
226   list-style-image: url("chrome://global/skin/menu/menu-radio-disabled.gif");
227 }
228
229 /* ::::: menuseparator ::::: */
230
231 menuseparator {
232   border: 1px solid #9C9CFF;
233   margin: 2px 0px;
234 }
235
236 menulist > menupopup > menuseparator {
237   border: 1px solid #9C9CFF;
238   margin: 2px 0px;
239 }
240
241 /* ::::: autocomplete ::::: */
242
243 .autocomplete-history-popup > menuitem {
244   max-width: none !important;
245 }
246
247 /* ::::: tree column picker ::::: */
248
249 .treecell-popupcell-menu {
250   margin-inline-start: -2px;
251   list-style-image: url("chrome://global/skin/tree/columnpicker.gif");
252 }