|
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 /** this should only contain XUL dialog and document window widget defaults. Defaults for widgets of |
|
6 a particular application should be in that application's style sheet. |
|
7 For example style definitions for navigator can be found in navigator.css |
|
8 |
|
9 THIS FILE IS LOCKED DOWN. YOU ARE NOT ALLOWED TO MODIFY IT WITHOUT FIRST HAVING YOUR |
|
10 CHANGES REVIEWED BY enndeakin@sympatico.ca |
|
11 **/ |
|
12 |
|
13 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */ |
|
14 @namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */ |
|
15 @namespace xbl url("http://www.mozilla.org/xbl"); /* namespace for XBL elements */ |
|
16 |
|
17 * { |
|
18 -moz-user-focus: ignore; |
|
19 -moz-user-select: none; |
|
20 display: -moz-box; |
|
21 box-sizing: border-box; |
|
22 } |
|
23 |
|
24 :root { |
|
25 text-rendering: optimizeLegibility; |
|
26 -moz-binding: url("chrome://global/content/bindings/general.xml#root-element"); |
|
27 -moz-control-character-visibility: visible; |
|
28 } |
|
29 |
|
30 :root:-moz-locale-dir(rtl) { |
|
31 direction: rtl; |
|
32 } |
|
33 |
|
34 /* hide the content and destroy the frame */ |
|
35 [hidden="true"] { |
|
36 display: none; |
|
37 } |
|
38 |
|
39 /* hide the content, but don't destroy the frames */ |
|
40 [collapsed="true"], |
|
41 [moz-collapsed="true"] { |
|
42 visibility: collapse; |
|
43 } |
|
44 |
|
45 |
|
46 /* :::::::::: |
|
47 :: Rules for 'hiding' portions of the chrome for special |
|
48 :: kinds of windows (not JUST browser windows) with toolbars |
|
49 ::::: */ |
|
50 |
|
51 window[chromehidden~="menubar"] .chromeclass-menubar, |
|
52 window[chromehidden~="directories"] .chromeclass-directories, |
|
53 window[chromehidden~="status"] .chromeclass-status, |
|
54 window[chromehidden~="extrachrome"] .chromeclass-extrachrome, |
|
55 window[chromehidden~="location"] .chromeclass-location, |
|
56 window[chromehidden~="location"][chromehidden~="toolbar"] .chromeclass-toolbar, |
|
57 window[chromehidden~="toolbar"] .chromeclass-toolbar-additional { |
|
58 display: none; |
|
59 } |
|
60 |
|
61 /* :::::::::: |
|
62 :: Rules for forcing direction for entry and display of URIs |
|
63 :: or URI elements |
|
64 ::::: */ |
|
65 |
|
66 .uri-element { |
|
67 direction: ltr !important; |
|
68 } |
|
69 |
|
70 /****** elements that have no visual representation ******/ |
|
71 |
|
72 script, data, |
|
73 xbl|children, |
|
74 commands, commandset, command, |
|
75 broadcasterset, broadcaster, observes, |
|
76 keyset, key, toolbarpalette, toolbarset, |
|
77 template, rule, conditions, action, |
|
78 bindings, binding, content, member, triple, |
|
79 treechildren, treeitem, treeseparator, treerow, treecell { |
|
80 display: none; |
|
81 } |
|
82 |
|
83 /********** focus rules **********/ |
|
84 |
|
85 button, |
|
86 checkbox, |
|
87 colorpicker[type="button"], |
|
88 datepicker[type="grid"], |
|
89 menulist, |
|
90 radiogroup, |
|
91 tree, |
|
92 browser, |
|
93 editor, |
|
94 iframe { |
|
95 -moz-user-focus: normal; |
|
96 } |
|
97 |
|
98 menulist[editable="true"] { |
|
99 -moz-user-focus: ignore; |
|
100 } |
|
101 |
|
102 /******** window & page ******/ |
|
103 |
|
104 window, |
|
105 page { |
|
106 overflow: -moz-hidden-unscrollable; |
|
107 -moz-box-orient: vertical; |
|
108 } |
|
109 |
|
110 /******** box *******/ |
|
111 |
|
112 vbox { |
|
113 -moz-box-orient: vertical; |
|
114 } |
|
115 |
|
116 bbox { |
|
117 -moz-box-align: baseline; |
|
118 } |
|
119 |
|
120 /********** button **********/ |
|
121 |
|
122 button { |
|
123 -moz-binding: url("chrome://global/content/bindings/button.xml#button"); |
|
124 } |
|
125 |
|
126 button[type="repeat"] { |
|
127 -moz-binding: url("chrome://global/content/bindings/button.xml#button-repeat"); |
|
128 } |
|
129 |
|
130 button[type="menu"], button[type="panel"] { |
|
131 -moz-binding: url("chrome://global/content/bindings/button.xml#menu"); |
|
132 } |
|
133 |
|
134 button[type="menu-button"] { |
|
135 -moz-binding: url("chrome://global/content/bindings/button.xml#menu-button"); |
|
136 } |
|
137 |
|
138 %ifdef MOZ_WIDGET_GTK |
|
139 /********* detection of system setting to use icons in buttons ***********/ |
|
140 button[label]:not([label=""]) > .button-box > .button-icon:not(:-moz-system-metric(images-in-buttons)), |
|
141 button[label]:not([label=""]) > .button-box > .box-inherit > .button-icon:not(:-moz-system-metric(images-in-buttons)) { |
|
142 display: none; |
|
143 } |
|
144 %endif |
|
145 |
|
146 /********** toolbarbutton **********/ |
|
147 |
|
148 toolbarbutton { |
|
149 -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton"); |
|
150 } |
|
151 |
|
152 toolbarbutton[type="menu"], |
|
153 toolbarbutton[type="panel"] { |
|
154 -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#menu"); |
|
155 } |
|
156 |
|
157 toolbarbutton[type="menu-button"] { |
|
158 -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#menu-button"); |
|
159 } |
|
160 |
|
161 toolbar[mode="icons"] .toolbarbutton-text, |
|
162 toolbar[mode="icons"] .toolbarbutton-multiline-text, |
|
163 toolbar[mode="text"] .toolbarbutton-icon { |
|
164 display: none; |
|
165 } |
|
166 |
|
167 .toolbarbutton-multiline-text:not([wrap="true"]), |
|
168 .toolbarbutton-text[wrap="true"] { |
|
169 display: none; |
|
170 } |
|
171 |
|
172 /******** browser, editor, iframe ********/ |
|
173 |
|
174 browser, |
|
175 editor, |
|
176 iframe { |
|
177 display: inline; |
|
178 } |
|
179 |
|
180 browser { |
|
181 -moz-binding: url("chrome://global/content/bindings/browser.xml#browser"); |
|
182 } |
|
183 |
|
184 editor { |
|
185 -moz-binding: url("chrome://global/content/bindings/editor.xml#editor"); |
|
186 } |
|
187 |
|
188 iframe { |
|
189 -moz-binding: url("chrome://global/content/bindings/general.xml#iframe"); |
|
190 } |
|
191 |
|
192 /********** notifications **********/ |
|
193 |
|
194 notificationbox { |
|
195 -moz-binding: url("chrome://global/content/bindings/notification.xml#notificationbox"); |
|
196 -moz-box-orient: vertical; |
|
197 } |
|
198 |
|
199 .notificationbox-stack { |
|
200 overflow: -moz-hidden-unscrollable; |
|
201 } |
|
202 |
|
203 notification { |
|
204 -moz-binding: url("chrome://global/content/bindings/notification.xml#notification"); |
|
205 transition: margin-top 300ms, opacity 300ms; |
|
206 } |
|
207 |
|
208 /*********** popup notification ************/ |
|
209 popupnotification { |
|
210 -moz-binding: url("chrome://global/content/bindings/notification.xml#popup-notification"); |
|
211 } |
|
212 |
|
213 .popup-notification-menubutton:not([label]) { |
|
214 display: none; |
|
215 } |
|
216 |
|
217 /********** image **********/ |
|
218 |
|
219 image { |
|
220 -moz-binding: url("chrome://global/content/bindings/general.xml#image"); |
|
221 } |
|
222 |
|
223 /********** checkbox **********/ |
|
224 |
|
225 checkbox { |
|
226 -moz-binding: url("chrome://global/content/bindings/checkbox.xml#checkbox"); |
|
227 } |
|
228 |
|
229 /********** radio **********/ |
|
230 |
|
231 radiogroup { |
|
232 -moz-binding: url("chrome://global/content/bindings/radio.xml#radiogroup"); |
|
233 -moz-box-orient: vertical; |
|
234 } |
|
235 |
|
236 radio { |
|
237 -moz-binding: url("chrome://global/content/bindings/radio.xml#radio"); |
|
238 } |
|
239 |
|
240 /******** groupbox *********/ |
|
241 |
|
242 groupbox { |
|
243 -moz-binding: url("chrome://global/content/bindings/groupbox.xml#groupbox"); |
|
244 display: -moz-groupbox; |
|
245 } |
|
246 |
|
247 caption { |
|
248 -moz-binding: url("chrome://global/content/bindings/groupbox.xml#caption"); |
|
249 } |
|
250 |
|
251 .groupbox-body { |
|
252 -moz-box-pack: inherit; |
|
253 -moz-box-align: inherit; |
|
254 -moz-box-orient: vertical; |
|
255 } |
|
256 |
|
257 /******* toolbar *******/ |
|
258 |
|
259 toolbox { |
|
260 -moz-binding: url("chrome://global/content/bindings/toolbar.xml#toolbox"); |
|
261 -moz-box-orient: vertical; |
|
262 } |
|
263 |
|
264 toolbar { |
|
265 -moz-binding: url("chrome://global/content/bindings/toolbar.xml#toolbar"); |
|
266 } |
|
267 |
|
268 toolbar[customizing="true"][collapsed="true"] { |
|
269 /* Some apps, e.g. Firefox, use 'collapsed' to hide toolbars. |
|
270 Override it while customizing. */ |
|
271 visibility: visible; |
|
272 } |
|
273 |
|
274 toolbar[customizing="true"][hidden="true"] { |
|
275 /* Some apps, e.g. SeaMonkey, use 'hidden' to hide toolbars. |
|
276 Override it while customizing. */ |
|
277 display: -moz-box; |
|
278 } |
|
279 |
|
280 %ifdef XP_MACOSX |
|
281 toolbar[type="menubar"] { |
|
282 min-height: 0 !important; |
|
283 border: 0 !important; |
|
284 } |
|
285 %else |
|
286 toolbar[type="menubar"][autohide="true"] { |
|
287 -moz-binding: url("chrome://global/content/bindings/toolbar.xml#toolbar-menubar-autohide"); |
|
288 overflow: hidden; |
|
289 } |
|
290 |
|
291 toolbar[type="menubar"][autohide="true"][inactive="true"]:not([customizing="true"]) { |
|
292 min-height: 0 !important; |
|
293 height: 0 !important; |
|
294 -moz-appearance: none !important; |
|
295 border-style: none !important; |
|
296 } |
|
297 %endif |
|
298 |
|
299 toolbarseparator { |
|
300 -moz-binding: url("chrome://global/content/bindings/toolbar.xml#toolbardecoration"); |
|
301 } |
|
302 |
|
303 toolbarspacer { |
|
304 -moz-binding: url("chrome://global/content/bindings/toolbar.xml#toolbardecoration"); |
|
305 } |
|
306 |
|
307 toolbarspring { |
|
308 -moz-binding: url("chrome://global/content/bindings/toolbar.xml#toolbardecoration"); |
|
309 -moz-box-flex: 1000; |
|
310 } |
|
311 |
|
312 toolbarpaletteitem { |
|
313 -moz-binding: url("chrome://global/content/bindings/toolbar.xml#toolbarpaletteitem"); |
|
314 } |
|
315 |
|
316 toolbarpaletteitem[place="palette"] { |
|
317 -moz-box-orient: vertical; |
|
318 -moz-binding: url("chrome://global/content/bindings/toolbar.xml#toolbarpaletteitem-palette"); |
|
319 } |
|
320 |
|
321 /********* menubar ***********/ |
|
322 |
|
323 menubar { |
|
324 -moz-binding: url("chrome://global/content/bindings/toolbar.xml#menubar"); |
|
325 } |
|
326 |
|
327 /********* menu ***********/ |
|
328 |
|
329 menubar > menu { |
|
330 -moz-binding: url("chrome://global/content/bindings/menu.xml#menu-menubar"); |
|
331 } |
|
332 |
|
333 menubar > menu.menu-iconic { |
|
334 -moz-binding: url("chrome://global/content/bindings/menu.xml#menu-menubar-iconic"); |
|
335 } |
|
336 |
|
337 menu { |
|
338 -moz-binding: url("chrome://global/content/bindings/menu.xml#menu"); |
|
339 } |
|
340 |
|
341 menu.menu-iconic { |
|
342 -moz-binding: url("chrome://global/content/bindings/menu.xml#menu-iconic"); |
|
343 } |
|
344 |
|
345 menubar > menu:empty { |
|
346 visibility: collapse; |
|
347 } |
|
348 |
|
349 /********* menuitem ***********/ |
|
350 |
|
351 menuitem { |
|
352 -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem"); |
|
353 } |
|
354 |
|
355 menuitem.menuitem-iconic { |
|
356 -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic"); |
|
357 } |
|
358 |
|
359 menuitem[description] { |
|
360 -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic-desc-noaccel"); |
|
361 } |
|
362 |
|
363 menuitem[type="checkbox"], |
|
364 menuitem[type="radio"] { |
|
365 -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic"); |
|
366 } |
|
367 |
|
368 menuitem.menuitem-non-iconic { |
|
369 -moz-binding: url("chrome://global/content/bindings/menu.xml#menubutton-item"); |
|
370 } |
|
371 |
|
372 .menu-text { |
|
373 -moz-box-flex: 1; |
|
374 } |
|
375 |
|
376 %ifdef MOZ_WIDGET_GTK |
|
377 /********* detection of system setting to use icons in menus ***********/ |
|
378 @media not all and (-moz-images-in-menus) { |
|
379 .menu-iconic-left { |
|
380 visibility: hidden; |
|
381 } |
|
382 :-moz-any(menuitem[type], .menuitem-with-favicon) > .menu-iconic-left { |
|
383 visibility: visible; |
|
384 } |
|
385 } |
|
386 %endif |
|
387 |
|
388 /********* menuseparator ***********/ |
|
389 |
|
390 menuseparator { |
|
391 -moz-binding: url("chrome://global/content/bindings/menu.xml#menuseparator"); |
|
392 } |
|
393 |
|
394 /********* popup & menupopup ***********/ |
|
395 |
|
396 /* <popup> is deprecated. Only <menupopup> and <tooltip> are still valid. */ |
|
397 |
|
398 popup, |
|
399 menupopup { |
|
400 -moz-binding: url("chrome://global/content/bindings/popup.xml#popup"); |
|
401 -moz-box-orient: vertical; |
|
402 } |
|
403 |
|
404 panel { |
|
405 -moz-binding: url("chrome://global/content/bindings/popup.xml#panel"); |
|
406 -moz-box-orient: vertical; |
|
407 } |
|
408 |
|
409 popup, |
|
410 menupopup, |
|
411 panel, |
|
412 tooltip { |
|
413 display: -moz-popup; |
|
414 z-index: 2147483647; |
|
415 text-shadow: none; |
|
416 } |
|
417 |
|
418 tooltip { |
|
419 -moz-binding: url("chrome://global/content/bindings/popup.xml#tooltip"); |
|
420 -moz-box-orient: vertical; |
|
421 white-space: pre-wrap; |
|
422 margin-top: 21px; |
|
423 } |
|
424 |
|
425 panel[type="arrow"] { |
|
426 -moz-binding: url("chrome://global/content/bindings/popup.xml#arrowpanel"); |
|
427 } |
|
428 |
|
429 %ifdef XP_MACOSX |
|
430 .statusbar-resizerpanel { |
|
431 display: none; |
|
432 } |
|
433 %else |
|
434 window[sizemode="maximized"] statusbarpanel.statusbar-resizerpanel { |
|
435 visibility: collapse; |
|
436 } |
|
437 %endif |
|
438 |
|
439 /******** grid **********/ |
|
440 |
|
441 grid { |
|
442 display: -moz-grid; |
|
443 } |
|
444 |
|
445 rows, |
|
446 columns { |
|
447 display: -moz-grid-group; |
|
448 } |
|
449 |
|
450 row, |
|
451 column { |
|
452 display: -moz-grid-line; |
|
453 } |
|
454 |
|
455 rows { |
|
456 -moz-box-orient: vertical; |
|
457 } |
|
458 |
|
459 column { |
|
460 -moz-box-orient: vertical; |
|
461 } |
|
462 |
|
463 /******** listbox **********/ |
|
464 |
|
465 listbox { |
|
466 -moz-binding: url("chrome://global/content/bindings/listbox.xml#listbox"); |
|
467 } |
|
468 |
|
469 listhead { |
|
470 -moz-binding: url("chrome://global/content/bindings/listbox.xml#listhead"); |
|
471 } |
|
472 |
|
473 listrows { |
|
474 -moz-binding: url("chrome://global/content/bindings/listbox.xml#listrows"); |
|
475 } |
|
476 |
|
477 listitem { |
|
478 -moz-binding: url("chrome://global/content/bindings/listbox.xml#listitem"); |
|
479 } |
|
480 |
|
481 listitem[type="checkbox"] { |
|
482 -moz-binding: url("chrome://global/content/bindings/listbox.xml#listitem-checkbox"); |
|
483 } |
|
484 |
|
485 listheader { |
|
486 -moz-binding: url("chrome://global/content/bindings/listbox.xml#listheader"); |
|
487 -moz-box-ordinal-group: 2147483646; |
|
488 } |
|
489 |
|
490 listcell { |
|
491 -moz-binding: url("chrome://global/content/bindings/listbox.xml#listcell"); |
|
492 } |
|
493 |
|
494 listcell[type="checkbox"] { |
|
495 -moz-binding: url("chrome://global/content/bindings/listbox.xml#listcell-checkbox"); |
|
496 } |
|
497 |
|
498 .listitem-iconic { |
|
499 -moz-binding: url("chrome://global/content/bindings/listbox.xml#listitem-iconic"); |
|
500 } |
|
501 |
|
502 listitem[type="checkbox"].listitem-iconic { |
|
503 -moz-binding: url("chrome://global/content/bindings/listbox.xml#listitem-checkbox-iconic"); |
|
504 } |
|
505 |
|
506 .listcell-iconic { |
|
507 -moz-binding: url("chrome://global/content/bindings/listbox.xml#listcell-iconic"); |
|
508 } |
|
509 |
|
510 listcell[type="checkbox"].listcell-iconic { |
|
511 -moz-binding: url("chrome://global/content/bindings/listbox.xml#listcell-checkbox-iconic"); |
|
512 } |
|
513 |
|
514 listbox { |
|
515 display: -moz-grid; |
|
516 } |
|
517 |
|
518 listbox[rows] { |
|
519 height: auto; |
|
520 } |
|
521 |
|
522 listcols, listhead, listrows, listboxbody { |
|
523 display: -moz-grid-group; |
|
524 } |
|
525 |
|
526 listcol, listitem, listheaditem { |
|
527 display: -moz-grid-line; |
|
528 } |
|
529 |
|
530 listbox { |
|
531 -moz-user-focus: normal; |
|
532 -moz-box-orient: vertical; |
|
533 min-width: 0px; |
|
534 min-height: 0px; |
|
535 width: 200px; |
|
536 height: 200px; |
|
537 } |
|
538 |
|
539 listhead { |
|
540 -moz-box-orient: vertical; |
|
541 } |
|
542 |
|
543 listrows { |
|
544 -moz-box-orient: vertical; |
|
545 -moz-box-flex: 1; |
|
546 } |
|
547 |
|
548 listboxbody { |
|
549 -moz-box-orient: vertical; |
|
550 -moz-box-flex: 1; |
|
551 /* Don't permit a horizontal scrollbar. See bug 285449 */ |
|
552 overflow-x: hidden !important; |
|
553 overflow-y: auto; |
|
554 min-height: 0px; |
|
555 } |
|
556 |
|
557 listcol { |
|
558 -moz-box-orient: vertical; |
|
559 min-width: 16px; |
|
560 } |
|
561 |
|
562 listcell { |
|
563 -moz-box-align: center; |
|
564 } |
|
565 |
|
566 /******** tree ******/ |
|
567 |
|
568 tree { |
|
569 -moz-binding: url("chrome://global/content/bindings/tree.xml#tree"); |
|
570 } |
|
571 |
|
572 treecols { |
|
573 -moz-binding: url("chrome://global/content/bindings/tree.xml#treecols"); |
|
574 } |
|
575 |
|
576 treecol { |
|
577 -moz-binding: url("chrome://global/content/bindings/tree.xml#treecol"); |
|
578 -moz-box-ordinal-group: 2147483646; |
|
579 } |
|
580 |
|
581 treecol.treecol-image { |
|
582 -moz-binding: url("chrome://global/content/bindings/tree.xml#treecol-image"); |
|
583 } |
|
584 |
|
585 tree > treechildren { |
|
586 display: -moz-box; |
|
587 -moz-binding: url("chrome://global/content/bindings/tree.xml#treebody"); |
|
588 -moz-user-select: none; |
|
589 -moz-box-flex: 1; |
|
590 } |
|
591 |
|
592 treerows { |
|
593 -moz-binding: url("chrome://global/content/bindings/tree.xml#treerows"); |
|
594 } |
|
595 |
|
596 treecolpicker { |
|
597 -moz-binding: url("chrome://global/content/bindings/tree.xml#columnpicker"); |
|
598 } |
|
599 |
|
600 tree { |
|
601 -moz-box-orient: vertical; |
|
602 min-width: 0px; |
|
603 min-height: 0px; |
|
604 width: 10px; |
|
605 height: 10px; |
|
606 } |
|
607 |
|
608 tree[hidecolumnpicker="true"] > treecols > treecolpicker { |
|
609 display: none; |
|
610 } |
|
611 |
|
612 treecol { |
|
613 min-width: 16px; |
|
614 } |
|
615 |
|
616 treecol[hidden="true"] { |
|
617 visibility: collapse; |
|
618 display: -moz-box; |
|
619 } |
|
620 |
|
621 .tree-scrollable-columns { |
|
622 /* Yes, Virginia, this makes it scrollable */ |
|
623 overflow: hidden; |
|
624 } |
|
625 |
|
626 /* ::::: lines connecting cells ::::: */ |
|
627 tree:not([treelines="true"]) > treechildren::-moz-tree-line { |
|
628 visibility: hidden; |
|
629 } |
|
630 |
|
631 treechildren::-moz-tree-cell(ltr) { |
|
632 direction: ltr !important; |
|
633 } |
|
634 |
|
635 /********** deck & stack *********/ |
|
636 |
|
637 deck { |
|
638 display: -moz-deck; |
|
639 -moz-binding: url("chrome://global/content/bindings/general.xml#deck"); |
|
640 } |
|
641 |
|
642 stack, bulletinboard { |
|
643 display: -moz-stack; |
|
644 } |
|
645 |
|
646 /********** tabbox *********/ |
|
647 |
|
648 tabbox { |
|
649 -moz-binding: url("chrome://global/content/bindings/tabbox.xml#tabbox"); |
|
650 -moz-box-orient: vertical; |
|
651 } |
|
652 |
|
653 tabs { |
|
654 -moz-binding: url("chrome://global/content/bindings/tabbox.xml#tabs"); |
|
655 -moz-box-orient: horizontal; |
|
656 } |
|
657 |
|
658 tab { |
|
659 -moz-binding: url("chrome://global/content/bindings/tabbox.xml#tab"); |
|
660 -moz-box-align: center; |
|
661 -moz-box-pack: center; |
|
662 } |
|
663 |
|
664 tab[selected="true"]:not([ignorefocus="true"]) { |
|
665 -moz-user-focus: normal; |
|
666 } |
|
667 |
|
668 tabpanels { |
|
669 -moz-binding: url("chrome://global/content/bindings/tabbox.xml#tabpanels"); |
|
670 display: -moz-deck; |
|
671 } |
|
672 |
|
673 /********** progressmeter **********/ |
|
674 |
|
675 progressmeter { |
|
676 -moz-binding: url("chrome://global/content/bindings/progressmeter.xml#progressmeter"); |
|
677 } |
|
678 |
|
679 /********** basic rule for anonymous content that needs to pass box properties through |
|
680 ********** to an insertion point parent that holds the real kids **************/ |
|
681 |
|
682 .box-inherit { |
|
683 -moz-box-orient: inherit; |
|
684 -moz-box-pack: inherit; |
|
685 -moz-box-align: inherit; |
|
686 -moz-box-direction: inherit; |
|
687 } |
|
688 |
|
689 /********** label **********/ |
|
690 |
|
691 description { |
|
692 -moz-binding: url("chrome://global/content/bindings/text.xml#text-base"); |
|
693 } |
|
694 |
|
695 label { |
|
696 -moz-binding: url("chrome://global/content/bindings/text.xml#text-label"); |
|
697 } |
|
698 |
|
699 label.text-link, label[onclick] { |
|
700 -moz-binding: url("chrome://global/content/bindings/text.xml#text-link"); |
|
701 -moz-user-focus: normal; |
|
702 } |
|
703 |
|
704 label[control], label.radio-label, label.checkbox-label, label.toolbarbutton-multiline-text { |
|
705 -moz-binding: url("chrome://global/content/bindings/text.xml#label-control"); |
|
706 } |
|
707 |
|
708 html|span.accesskey { |
|
709 text-decoration: underline; |
|
710 } |
|
711 |
|
712 /********** textbox **********/ |
|
713 |
|
714 textbox { |
|
715 -moz-binding: url("chrome://global/content/bindings/textbox.xml#textbox"); |
|
716 -moz-user-select: text; |
|
717 text-shadow: none; |
|
718 } |
|
719 |
|
720 textbox[multiline="true"] { |
|
721 -moz-binding: url("chrome://global/content/bindings/textbox.xml#textarea"); |
|
722 } |
|
723 |
|
724 .textbox-input-box { |
|
725 -moz-binding: url("chrome://global/content/bindings/textbox.xml#input-box"); |
|
726 } |
|
727 |
|
728 html|textarea.textbox-textarea { |
|
729 resize: none; |
|
730 } |
|
731 |
|
732 textbox[resizable="true"] > .textbox-input-box > html|textarea.textbox-textarea { |
|
733 resize: both; |
|
734 } |
|
735 |
|
736 .textbox-input-box[spellcheck="true"] { |
|
737 -moz-binding: url("chrome://global/content/bindings/textbox.xml#input-box-spell"); |
|
738 } |
|
739 |
|
740 textbox[type="timed"] { |
|
741 -moz-binding: url("chrome://global/content/bindings/textbox.xml#timed-textbox"); |
|
742 } |
|
743 |
|
744 textbox[type="search"] { |
|
745 -moz-binding: url("chrome://global/content/bindings/textbox.xml#search-textbox"); |
|
746 } |
|
747 |
|
748 textbox[type="number"] { |
|
749 -moz-binding: url("chrome://global/content/bindings/numberbox.xml#numberbox"); |
|
750 } |
|
751 |
|
752 .textbox-contextmenu:-moz-locale-dir(rtl) { |
|
753 direction: rtl; |
|
754 } |
|
755 |
|
756 /********** autocomplete textbox **********/ |
|
757 |
|
758 /* SeaMonkey don't use the new toolkit's autocomplete widget yet.... */ |
|
759 %ifdef MOZ_SUITE |
|
760 %define AUTOCOMPLETE_OLD_STYLE |
|
761 %endif |
|
762 |
|
763 %ifdef AUTOCOMPLETE_OLD_STYLE |
|
764 |
|
765 textbox[type="autocomplete"] { |
|
766 -moz-binding: url("chrome://global/content/autocomplete.xml#autocomplete"); |
|
767 } |
|
768 |
|
769 panel[type="autocomplete"] { |
|
770 -moz-binding: url("chrome://global/content/autocomplete.xml#autocomplete-result-popup"); |
|
771 } |
|
772 |
|
773 .autocomplete-history-popup { |
|
774 -moz-binding: url("chrome://global/content/autocomplete.xml#autocomplete-history-popup"); |
|
775 } |
|
776 |
|
777 .autocomplete-treebody { |
|
778 -moz-binding: url("chrome://global/content/autocomplete.xml#autocomplete-treebody"); |
|
779 } |
|
780 |
|
781 .autocomplete-history-dropmarker { |
|
782 -moz-binding: url("chrome://global/content/autocomplete.xml#history-dropmarker"); |
|
783 } |
|
784 |
|
785 %else |
|
786 |
|
787 textbox[type="autocomplete"] { |
|
788 -moz-binding: url("chrome://global/content/bindings/autocomplete.xml#autocomplete"); |
|
789 } |
|
790 |
|
791 panel[type="autocomplete"] { |
|
792 -moz-binding: url("chrome://global/content/bindings/autocomplete.xml#autocomplete-result-popup"); |
|
793 } |
|
794 |
|
795 panel[type="autocomplete-richlistbox"] { |
|
796 -moz-binding: url("chrome://global/content/bindings/autocomplete.xml#autocomplete-rich-result-popup"); |
|
797 } |
|
798 |
|
799 /* FIXME: bug 616258 */ |
|
800 |
|
801 .autocomplete-tree { |
|
802 -moz-binding: url("chrome://global/content/bindings/autocomplete.xml#autocomplete-tree"); |
|
803 -moz-user-focus: ignore; |
|
804 } |
|
805 |
|
806 .autocomplete-treebody { |
|
807 -moz-binding: url("chrome://global/content/bindings/autocomplete.xml#autocomplete-treebody"); |
|
808 } |
|
809 |
|
810 .autocomplete-richlistbox { |
|
811 -moz-binding: url("chrome://global/content/bindings/autocomplete.xml#autocomplete-richlistbox"); |
|
812 -moz-user-focus: ignore; |
|
813 } |
|
814 |
|
815 .autocomplete-richlistbox > scrollbox { |
|
816 overflow-x: hidden !important; |
|
817 } |
|
818 |
|
819 .autocomplete-richlistitem { |
|
820 -moz-binding: url("chrome://global/content/bindings/autocomplete.xml#autocomplete-richlistitem"); |
|
821 -moz-box-orient: vertical; |
|
822 overflow: -moz-hidden-unscrollable; |
|
823 } |
|
824 |
|
825 .autocomplete-treerows { |
|
826 -moz-binding: url("chrome://global/content/bindings/autocomplete.xml#autocomplete-treerows"); |
|
827 } |
|
828 |
|
829 .autocomplete-history-dropmarker { |
|
830 display: none; |
|
831 } |
|
832 |
|
833 .autocomplete-history-dropmarker[enablehistory="true"] { |
|
834 display: -moz-box; |
|
835 -moz-binding: url("chrome://global/content/bindings/autocomplete.xml#history-dropmarker"); |
|
836 } |
|
837 |
|
838 .ac-ellipsis-after { |
|
839 visibility: hidden; |
|
840 } |
|
841 |
|
842 .ac-url-text[type~="action"], |
|
843 .ac-action-text:not([type~="action"]) { |
|
844 visibility: collapse; |
|
845 } |
|
846 |
|
847 %endif |
|
848 |
|
849 |
|
850 |
|
851 /* the C++ implementation of widgets is too eager to make popups visible. |
|
852 this causes problems (bug 120155 and others), thus this workaround: */ |
|
853 popup[type="autocomplete"][hidden="true"] { |
|
854 visibility: hidden; |
|
855 } |
|
856 |
|
857 /* The following rule is here to fix bug 96899 (and now 117952). |
|
858 Somehow trees create a situation |
|
859 in which a popupset flows itself as if its popup child is directly within it |
|
860 instead of the placeholder child that should actually be inside the popupset. |
|
861 This is a stopgap measure, and it does not address the real bug. */ |
|
862 .autocomplete-result-popupset { |
|
863 max-width: 0px; |
|
864 width: 0 !important; |
|
865 min-width: 0%; |
|
866 min-height: 0%; |
|
867 } |
|
868 |
|
869 /********** colorpicker **********/ |
|
870 |
|
871 colorpicker { |
|
872 -moz-binding: url("chrome://global/content/bindings/colorpicker.xml#colorpicker"); |
|
873 } |
|
874 |
|
875 colorpicker[type="button"] { |
|
876 -moz-binding: url("chrome://global/content/bindings/colorpicker.xml#colorpicker-button"); |
|
877 } |
|
878 |
|
879 .colorpickertile { |
|
880 -moz-binding: url("chrome://global/content/bindings/colorpicker.xml#colorpickertile"); |
|
881 } |
|
882 |
|
883 /********** menulist **********/ |
|
884 |
|
885 menulist { |
|
886 -moz-binding: url("chrome://global/content/bindings/menulist.xml#menulist"); |
|
887 } |
|
888 |
|
889 menulist[editable="true"] { |
|
890 -moz-binding: url("chrome://global/content/bindings/menulist.xml#menulist-editable"); |
|
891 } |
|
892 |
|
893 menulist[type="description"] { |
|
894 -moz-binding: url("chrome://global/content/bindings/menulist.xml#menulist-description"); |
|
895 } |
|
896 |
|
897 menulist > menupopup > menuitem { |
|
898 -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic-noaccel"); |
|
899 } |
|
900 |
|
901 dropmarker { |
|
902 -moz-binding: url("chrome://global/content/bindings/general.xml#dropmarker"); |
|
903 } |
|
904 |
|
905 /********** resizer **********/ |
|
906 |
|
907 resizer { |
|
908 -moz-binding: url("chrome://global/content/bindings/resizer.xml#resizer"); |
|
909 position: relative; |
|
910 z-index: 2147483647; |
|
911 } |
|
912 |
|
913 /********** splitter **********/ |
|
914 |
|
915 splitter { |
|
916 -moz-binding: url("chrome://global/content/bindings/splitter.xml#splitter"); |
|
917 } |
|
918 |
|
919 grippy { |
|
920 -moz-binding: url("chrome://global/content/bindings/splitter.xml#grippy"); |
|
921 } |
|
922 |
|
923 .tree-splitter { |
|
924 width: 0px; |
|
925 max-width: 0px; |
|
926 min-width: 0% ! important; |
|
927 min-height: 0% ! important; |
|
928 -moz-box-ordinal-group: 2147483646; |
|
929 } |
|
930 |
|
931 /********** scrollbar **********/ |
|
932 |
|
933 /* Scrollbars are never flipped even if BiDI kicks in. */ |
|
934 scrollbar[orient="horizontal"] { |
|
935 direction: ltr; |
|
936 } |
|
937 |
|
938 thumb { |
|
939 -moz-binding: url(chrome://global/content/bindings/scrollbar.xml#thumb); |
|
940 display: -moz-box !important; |
|
941 } |
|
942 |
|
943 .scale-thumb { |
|
944 -moz-binding: url(chrome://global/content/bindings/scale.xml#scalethumb); |
|
945 } |
|
946 |
|
947 scrollbar, scrollbarbutton, scrollcorner, slider, thumb, scale { |
|
948 -moz-user-select: none; |
|
949 } |
|
950 |
|
951 scrollcorner { |
|
952 display: -moz-box !important; |
|
953 } |
|
954 |
|
955 scrollcorner[hidden="true"] { |
|
956 display: none !important; |
|
957 } |
|
958 |
|
959 scrollbar[value="hidden"] { |
|
960 visibility: hidden; |
|
961 } |
|
962 |
|
963 scale { |
|
964 -moz-binding: url(chrome://global/content/bindings/scale.xml#scale); |
|
965 } |
|
966 |
|
967 .scale-slider { |
|
968 -moz-binding: url(chrome://global/content/bindings/scale.xml#scaleslider); |
|
969 -moz-user-focus: normal; |
|
970 } |
|
971 |
|
972 scrollbarbutton[sbattr="scrollbar-up-top"]:not(:-moz-system-metric(scrollbar-start-backward)), |
|
973 scrollbarbutton[sbattr="scrollbar-down-top"]:not(:-moz-system-metric(scrollbar-start-forward)), |
|
974 scrollbarbutton[sbattr="scrollbar-up-bottom"]:not(:-moz-system-metric(scrollbar-end-backward)), |
|
975 scrollbarbutton[sbattr="scrollbar-down-bottom"]:not(:-moz-system-metric(scrollbar-end-forward)) { |
|
976 display: none; |
|
977 } |
|
978 |
|
979 thumb[sbattr="scrollbar-thumb"]:-moz-system-metric(scrollbar-thumb-proportional) { |
|
980 -moz-box-flex: 1; |
|
981 } |
|
982 |
|
983 /******** scrollbox ********/ |
|
984 |
|
985 scrollbox { |
|
986 -moz-binding: url("chrome://global/content/bindings/scrollbox.xml#scrollbox"); |
|
987 /* This makes it scrollable! */ |
|
988 overflow: hidden; |
|
989 } |
|
990 |
|
991 arrowscrollbox { |
|
992 -moz-binding: url("chrome://global/content/bindings/scrollbox.xml#arrowscrollbox"); |
|
993 } |
|
994 |
|
995 arrowscrollbox[clicktoscroll="true"] { |
|
996 -moz-binding: url("chrome://global/content/bindings/scrollbox.xml#arrowscrollbox-clicktoscroll"); |
|
997 } |
|
998 |
|
999 autorepeatbutton { |
|
1000 -moz-binding: url("chrome://global/content/bindings/scrollbox.xml#autorepeatbutton"); |
|
1001 } |
|
1002 |
|
1003 /********** statusbar **********/ |
|
1004 |
|
1005 statusbar { |
|
1006 -moz-binding: url("chrome://global/content/bindings/general.xml#statusbar"); |
|
1007 %ifdef XP_MACOSX |
|
1008 padding-right: 14px; |
|
1009 %endif |
|
1010 } |
|
1011 |
|
1012 statusbarpanel { |
|
1013 -moz-binding: url("chrome://global/content/bindings/general.xml#statusbarpanel"); |
|
1014 } |
|
1015 |
|
1016 .statusbarpanel-iconic { |
|
1017 -moz-binding: url("chrome://global/content/bindings/general.xml#statusbarpanel-iconic"); |
|
1018 } |
|
1019 |
|
1020 .statusbarpanel-iconic-text { |
|
1021 -moz-binding: url("chrome://global/content/bindings/general.xml#statusbarpanel-iconic-text"); |
|
1022 } |
|
1023 |
|
1024 .statusbarpanel-menu-iconic { |
|
1025 -moz-binding: url("chrome://global/content/bindings/general.xml#statusbarpanel-menu-iconic"); |
|
1026 } |
|
1027 |
|
1028 /********** spinbuttons ***********/ |
|
1029 |
|
1030 spinbuttons { |
|
1031 -moz-binding: url("chrome://global/content/bindings/spinbuttons.xml#spinbuttons"); |
|
1032 } |
|
1033 |
|
1034 .spinbuttons-button { |
|
1035 -moz-user-focus: ignore; |
|
1036 } |
|
1037 |
|
1038 /********** stringbundle **********/ |
|
1039 |
|
1040 stringbundleset { |
|
1041 -moz-binding: url("chrome://global/content/bindings/stringbundle.xml#stringbundleset"); |
|
1042 visibility: collapse; |
|
1043 } |
|
1044 |
|
1045 stringbundle { |
|
1046 -moz-binding: url("chrome://global/content/bindings/stringbundle.xml#stringbundle"); |
|
1047 visibility: collapse; |
|
1048 } |
|
1049 |
|
1050 /********** dialog **********/ |
|
1051 |
|
1052 dialog, |
|
1053 dialog:root /* override :root from above */ { |
|
1054 -moz-binding: url("chrome://global/content/bindings/dialog.xml#dialog"); |
|
1055 -moz-box-orient: vertical; |
|
1056 } |
|
1057 |
|
1058 dialogheader { |
|
1059 -moz-binding: url("chrome://global/content/bindings/dialog.xml#dialogheader"); |
|
1060 } |
|
1061 |
|
1062 /********* page ************/ |
|
1063 |
|
1064 page { |
|
1065 -moz-box-orient: vertical; |
|
1066 } |
|
1067 |
|
1068 /********** wizard **********/ |
|
1069 |
|
1070 wizard, |
|
1071 wizard:root /* override :root from above */ { |
|
1072 -moz-binding: url("chrome://global/content/bindings/wizard.xml#wizard"); |
|
1073 -moz-box-orient: vertical; |
|
1074 width: 40em; |
|
1075 height: 30em; |
|
1076 } |
|
1077 |
|
1078 wizardpage { |
|
1079 -moz-binding: url("chrome://global/content/bindings/wizard.xml#wizardpage"); |
|
1080 -moz-box-orient: vertical; |
|
1081 overflow: auto; |
|
1082 } |
|
1083 |
|
1084 .wizard-header { |
|
1085 -moz-binding: url("chrome://global/content/bindings/wizard.xml#wizard-header"); |
|
1086 } |
|
1087 |
|
1088 .wizard-buttons { |
|
1089 -moz-binding: url("chrome://global/content/bindings/wizard.xml#wizard-buttons"); |
|
1090 } |
|
1091 |
|
1092 /********** preferences ********/ |
|
1093 |
|
1094 prefwindow, |
|
1095 prefwindow:root /* override :root from above */ { |
|
1096 -moz-binding: url("chrome://global/content/bindings/preferences.xml#prefwindow"); |
|
1097 -moz-box-orient: vertical; |
|
1098 } |
|
1099 |
|
1100 prefpane { |
|
1101 -moz-binding: url("chrome://global/content/bindings/preferences.xml#prefpane"); |
|
1102 -moz-box-orient: vertical; |
|
1103 } |
|
1104 |
|
1105 prefwindow > .paneDeckContainer { |
|
1106 overflow: hidden; |
|
1107 } |
|
1108 |
|
1109 prefpane > .content-box { |
|
1110 overflow: hidden; |
|
1111 } |
|
1112 |
|
1113 prefwindow[type="child"] > .paneDeckContainer { |
|
1114 overflow: -moz-hidden-unscrollable; |
|
1115 } |
|
1116 |
|
1117 prefwindow[type="child"] > prefpane > .content-box { |
|
1118 -moz-box-flex: 1; |
|
1119 overflow: -moz-hidden-unscrollable; |
|
1120 } |
|
1121 |
|
1122 preferences { |
|
1123 -moz-binding: url("chrome://global/content/bindings/preferences.xml#preferences"); |
|
1124 visibility: collapse; |
|
1125 } |
|
1126 |
|
1127 preference { |
|
1128 -moz-binding: url("chrome://global/content/bindings/preferences.xml#preference"); |
|
1129 visibility: collapse; |
|
1130 } |
|
1131 |
|
1132 radio[pane] { |
|
1133 -moz-binding: url("chrome://global/content/bindings/preferences.xml#panebutton") !important; |
|
1134 -moz-box-orient: vertical; |
|
1135 -moz-box-align: center; |
|
1136 } |
|
1137 |
|
1138 prefwindow[chromehidden~="toolbar"] .chromeclass-toolbar { |
|
1139 display: none; |
|
1140 } |
|
1141 |
|
1142 /********** expander ********/ |
|
1143 |
|
1144 expander { |
|
1145 -moz-binding: url("chrome://global/content/bindings/expander.xml#expander"); |
|
1146 -moz-box-orient: vertical; |
|
1147 } |
|
1148 |
|
1149 |
|
1150 /********** Rich Listbox ********/ |
|
1151 |
|
1152 richlistbox { |
|
1153 -moz-binding: url('chrome://global/content/bindings/richlistbox.xml#richlistbox'); |
|
1154 -moz-user-focus: normal; |
|
1155 -moz-box-orient: vertical; |
|
1156 } |
|
1157 |
|
1158 richlistitem { |
|
1159 -moz-binding: url('chrome://global/content/bindings/richlistbox.xml#richlistitem'); |
|
1160 } |
|
1161 |
|
1162 richlistbox > listheader { |
|
1163 -moz-box-ordinal-group: 1; |
|
1164 } |
|
1165 |
|
1166 /********** datepicker and timepicker ********/ |
|
1167 |
|
1168 datepicker { |
|
1169 -moz-binding: url('chrome://global/content/bindings/datetimepicker.xml#datepicker'); |
|
1170 } |
|
1171 |
|
1172 datepicker[type="popup"] { |
|
1173 -moz-binding: url('chrome://global/content/bindings/datetimepicker.xml#datepicker-popup'); |
|
1174 } |
|
1175 |
|
1176 datepicker[type="grid"] { |
|
1177 -moz-binding: url('chrome://global/content/bindings/datetimepicker.xml#datepicker-grid'); |
|
1178 } |
|
1179 |
|
1180 timepicker { |
|
1181 -moz-binding: url('chrome://global/content/bindings/datetimepicker.xml#timepicker'); |
|
1182 } |
|
1183 |
|
1184 |
|
1185 /*********** findbar ************/ |
|
1186 findbar { |
|
1187 -moz-binding: url('chrome://global/content/bindings/findbar.xml#findbar'); |
|
1188 } |
|
1189 |
|
1190 .findbar-textbox { |
|
1191 -moz-binding: url("chrome://global/content/bindings/findbar.xml#findbar-textbox"); |
|
1192 } |
|
1193 |
|
1194 |
|
1195 /*********** filefield ************/ |
|
1196 filefield { |
|
1197 -moz-binding: url("chrome://global/content/bindings/filefield.xml#filefield"); |
|
1198 } |
|
1199 |
|
1200 /*********** tabmodalprompt ************/ |
|
1201 tabmodalprompt { |
|
1202 -moz-binding: url("chrome://global/content/tabprompts.xml#tabmodalprompt"); |
|
1203 overflow: hidden; |
|
1204 text-shadow: none; |
|
1205 } |