toolkit/content/xul.css

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