toolkit/content/xul.css

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