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