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