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