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/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   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/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   -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   list-style-image: url("chrome://browser/skin/icons/downloads.gif");
 261 }
 262 #downloads-button[disabled="true"] {
 263   list-style-image: url("chrome://browser/skin/icons/downloads-disabled.gif");
 264 }
 265
 266 #bookmarks-button {
 267   list-style-image: url("chrome://browser/skin/icons/bookmarks.gif");
 268 }
 269 #bookmarks-button[disabled="true"] {
 270   list-style-image: url("chrome://browser/skin/icons/bookmarks-disabled.gif");
 271 }
 272
 273 #history-button {
 274   list-style-image: url("chrome://browser/skin/icons/history.gif");
 275 }
 276 #history-button[disabled="true"] {
 277   list-style-image: url("chrome://browser/skin/icons/history-disabled.gif");
 278 }
 279
 280
 281 /* ::::: small primary toolbar buttons ::::: */
 282
 283 toolbar[iconsize="small"] .toolbarbutton-1 {
 284   list-style-image: url("chrome://browser/skin/Toolbar-small.png");
 285 }
 286
 287 toolbar[iconsize="small"] #back-button {
 288   list-style-image: url("chrome://browser/skin/icons/back-small.gif");
 289 }
 290 toolbar[iconsize="small"] #back-button[disabled="true"] {
 291   list-style-image: url("chrome://browser/skin/icons/back-small-disabled.gif");
 292 }
 293
 294 toolbar[iconsize="small"] #forward-button {
 295   list-style-image: url("chrome://browser/skin/icons/forward-small.gif");
 296 }
 297 toolbar[iconsize="small"] #forward-button[disabled="true"] {
 298   list-style-image: url("chrome://browser/skin/icons/forward-small-disabled.gif");
 299 }
 300
 301 toolbar[iconsize="small"] #reload-button {
 302   list-style-image: url("chrome://browser/skin/icons/reload-small.gif");
 303 }
 304 toolbar[iconsize="small"] #reload-button[disabled="true"] {
 305   list-style-image: url("chrome://browser/skin/icons/reload-small-disabled.gif");
 306 }
 307
 308 toolbar[iconsize="small"] #stop-button {
 309   list-style-image: url("chrome://browser/skin/icons/stop-small.gif");
 310 }
 311 toolbar[iconsize="small"] #stop-button[disabled="true"] {
 312   list-style-image: url("chrome://browser/skin/icons/stop-small-disabled.gif");
 313 }
 314
 315 toolbar[iconsize="small"] #home-button {
 316   list-style-image: url("chrome://browser/skin/icons/home-small.gif");
 317 }
 318 toolbar[iconsize="small"] #home-button[disabled="true"] {
 319   list-style-image: url("chrome://browser/skin/icons/home-small-disabled.gif");
 320 }
 321
 322 toolbar[iconsize="small"] #print-button {
 323   list-style-image: url("chrome://browser/skin/icons/print-small.gif");
 324 }
 325 toolbar[iconsize="small"] #print-button[disabled="true"] {
 326   list-style-image: url("chrome://browser/skin/icons/print-small-disabled.gif");
 327 }
 328
 329 toolbar[iconsize="small"] #downloads-button {
 330   list-style-image: url("chrome://browser/skin/icons/downloads-small.gif");
 331 }
 332 toolbar[iconsize="small"] #downloads-button[disabled="true"] {
 333   list-style-image: url("chrome://browser/skin/icons/downloads-small-disabled.gif");
 334 }
 335
 336 toolbar[iconsize="small"] #new-tab-button {
 337   -moz-image-region: rect(0px 200px 20px 180px);
 338 }
 339 toolbar[iconsize="small"] #new-tab-button:hover,
 340 toolbar[iconsize="small"] #new-tab-button[checked="true"] {
 341   -moz-image-region: rect(20px 200px 40px 180px);
 342 }
 343 toolbar[iconsize="small"] #new-tab-button[disabled="true"] {
 344   -moz-image-region: rect(40px 200px 60px 180px) !important;
 345 }
 346
 347 toolbar[iconsize="small"] #new-window-button {
 348   -moz-image-region: rect(0px 220px 20px 200px);
 349 }
 350 toolbar[iconsize="small"] #new-window-button:hover,
 351 toolbar[iconsize="small"] #new-window-button[checked="true"] {
 352   -moz-image-region: rect(20px 220px 40px 200px);
 353 }
 354 toolbar[iconsize="small"] #new-window-button[disabled="true"] {
 355   -moz-image-region: rect(40px 220px 60px 200px) !important;
 356 }
 357
 358 toolbar[iconsize="small"] #bookmarks-button {
 359   list-style-image: url("chrome://browser/skin/icons/bookmarks-small.gif");
 360 }
 361 toolbar[iconsize="small"] #bookmarks-button[disabled="true"] {
 362   list-style-image: url("chrome://browser/skin/icons/bookmarks-small-disabled.gif");
 363 }
 364
 365 toolbar[iconsize="small"] #history-button {
 366   list-style-image: url("chrome://browser/skin/icons/history-small.gif");
 367 }
 368 toolbar[iconsize="small"] #history-button[disabled="true"] {
 369   list-style-image: url("chrome://browser/skin/icons/history-small-disabled.gif");
 370 }
 371
 372
 373 /* ::::: fullscreen window controls ::::: */
 374
 375 #window-controls {
 376   -moz-box-align: center;
 377   padding: 0 2px 0 4px;
 378   border-left: 2px solid;
 379   -moz-border-left-colors: ThreeDHighlight ThreeDShadow;
 380 }
 381
 382 #minimize-button {
 383   list-style-image: url("chrome://navigator/skin/icons/minimize.gif");
 384 }
 385 #restore-button {
 386   list-style-image: url("chrome://navigator/skin/icons/restore.gif");
 387 }
 388 #close-button {
 389   list-style-image: url("chrome://navigator/skin/icons/close.gif");
 390 }
 391
 392 /* ::::: nav-bar-inner ::::: */
 393
 394 #urlbar {
 395   margin: 2px 3px;
 396 }
 397
 398 #search-bar {
 399   width: 12em;
 400 }
 401
 402 /* ::::: page proxy icon ::::: */
 403
 404 #page-proxy-deck,
 405 #page-proxy-favicon,
 406 #page-proxy-button {
 407   width: 16px;
 408   height: 16px;
 409 }
 410
 411 #page-proxy-deck {
 412   cursor: -moz-grab;
 413   margin: 2px 3px;
 414 }
 415
 416 #page-proxy-favicon {
 417   list-style-image: none;
 418 }
 419
 420 #page-proxy-button {
 421   list-style-image: url("chrome://global/skin/icons/Folder-item.png") !important;
 422   -moz-image-region: rect(0px, 16px, 16px, 0px);}
 423
 424 #page-proxy-button[pageproxystate="invalid"] {
 425   cursor: default;
 426   -moz-image-region: rect(32px, 16px, 48px, 0px); !important;
 427 }
 428
 429
 430 statusbarpanel#statusbar-display {
 431   padding-left: 0;
 432 }
 433
 434 /* ::::: search-bar ::::: */
 435
 436 #search-proxy-button {
 437   margin: 2px;
 438   list-style-image: url("chrome://browser/skin/Search-bar.png");
 439 }
 440
 441 /* ::::: autocomplete ::::: */
 442
 443 .autocomplete-treebody:-moz-tree-cell-text(treecolAutoCompleteComment) {
 444   color: #555566;
 445 }
 446
 447 /* ::::: go button ::::: */
 448
 449 #go-button,
 450 #go-container {
 451   -moz-appearance: none;
 452   background-color: transparent;
 453   margin: 0;
 454   padding: 0;
 455   min-width: 0;
 456   list-style-image: url("chrome://browser/skin/Go.png");
 457   -moz-image-region: rect(0px, 20px, 20px, 0px);
 458 }
 459
 460 #go-button {
 461   -moz-appearance: toolbarbutton;
 462   border-width: 1px !important;
 463   -moz-border-top-colors: transparent;
 464   -moz-border-right-colors: transparent;
 465   -moz-border-bottom-colors: transparent;
 466   -moz-border-left-colors: transparent;
 467   -moz-appearance: toolbarbutton;
 468 }
 469
 470 #go-button:hover {
 471   -moz-border-top-colors: ThreeDHighlight;
 472   -moz-border-right-colors: ThreeDShadow;
 473   -moz-border-bottom-colors: ThreeDShadow;
 474   -moz-border-left-colors: ThreeDHighlight;
 475   -moz-image-region: rect(0px, 40px, 20px, 20px);
 476 }
 477
 478 #go-button:hover:active {
 479   -moz-border-top-colors: ThreeDShadow;
 480   -moz-border-right-colors: ThreeDHighlight;
 481   -moz-border-bottom-colors: ThreeDHighlight;
 482   -moz-border-left-colors: ThreeDShadow;
 483 }
 484
 485 #go-button[disabled="true"] {
 486   -moz-image-region: rect(0px, 60px, 20px, 40px);
 487   border-color: transparent;
 488 }
 489
 490 #go-button > .button-box > .button-text {
 491   margin-left: 5px !important;
 492 }
 493
 494 #go-button > .button-box {
 495   border: none;
 496 }
 497
 498 #sidebar {
 499   background-color: Window;
 500 }
 501
 502 /* ::::: content area ::::: */
 503
 504 #status-bar {
 505   border-top: none;
 506 }
 507
 508 #security-button {
 509   display: none;
 510 }
 511
 512 #security-button[level="high"] {
 513   list-style-image: url("chrome://browser/skin/Secure.png");
 514   display: -moz-box;
 515 }
 516
 517 #security-button[level="low"] {
 518   list-style-image: url("chrome://browser/skin/Secure.png");
 519   display: -moz-box;
 520 }
 521
 522 #security-button[level="broken"] {
 523   list-style-image: url("chrome://browser/skin/Security-broken.png");
 524   display: -moz-box;
 525 }
 526
 527 #page-report-button {
 528   display: none;
 529 }
 530
 531 #page-report-button[blocked] {
 532   display: -moz-box;
 533   list-style-image: url("chrome://browser/skin/Info.png");
 534   padding: 0px 3px 0px 3px;
 535 }
 536
 537 /* ::::: throbber ::::: */
 538
 539 #navigator-throbber {
 540   -moz-appearance: none;
 541   -moz-user-focus: ignore;
 542   margin: 0 !important;
 543   border: none !important;
 544   padding: 0px !important;
 545   min-width: 0;
 546   background-color: transparent;
 547   list-style-image: url("chrome://browser/skin/icons/throbber-stopped.gif");
 548 }
 549 #navigator-throbber[busy="true"] {
 550   list-style-image: url("chrome://browser/skin/icons/throbber.gif");
 551 }
 552
 553 toolbar[iconsize="small"] #navigator-throbber,
 554 toolbar[mode="text"] #navigator-throbber {
 555   list-style-image: url("chrome://browser/skin/icons/throbber-small-stopped.gif");
 556 }
 557 toolbar[iconsize="small"] #navigator-throbber[busy="true"],
 558 toolbar[mode="text"] #navigator-throbber[busy="true"] {
 559   list-style-image: url("chrome://browser/skin/icons/throbber-small.gif");
 560 }
 561
 562 .tabs-closebutton {
 563   list-style-image: url("chrome://global/skin/icons/close-button.gif");
 564 }
 565 /*
 566 #content .tabs-closebutton {
 567   list-style-image: url("chrome://browser/skin/Close-tab.png");
 568   -moz-image-region: rect(0px, 20px, 16px, 0px);
 569 }
 570
 571 #content .tabs-closebutton:hover {
 572   -moz-image-region: rect(0px, 40px, 16px, 20px);
 573 } */
 574
 575 toolbarbutton.chevron {
 576   list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important;
 577 }
 578
 579
 580 toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
 581   display: none;
 582 }