EarlyBlue/browser/browser.css

   1 /* ***** BEGIN LICENSE BLOCK *****
   2  * Version: NPL 1.1/GPL 2.0/LGPL 2.1
   3  *
   4  * The contents of this file are subject to the Netscape Public License
   5  * Version 1.1 (the "License"); you may not use this file except in
   6  * compliance with the License. You may obtain a copy of the License at
   7  * http://www.mozilla.org/NPL/
   8  *
   9  * Software distributed under the License is distributed on an "AS IS" basis,
  10  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  11  * for the specific language governing rights and limitations under the
  12  * License.
  13  *
  14  * The Original Code is mozilla.org code.
  15  *
  16  * The Initial Developer of the Original Code is
  17  * Netscape Communications Corporation.
  18  * Portions created by the Initial Developer are Copyright (C) 1998-1999
  19  * the Initial Developer. All Rights Reserved.
  20  *
  21  * Contributor(s):
  22  *   Joe Hewitt (hewitt@netscape.com)
  23  *   Jason Kersey (kerz@netscape.com)
  24  *   Pierre Chanial (chanial@noos.fr)
  25  *   Dean Tessman (dean_tessman@hotmail.com)
  26  *   Robert Kaiser (kairo@kairo.at)
  27  *
  28  * Alternatively, the contents of this file may be used under the terms of
  29  * either the GNU General Public License Version 2 or later (the "GPL"), or
  30  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  31  * in which case the provisions of the GPL or the LGPL are applicable instead
  32  * of those above. If you wish to allow use of your version of this file only
  33  * under the terms of either the GPL or the LGPL, and not to allow others to
  34  * use your version of this file under the terms of the NPL, indicate your
  35  * decision by deleting the provisions above and replace them with the notice
  36  * and other provisions required by the GPL or the LGPL. If you do not delete
  37  * the provisions above, a recipient may use your version of this file under
  38  * the terms of any one of the NPL, the GPL or the LGPL.
  39  *
  40  * ***** END LICENSE BLOCK ***** */
  41
  42 @import url("chrome://global/skin/");
  43
  44 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  45
  46 #PersonalToolbar {
  47   min-height: 20px;
  48 }
  49
  50 /* ::::: bookmark buttons ::::: */
  51
  52 toolbarbutton.bookmark-item {
  53   margin: 0;
  54   min-width: 0;
  55   max-width: 13em;
  56   min-height: 20px;
  57   padding: 1px;
  58 }
  59
  60 toolbarbutton.bookmark-item:hover:active,
  61 toolbarbutton.bookmark-item[open="true"] {
  62   padding-top: 2px;
  63   padding-bottom: 0px;
  64   -moz-padding-start: 2px;
  65   -moz-padding-end: 0px;
  66 }
  67
  68 .bookmark-item > .toolbarbutton-icon {
  69   width: 16px;
  70   height: 16px;
  71 }
  72
  73 /* Prevent [mode="icons"] from hiding the label */
  74 .bookmark-item > .toolbarbutton-text {
  75   display: -moz-box !important;
  76 }
  77
  78 .bookmark-item > .toolbarbutton-menu-dropmarker {
  79   display: none;
  80 }
  81
  82 .toolbarpaletteitem-box[type="bookmarks-toolbar"][place="palette"] {
  83   width: 32px;
  84   height: 32px;
  85   background: url("chrome://browser/skin/icons/bookmarks-folder.gif") no-repeat;
  86 }
  87
  88 .bookmarks-toolbar-customize {
  89   display: none;
  90   max-width: 15em !important;
  91 }
  92
  93 toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-customize {
  94   display: -moz-box;
  95 }
  96
  97 toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-overflow-items {
  98   visibility: hidden;
  99 }
 100
 101 toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-items {
 102   visibility: hidden;
 103 }
 104
 105 /* ::::: bookmark menus ::::: */
 106
 107 menu.bookmark-item,
 108 menuitem.bookmark-item {
 109   min-width: 0;
 110   max-width: 26em;
 111   border-top: 1px solid transparent !important;
 112   border-bottom: 1px solid transparent !important;
 113   padding-top: 1px;
 114   padding-bottom: 1px;
 115   -moz-padding-start: 2px;
 116   -moz-padding-end: 3px;
 117   margin-top: -1px;
 118 }
 119
 120 .bookmark-item > .menu-iconic-left > .menu-iconic-icon {
 121   width: 16px;
 122   height: 16px;
 123 }
 124
 125 /* ..... drag and drop styles ..... */
 126
 127 .bookmark-item[dragover-left="true"] {
 128   -moz-border-left-colors: #000000;
 129 }
 130 .bookmark-item[dragover-right="true"] {
 131   -moz-border-right-colors: #000000;
 132 }
 133 .bookmark-item[dragover-top="true"] {
 134   -moz-border-top-colors: #000000;
 135 }
 136 .bookmark-item[dragover-bottom="true"] {
 137   -moz-border-bottom-colors: #000000;
 138 }
 139
 140 /* ::::: bookmark items ::::: */
 141
 142 .bookmark-item  {
 143   list-style-image: url("chrome://browser/skin/icons/bookmark-item.gif");
 144 }
 145
 146 .bookmark-item[container="true"] {
 147   list-style-image: url("chrome://browser/skin/icons/bookmark-folder-closed.gif");
 148 }
 149 .bookmark-item[open="true"],
 150 .bookmark-item[container="true"][open="true"] {
 151   list-style-image: url("chrome://browser/skin/icons/bookmark-folder-open.gif");
 152 }
 153
 154 /* ::::: primary toolbar buttons ::::: */
 155
 156 .toolbarbutton-1,
 157 .toolbarbutton-1 > .toolbarbutton-menubutton-button {
 158   -moz-box-orient: vertical;
 159   min-width: 0px;
 160 }
 161
 162 toolbarbutton:not([disabled="true"]):hover,
 163 menubutton:not([disabled="true"]):hover,
 164 toolbarbutton:not([disabled="true"]):hover:active,
 165 menubutton:not([disabled="true"]):hover:active {
 166   color: #000000 !important;
 167 }
 168
 169 /*
 170 .toolbarbutton-menubutton-stack,
 171 .toolbarbutton-menubutton-button,
 172 .toolbarbutton-menubutton-stack:hover,
 173 .toolbarbutton-menubutton-button:hover,
 174 .toolbarbutton-menubutton-stack:hover:active,
 175 .toolbarbutton-menubutton-button:hover:active {
 176   margin: 0 !important;
 177   display: -moz-box;
 178 }
 179 */
 180
 181 toolbarbutton[type="menu-button"] {
 182   -moz-box-orient: horizontal;
 183 }
 184
 185 toolbar[mode="icons"] .toolbarbutton-text {
 186   display: none;
 187 }
 188
 189 toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker,
 190 toolbar[mode="text"] .toolbarbutton-icon {
 191   display: none;
 192 }
 193
 194 toolbar[mode="text"] .toolbarbutton-text {
 195   padding: 0 !important;
 196   margin: 3px 5px !important;
 197 }
 198
 199 #back-button {
 200 /*  -moz-binding: url("chrome://browser/skin/browser.xml#toolbar-menu-button"); */
 201   list-style-image: url("chrome://browser/skin/icons/back.gif");
 202 }
 203 #back-button[disabled="true"] {
 204   list-style-image: url("chrome://browser/skin/icons/back-disabled.gif");
 205 }
 206
 207 #forward-button {
 208 /*  -moz-binding: url("chrome://browser/skin/browser.xml#toolbar-menu-button"); */
 209   list-style-image: url("chrome://browser/skin/icons/forward.gif");
 210 }
 211 #forward-button[disabled="true"] {
 212   list-style-image: url("chrome://browser/skin/icons/forward-disabled.gif");
 213 }
 214
 215 #reload-button {
 216   list-style-image: url("chrome://browser/skin/icons/reload.gif");
 217 }
 218 #reload-button[disabled="true"] {
 219   list-style-image: url("chrome://browser/skin/icons/reload-disabled.gif");
 220 }
 221
 222 #stop-button {
 223   list-style-image: url("chrome://browser/skin/icons/stop.gif");
 224 }
 225 #stop-button[disabled="true"] {
 226   list-style-image: url("chrome://browser/skin/icons/stop-disabled.gif");
 227 }
 228
 229 #home-button {
 230   list-style-image: url("chrome://browser/skin/icons/home.gif");
 231 }
 232 #home-button[disabled="true"] {
 233   list-style-image: url("chrome://browser/skin/icons/home-disabled.gif");
 234 }
 235
 236 #print-button {
 237   list-style-image: url("chrome://browser/skin/icons/print.gif");
 238 }
 239 #print-button[disabled="true"] {
 240   list-style-image: url("chrome://browser/skin/icons/print-disabled.gif");
 241 }
 242
 243 #new-tab-button {
 244   list-style-image: url("chrome://browser/skin/icons/new-tab.gif");
 245 }
 246 #new-tab-button[disabled="true"] {
 247   list-style-image: url("chrome://browser/skin/icons/new-tab-disabled.gif");
 248 }
 249
 250 #new-window-button {
 251   list-style-image: url("chrome://browser/skin/icons/new-window.gif");
 252 }
 253 #new-window-button[disabled="true"] {
 254   list-style-image: url("chrome://browser/skin/icons/new-window-disabled.gif");
 255 }
 256
 257 #downloads-button {
 258   list-style-image: url("chrome://browser/skin/icons/downloads.gif");
 259 }
 260 #downloads-button[disabled="true"] {
 261   list-style-image: url("chrome://browser/skin/icons/downloads-disabled.gif");
 262 }
 263
 264 #bookmarks-button {
 265   list-style-image: url("chrome://browser/skin/icons/bookmarks.gif");
 266 }
 267 #bookmarks-button[disabled="true"] {
 268   list-style-image: url("chrome://browser/skin/icons/bookmarks-disabled.gif");
 269 }
 270
 271 #history-button {
 272   list-style-image: url("chrome://browser/skin/icons/history.gif");
 273 }
 274 #history-button[disabled="true"] {
 275   list-style-image: url("chrome://browser/skin/icons/history-disabled.gif");
 276 }
 277
 278 #cut-button {
 279   list-style-image: url("chrome://browser/skin/icons/cut.gif");
 280 }
 281 #cut-button[disabled="true"] {
 282   list-style-image: url("chrome://browser/skin/icons/cut-disabled.gif");
 283 }
 284
 285 #copy-button {
 286   list-style-image: url("chrome://browser/skin/icons/copy.gif");
 287 }
 288 #copy-button[disabled="true"] {
 289   list-style-image: url("chrome://browser/skin/icons/copy-disabled.gif");
 290 }
 291
 292 #paste-button {
 293   list-style-image: url("chrome://browser/skin/icons/paste.gif");
 294 }
 295 #paste-button[disabled="true"] {
 296   list-style-image: url("chrome://browser/skin/icons/paste-disabled.gif");
 297 }
 298
 299
 300 /* ::::: small primary toolbar buttons ::::: */
 301
 302 toolbar[iconsize="small"] #back-button {
 303   list-style-image: url("chrome://browser/skin/icons/back-small.gif");
 304 }
 305 toolbar[iconsize="small"] #back-button[disabled="true"] {
 306   list-style-image: url("chrome://browser/skin/icons/back-small-disabled.gif");
 307 }
 308
 309 toolbar[iconsize="small"] #forward-button {
 310   list-style-image: url("chrome://browser/skin/icons/forward-small.gif");
 311 }
 312 toolbar[iconsize="small"] #forward-button[disabled="true"] {
 313   list-style-image: url("chrome://browser/skin/icons/forward-small-disabled.gif");
 314 }
 315
 316 toolbar[iconsize="small"] #reload-button {
 317   list-style-image: url("chrome://browser/skin/icons/reload-small.gif");
 318 }
 319 toolbar[iconsize="small"] #reload-button[disabled="true"] {
 320   list-style-image: url("chrome://browser/skin/icons/reload-small-disabled.gif");
 321 }
 322
 323 toolbar[iconsize="small"] #stop-button {
 324   list-style-image: url("chrome://browser/skin/icons/stop-small.gif");
 325 }
 326 toolbar[iconsize="small"] #stop-button[disabled="true"] {
 327   list-style-image: url("chrome://browser/skin/icons/stop-small-disabled.gif");
 328 }
 329
 330 toolbar[iconsize="small"] #home-button {
 331   list-style-image: url("chrome://browser/skin/icons/home-small.gif");
 332 }
 333 toolbar[iconsize="small"] #home-button[disabled="true"] {
 334   list-style-image: url("chrome://browser/skin/icons/home-small-disabled.gif");
 335 }
 336
 337 toolbar[iconsize="small"] #print-button {
 338   list-style-image: url("chrome://browser/skin/icons/print-small.gif");
 339 }
 340 toolbar[iconsize="small"] #print-button[disabled="true"] {
 341   list-style-image: url("chrome://browser/skin/icons/print-small-disabled.gif");
 342 }
 343
 344 toolbar[iconsize="small"] #downloads-button {
 345   list-style-image: url("chrome://browser/skin/icons/downloads-small.gif");
 346 }
 347 toolbar[iconsize="small"] #downloads-button[disabled="true"] {
 348   list-style-image: url("chrome://browser/skin/icons/downloads-small-disabled.gif");
 349 }
 350
 351 toolbar[iconsize="small"] #new-tab-button {
 352   list-style-image: url("chrome://browser/skin/icons/new-tab-small.gif");
 353 }
 354 toolbar[iconsize="small"] #new-tab-button[disabled="true"] {
 355   list-style-image: url("chrome://browser/skin/icons/new-tab-small-disabled.gif");
 356 }
 357
 358 toolbar[iconsize="small"] #new-window-button {
 359   list-style-image: url("chrome://browser/skin/icons/new-window-small.gif");
 360 }
 361 toolbar[iconsize="small"] #new-window-button[disabled="true"] {
 362   list-style-image: url("chrome://browser/skin/icons/new-window-small-disabled.gif");
 363 }
 364
 365 toolbar[iconsize="small"] #bookmarks-button {
 366   list-style-image: url("chrome://browser/skin/icons/bookmarks-small.gif");
 367 }
 368 toolbar[iconsize="small"] #bookmarks-button[disabled="true"] {
 369   list-style-image: url("chrome://browser/skin/icons/bookmarks-small-disabled.gif");
 370 }
 371
 372 toolbar[iconsize="small"] #history-button {
 373   list-style-image: url("chrome://browser/skin/icons/history-small.gif");
 374 }
 375 toolbar[iconsize="small"] #history-button[disabled="true"] {
 376   list-style-image: url("chrome://browser/skin/icons/history-small-disabled.gif");
 377 }
 378
 379 toolbar[iconsize="small"] #cut-button {
 380   list-style-image: url("chrome://browser/skin/icons/cut-small.gif");
 381 }
 382 toolbar[iconsize="small"] #cut-button[disabled="true"] {
 383   list-style-image: url("chrome://browser/skin/icons/cut-small-disabled.gif");
 384 }
 385
 386 toolbar[iconsize="small"] #copy-button {
 387   list-style-image: url("chrome://browser/skin/icons/copy-small.gif");
 388 }
 389 toolbar[iconsize="small"] #copy-button[disabled="true"] {
 390   list-style-image: url("chrome://browser/skin/icons/copy-small-disabled.gif");
 391 }
 392
 393 toolbar[iconsize="small"] #paste-button {
 394   list-style-image: url("chrome://browser/skin/icons/paste-small.gif");
 395 }
 396 toolbar[iconsize="small"] #paste-button[disabled="true"] {
 397   list-style-image: url("chrome://browser/skin/icons/paste-small-disabled.gif");
 398 }
 399
 400
 401 /* Smaller padding on small toolbar buttons */
 402
 403 toolbar[iconsize="small"] .toolbarbutton-1 {
 404   padding: 2px;
 405 }
 406
 407 toolbar[iconsize="small"] .toolbarbutton-1:hover:active,
 408 toolbar[iconsize="small"] .toolbarbutton-1[open="true"] {
 409   padding-top: 3px;
 410   padding-bottom: 1px;
 411   -moz-padding-start: 3px;
 412   -moz-padding-end: 1px;
 413 }
 414
 415 toolbar[iconsize="small"] .toolbarbutton-1[disabled="true"],
 416 toolbar[iconsize="small"] .toolbarbutton-1[disabled="true"]:hover,
 417 toolbar[iconsize="small"] .toolbarbutton-1[disabled="true"]:hover:active,
 418 toolbar[iconsize="small"] .toolbarbutton-1[disabled="true"][open="true"] {
 419   padding: 2px;
 420 }
 421
 422 toolbar[iconsize="small"] .toolbarbutton-1[checked="true"] {
 423   padding-top: 3px !important;
 424   padding-bottom: 1px !important;
 425   -moz-padding-start: 3px !important;
 426   -moz-padding-end: 1px !important;
 427 }
 428
 429 toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"],
 430 toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"]:hover,
 431 toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"]:hover:active,
 432 toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"][open="true"],
 433 toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"][disabled="true"],
 434 toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"][disabled="true"]:hover,
 435 toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"][disabled="true"]:hover:active {
 436   padding: 0;
 437 }
 438
 439 /* ::::: fullscreen window controls ::::: */
 440
 441 #window-controls {
 442   -moz-box-align: center;
 443   padding-top: 0px;
 444   padding-bottom: 0px;
 445   -moz-padding-start: 4px;
 446   -moz-padding-end: 2px;
 447   border-left: 2px groove #CCD0DD;
 448 }
 449
 450 #minimize-button {
 451   list-style-image: url("chrome://navigator/skin/icons/win-minimize.gif");
 452 }
 453 #restore-button {
 454   list-style-image: url("chrome://navigator/skin/icons/win-restore.gif");
 455 }
 456 #close-button {
 457   list-style-image: url("chrome://navigator/skin/icons/win-close.gif");
 458 }
 459
 460 /* ::::: nav-bar-inner ::::: */
 461
 462 #urlbar {
 463   margin: 2px 3px;
 464 }
 465
 466 #search-bar {
 467   width: 12em;
 468 }
 469
 470 /* ::::: page proxy icon ::::: */
 471
 472 #page-proxy-deck,
 473 #page-proxy-favicon,
 474 #page-proxy-button {
 475   width: 16px;
 476   height: 16px;
 477 }
 478
 479 #page-proxy-deck {
 480   cursor: -moz-grab;
 481   margin: 2px 3px;
 482 }
 483
 484 #page-proxy-favicon {
 485   list-style-image: none;
 486 }
 487
 488 #page-proxy-button {
 489   list-style-image: url("chrome://browser/skin/icons/bookmark-item.gif") !important;
 490 }
 491
 492 #page-proxy-button[pageproxystate="invalid"] {
 493   cursor: default;
 494   list-style-image: url("chrome://browser/skin/icons/bookmark-item.gif") !important;
 495 }
 496
 497
 498 statusbarpanel#statusbar-display {
 499   -moz-padding-start: 0;
 500 }
 501
 502 /* ::::: search-bar ::::: */
 503
 504 #search-proxy-button {
 505   margin: 2px;
 506   list-style-image: url("chrome://browser/skin/icons/search-bar.gif");
 507 }
 508
 509 #miSearchModeFind {
 510   list-style-image: url("chrome://browser/skin/icons/search-bar.gif");
 511 }
 512
 513 /* ::::: autocomplete ::::: */
 514
 515 .autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) {
 516   color: #336699;
 517 }
 518
 519 /* ::::: go button ::::: */
 520
 521 #go-button,
 522 #go-container {
 523   background-color: transparent;
 524   border: none;
 525   margin: 0;
 526   padding: 0;
 527   min-width: 0;
 528   list-style-image: url("chrome://browser/skin/icons/go.gif");
 529 }
 530
 531 #go-button {
 532   border: 1px solid transparent;
 533 }
 534
 535 #go-button:hover {
 536   border: 1px outset #CCD0DD;
 537 }
 538
 539 #go-button:hover:active {
 540   border: 1px inset #CCD0DD;
 541 }
 542
 543 #go-button[disabled="true"] {
 544   list-style-image: url("chrome://browser/skin/icons/go-disabled.gif");
 545   border: 1px solid transparent;
 546 }
 547
 548 #go-button > .button-box > .button-text {
 549   -moz-margin-start: 5px !important;
 550 }
 551
 552 #go-button > .button-box {
 553   border: none;
 554 }
 555
 556 #sidebar {
 557   background-color: #CCD0DD;
 558 }
 559
 560 /* ::::: content area ::::: */
 561
 562 #status-bar {
 563   border-top: none;
 564 }
 565
 566 #security-button {
 567   display: none;
 568 }
 569
 570 #security-button[level="high"] {
 571   list-style-image: url("chrome://browser/skin/icons/secure.gif");
 572   display: -moz-box;
 573 }
 574
 575 #security-button[level="low"] {
 576   list-style-image: url("chrome://browser/skin/icons/secure.gif");
 577   display: -moz-box;
 578 }
 579
 580 #security-button[level="broken"] {
 581   list-style-image: url("chrome://browser/skin/icons/security-broken.gif");
 582  display: -moz-box;
 583 }
 584
 585 #page-report-button {
 586   display: none;
 587 }
 588
 589 #page-report-button[blocked] {
 590   display: -moz-box;
 591   list-style-image: url("chrome://browser/skin/icons/info.gif");
 592   padding: 0px 3px;
 593 }
 594
 595 #page-theme-button {
 596   display: none;
 597 }
 598
 599 #page-theme-button[themes] {
 600   display: -moz-box;
 601   list-style-image: url("chrome://browser/skin/icons/page-themes.gif");
 602   padding: 0px 3px;
 603 }
 604
 605 /* ::::: throbber ::::: */
 606
 607 #navigator-throbber {
 608   -moz-user-focus: ignore;
 609   margin: 0 !important;
 610   border: none !important;
 611   padding: 0px !important;
 612   min-width: 0;
 613   background-color: transparent;
 614   list-style-image: url("chrome://browser/skin/icons/throbber-stopped.gif");
 615 }
 616 #navigator-throbber[busy="true"] {
 617   list-style-image: url("chrome://browser/skin/icons/throbber.gif");
 618 }
 619
 620 toolbar[iconsize="small"] #navigator-throbber,
 621 toolbar[mode="text"] #navigator-throbber {
 622   list-style-image: url("chrome://browser/skin/icons/throbber-small-stopped.gif");
 623 }
 624 toolbar[iconsize="small"] #navigator-throbber[busy="true"],
 625 toolbar[mode="text"] #navigator-throbber[busy="true"] {
 626   list-style-image: url("chrome://browser/skin/icons/throbber-small.gif");
 627 }
 628
 629 .tabs-closebutton {
 630   list-style-image: url("chrome://global/skin/icons/close-button.gif");
 631 }
 632 /*
 633 #content .tabs-closebutton {
 634   list-style-image: url("chrome://browser/skin/Close-tab.png");
 635   -moz-image-region: rect(0px, 18px, 14px, 0px);
 636 }
 637
 638 #content .tabs-closebutton:hover {
 639   -moz-image-region: rect(0px, 36px, 14px, 18px);
 640 }
 641 */
 642 toolbarbutton.chevron {
 643   list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important;
 644 }
 645
 646
 647 toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
 648   display: none;
 649 }
 650
 651 toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-icon {
 652   display: -moz-box;
 653 }
 654
 655 toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-text {
 656    display: none;
 657 }
 658
 659 #sidebar-throbber[loading="true"] {
 660   list-style-image: url(chrome://global/skin/icons/loading.gif);
 661 }