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: 2px 0px 0px 2px;
  63 }
  64
  65 .bookmark-item > .toolbarbutton-icon {
  66   width: 16px;
  67   height: 16px;
  68 }
  69
  70 /* Prevent [mode="icons"] from hiding the label */
  71 .bookmark-item > .toolbarbutton-text {
  72   display: -moz-box !important;
  73 }
  74
  75 .bookmark-item > .toolbarbutton-menu-dropmarker {
  76   display: none;
  77 }
  78
  79 .toolbarpaletteitem-box[type="bookmarks-toolbar"][place="palette"] {
  80   width: 32px;
  81   height: 32px;
  82   background: url("chrome://browser/skin/icons/bookmarks-folder.gif") no-repeat;
  83 }
  84
  85 .bookmarks-toolbar-customize {
  86   display: none;
  87   max-width: 15em !important;
  88 }
  89
  90 toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-customize {
  91   display: -moz-box;
  92 }
  93
  94 toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-overflow-items {
  95   visibility: hidden;
  96 }
  97
  98 toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-items {
  99   visibility: hidden;
 100 }
 101
 102 /* ::::: bookmark menus ::::: */
 103
 104 menu.bookmark-item,
 105 menuitem.bookmark-item {
 106   min-width: 0;
 107   max-width: 26em;
 108   border-top: 1px solid transparent !important;
 109   border-bottom: 1px solid transparent !important;
 110   padding: 1px 3px 1px 2px;
 111   margin-top: -1px;
 112 }
 113
 114 .bookmark-item > .menu-iconic-left > .menu-iconic-icon {
 115   width: 16px;
 116   height: 16px;
 117 }
 118
 119 /* ..... drag and drop styles ..... */
 120
 121 .bookmark-item[dragover-left="true"] {
 122   -moz-border-left-colors: #000000;
 123 }
 124 .bookmark-item[dragover-right="true"] {
 125   -moz-border-right-colors: #000000;
 126 }
 127 .bookmark-item[dragover-top="true"] {
 128   -moz-border-top-colors: #000000;
 129 }
 130 .bookmark-item[dragover-bottom="true"] {
 131   -moz-border-bottom-colors: #000000;
 132 }
 133
 134 /* ::::: bookmark items ::::: */
 135
 136 .bookmark-item  {
 137   list-style-image: url("chrome://browser/skin/icons/bookmark-item.gif");
 138 }
 139
 140 .bookmark-item[container="true"] {
 141   list-style-image: url("chrome://browser/skin/icons/bookmark-folder-closed.gif");
 142 }
 143 .bookmark-item[open="true"],
 144 .bookmark-item[container="true"][open="true"] {
 145   list-style-image: url("chrome://browser/skin/icons/bookmark-folder-open.gif");
 146 }
 147
 148 /* ::::: primary toolbar buttons ::::: */
 149
 150 .toolbarbutton-1,
 151 .toolbarbutton-1 > .toolbarbutton-menubutton-button {
 152   -moz-box-orient: vertical;
 153   min-width: 0px;
 154 }
 155
 156 toolbarbutton:not([disabled="true"]):hover,
 157 menubutton:not([disabled="true"]):hover,
 158 toolbarbutton:not([disabled="true"]):hover:active,
 159 menubutton:not([disabled="true"]):hover:active {
 160   color: #000000 !important;
 161 }
 162
 163 /*
 164 .toolbarbutton-menubutton-stack,
 165 .toolbarbutton-menubutton-button,
 166 .toolbarbutton-menubutton-stack:hover,
 167 .toolbarbutton-menubutton-button:hover,
 168 .toolbarbutton-menubutton-stack:hover:active,
 169 .toolbarbutton-menubutton-button:hover:active {
 170   margin: 0 !important;
 171   display: -moz-box;
 172 }
 173 */
 174
 175 toolbarbutton[type="menu-button"] {
 176   -moz-box-orient: horizontal;
 177 }
 178
 179 toolbar[mode="icons"] .toolbarbutton-text {
 180   display: none;
 181 }
 182
 183 toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker,
 184 toolbar[mode="text"] .toolbarbutton-icon {
 185   display: none;
 186 }
 187
 188 toolbar[mode="text"] .toolbarbutton-text {
 189   padding: 0 !important;
 190   margin: 3px 5px !important;
 191 }
 192
 193 #back-button {
 194 /*  -moz-binding: url("chrome://browser/skin/browser.xml#toolbar-menu-button"); */
 195   list-style-image: url("chrome://browser/skin/icons/back.gif");
 196 }
 197 #back-button[disabled="true"] {
 198   list-style-image: url("chrome://browser/skin/icons/back-disabled.gif");
 199 }
 200
 201 #forward-button {
 202 /*  -moz-binding: url("chrome://browser/skin/browser.xml#toolbar-menu-button"); */
 203   list-style-image: url("chrome://browser/skin/icons/forward.gif");
 204 }
 205 #forward-button[disabled="true"] {
 206   list-style-image: url("chrome://browser/skin/icons/forward-disabled.gif");
 207 }
 208
 209 #reload-button {
 210   list-style-image: url("chrome://browser/skin/icons/reload.gif");
 211 }
 212 #reload-button[disabled="true"] {
 213   list-style-image: url("chrome://browser/skin/icons/reload-disabled.gif");
 214 }
 215
 216 #stop-button {
 217   list-style-image: url("chrome://browser/skin/icons/stop.gif");
 218 }
 219 #stop-button[disabled="true"] {
 220   list-style-image: url("chrome://browser/skin/icons/stop-disabled.gif");
 221 }
 222
 223 #home-button {
 224   list-style-image: url("chrome://browser/skin/icons/home.gif");
 225 }
 226 #home-button[disabled="true"] {
 227   list-style-image: url("chrome://browser/skin/icons/home-disabled.gif");
 228 }
 229
 230 #print-button {
 231   list-style-image: url("chrome://browser/skin/icons/print.gif");
 232 }
 233 #print-button[disabled="true"] {
 234   list-style-image: url("chrome://browser/skin/icons/print-disabled.gif");
 235 }
 236
 237 #new-tab-button {
 238   list-style-image: url("chrome://browser/skin/icons/new-tab.gif");
 239 }
 240 #new-tab-button[disabled="true"] {
 241   list-style-image: url("chrome://browser/skin/icons/new-tab-disabled.gif");
 242 }
 243
 244 #new-window-button {
 245   list-style-image: url("chrome://browser/skin/icons/new-window.gif");
 246 }
 247 #new-window-button[disabled="true"] {
 248   list-style-image: url("chrome://browser/skin/icons/new-window-disabled.gif");
 249 }
 250
 251 #downloads-button {
 252   list-style-image: url("chrome://browser/skin/icons/downloads.gif");
 253 }
 254 #downloads-button[disabled="true"] {
 255   list-style-image: url("chrome://browser/skin/icons/downloads-disabled.gif");
 256 }
 257
 258 #bookmarks-button {
 259   list-style-image: url("chrome://browser/skin/icons/bookmarks.gif");
 260 }
 261 #bookmarks-button[disabled="true"] {
 262   list-style-image: url("chrome://browser/skin/icons/bookmarks-disabled.gif");
 263 }
 264
 265 #history-button {
 266   list-style-image: url("chrome://browser/skin/icons/history.gif");
 267 }
 268 #history-button[disabled="true"] {
 269   list-style-image: url("chrome://browser/skin/icons/history-disabled.gif");
 270 }
 271
 272 #cut-button {
 273   list-style-image: url("chrome://browser/skin/icons/cut.gif");
 274 }
 275 #cut-button[disabled="true"] {
 276   list-style-image: url("chrome://browser/skin/icons/cut-disabled.gif");
 277 }
 278
 279 #copy-button {
 280   list-style-image: url("chrome://browser/skin/icons/copy.gif");
 281 }
 282 #copy-button[disabled="true"] {
 283   list-style-image: url("chrome://browser/skin/icons/copy-disabled.gif");
 284 }
 285
 286 #paste-button {
 287   list-style-image: url("chrome://browser/skin/icons/paste.gif");
 288 }
 289 #paste-button[disabled="true"] {
 290   list-style-image: url("chrome://browser/skin/icons/paste-disabled.gif");
 291 }
 292
 293
 294 /* ::::: small primary toolbar buttons ::::: */
 295
 296 toolbar[iconsize="small"] #back-button {
 297   list-style-image: url("chrome://browser/skin/icons/back-small.gif");
 298 }
 299 toolbar[iconsize="small"] #back-button[disabled="true"] {
 300   list-style-image: url("chrome://browser/skin/icons/back-small-disabled.gif");
 301 }
 302
 303 toolbar[iconsize="small"] #forward-button {
 304   list-style-image: url("chrome://browser/skin/icons/forward-small.gif");
 305 }
 306 toolbar[iconsize="small"] #forward-button[disabled="true"] {
 307   list-style-image: url("chrome://browser/skin/icons/forward-small-disabled.gif");
 308 }
 309
 310 toolbar[iconsize="small"] #reload-button {
 311   list-style-image: url("chrome://browser/skin/icons/reload-small.gif");
 312 }
 313 toolbar[iconsize="small"] #reload-button[disabled="true"] {
 314   list-style-image: url("chrome://browser/skin/icons/reload-small-disabled.gif");
 315 }
 316
 317 toolbar[iconsize="small"] #stop-button {
 318   list-style-image: url("chrome://browser/skin/icons/stop-small.gif");
 319 }
 320 toolbar[iconsize="small"] #stop-button[disabled="true"] {
 321   list-style-image: url("chrome://browser/skin/icons/stop-small-disabled.gif");
 322 }
 323
 324 toolbar[iconsize="small"] #home-button {
 325   list-style-image: url("chrome://browser/skin/icons/home-small.gif");
 326 }
 327 toolbar[iconsize="small"] #home-button[disabled="true"] {
 328   list-style-image: url("chrome://browser/skin/icons/home-small-disabled.gif");
 329 }
 330
 331 toolbar[iconsize="small"] #print-button {
 332   list-style-image: url("chrome://browser/skin/icons/print-small.gif");
 333 }
 334 toolbar[iconsize="small"] #print-button[disabled="true"] {
 335   list-style-image: url("chrome://browser/skin/icons/print-small-disabled.gif");
 336 }
 337
 338 toolbar[iconsize="small"] #downloads-button {
 339   list-style-image: url("chrome://browser/skin/icons/downloads-small.gif");
 340 }
 341 toolbar[iconsize="small"] #downloads-button[disabled="true"] {
 342   list-style-image: url("chrome://browser/skin/icons/downloads-small-disabled.gif");
 343 }
 344
 345 toolbar[iconsize="small"] #new-tab-button {
 346   list-style-image: url("chrome://browser/skin/icons/new-tab-small.gif");
 347 }
 348 toolbar[iconsize="small"] #new-tab-button[disabled="true"] {
 349   list-style-image: url("chrome://browser/skin/icons/new-tab-small-disabled.gif");
 350 }
 351
 352 toolbar[iconsize="small"] #new-window-button {
 353   list-style-image: url("chrome://browser/skin/icons/new-window-small.gif");
 354 }
 355 toolbar[iconsize="small"] #new-window-button[disabled="true"] {
 356   list-style-image: url("chrome://browser/skin/icons/new-window-small-disabled.gif");
 357 }
 358
 359 toolbar[iconsize="small"] #bookmarks-button {
 360   list-style-image: url("chrome://browser/skin/icons/bookmarks-small.gif");
 361 }
 362 toolbar[iconsize="small"] #bookmarks-button[disabled="true"] {
 363   list-style-image: url("chrome://browser/skin/icons/bookmarks-small-disabled.gif");
 364 }
 365
 366 toolbar[iconsize="small"] #history-button {
 367   list-style-image: url("chrome://browser/skin/icons/history-small.gif");
 368 }
 369 toolbar[iconsize="small"] #history-button[disabled="true"] {
 370   list-style-image: url("chrome://browser/skin/icons/history-small-disabled.gif");
 371 }
 372
 373 toolbar[iconsize="small"] #cut-button {
 374   list-style-image: url("chrome://browser/skin/icons/cut-small.gif");
 375 }
 376 toolbar[iconsize="small"] #cut-button[disabled="true"] {
 377   list-style-image: url("chrome://browser/skin/icons/cut-small-disabled.gif");
 378 }
 379
 380 toolbar[iconsize="small"] #copy-button {
 381   list-style-image: url("chrome://browser/skin/icons/copy-small.gif");
 382 }
 383 toolbar[iconsize="small"] #copy-button[disabled="true"] {
 384   list-style-image: url("chrome://browser/skin/icons/copy-small-disabled.gif");
 385 }
 386
 387 toolbar[iconsize="small"] #paste-button {
 388   list-style-image: url("chrome://browser/skin/icons/paste-small.gif");
 389 }
 390 toolbar[iconsize="small"] #paste-button[disabled="true"] {
 391   list-style-image: url("chrome://browser/skin/icons/paste-small-disabled.gif");
 392 }
 393
 394
 395 /* Smaller padding on small toolbar buttons */
 396
 397 toolbar[iconsize="small"] .toolbarbutton-1 {
 398   padding: 2px;
 399 }
 400
 401 toolbar[iconsize="small"] .toolbarbutton-1:hover:active,
 402 toolbar[iconsize="small"] .toolbarbutton-1[open="true"] {
 403   padding: 3px 1px 1px 3px;
 404 }
 405
 406 toolbar[iconsize="small"] .toolbarbutton-1[disabled="true"],
 407 toolbar[iconsize="small"] .toolbarbutton-1[disabled="true"]:hover,
 408 toolbar[iconsize="small"] .toolbarbutton-1[disabled="true"]:hover:active,
 409 toolbar[iconsize="small"] .toolbarbutton-1[disabled="true"][open="true"] {
 410   padding: 2px;
 411 }
 412
 413 toolbar[iconsize="small"] .toolbarbutton-1[checked="true"] {
 414   padding: 3px 1px 1px 3px !important;
 415 }
 416
 417 toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"],
 418 toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"]:hover,
 419 toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"]:hover:active,
 420 toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"][open="true"],
 421 toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"][disabled="true"],
 422 toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"][disabled="true"]:hover,
 423 toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"][disabled="true"]:hover:active {
 424   padding: 0;
 425 }
 426
 427 /* ::::: fullscreen window controls ::::: */
 428
 429 #window-controls {
 430   -moz-box-align: center;
 431   padding: 0 2px 0 4px;
 432   border-left: 2px groove #CCD0DD;
 433 }
 434
 435 #minimize-button {
 436   list-style-image: url("chrome://navigator/skin/icons/win-minimize.gif");
 437 }
 438 #restore-button {
 439   list-style-image: url("chrome://navigator/skin/icons/win-restore.gif");
 440 }
 441 #close-button {
 442   list-style-image: url("chrome://navigator/skin/icons/win-close.gif");
 443 }
 444
 445 /* ::::: nav-bar-inner ::::: */
 446
 447 #urlbar {
 448   margin: 2px 3px;
 449 }
 450
 451 #search-bar {
 452   width: 12em;
 453 }
 454
 455 /* ::::: page proxy icon ::::: */
 456
 457 #page-proxy-deck,
 458 #page-proxy-favicon,
 459 #page-proxy-button {
 460   width: 16px;
 461   height: 16px;
 462 }
 463
 464 #page-proxy-deck {
 465   cursor: -moz-grab;
 466   margin: 2px 3px;
 467 }
 468
 469 #page-proxy-favicon {
 470   list-style-image: none;
 471 }
 472
 473 #page-proxy-button {
 474   list-style-image: url("chrome://browser/skin/icons/bookmark-item.gif") !important;
 475 }
 476
 477 #page-proxy-button[pageproxystate="invalid"] {
 478   cursor: default;
 479   list-style-image: url("chrome://browser/skin/icons/bookmark-item.gif") !important;
 480 }
 481
 482
 483 statusbarpanel#statusbar-display {
 484   padding-left: 0;
 485 }
 486
 487 /* ::::: search-bar ::::: */
 488
 489 #search-proxy-button {
 490   margin: 2px;
 491   list-style-image: url("chrome://browser/skin/icons/search-bar.gif");
 492 }
 493
 494 #miSearchModeFind {
 495   list-style-image: url("chrome://browser/skin/icons/search-bar.gif");
 496 }
 497
 498 /* ::::: autocomplete ::::: */
 499
 500 .autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) {
 501   color: #336699;
 502 }
 503
 504 /* ::::: go button ::::: */
 505
 506 #go-button,
 507 #go-container {
 508   background-color: transparent;
 509   border: none;
 510   margin: 0;
 511   padding: 0;
 512   min-width: 0;
 513   list-style-image: url("chrome://browser/skin/icons/go.gif");
 514 }
 515
 516 #go-button {
 517   border: 1px solid transparent;
 518 }
 519
 520 #go-button:hover {
 521   border: 1px outset #CCD0DD;
 522 }
 523
 524 #go-button:hover:active {
 525   border: 1px inset #CCD0DD;
 526 }
 527
 528 #go-button[disabled="true"] {
 529   list-style-image: url("chrome://browser/skin/icons/go-disabled.gif");
 530   border: 1px solid transparent;
 531 }
 532
 533 #go-button > .button-box > .button-text {
 534   margin-left: 5px !important;
 535 }
 536
 537 #go-button > .button-box {
 538   border: none;
 539 }
 540
 541 #sidebar {
 542   background-color: #CCD0DD;
 543 }
 544
 545 /* ::::: content area ::::: */
 546
 547 #status-bar {
 548   border-top: none;
 549 }
 550
 551 #security-button {
 552   display: none;
 553 }
 554
 555 #security-button[level="high"] {
 556   list-style-image: url("chrome://browser/skin/icons/secure.gif");
 557   display: -moz-box;
 558 }
 559
 560 #security-button[level="low"] {
 561   list-style-image: url("chrome://browser/skin/icons/secure.gif");
 562   display: -moz-box;
 563 }
 564
 565 #security-button[level="broken"] {
 566   list-style-image: url("chrome://browser/skin/icons/security-broken.gif");
 567  display: -moz-box;
 568 }
 569
 570 #page-report-button {
 571   display: none;
 572 }
 573
 574 #page-report-button[blocked] {
 575   display: -moz-box;
 576   list-style-image: url("chrome://browser/skin/icons/info.gif");
 577   padding: 0px 3px 0px 3px;
 578 }
 579
 580 #page-theme-button {
 581   display: none;
 582 }
 583
 584 #page-theme-button[themes] {
 585   display: -moz-box;
 586   list-style-image: url("chrome://browser/skin/icons/page-themes.gif");
 587   padding: 0px 3px 0px 3px;
 588 }
 589
 590 /* ::::: throbber ::::: */
 591
 592 #navigator-throbber {
 593   -moz-user-focus: ignore;
 594   margin: 0 !important;
 595   border: none !important;
 596   padding: 0px !important;
 597   min-width: 0;
 598   background-color: transparent;
 599   list-style-image: url("chrome://browser/skin/icons/throbber-stopped.gif");
 600 }
 601 #navigator-throbber[busy="true"] {
 602   list-style-image: url("chrome://browser/skin/icons/throbber.gif");
 603 }
 604
 605 toolbar[iconsize="small"] #navigator-throbber,
 606 toolbar[mode="text"] #navigator-throbber {
 607   list-style-image: url("chrome://browser/skin/icons/throbber-small-stopped.gif");
 608 }
 609 toolbar[iconsize="small"] #navigator-throbber[busy="true"],
 610 toolbar[mode="text"] #navigator-throbber[busy="true"] {
 611   list-style-image: url("chrome://browser/skin/icons/throbber-small.gif");
 612 }
 613
 614 .tabs-closebutton {
 615   list-style-image: url("chrome://global/skin/icons/close-button.gif");
 616 }
 617 /*
 618 #content .tabs-closebutton {
 619   list-style-image: url("chrome://browser/skin/Close-tab.png");
 620   -moz-image-region: rect(0px, 18px, 14px, 0px);
 621 }
 622
 623 #content .tabs-closebutton:hover {
 624   -moz-image-region: rect(0px, 36px, 14px, 18px);
 625 }
 626 */
 627 toolbarbutton.chevron {
 628   list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important;
 629 }
 630
 631
 632 toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
 633   display: none;
 634 }
 635
 636 toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-icon {
 637   display: -moz-box;
 638 }
 639
 640 toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-text {
 641    display: none;
 642 }
 643
 644 #sidebar-throbber[loading="true"] {
 645   list-style-image: url(chrome://global/skin/icons/loading.gif);
 646 }