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/icons/bookmarks-folder.gif") 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/icons/bookmark-item.gif");
 130 }
 131
 132 .bookmark-item[container="true"] {
 133   list-style-image: url("chrome://browser/skin/icons/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/icons/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/icons/bookmark-group.gif");
 146 }
 147
 148 /* ::::: primary toolbar buttons ::::: */
 149
 150 .toolbarbutton-1 {
 151   -moz-box-orient: vertical;
 152   min-width: 0px;
 153 }
 154
 155 toolbarbutton:not([disabled="true"]):hover,
 156 menubutton:not([disabled="true"]):hover,
 157 toolbarbutton:not([disabled="true"]):hover:active,
 158 menubutton:not([disabled="true"]):hover:active {
 159   color: ButtonText !important;
 160 }
 161
 162 /*
 163 .toolbarbutton-menubutton-stack,
 164 .toolbarbutton-menubutton-button,
 165 .toolbarbutton-menubutton-stack:hover,
 166 .toolbarbutton-menubutton-button:hover,
 167 .toolbarbutton-menubutton-stack:hover:active,
 168 .toolbarbutton-menubutton-button:hover:active {
 169   margin: 0 !important;
 170   display: -moz-box;
 171 }
 172 */
 173
 174 toolbarbutton[type="menu-button"] {
 175   -moz-box-orient: horizontal;
 176 }
 177
 178 toolbar[mode="icons"] .toolbarbutton-text {
 179   display: none;
 180 }
 181
 182 toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker,
 183 toolbar[mode="text"] .toolbarbutton-icon {
 184   display: none;
 185 }
 186
 187 toolbar[mode="text"] .toolbarbutton-text {
 188   padding: 0 !important;
 189   margin: 3px 5px !important;
 190 }
 191
 192 #back-button {
 193 /*  -moz-binding: url("chrome://browser/skin/browser.xml#toolbar-menu-button"); */
 194   list-style-image: url("chrome://browser/skin/icons/back.gif");
 195 }
 196 #back-button[disabled="true"] {
 197   list-style-image: url("chrome://browser/skin/icons/back-disabled.gif");
 198 }
 199
 200 #forward-button {
 201 /*  -moz-binding: url("chrome://browser/skin/browser.xml#toolbar-menu-button"); */
 202   list-style-image: url("chrome://browser/skin/icons/forward.gif");
 203 }
 204 #forward-button[disabled="true"] {
 205   list-style-image: url("chrome://browser/skin/icons/forward-disabled.gif");
 206 }
 207
 208 #reload-button {
 209   list-style-image: url("chrome://browser/skin/icons/reload.gif");
 210 }
 211 #reload-button[disabled="true"] {
 212   list-style-image: url("chrome://browser/skin/icons/reload-disabled.gif");
 213 }
 214
 215 #stop-button {
 216   list-style-image: url("chrome://browser/skin/icons/stop.gif");
 217 }
 218 #stop-button[disabled="true"] {
 219   list-style-image: url("chrome://browser/skin/icons/stop-disabled.gif");
 220 }
 221
 222 #home-button {
 223   list-style-image: url("chrome://browser/skin/icons/home.gif");
 224 }
 225 #home-button[disabled="true"] {
 226   list-style-image: url("chrome://browser/skin/icons/home-disabled.gif");
 227 }
 228
 229 #print-button {
 230   list-style-image: url("chrome://browser/skin/icons/print.gif");
 231 }
 232 #print-button[disabled="true"] {
 233   list-style-image: url("chrome://browser/skin/icons/print-disabled.gif");
 234 }
 235
 236 #new-tab-button {
 237   list-style-image: url("chrome://browser/skin/icons/new-tab.gif");
 238 }
 239 #new-tab-button[disabled="true"] {
 240   list-style-image: url("chrome://browser/skin/icons/new-tab-disabled.gif");
 241 }
 242
 243 #new-window-button {
 244   list-style-image: url("chrome://browser/skin/icons/new-window.gif");
 245 }
 246 #new-window-button[disabled="true"] {
 247   list-style-image: url("chrome://browser/skin/icons/new-window-disabled.gif");
 248 }
 249
 250 #downloads-button {
 251   list-style-image: url("chrome://browser/skin/icons/downloads.gif");
 252 }
 253 #downloads-button[disabled="true"] {
 254   list-style-image: url("chrome://browser/skin/icons/downloads-disabled.gif");
 255 }
 256
 257 #bookmarks-button {
 258   list-style-image: url("chrome://browser/skin/icons/bookmarks.gif");
 259 }
 260 #bookmarks-button[disabled="true"] {
 261   list-style-image: url("chrome://browser/skin/icons/bookmarks-disabled.gif");
 262 }
 263
 264 #history-button {
 265   list-style-image: url("chrome://browser/skin/icons/history.gif");
 266 }
 267 #history-button[disabled="true"] {
 268   list-style-image: url("chrome://browser/skin/icons/history-disabled.gif");
 269 }
 270
 271
 272 /* ::::: small primary toolbar buttons ::::: */
 273
 274 toolbar[iconsize="small"] #back-button {
 275   list-style-image: url("chrome://browser/skin/icons/back-small.gif");
 276 }
 277 toolbar[iconsize="small"] #back-button[disabled="true"] {
 278   list-style-image: url("chrome://browser/skin/icons/back-small-disabled.gif");
 279 }
 280
 281 toolbar[iconsize="small"] #forward-button {
 282   list-style-image: url("chrome://browser/skin/icons/forward-small.gif");
 283 }
 284 toolbar[iconsize="small"] #forward-button[disabled="true"] {
 285   list-style-image: url("chrome://browser/skin/icons/forward-small-disabled.gif");
 286 }
 287
 288 toolbar[iconsize="small"] #reload-button {
 289   list-style-image: url("chrome://browser/skin/icons/reload-small.gif");
 290 }
 291 toolbar[iconsize="small"] #reload-button[disabled="true"] {
 292   list-style-image: url("chrome://browser/skin/icons/reload-small-disabled.gif");
 293 }
 294
 295 toolbar[iconsize="small"] #stop-button {
 296   list-style-image: url("chrome://browser/skin/icons/stop-small.gif");
 297 }
 298 toolbar[iconsize="small"] #stop-button[disabled="true"] {
 299   list-style-image: url("chrome://browser/skin/icons/stop-small-disabled.gif");
 300 }
 301
 302 toolbar[iconsize="small"] #home-button {
 303   list-style-image: url("chrome://browser/skin/icons/home-small.gif");
 304 }
 305 toolbar[iconsize="small"] #home-button[disabled="true"] {
 306   list-style-image: url("chrome://browser/skin/icons/home-small-disabled.gif");
 307 }
 308
 309 toolbar[iconsize="small"] #print-button {
 310   list-style-image: url("chrome://browser/skin/icons/print-small.gif");
 311 }
 312 toolbar[iconsize="small"] #print-button[disabled="true"] {
 313   list-style-image: url("chrome://browser/skin/icons/print-small-disabled.gif");
 314 }
 315
 316 toolbar[iconsize="small"] #downloads-button {
 317   list-style-image: url("chrome://browser/skin/icons/downloads-small.gif");
 318 }
 319 toolbar[iconsize="small"] #downloads-button[disabled="true"] {
 320   list-style-image: url("chrome://browser/skin/icons/downloads-small-disabled.gif");
 321 }
 322
 323 toolbar[iconsize="small"] #new-tab-button {
 324   list-style-image: url("chrome://browser/skin/icons/new-tab-small.gif");
 325 }
 326 toolbar[iconsize="small"] #new-tab-button[disabled="true"] {
 327   list-style-image: url("chrome://browser/skin/icons/new-tab-small-disabled.gif");
 328 }
 329
 330 toolbar[iconsize="small"] #new-window-button {
 331   list-style-image: url("chrome://browser/skin/icons/new-window-small.gif");
 332 }
 333 toolbar[iconsize="small"] #new-window-button[disabled="true"] {
 334   list-style-image: url("chrome://browser/skin/icons/new-window-small-disabled.gif");
 335 }
 336
 337 toolbar[iconsize="small"] #bookmarks-button {
 338   list-style-image: url("chrome://browser/skin/icons/bookmarks-small.gif");
 339 }
 340 toolbar[iconsize="small"] #bookmarks-button[disabled="true"] {
 341   list-style-image: url("chrome://browser/skin/icons/bookmarks-small-disabled.gif");
 342 }
 343
 344 toolbar[iconsize="small"] #history-button {
 345   list-style-image: url("chrome://browser/skin/icons/history-small.gif");
 346 }
 347 toolbar[iconsize="small"] #history-button[disabled="true"] {
 348   list-style-image: url("chrome://browser/skin/icons/history-small-disabled.gif");
 349 }
 350
 351
 352 /* ::::: fullscreen window controls ::::: */
 353
 354 #window-controls {
 355   -moz-box-align: center;
 356   padding: 0 2px 0 4px;
 357   border-left: 2px solid;
 358   -moz-border-left-colors: ThreeDHighlight ThreeDShadow;
 359 }
 360
 361 #minimize-button {
 362   list-style-image: url("chrome://navigator/skin/icons/minimize.gif");
 363 }
 364 #restore-button {
 365   list-style-image: url("chrome://navigator/skin/icons/restore.gif");
 366 }
 367 #close-button {
 368   list-style-image: url("chrome://navigator/skin/icons/close.gif");
 369 }
 370
 371 /* ::::: nav-bar-inner ::::: */
 372
 373 #urlbar {
 374   margin: 2px 3px;
 375 }
 376
 377 #search-bar {
 378   width: 12em;
 379 }
 380
 381 /* ::::: page proxy icon ::::: */
 382
 383 #page-proxy-deck,
 384 #page-proxy-favicon,
 385 #page-proxy-button {
 386   width: 16px;
 387   height: 16px;
 388 }
 389
 390 #page-proxy-deck {
 391   cursor: -moz-grab;
 392   margin: 2px 3px;
 393 }
 394
 395 #page-proxy-favicon {
 396   list-style-image: none;
 397 }
 398
 399 #page-proxy-button {
 400   list-style-image: url("chrome://browser/skin/icons/bookmark-item.png") !important;
 401
 402 #page-proxy-button[pageproxystate="invalid"] {
 403   cursor: default;
 404   list-style-image: none !important;
 405 }
 406
 407
 408 statusbarpanel#statusbar-display {
 409   padding-left: 0;
 410 }
 411
 412 /* ::::: search-bar ::::: */
 413
 414 #search-proxy-button {
 415   margin: 2px;
 416   list-style-image: url("chrome://browser/skin/icons/search-bar.gif");
 417 }
 418
 419 /* ::::: autocomplete ::::: */
 420
 421 .autocomplete-treebody:-moz-tree-cell-text(treecolAutoCompleteComment) {
 422   color: #555566;
 423 }
 424
 425 /* ::::: go button ::::: */
 426
 427 #go-button,
 428 #go-container {
 429   -moz-appearance: none;
 430   background-color: transparent;
 431   margin: 0;
 432   padding: 0;
 433   min-width: 0;
 434   list-style-image: url("chrome://browser/skin/icons/go.gif");
 435 }
 436
 437 #go-button {
 438   border-width: 1px !important;
 439   -moz-border-top-colors: transparent;
 440   -moz-border-right-colors: transparent;
 441   -moz-border-bottom-colors: transparent;
 442   -moz-border-left-colors: transparent;
 443 }
 444
 445 #go-button:hover {
 446   -moz-border-top-colors: ThreeDHighlight;
 447   -moz-border-right-colors: ThreeDShadow;
 448   -moz-border-bottom-colors: ThreeDShadow;
 449   -moz-border-left-colors: ThreeDHighlight;
 450 }
 451
 452 #go-button:hover:active {
 453   -moz-border-top-colors: ThreeDShadow;
 454   -moz-border-right-colors: ThreeDHighlight;
 455   -moz-border-bottom-colors: ThreeDHighlight;
 456   -moz-border-left-colors: ThreeDShadow;
 457 }
 458
 459 #go-button[disabled="true"] {
 460   list-style-image: url("chrome://browser/skin/icons/go-disabled.gif");
 461   border-color: transparent;
 462 }
 463
 464 #go-button > .button-box > .button-text {
 465   margin-left: 5px !important;
 466 }
 467
 468 #go-button > .button-box {
 469   border: none;
 470 }
 471
 472 #sidebar {
 473   background-color: Window;
 474 }
 475
 476 /* ::::: content area ::::: */
 477
 478 #status-bar {
 479   border-top: none;
 480 }
 481
 482 #security-button {
 483   display: none;
 484 }
 485
 486 #security-button[level="high"] {
 487   list-style-image: url("chrome://browser/skin/icons/secure.gif");
 488   display: -moz-box;
 489 }
 490
 491 #security-button[level="low"] {
 492   list-style-image: url("chrome://browser/skin/icons/secure.gif");
 493   display: -moz-box;
 494 }
 495
 496 #security-button[level="broken"] {
 497   list-style-image: url("chrome://browser/skin/icons/security-broken.gif");
 498   display: -moz-box;
 499 }
 500
 501 #page-report-button {
 502   display: none;
 503 }
 504
 505 #page-report-button[blocked] {
 506   display: -moz-box;
 507   list-style-image: url("chrome://browser/skin/icons/info.gif");
 508   padding: 0px 3px 0px 3px;
 509 }
 510
 511 /* ::::: throbber ::::: */
 512
 513 #navigator-throbber {
 514   -moz-appearance: none;
 515   -moz-user-focus: ignore;
 516   margin: 0 !important;
 517   border: none !important;
 518   padding: 0px !important;
 519   min-width: 0;
 520   background-color: transparent;
 521   list-style-image: url("chrome://browser/skin/icons/throbber-stopped.gif");
 522 }
 523 #navigator-throbber[busy="true"] {
 524   list-style-image: url("chrome://browser/skin/icons/throbber.gif");
 525 }
 526
 527 toolbar[iconsize="small"] #navigator-throbber,
 528 toolbar[mode="text"] #navigator-throbber {
 529   list-style-image: url("chrome://browser/skin/icons/throbber-small-stopped.gif");
 530 }
 531 toolbar[iconsize="small"] #navigator-throbber[busy="true"],
 532 toolbar[mode="text"] #navigator-throbber[busy="true"] {
 533   list-style-image: url("chrome://browser/skin/icons/throbber-small.gif");
 534 }
 535
 536 .tabs-closebutton {
 537   list-style-image: url("chrome://global/skin/icons/close-button.gif");
 538 }
 539 /*
 540 #content .tabs-closebutton {
 541   list-style-image: url("chrome://browser/skin/Close-tab.png");
 542   -moz-image-region: rect(0px, 20px, 16px, 0px);
 543 }
 544
 545 #content .tabs-closebutton:hover {
 546   -moz-image-region: rect(0px, 40px, 16px, 20px);
 547 } */
 548
 549 toolbarbutton.chevron {
 550   list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important;
 551 }
 552
 553
 554 toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
 555   display: none;
 556 }