Open-ILS/xul/staff_client/chrome/skin/browser.css

   1 /* ***** BEGIN LICENSE BLOCK *****
   2  * Version: MPL 1.1/GPL 2.0/LGPL 2.1
   3  *
   4  * The contents of this file are subject to the Mozilla Public License Version
   5  * 1.1 (the "License"); you may not use this file except in compliance with
   6  * the License. You may obtain a copy of the License at
   7  * http://www.mozilla.org/MPL/
   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  *   Blake Ross (blake@cs.stanford.edu)
  27  *   Pamela Greene (pamg.bugs@gmail.com)
  28  *   Dão Gottwald (dao@mozilla.com)
  29  *
  30  * Alternatively, the contents of this file may be used under the terms of
  31  * either the GNU General Public License Version 2 or later (the "GPL"), or
  32  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  33  * in which case the provisions of the GPL or the LGPL are applicable instead
  34  * of those above. If you wish to allow use of your version of this file only
  35  * under the terms of either the GPL or the LGPL, and not to allow others to
  36  * use your version of this file under the terms of the MPL, indicate your
  37  * decision by deleting the provisions above and replace them with the notice
  38  * and other provisions required by the GPL or the LGPL. If you do not delete
  39  * the provisions above, a recipient may use your version of this file under
  40  * the terms of any one of the MPL, the GPL or the LGPL.
  41  *
  42  * ***** END LICENSE BLOCK ***** */
  43
  44 @import url("chrome://global/skin/");
  45
  46 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  47 @namespace html url("http://www.w3.org/1999/xhtml");
  48
  49 #menubar-items {
  50   -moz-box-orient: vertical; /* for flex hack */
  51 }
  52
  53 #menubar-items > menubar {
  54   -moz-box-flex: 1; /* make menu items expand to fill toolbar height */
  55 }
  56
  57 #PersonalToolbar {
  58   min-height: 26px;
  59 }
  60
  61 #wrapper-search-container #searchbar html|*.textbox-input {
  62   visibility: hidden;
  63 }
  64
  65 #navigator-toolbox:-moz-system-metric(windows-default-theme) {
  66   padding-bottom: 1px; /* uxtheme border drawing fix/hack */
  67 }
  68
  69 #navigator-toolbox[inFullscreen="true"],
  70 #navigator-toolbox[inFullscreen="true"] > #nav-bar {
  71   border-top: none;
  72 }
  73
  74 #print-preview-toolbar {
  75   -moz-appearance: toolbox;
  76 }
  77
  78 /* ::::: bookmark buttons ::::: */
  79
  80 toolbarbutton.bookmark-item {
  81   margin: 0;
  82   min-width: 0;
  83   max-width: 13em;
  84   padding: 2px 3px;
  85 }
  86
  87 toolbarbutton.bookmark-item-microsummarized {
  88   max-width: 20em;
  89 }
  90
  91 toolbarbutton.bookmark-item:hover:active,
  92 toolbarbutton.bookmark-item[open="true"] {
  93   padding-top: 3px;
  94   padding-bottom: 1px;
  95   -moz-padding-start: 4px;
  96   -moz-padding-end: 2px;
  97 }
  98
  99 .bookmark-item > .toolbarbutton-icon {
 100   width: 16px;
 101   height: 16px;
 102 }
 103
 104 /* Prevent [mode="icons"] from hiding the label */
 105 .bookmark-item > .toolbarbutton-text {
 106   display: -moz-box !important;
 107 }
 108
 109 .bookmark-item > .toolbarbutton-menu-dropmarker {
 110   display: none;
 111 }
 112
 113 #wrapper-personal-bookmarks .toolbarpaletteitem-box {
 114   width: 16px;
 115   height: 16px;
 116   background: url("chrome://browser/skin/Bookmarks-folder.png") no-repeat !important;
 117 }
 118
 119 .bookmarks-toolbar-customize {
 120   display: none;
 121   max-width: 15em !important;
 122 }
 123
 124 toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-customize {
 125   display: -moz-box;
 126 }
 127
 128 toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-overflow-items {
 129   visibility: hidden;
 130 }
 131
 132 toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-items {
 133   visibility: hidden;
 134 }
 135
 136 toolbarpaletteitem[place="toolbar"] .places-toolbar-items {
 137   display: none;
 138 }
 139
 140 /* ::::: bookmark menus ::::: */
 141
 142 menu.bookmark-item,
 143 menuitem.bookmark-item {
 144   min-width: 0;
 145   max-width: 26em;
 146 }
 147
 148 .bookmark-item > .menu-iconic-left {
 149   margin-top: 0;
 150   margin-bottom: 0;
 151 }
 152
 153 .bookmark-item > .menu-iconic-left > .menu-iconic-icon {
 154   -moz-padding-start: 0px;
 155 }
 156
 157 /* ::::: bookmark items ::::: */
 158
 159 .bookmark-item  {
 160   list-style-image: url("chrome://global/skin/icons/folder-item.png");
 161   -moz-image-region: rect(0px, 16px, 16px, 0px);
 162 }
 163
 164 .bookmark-item[container] {
 165   -moz-image-region: rect(0px, 32px, 16px, 16px);
 166 }
 167
 168 .bookmark-item[container][open] {
 169   -moz-image-region: rect(16px, 32px, 32px, 16px);
 170 }
 171
 172 .bookmark-item[container][livemark] {
 173   list-style-image: url("chrome://browser/skin/livemark-folder.png");
 174   -moz-image-region: auto;
 175 }
 176
 177 .bookmark-item[container][livemark] .bookmark-item {
 178   list-style-image: url("chrome://browser/skin/livemark-item.png");
 179   -moz-image-region: auto;
 180 }
 181
 182 .bookmark-item[container][query] {
 183   list-style-image: url("chrome://browser/skin/places/query.png");
 184   -moz-image-region: auto;
 185 }
 186
 187 .bookmark-item[query][tagContainer] {
 188   list-style-image: url("chrome://mozapps/skin/places/tagContainerIcon.png");
 189   -moz-image-region: auto;
 190 }
 191
 192 .bookmark-item[query][dayContainer] {
 193   list-style-image: url("chrome://browser/skin/places/calendar.png");
 194   -moz-image-region: auto;
 195 }
 196
 197 .bookmark-item[query][hostContainer] {
 198   list-style-image: url("chrome://global/skin/icons/folder-item.png");
 199   -moz-image-region: rect(0px, 32px, 16px, 16px);
 200 }
 201
 202 .bookmark-item[query][hostContainer][open] {
 203   list-style-image: url("chrome://global/skin/icons/folder-item.png");
 204   -moz-image-region: rect(16px, 32px, 32px, 16px);
 205 }
 206
 207 /* ::::: primary toolbar buttons ::::: */
 208
 209 .toolbarbutton-1 {
 210   -moz-box-orient: vertical;
 211   min-width: 0;
 212   list-style-image: url("chrome://browser/skin/Toolbar.png");
 213 }
 214
 215 .toolbarbutton-1 > .toolbarbutton-icon {
 216   -moz-margin-end: 0px;
 217 }
 218
 219 toolbar[mode="full"] .toolbarbutton-1,
 220 toolbar[mode="full"] .toolbarbutton-menubutton-button {
 221   min-width: 57px;
 222 }
 223
 224 .toolbarbutton-1,
 225 .toolbarbutton-menubutton-button {
 226   padding: 5px;
 227 }
 228
 229 .toolbarbutton-1[checked="true"] {
 230   padding: 5px !important;
 231 }
 232
 233 toolbar[iconsize="large"][mode="icons"] .toolbarbutton-1:-moz-system-metric(windows-default-theme),
 234 .toolbarbutton-menubutton-button:-moz-system-metric(windows-default-theme) {
 235   padding: 6px; /* uxtheme border drawing fix/hack */
 236 }
 237
 238 toolbar[iconsize="large"][mode="icons"] .toolbarbutton-1[checked="true"]:-moz-system-metric(windows-default-theme) {
 239   padding: 6px !important; /* uxtheme border drawing fix/hack */
 240 }
 241
 242 /* ::::: unified back and forward buttons ::::: */
 243
 244 /* unified back button with keyhole icons */
 245
 246 toolbar[mode="icons"] #back-button {
 247   -moz-appearance: none;
 248   padding: 0;
 249   -moz-padding-start: 2px;
 250   border: none;
 251 }
 252
 253 toolbar[iconsize="large"][mode="icons"] #back-button {
 254   -moz-image-region: rect(0px 396px 34px 360px);
 255 }
 256 toolbar[iconsize="large"][mode="icons"] #back-button:not([disabled="true"]):hover {
 257   -moz-image-region: rect(34px 396px 68px 360px);
 258 }
 259 toolbar[iconsize="large"][mode="icons"] #back-button[disabled="true"] {
 260   -moz-image-region: rect(68px 396px 102px 360px);
 261 }
 262 toolbar[iconsize="large"][mode="icons"] #back-button:not([disabled="true"]):hover:active {
 263   -moz-image-region: rect(102px 396px 136px 360px);
 264 }
 265
 266 /* unified back button with keyhole icons, RTL version */
 267
 268 toolbar[iconsize="large"][mode="icons"] #back-button[chromedir="rtl"] {
 269   -moz-image-region: rect(0px 516px 34px 480px);
 270 }
 271 toolbar[iconsize="large"][mode="icons"] #back-button[chromedir="rtl"]:not([disabled="true"]):hover {
 272   -moz-image-region: rect(34px 516px 68px 480px);
 273 }
 274 toolbar[iconsize="large"][mode="icons"] #back-button[chromedir="rtl"][disabled="true"] {
 275   -moz-image-region: rect(68px 516px 102px 480px);
 276 }
 277 toolbar[iconsize="large"][mode="icons"] #back-button[chromedir="rtl"]:not([disabled="true"]):hover:active {
 278   -moz-image-region: rect(102px 516px 136px 480px);
 279 }
 280
 281 /* unified forward button with keyhole icons */
 282
 283 toolbar[mode="icons"] #forward-button {
 284   -moz-appearance: none;
 285   padding: 0;
 286   border: none;
 287 }
 288
 289 toolbar[iconsize="large"][mode="icons"] #forward-button {
 290   -moz-image-region: rect(3px 422px 31px 396px);
 291 }
 292 toolbar[iconsize="large"][mode="icons"] #forward-button:not([disabled="true"]):hover {
 293   -moz-image-region: rect(37px 422px 65px 396px);
 294 }
 295 toolbar[iconsize="large"][mode="icons"] #forward-button[disabled="true"] {
 296   -moz-image-region: rect(71px 422px 99px 396px);
 297 }
 298 toolbar[iconsize="large"][mode="icons"] #forward-button:not([disabled="true"]):hover:active {
 299   -moz-image-region: rect(105px 422px 133px 396px);
 300 }
 301
 302 /* unified forward button with keyhole icons, RTL version */
 303
 304 toolbar[iconsize="large"][mode="icons"] #forward-button[chromedir="rtl"] {
 305   -moz-image-region: rect(3px 480px 31px 454px);
 306 }
 307 toolbar[iconsize="large"][mode="icons"] #forward-button[chromedir="rtl"]:not([disabled="true"]):hover {
 308   -moz-image-region: rect(37px 480px 65px 454px);
 309 }
 310 toolbar[iconsize="large"][mode="icons"] #forward-button[chromedir="rtl"][disabled="true"] {
 311   -moz-image-region: rect(71px 480px 99px 454px);
 312 }
 313 toolbar[iconsize="large"][mode="icons"] #forward-button[chromedir="rtl"]:not([disabled="true"]):hover:active {
 314   -moz-image-region: rect(105px 480px 133px 454px);
 315 }
 316
 317 /* dropmarker for unified back and forward buttons with keyhole icons */
 318
 319 toolbar[mode="icons"] #back-forward-dropmarker {
 320   -moz-appearance: none;
 321   padding: 0;
 322   -moz-padding-end: 2px;
 323   border: none;
 324 }
 325
 326 toolbar[mode="icons"] #back-forward-dropmarker > image {
 327   display: -moz-box;
 328   margin: 0;
 329 }
 330
 331 toolbar[mode="icons"] #back-forward-dropmarker > dropmarker {
 332   display: none;
 333 }
 334
 335 toolbar[iconsize="large"][mode="icons"] #back-forward-dropmarker {
 336   list-style-image: url("chrome://browser/skin/Toolbar.png");
 337   -moz-image-region: rect(3px 438px 31px 422px);
 338 }
 339 toolbar[iconsize="large"][mode="icons"] #back-forward-dropmarker:not([disabled="true"]):hover {
 340   -moz-image-region: rect(37px 438px 65px 422px);
 341 }
 342 toolbar[iconsize="large"][mode="icons"] #back-forward-dropmarker[disabled="true"] {
 343   -moz-image-region: rect(71px 438px 99px 422px);
 344 }
 345 toolbar[iconsize="large"][mode="icons"] #back-forward-dropmarker:not([disabled="true"]):hover:active {
 346   -moz-image-region: rect(105px 438px 133px 422px);
 347 }
 348
 349 /* unified dropmarker with keyhole icons, RTL version */
 350
 351 toolbar[iconsize="large"][mode="icons"] #back-forward-dropmarker[chromedir="rtl"] {
 352   -moz-image-region: rect(3px 454px 31px 438px);
 353 }
 354 toolbar[iconsize="large"][mode="icons"] #back-forward-dropmarker[chromedir="rtl"]:not([disabled="true"]):hover {
 355   -moz-image-region: rect(37px 454px 65px 438px);
 356 }
 357 toolbar[iconsize="large"][mode="icons"] #back-forward-dropmarker[chromedir="rtl"][disabled="true"] {
 358   -moz-image-region: rect(71px 454px 99px 438px);
 359 }
 360 toolbar[iconsize="large"][mode="icons"] #back-forward-dropmarker[chromedir="rtl"]:not([disabled="true"]):hover:active {
 361   -moz-image-region: rect(105px 454px 133px 438px);
 362 }
 363
 364 /* ::::: unified back and forward buttons, small icons mode ::::: */
 365
 366 toolbar[iconsize="small"][mode="icons"] #back-button > .toolbarbutton-icon,
 367 toolbar[iconsize="small"][mode="icons"] #forward-button > .toolbarbutton-icon {
 368   -moz-padding-end: 0;
 369 }
 370
 371 /* unified back button with keyhole icons, small icons mode */
 372
 373 toolbar[iconsize="small"][mode="icons"] #back-button {
 374   -moz-image-region: rect(0px 264px 24px 240px);
 375 }
 376 toolbar[iconsize="small"][mode="icons"] #back-button:not([disabled="true"]):hover {
 377   -moz-image-region: rect(24px 264px 48px 240px);
 378 }
 379 toolbar[iconsize="small"][mode="icons"] #back-button[disabled="true"] {
 380   -moz-image-region: rect(48px 264px 72px 240px);
 381 }
 382 toolbar[iconsize="small"][mode="icons"] #back-button:not([disabled="true"]):hover:active {
 383   -moz-image-region: rect(72px 264px 96px 240px);
 384 }
 385
 386 /* unified back button with keyhole icons, small icons mode, RTL version */
 387
 388 toolbar[iconsize="small"][mode="icons"] #back-button[chromedir="rtl"] {
 389   -moz-image-region: rect(0px 362px 24px 338px);
 390 }
 391 toolbar[iconsize="small"][mode="icons"] #back-button[chromedir="rtl"]:not([disabled="true"]):hover {
 392   -moz-image-region: rect(24px 362px 48px 338px);
 393 }
 394 toolbar[iconsize="small"][mode="icons"] #back-button[chromedir="rtl"][disabled="true"] {
 395   -moz-image-region: rect(48px 362px 72px 338px);
 396 }
 397 toolbar[iconsize="small"][mode="icons"] #back-button[chromedir="rtl"]:not([disabled="true"]):hover:active {
 398   -moz-image-region: rect(72px 362px 96px 338px);
 399 }
 400
 401 /* unified forward button with keyhole icons, small icons mode */
 402
 403 toolbar[iconsize="small"][mode="icons"] #forward-button {
 404   -moz-image-region: rect(0px 288px 24px 264px);
 405 }
 406 toolbar[iconsize="small"][mode="icons"] #forward-button:not([disabled="true"]):hover {
 407   -moz-image-region: rect(24px 288px 48px 264px);
 408 }
 409 toolbar[iconsize="small"][mode="icons"] #forward-button[disabled="true"] {
 410   -moz-image-region: rect(48px 288px 72px 264px);
 411 }
 412 toolbar[iconsize="small"][mode="icons"] #forward-button:not([disabled="true"]):hover:active {
 413   -moz-image-region: rect(72px 288px 96px 264px);
 414 }
 415
 416 /* unified forward button with keyhole icons, small icons mode, RTL version */
 417
 418 toolbar[iconsize="small"][mode="icons"] #forward-button[chromedir="rtl"] {
 419   -moz-image-region: rect(0px 338px 24px 314px);
 420 }
 421 toolbar[iconsize="small"][mode="icons"] #forward-button[chromedir="rtl"]:not([disabled="true"]):hover {
 422   -moz-image-region: rect(24px 338px 48px 314px);
 423 }
 424 toolbar[iconsize="small"][mode="icons"] #forward-button[chromedir="rtl"][disabled="true"] {
 425   -moz-image-region: rect(48px 338px 72px 314px);
 426 }
 427 toolbar[iconsize="small"][mode="icons"] #forward-button[chromedir="rtl"]:not([disabled="true"]):hover:active {
 428   -moz-image-region: rect(72px 338px 96px 314px);
 429 }
 430
 431 /* dropmarker for unified back and forward buttons with keyhole icons, small icons mode */
 432
 433 toolbar[iconsize="small"][mode="icons"] #back-forward-dropmarker {
 434   list-style-image: url("chrome://browser/skin/Toolbar-small.png");
 435   -moz-image-region: rect(0px 301px 24px 288px);
 436 }
 437 toolbar[iconsize="small"][mode="icons"] #back-forward-dropmarker:not([disabled="true"]):hover {
 438   -moz-image-region: rect(24px 301px 48px 288px);
 439 }
 440 toolbar[iconsize="small"][mode="icons"] #back-forward-dropmarker[disabled="true"] {
 441   -moz-image-region: rect(48px 301px 72px 288px);
 442 }
 443 toolbar[iconsize="small"][mode="icons"] #back-forward-dropmarker:not([disabled="true"]):hover:active {
 444   -moz-image-region: rect(72px 301px 96px 288px);
 445 }
 446
 447 /* unified dropmarker with keyhole icons, small icons mode, RTL version */
 448
 449 toolbar[iconsize="small"][mode="icons"] #back-forward-dropmarker[chromedir="rtl"] {
 450   -moz-image-region: rect(0px 314px 24px 301px);
 451 }
 452 toolbar[iconsize="small"][mode="icons"] #back-forward-dropmarker[chromedir="rtl"]:not([disabled="true"]):hover {
 453   -moz-image-region: rect(24px 314px 48px 301px);
 454 }
 455 toolbar[iconsize="small"][mode="icons"] #back-forward-dropmarker[chromedir="rtl"][disabled="true"] {
 456   -moz-image-region: rect(48px 314px 72px 301px);
 457 }
 458 toolbar[iconsize="small"][mode="icons"] #back-forward-dropmarker[chromedir="rtl"]:not([disabled="true"]):hover:active {
 459   -moz-image-region: rect(72px 314px 96px 301px);
 460 }
 461
 462 /* ::::: 24px primary toolbar buttons ::::: */
 463
 464 /* back button */
 465
 466 #back-button {
 467   -moz-image-region: rect(0px 24px 24px 0px);
 468 }
 469 #back-button:not([disabled="true"]):hover,
 470 #back-button[buttonover="true"] {
 471   -moz-image-region: rect(24px 24px 48px 0px);
 472 }
 473 #back-button[disabled="true"] {
 474   -moz-image-region: rect(48px 24px 72px 0px);
 475 }
 476 #back-button:not([disabled="true"]):hover:active {
 477   -moz-image-region: rect(96px 24px 120px 0px);
 478 }
 479
 480 #back-button[chromedir="rtl"] {
 481   -moz-image-region: rect(0px 48px 24px 24px);
 482 }
 483 #back-button[chromedir="rtl"]:not([disabled="true"]):hover,
 484 #back-button[chromedir="rtl"][buttonover="true"] {
 485   -moz-image-region: rect(24px 48px 48px 24px);
 486 }
 487 #back-button[chromedir="rtl"][disabled="true"] {
 488   -moz-image-region: rect(48px 48px 72px 24px);
 489 }
 490 #back-button[chromedir="rtl"]:not([disabled="true"]):hover:active {
 491   -moz-image-region: rect(96px 48px 120px 24px);
 492 }
 493
 494 /* forward button */
 495
 496 #forward-button {
 497   -moz-image-region: rect(0px 48px 24px 24px);
 498 }
 499 #forward-button:not([disabled="true"]):hover,
 500 #forward-button[buttonover="true"] {
 501   -moz-image-region: rect(24px 48px 48px 24px);
 502 }
 503 #forward-button[disabled="true"] {
 504   -moz-image-region: rect(48px 48px 72px 24px);
 505 }
 506 #forward-button:not([disabled="true"]):hover:active {
 507   -moz-image-region: rect(96px 48px 120px 24px);
 508 }
 509
 510 #forward-button[chromedir="rtl"] {
 511   -moz-image-region: rect(0px 24px 24px 0px);
 512 }
 513 #forward-button[chromedir="rtl"]:not([disabled="true"]):hover,
 514 #forward-button[chromedir="rtl"][buttonover="true"] {
 515   -moz-image-region: rect(24px 24px 48px 0px);
 516 }
 517 #forward-button[chromedir="rtl"][disabled="true"] {
 518   -moz-image-region: rect(48px 24px 72px 0px);
 519 }
 520 #forward-button[chromedir="rtl"]:not([disabled="true"]):hover:active {
 521   -moz-image-region: rect(96px 24px 120px 0px);
 522 }
 523
 524 /* stop button */
 525
 526 #stop-button {
 527   -moz-image-region: rect(0px 72px 24px 48px);
 528 }
 529 #stop-button:not([disabled="true"]):hover {
 530   -moz-image-region: rect(24px 72px 48px 48px);
 531 }
 532 #stop-button[disabled="true"] {
 533   -moz-image-region: rect(48px 72px 72px 48px);
 534 }
 535 #stop-button:not([disabled="true"]):hover:active {
 536   -moz-image-region: rect(96px 72px 120px 48px);
 537 }
 538
 539 /* reload button */
 540
 541 #reload-button {
 542   -moz-image-region: rect(0px 96px 24px 72px);
 543 }
 544 #reload-button:not([disabled="true"]):hover {
 545   -moz-image-region: rect(24px 96px 48px 72px);
 546 }
 547 #reload-button[disabled="true"] {
 548   -moz-image-region: rect(48px 96px 72px 72px);
 549 }
 550 #reload-button:not([disabled="true"]):hover:active {
 551   -moz-image-region: rect(96px 96px 120px 72px);
 552 }
 553
 554 /* home button */
 555
 556 #home-button {
 557   -moz-image-region: rect(0px 120px 24px 96px);
 558 }
 559 #home-button:not([disabled="true"]):hover {
 560   -moz-image-region: rect(24px 120px 48px 96px);
 561 }
 562 #home-button[disabled="true"] {
 563   -moz-image-region: rect(48px 120px 72px 96px);
 564 }
 565 #home-button:not([disabled="true"]):hover:active {
 566   -moz-image-region: rect(96px 120px 120px 96px);
 567 }
 568
 569 /* download manager button */
 570
 571 #downloads-button {
 572   -moz-image-region: rect(0px 144px 24px 120px);
 573 }
 574 #downloads-button:not([disabled="true"]):hover {
 575   -moz-image-region: rect(24px 144px 48px 120px);
 576 }
 577 #downloads-button[disabled="true"] {
 578   -moz-image-region: rect(48px 144px 72px 120px);
 579 }
 580 #downloads-button:not([disabled="true"]):hover:active {
 581   -moz-image-region: rect(96px 144px 120px 120px);
 582 }
 583
 584 /* history sidebar button */
 585
 586 #history-button {
 587   -moz-image-region: rect(0px 168px 24px 144px);
 588 }
 589 #history-button:not([disabled="true"]):not([checked="true"]):hover {
 590   -moz-image-region: rect(24px 168px 48px 144px);
 591 }
 592 #history-button[disabled="true"] {
 593   -moz-image-region: rect(48px 168px 72px 144px);
 594 }
 595 #history-button[checked="true"] {
 596   -moz-image-region: rect(72px 168px 96px 144px);
 597 }
 598 #history-button:not([disabled="true"]):not([checked="true"]):hover:active {
 599   -moz-image-region: rect(96px 168px 120px 144px);
 600 }
 601
 602 /* bookmark sidebar button */
 603
 604 #bookmarks-button {
 605   -moz-image-region: rect(0px 192px 24px 168px);
 606 }
 607 #bookmarks-button:not([disabled="true"]):not([checked="true"]):hover {
 608   -moz-image-region: rect(24px 192px 48px 168px);
 609 }
 610 #bookmarks-button[disabled="true"] {
 611   -moz-image-region: rect(48px 192px 72px 168px);
 612 }
 613 #bookmarks-button[checked="true"] {
 614   -moz-image-region: rect(72px 192px 96px 168px);
 615 }
 616 #bookmarks-button:not([disabled="true"]):not([checked="true"]):hover:active {
 617   -moz-image-region: rect(96px 192px 120px 168px);
 618 }
 619
 620 /* print button */
 621
 622 #print-button {
 623   -moz-image-region: rect(0px 216px 24px 192px);
 624 }
 625 #print-button:not([disabled="true"]):hover {
 626   -moz-image-region: rect(24px 216px 48px 192px);
 627 }
 628 #print-button[disabled="true"] {
 629   -moz-image-region: rect(48px 216px 72px 192px);
 630 }
 631 #print-button:not([disabled="true"]):hover:active {
 632   -moz-image-region: rect(96px 216px 120px 192px);
 633 }
 634
 635 /* toolbar new tab button */
 636
 637 toolbar:not([iconsize="small"]) #new-tab-button > .toolbarbutton-icon {
 638   padding-left: 1px;
 639 }
 640 #new-tab-button {
 641   -moz-image-region: rect(0px 240px 24px 216px);
 642 }
 643 #new-tab-button:not([disabled="true"]):hover {
 644   -moz-image-region: rect(24px 240px 48px 216px);
 645 }
 646 #new-tab-button[disabled="true"] {
 647   -moz-image-region: rect(48px 240px 72px 216px);
 648 }
 649 #new-tab-button:not([disabled="true"]):hover:active {
 650   -moz-image-region: rect(96px 240px 120px 216px);
 651 }
 652
 653 /* new window button */
 654
 655 toolbar:not([iconsize="small"]) #new-window-button > .toolbarbutton-icon {
 656   padding-left: 1px;
 657 }
 658 #new-window-button {
 659   -moz-image-region: rect(0px 264px 24px 240px);
 660 }
 661 #new-window-button:not([disabled="true"]):hover {
 662   -moz-image-region: rect(24px 264px 48px 240px);
 663 }
 664 #new-window-button[disabled="true"] {
 665   -moz-image-region: rect(48px 264px 72px 240px);
 666 }
 667 #new-window-button:not([disabled="true"]):hover:active {
 668   -moz-image-region: rect(96px 264px 120px 240px);
 669 }
 670
 671 /* cut button */
 672
 673 #cut-button {
 674   -moz-image-region: rect(0px 288px 24px 264px);
 675 }
 676 #cut-button:not([disabled="true"]):hover {
 677   -moz-image-region: rect(24px 288px 48px 264px);
 678 }
 679 #cut-button[disabled="true"] {
 680   -moz-image-region: rect(48px 288px 72px 264px);
 681 }
 682 #cut-button:not([disabled="true"]):hover:active {
 683   -moz-image-region: rect(96px 288px 120px 264px);
 684 }
 685
 686 /* copy button */
 687
 688 #copy-button {
 689   -moz-image-region: rect(0px 312px 24px 288px);
 690 }
 691 #copy-button:not([disabled="true"]):hover {
 692   -moz-image-region: rect(24px 312px 48px 288px);
 693 }
 694 #copy-button[disabled="true"] {
 695   -moz-image-region: rect(48px 312px 72px 288px);
 696 }
 697 #copy-button:not([disabled="true"]):hover:active {
 698   -moz-image-region: rect(96px 312px 120px 288px);
 699 }
 700
 701 /* paste button */
 702
 703 #paste-button {
 704   -moz-image-region: rect(0px 336px 24px 312px);
 705 }
 706 #paste-button:not([disabled="true"]):hover {
 707   -moz-image-region: rect(24px 336px 48px 312px);
 708 }
 709 #paste-button[disabled="true"] {
 710   -moz-image-region: rect(48px 336px 72px 312px);
 711 }
 712 #paste-button:not([disabled="true"]):hover:active {
 713   -moz-image-region: rect(96px 336px 120px 312px);
 714 }
 715
 716 /* ::::: 16px primary toolbar buttons ::::: */
 717
 718 toolbar[iconsize="small"] .toolbarbutton-1 {
 719   -moz-box-orient: vertical;
 720   min-width: 0;
 721   list-style-image: url("chrome://browser/skin/Toolbar-small.png");
 722 }
 723
 724 toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"] {
 725   border: 0 !important;
 726 }
 727
 728 /* back button */
 729
 730 toolbar[iconsize="small"] #back-button > .toolbarbutton-icon {
 731   -moz-padding-end: 1px;
 732 }
 733 toolbar[iconsize="small"] #back-button {
 734   -moz-image-region: rect(0px 16px 16px 0px);
 735 }
 736 toolbar[iconsize="small"] #back-button:not([disabled="true"]):hover,
 737 toolbar[iconsize="small"] #back-button[buttonover="true"] {
 738   -moz-image-region: rect(16px 16px 32px 0px);
 739 }
 740 toolbar[iconsize="small"] #back-button[disabled="true"] {
 741   -moz-image-region: rect(32px 16px 48px 0px);
 742 }
 743 toolbar[iconsize="small"] #back-button:not([disabled="true"]):hover:active {
 744   -moz-image-region: rect(64px 16px 80px 0px);
 745 }
 746
 747 toolbar[iconsize="small"] #back-button[chromedir="rtl"] {
 748   -moz-image-region: rect(0px 32px 16px 16px);
 749 }
 750 toolbar[iconsize="small"] #back-button[chromedir="rtl"]:not([disabled="true"]):hover,
 751 toolbar[iconsize="small"] #back-button[chromedir="rtl"][buttonover="true"] {
 752   -moz-image-region: rect(16px 32px 32px 16px);
 753 }
 754 toolbar[iconsize="small"] #back-button[chromedir="rtl"][disabled="true"] {
 755   -moz-image-region: rect(32px 32px 48px 16px);
 756 }
 757 toolbar[iconsize="small"] #back-button[chromedir="rtl"]:not([disabled="true"]):hover:active {
 758   -moz-image-region: rect(64px 32px 80px 16px);
 759 }
 760 .unified-nav-back[_moz-menuactive],
 761 menupopup[chromedir="rtl"] > .unified-nav-forward[_moz-menuactive] {
 762   list-style-image: url("chrome://browser/skin/menu-back.png") !important;
 763 }
 764
 765 /* forward button */
 766
 767 toolbar[iconsize="small"] #forward-button > .toolbarbutton-icon {
 768   -moz-padding-end: 1px;
 769 }
 770 toolbar[iconsize="small"] #forward-button {
 771   -moz-image-region: rect(0px 32px 16px 16px);
 772 }
 773 toolbar[iconsize="small"] #forward-button:not([disabled="true"]):hover,
 774 toolbar[iconsize="small"] #forward-button[buttonover="true"] {
 775   -moz-image-region: rect(16px 32px 32px 16px);
 776 }
 777 toolbar[iconsize="small"] #forward-button[disabled="true"] {
 778   -moz-image-region: rect(32px 32px 48px 16px);
 779 }
 780 toolbar[iconsize="small"] #forward-button:not([disabled="true"]):hover:active {
 781   -moz-image-region: rect(64px 32px 80px 16px);
 782 }
 783
 784 toolbar[iconsize="small"] #forward-button[chromedir="rtl"] {
 785   -moz-image-region: rect(0px 16px 16px 0px);
 786 }
 787 toolbar[iconsize="small"] #forward-button[chromedir="rtl"]:not([disabled="true"]):hover,
 788 toolbar[iconsize="small"] #forward-button[chromedir="rtl"][buttonover="true"] {
 789   -moz-image-region: rect(16px 16px 32px 0px);
 790 }
 791 toolbar[iconsize="small"] #forward-button[chromedir="rtl"][disabled="true"] {
 792   -moz-image-region: rect(32px 16px 48px 0px);
 793 }
 794 toolbar[iconsize="small"] #forward-button[chromedir="rtl"]:not([disabled="true"]):hover:active {
 795   -moz-image-region: rect(64px 16px 80px 0px);
 796 }
 797 .unified-nav-forward[_moz-menuactive],
 798 menupopup[chromedir="rtl"] > .unified-nav-back[_moz-menuactive] {
 799   list-style-image: url("chrome://browser/skin/menu-forward.png") !important;
 800 }
 801
 802 /* stop button */
 803
 804 toolbar[iconsize="small"] #stop-button > .toolbarbutton-icon {
 805   padding-left: 1px;
 806 }
 807 toolbar[iconsize="small"] #stop-button {
 808   -moz-image-region: rect(0px 48px 16px 32px);
 809 }
 810 toolbar[iconsize="small"] #stop-button:not([disabled="true"]):hover {
 811   -moz-image-region: rect(16px 48px 32px 32px);
 812 }
 813 toolbar[iconsize="small"] #stop-button[disabled="true"] {
 814   -moz-image-region: rect(32px 48px 48px 32px);
 815 }
 816 toolbar[iconsize="small"] #stop-button:not([disabled="true"]):hover:active {
 817   -moz-image-region: rect(64px 48px 80px 32px);
 818 }
 819
 820 /* reload button */
 821
 822 toolbar[iconsize="small"] #reload-button > .toolbarbutton-icon {
 823   padding-left: 1px;
 824 }
 825 toolbar[iconsize="small"] #reload-button {
 826   -moz-image-region: rect(0px 64px 16px 48px);
 827 }
 828 toolbar[iconsize="small"] #reload-button:not([disabled="true"]):hover {
 829   -moz-image-region: rect(16px 64px 32px 48px);
 830 }
 831 toolbar[iconsize="small"] #reload-button[disabled="true"] {
 832   -moz-image-region: rect(32px 64px 48px 48px);
 833 }
 834 toolbar[iconsize="small"] #reload-button:not([disabled="true"]):hover:active {
 835   -moz-image-region: rect(64px 64px 80px 48px);
 836 }
 837
 838 /* home button */
 839
 840 toolbar[iconsize="small"] #home-button.toolbarbutton-1 > .toolbarbutton-icon {
 841   padding-left: 1px;
 842 }
 843 #home-button.bookmark-item {
 844   list-style-image: url("chrome://browser/skin/Toolbar-small.png");
 845 }
 846 toolbar[iconsize="small"] #home-button ,
 847 #home-button.bookmark-item {
 848   -moz-image-region: rect(0px 80px 16px 64px);
 849 }
 850 toolbar[iconsize="small"] #home-button:not([disabled="true"]):hover ,
 851 #home-button.bookmark-item:not([disabled="true"]):hover {
 852   -moz-image-region: rect(16px 80px 32px 64px);
 853 }
 854 toolbar[iconsize="small"] #home-button[disabled="true"] ,
 855 #home-button.bookmark-item[disabled="true"] {
 856   -moz-image-region: rect(32px 80px 48px 64px);
 857 }
 858 toolbar[iconsize="small"] #home-button:not([disabled="true"]):hover:active ,
 859 #home-button.bookmark-item:not([disabled="true"]):hover:active {
 860   -moz-image-region: rect(64px 80px 80px 64px);
 861 }
 862
 863 /* download manager button */
 864
 865 toolbar[iconsize="small"] #downloads-button > .toolbarbutton-icon {
 866   padding-left: 1px;
 867 }
 868 toolbar[iconsize="small"] #downloads-button {
 869   -moz-image-region: rect(0px 96px 16px 80px);
 870 }
 871 toolbar[iconsize="small"] #downloads-button:not([disabled="true"]):hover {
 872   -moz-image-region: rect(16px 96px 32px 80px);
 873 }
 874 toolbar[iconsize="small"] #downloads-button[disabled="true"] {
 875   -moz-image-region: rect(32px 96px 48px 80px);
 876 }
 877 toolbar[iconsize="small"] #downloads-button:not([disabled="true"]):hover:active {
 878   -moz-image-region: rect(64px 96px 80px 80px);
 879 }
 880
 881 /* history sidebar button */
 882
 883 toolbar[iconsize="small"] #history-button > .toolbarbutton-icon {
 884   padding-left: 1px;
 885 }
 886 toolbar[iconsize="small"] #history-button {
 887   -moz-image-region: rect(0px 112px 16px 96px);
 888 }
 889 toolbar[iconsize="small"] #history-button:not([disabled="true"]):not([checked="true"]):hover {
 890   -moz-image-region: rect(16px 112px 32px 96px);
 891 }
 892 toolbar[iconsize="small"] #history-button[disabled="true"] {
 893   -moz-image-region: rect(32px 112px 48px 96px);
 894 }
 895 toolbar[iconsize="small"] #history-button[checked="true"] {
 896   -moz-image-region: rect(48px 112px 64px 96px);
 897 }
 898 toolbar[iconsize="small"] #history-button:not([disabled="true"]):not([checked="true"]):hover:active {
 899   -moz-image-region: rect(64px 112px 80px 96px);
 900 }
 901
 902 /* bookmark sidebar button */
 903
 904 toolbar[iconsize="small"] #bookmarks-button > .toolbarbutton-icon {
 905   padding-left: 2px;
 906 }
 907 toolbar[iconsize="small"] #bookmarks-button {
 908   -moz-image-region: rect(0px 128px 16px 112px);
 909 }
 910 toolbar[iconsize="small"] #bookmarks-button:not([disabled="true"]):not([checked="true"]):hover {
 911   -moz-image-region: rect(16px 128px 32px 112px);
 912 }
 913 toolbar[iconsize="small"] #bookmarks-button[disabled="true"] {
 914   -moz-image-region: rect(32px 128px 48px 112px);
 915 }
 916 toolbar[iconsize="small"] #bookmarks-button[checked="true"] {
 917   -moz-image-region: rect(48px 128px 64px 112px);
 918 }
 919 toolbar[iconsize="small"] #bookmarks-button:not([disabled="true"]):not([checked="true"]):hover:active {
 920   -moz-image-region: rect(64px 128px 80px 112px);
 921 }
 922
 923 /* print button */
 924
 925 toolbar[iconsize="small"] #print-button > .toolbarbutton-icon {
 926   padding-left: 1px;
 927 }
 928 toolbar[iconsize="small"] #print-button {
 929   -moz-image-region: rect(0px 144px 16px 128px);
 930 }
 931 toolbar[iconsize="small"] #print-button:not([disabled="true"]):hover {
 932   -moz-image-region: rect(16px 144px 32px 128px);
 933 }
 934 toolbar[iconsize="small"] #print-button[disabled="true"] {
 935   -moz-image-region: rect(32px 144px 48px 128px);
 936 }
 937 toolbar[iconsize="small"] #print-button:not([disabled="true"]):hover:active {
 938   -moz-image-region: rect(64px 144px 80px 128px);
 939 }
 940
 941 /* toolbar new tab button */
 942
 943 toolbar[iconsize="small"] #new-tab-button > .toolbarbutton-icon {
 944   padding-left: 1px;
 945 }
 946 toolbar[iconsize="small"] #new-tab-button {
 947   -moz-image-region: rect(0px 160px 16px 144px);
 948 }
 949 toolbar[iconsize="small"] #new-tab-button:not([disabled="true"]):hover {
 950   -moz-image-region: rect(16px 160px 32px 144px);
 951 }
 952 toolbar[iconsize="small"] #new-tab-button[disabled="true"] {
 953   -moz-image-region: rect(32px 160px 48px 144px);
 954 }
 955 toolbar[iconsize="small"] #new-tab-button:not([disabled="true"]):hover:active {
 956   -moz-image-region: rect(64px 160px 80px 144px);
 957 }
 958
 959 /* new window button */
 960
 961 toolbar[iconsize="small"] #new-window-button {
 962   -moz-image-region: rect(0px 176px 16px 160px);
 963 }
 964 toolbar[iconsize="small"] #new-window-button:not([disabled="true"]):hover {
 965   -moz-image-region: rect(16px 176px 32px 160px);
 966 }
 967 toolbar[iconsize="small"] #new-window-button[disabled="true"] {
 968   -moz-image-region: rect(32px 176px 48px 160px);
 969 }
 970 toolbar[iconsize="small"] #new-window-button:not([disabled="true"]):hover:active {
 971   -moz-image-region: rect(64px 176px 80px 160px);
 972 }
 973
 974 /* cut button */
 975
 976 toolbar[iconsize="small"] #cut-button > .toolbarbutton-icon {
 977   padding-right: 1px;
 978 }
 979 toolbar[iconsize="small"] #cut-button {
 980   -moz-image-region: rect(0px 192px 16px 176px);
 981 }
 982 toolbar[iconsize="small"] #cut-button:not([disabled="true"]):hover {
 983   -moz-image-region: rect(16px 192px 32px 176px);
 984 }
 985 toolbar[iconsize="small"] #cut-button[disabled="true"] {
 986   -moz-image-region: rect(32px 192px 48px 176px);
 987 }
 988 toolbar[iconsize="small"] #cut-button:not([disabled="true"]):hover:active {
 989   -moz-image-region: rect(64px 192px 80px 176px);
 990 }
 991
 992 /* copy button */
 993
 994 toolbar[iconsize="small"] #copy-button > .toolbarbutton-icon {
 995   padding-left: 1px;
 996 }
 997 toolbar[iconsize="small"] #copy-button {
 998   -moz-image-region: rect(0px 208px 16px 192px);
 999 }
1000 toolbar[iconsize="small"] #copy-button:not([disabled="true"]):hover {
1001   -moz-image-region: rect(16px 208px 32px 192px);
1002 }
1003 toolbar[iconsize="small"] #copy-button[disabled="true"] {
1004   -moz-image-region: rect(32px 208px 48px 192px);
1005 }
1006 toolbar[iconsize="small"] #copy-button:not([disabled="true"]):hover:active {
1007   -moz-image-region: rect(64px 208px 80px 192px);
1008 }
1009
1010 /* paste button */
1011
1012 toolbar[iconsize="small"] #paste-button > .toolbarbutton-icon {
1013   padding-left: 1px;
1014 }
1015 toolbar[iconsize="small"] #paste-button {
1016   -moz-image-region: rect(0px 224px 16px 208px);
1017 }
1018 toolbar[iconsize="small"] #paste-button:not([disabled="true"]):hover {
1019   -moz-image-region: rect(16px 224px 32px 208px);
1020 }
1021 toolbar[iconsize="small"] #paste-button[disabled="true"] {
1022   -moz-image-region: rect(32px 224px 48px 208px);
1023 }
1024 toolbar[iconsize="small"] #paste-button:not([disabled="true"]):hover:active {
1025   -moz-image-region: rect(64px 224px 80px 208px);
1026 }
1027
1028 /* ::::: fullscreen window controls ::::: */
1029
1030 #window-controls {
1031   -moz-box-align: start;
1032   padding: 0;
1033   border-left: 2px solid;
1034   -moz-border-left-colors: ThreeDHighlight ThreeDShadow;
1035 }
1036
1037 #minimize-button {
1038   list-style-image: url("chrome://global/skin/icons/Minimize.gif");
1039 }
1040 #restore-button {
1041   list-style-image: url("chrome://global/skin/icons/Restore.gif");
1042 }
1043 #close-button {
1044   list-style-image: url("chrome://global/skin/icons/Close.gif");
1045 }
1046
1047 /* ::::: nav-bar-inner ::::: */
1048
1049 #urlbar {
1050   width: 7em;
1051   min-width: 7em;
1052 }
1053
1054 #urlbar:-moz-system-metric(windows-default-theme) {
1055   -moz-appearance: none;
1056   border-width: 1px;
1057   -moz-border-top-colors: ThreeDShadow;
1058   -moz-border-bottom-colors: ThreeDShadow;
1059   -moz-border-right-colors: ThreeDShadow;
1060   -moz-border-left-colors: ThreeDShadow;
1061 }
1062
1063 #urlbar-container {
1064   -moz-box-orient: horizontal;
1065   -moz-box-align: stretch;
1066 }
1067
1068 #urlbar-icons {
1069   height: 18px;
1070   -moz-box-align: center;
1071   -moz-padding-end: 2px;
1072 }
1073
1074 #urlbar-search-splitter {
1075   min-width: 8px;
1076   -moz-margin-start: -4px;
1077   border: none;
1078   background: transparent;
1079 }
1080
1081 #urlbar-search-splitter + #urlbar-container > #urlbar ,
1082 #urlbar-search-splitter + #search-container > #searchbar > .searchbar-textbox {
1083   -moz-margin-start: 0;
1084 }
1085
1086 #wrapper-urlbar-container #urlbar {
1087   -moz-user-input: disabled;
1088   cursor: -moz-grab;
1089 }
1090
1091 #wrapper-urlbar-container #urlbar > .autocomplete-history-dropmarker {
1092   display: none;
1093 }
1094
1095 /* Keep the URL bar LTR */
1096
1097 #urlbar .autocomplete-textbox-container {
1098   direction: ltr;
1099 }
1100
1101 #PopupAutoComplete {
1102   direction: ltr !important;
1103 }
1104
1105 #PopupAutoComplete[chromedir="rtl"] > tree > treerows {
1106   direction: rtl;
1107 }
1108
1109 #PopupAutoComplete .autocomplete-treebody {
1110   direction: ltr;
1111 }
1112
1113 #PopupAutoCompleteRichResult {
1114   direction: ltr !important;
1115 }
1116
1117 /* ::::: page proxy icon ::::: */
1118
1119 #page-proxy-favicon,
1120 #urlbar-throbber {
1121   width: 16px;
1122   height: 16px;
1123 }
1124
1125 #page-proxy-stack {
1126   width: 24px;
1127   height: 20px;
1128   padding: 2px 4px;
1129   background: url(urlbar-favicon-glow.png) center center no-repeat;
1130 }
1131
1132 #page-proxy-favicon:not([src]) {
1133   list-style-image: url("chrome://global/skin/icons/folder-item.png");
1134   -moz-image-region: rect(0px, 16px, 16px, 0px)
1135 }
1136
1137 #page-proxy-favicon[pageproxystate="invalid"] {
1138   -moz-image-region: rect(32px, 16px, 48px, 0px);
1139 }
1140
1141 #urlbar-throbber {
1142   list-style-image: url("chrome://browser/skin/places/searching_16.png");
1143 }
1144
1145
1146 statusbarpanel#statusbar-display {
1147   -moz-padding-start: 0;
1148 }
1149
1150 /* ::::: autocomplete ::::: */
1151
1152 #treecolAutoCompleteImage {
1153   max-width: 36px;
1154 }
1155
1156 .ac-result-type-bookmark,
1157 .autocomplete-treebody::-moz-tree-image(bookmark, treecolAutoCompleteImage) {
1158   list-style-image: url("chrome://browser/skin/places/editBookmark.png");
1159   -moz-image-region: rect(0px 16px 16px 0px);
1160   width: 16px;
1161   height: 16px;
1162 }
1163
1164 .ac-result-type-keyword,
1165 .autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage) {
1166   list-style-image: url(chrome://browser/skin/Search-glass.png);
1167   -moz-image-region: rect(0px 32px 16px 16px);
1168   width: 16px;
1169   height: 16px;
1170 }
1171
1172 .ac-result-type-tag,
1173 .autocomplete-treebody::-moz-tree-image(tag, treecolAutoCompleteImage) {
1174   list-style-image: url("chrome://browser/skin/places/tag.png");
1175   width: 16px;
1176   height: 16px;
1177 }
1178
1179 .ac-comment {
1180   font-size: 1.15em;
1181 }
1182
1183 .ac-extra > .ac-comment {
1184   font-size: inherit;
1185 }
1186
1187 .ac-url-text {
1188   color: -moz-nativehyperlinktext;
1189 }
1190
1191 .ac-url-text:-moz-system-metric(windows-default-theme) {
1192   color: #006600;
1193 }
1194
1195 .autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) {
1196   color: GrayText;
1197 }
1198
1199 .ac-comment[selected="true"], .ac-url-text[selected="true"] {
1200   color: inherit !important;
1201 }
1202
1203 .autocomplete-treebody::-moz-tree-cell-text(suggesthint, treecolAutoCompleteComment),
1204 .autocomplete-treebody::-moz-tree-cell-text(suggestfirst, treecolAutoCompleteComment)
1205 {
1206   color: GrayText;
1207   font-size: smaller;
1208 }
1209
1210 .autocomplete-treebody::-moz-tree-cell(suggesthint) {
1211   border-top: 1px solid GrayText;
1212 }
1213
1214 /* ::::: go button ::::: */
1215
1216 #go-button {
1217   padding: 0 2px;
1218   list-style-image: url("chrome://browser/skin/Go-arrow.png");
1219   -moz-image-region: rect(0px 16px 16px 0px);
1220 }
1221
1222 #go-button:hover {
1223   -moz-image-region: rect(16px 16px 32px 0px);
1224 }
1225
1226 /* star button */
1227 #star-button {
1228   padding: 0 2px;
1229   list-style-image: url("chrome://browser/skin/places/bookmark.png");
1230   -moz-image-region: rect(0px 16px 16px 0px);
1231 }
1232
1233 #star-button:hover {
1234   -moz-image-region: rect(0px 32px 16px 16px);
1235 }
1236
1237 #star-button:hover:active {
1238   -moz-image-region: rect(0px 48px 16px 32px);
1239 }
1240
1241 #star-button[starred="true"] {
1242   list-style-image: url("chrome://browser/skin/places/editBookmark.png");
1243 }
1244
1245 /* bookmarking panel */
1246 #editBookmarkPanel {
1247   -moz-appearance: menupopup;
1248   color: MenuText;
1249   padding: 4px;
1250 }
1251
1252 #editBookmarkPanelStarIcon {
1253   list-style-image: url("chrome://browser/skin/places/starred48.png");
1254   width: 48px;
1255   height: 48px;
1256 }
1257
1258 #editBookmarkPanelStarIcon[unstarred] {
1259   list-style-image: url("chrome://browser/skin/places/unstarred48.png");
1260 }
1261
1262 #editBookmarkPanelTitle {
1263   font-size: 130%;
1264 }
1265
1266 /* Implements editBookmarkPanel resizing on folderTree un-collapse. */
1267 #editBMPanel_folderTree {
1268   min-width: 27em;
1269 }
1270
1271 /* ::::: content area ::::: */
1272
1273 #sidebar {
1274   background-color: Window;
1275 }
1276
1277 #sidebar-title {
1278   -moz-padding-start: 0px;
1279 }
1280
1281 #status-bar {
1282   border-top: none;
1283 }
1284
1285 #security-button {
1286   min-width: 20px;
1287   -moz-box-direction: reverse;
1288 }
1289
1290 #security-button[level="high"],
1291 #security-button[level="low"] {
1292   list-style-image: url("chrome://browser/skin/Secure.png");
1293 }
1294
1295 #security-button[level="broken"] {
1296   list-style-image: url("chrome://browser/skin/Security-broken.png");
1297 }
1298
1299 /* XXXsw prevent margins of a value-less label from shifting the image */
1300 #security-button > label:not([value]) {
1301   display: none;
1302 }
1303
1304 #page-report-button {
1305   width: 20px;
1306   list-style-image: url("chrome://browser/skin/Info.png");
1307 }
1308
1309 /* ::::: throbber ::::: */
1310
1311 #navigator-throbber {
1312   width: 16px;
1313   min-height: 16px;
1314   margin: 0 3px;
1315   list-style-image: url("chrome://global/skin/icons/notloading_16.png");
1316 }
1317
1318 #navigator-throbber[busy="true"] {
1319   list-style-image: url("chrome://global/skin/icons/loading_16.png");
1320 }
1321
1322 /* Tabstrip */
1323 .tabbrowser-tabs {
1324   -moz-appearance: -moz-win-browsertabbar-toolbox;
1325   background: -moz-dialog url("chrome://browser/skin/tabbrowser/tabbrowser-tabs-bkgnd.png") repeat-x;
1326 }
1327
1328 .tabs-container:not([overflow="true"]) {
1329   -moz-padding-start: 3px;
1330 }
1331
1332 /* Tabs */
1333 .tabbrowser-tab {
1334   -moz-appearance: none;
1335   background: url("chrome://browser/skin/tabbrowser/tab-bkgnd.png") repeat-x;
1336   margin: 3px 0px 4px;
1337   padding: 0px 1px 1px 0px;
1338   border: 2px solid;
1339   border-right-width: 1px;
1340   border-bottom: none;
1341   -moz-border-radius-topleft: 2px;
1342   -moz-border-radius-topright: 2px;
1343   -moz-border-top-colors: ThreeDShadow rgba(255,255,255,.3);
1344   -moz-border-right-colors: rgba(0,0,0,.1);
1345   -moz-border-left-colors: ThreeDShadow rgba(255,255,255,.3);
1346 }
1347
1348 .tabbrowser-tab:hover,
1349 .tabbrowser-tab[selected="true"] {
1350   border-width: 1px;
1351   -moz-border-radius-topleft: 4px;
1352   -moz-border-radius-topright: 4px;
1353   -moz-border-top-colors: ThreeDShadow;
1354   -moz-border-right-colors: ThreeDShadow;
1355   -moz-border-left-colors: ThreeDShadow;
1356 }
1357
1358 .tabbrowser-tab:not([selected="true"]):hover {
1359   margin: 2px 0px 4px;
1360   padding: 2px 1px 1px;
1361   background-image: url("chrome://browser/skin/tabbrowser/tab-hover-bkgnd.png");
1362 }
1363
1364 .tabbrowser-tab[selected="true"] {
1365   margin: 2px 0px 3px;
1366   padding: 1px;
1367   background-image: url("chrome://browser/skin/tabbrowser/tab-active-bkgnd.png");
1368   background-color: -moz-dialog;
1369   font-weight: bold;
1370 }
1371
1372 .tabbrowser-tab[busy] > .tab-icon-image {
1373   list-style-image: url("chrome://global/skin/icons/loading_16.png") !important;
1374 }
1375
1376 .tab-icon-image {
1377   margin-top: 1px;
1378   -moz-margin-start: 7px;
1379   -moz-margin-end: 3px;
1380   width: 16px;
1381   height: 16px;
1382   list-style-image: url("chrome://global/skin/icons/folder-item.png");
1383   -moz-image-region: rect(0px, 16px, 16px, 0px);
1384 }
1385
1386 .tabs-bottom {
1387   height: 4px;
1388   margin: 0px;
1389   background: -moz-dialog url("chrome://browser/skin/tabbrowser/tabstrip-bottom.png") repeat;
1390   border-top: 1px solid threedshadow;
1391   border-bottom: 1px solid threedshadow;
1392 }
1393
1394 tabpanels {
1395   -moz-appearance: none;
1396 }
1397
1398 /* tabbrowser-tab focus ring */
1399 .tab-text {
1400   border: 1px dotted transparent;
1401 }
1402
1403 .tabbrowser-tab[selected="true"]:focus > .tab-text {
1404   border: 1px dotted -moz-DialogText;
1405 }
1406
1407 /* Tab DnD indicator */
1408 .tab-drop-indicator-bar {
1409   height: 11px;
1410   margin-top: -11px;
1411   position: relative;
1412   /* set -moz-margin-start to -1/2 indicator width: */
1413   -moz-margin-start: -5px;
1414 }
1415
1416 .tab-drop-indicator {
1417   height: 11px;
1418   width: 11px;
1419   margin-bottom: -5px;
1420   position: relative;
1421   background: url('chrome://browser/skin/tabbrowser/tabDragIndicator.png') 50% 50% no-repeat;
1422 }
1423
1424 /* Tab close button */
1425 .tab-close-button > .toolbarbutton-icon {
1426   -moz-margin-end: 0px !important;
1427   margin-top: 1px;
1428 }
1429
1430 .tab-close-button {
1431   -moz-appearance: none;
1432   -moz-image-region: rect(0px, 56px, 14px, 42px);
1433   -moz-margin-end: 6px;
1434   border: none;
1435   padding: 0px;
1436   list-style-image: url("chrome://global/skin/icons/close.png");
1437 }
1438
1439 .tab-close-button:hover,
1440 .tabbrowser-tab[selected="true"] > .tab-close-button:hover {
1441   -moz-image-region: rect(0px, 28px, 14px, 14px);
1442 }
1443
1444 .tab-close-button:hover:active,
1445 .tabbrowser-tab[selected="true"] > .tab-close-button:hover:active {
1446   -moz-image-region: rect(0px, 42px, 14px, 28px);
1447 }
1448
1449 .tabbrowser-tab[selected="true"] > .tab-close-button {
1450   -moz-image-region: rect(0px, 14px, 14px, 0px);
1451   /* Make this button focusable so clicking on it will not focus the tab while
1452      it's getting closed */
1453   -moz-user-focus: normal;
1454 }
1455
1456 .tab-close-button:focus {
1457   outline: none !important;
1458 }
1459
1460 /* Tab scrollbox arrow, tabstrip new tab and all-tabs buttons */
1461 .tabbrowser-arrowscrollbox > .scrollbutton-up,
1462 .tabbrowser-arrowscrollbox > .scrollbutton-down,
1463 .tabs-newtab-button,
1464 .tabs-alltabs-button {
1465   -moz-appearance: none;
1466   width: 18px;
1467   margin: 3px 0px 4px;
1468   padding: 0px;
1469   border: 2px solid;
1470   border-right-width: 1px;
1471   border-bottom: none;
1472   -moz-border-top-colors: ThreeDShadow rgba(255,255,255,.3);
1473   -moz-border-right-colors: ThreeDShadow;
1474   -moz-border-left-colors: ThreeDShadow rgba(255,255,255,.3);
1475   background: url("chrome://browser/skin/tabbrowser/tab-bkgnd.png") repeat-x;
1476   -moz-image-region: rect(0, 11px, 14px, 0);
1477 }
1478
1479 .tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled="true"]):hover,
1480 .tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled="true"]):hover,
1481 .tabs-newtab-button:hover,
1482 .tabs-alltabs-button:hover {
1483   border-top-width: 1px;
1484   padding-top: 1px;
1485   -moz-border-top-colors: ThreeDShadow;
1486   -moz-border-right-colors: ThreeDShadow;
1487   -moz-border-left-colors: ThreeDShadow transparent;
1488   background-image: url("chrome://browser/skin/tabbrowser/tab-hover-bkgnd.png");
1489 }
1490
1491 .tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled="true"]):hover,
1492 .tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled="true"]):hover {
1493   -moz-image-region: rect(0, 22px, 14px, 11px);
1494 }
1495
1496 .tabbrowser-arrowscrollbox > .scrollbutton-up[disabled="true"],
1497 .tabbrowser-arrowscrollbox > .scrollbutton-down[disabled="true"] {
1498   opacity: .4;
1499 }
1500
1501 .tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled="true"]):hover:active,
1502 .tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled="true"]):hover:active {
1503   -moz-image-region: rect(0, 44px, 14px, 33px);
1504 }
1505
1506 .tabbrowser-arrowscrollbox > .scrollbutton-up {
1507   border-left-style: none;
1508   list-style-image: url("chrome://browser/skin/tabbrowser/tab-arrow-start.png");
1509   -moz-border-radius-topright: 2px;
1510 }
1511
1512 .tabbrowser-arrowscrollbox > .scrollbutton-up[chromedir="rtl"] {
1513   border-left-style: solid;
1514   border-right-style: none;
1515   -moz-border-radius-topleft: 2px;
1516   -moz-border-radius-topright: 0px;
1517   list-style-image: url("chrome://browser/skin/tabbrowser/tab-arrow-end.png");
1518 }
1519
1520 .tabbrowser-arrowscrollbox > .scrollbutton-up > .toolbarbutton-icon {
1521   margin: 5px 0px 1px 0px;
1522 }
1523
1524 .tabbrowser-arrowscrollbox > .scrollbutton-down,
1525 .tabs-container > .tabs-newtab-button,
1526 .tabs-alltabs-button {
1527   border-right-style: none;
1528   -moz-border-radius-topleft: 2px;
1529 }
1530
1531 .tabbrowser-arrowscrollbox > .scrollbutton-down {
1532   list-style-image: url("chrome://browser/skin/tabbrowser/tab-arrow-end.png");
1533 }
1534
1535 .tabbrowser-arrowscrollbox > .scrollbutton-down[chromedir="rtl"],
1536 .tabs-container > .tabs-newtab-button[chromedir="rtl"],
1537 .tabs-container > stack[chromedir="rtl"] > .tabs-alltabs-button {
1538   border-left-style: none;
1539   border-right-style: solid;
1540   -moz-border-radius-topleft: 0px;
1541   -moz-border-radius-topright: 2px;
1542 }
1543
1544 .tabbrowser-arrowscrollbox > .scrollbutton-down[chromedir="rtl"] {
1545   list-style-image: url("chrome://browser/skin/tabbrowser/tab-arrow-start.png");
1546 }
1547
1548 .tabbrowser-arrowscrollbox > .scrollbutton-down > .toolbarbutton-icon {
1549   margin-top: 5px;
1550   margin-bottom: 1px;
1551   -moz-margin-end: 2px;
1552 }
1553
1554 .tabs-newtab-button {
1555   opacity: .8;
1556 }
1557
1558 .tabbrowser-arrowscrollbox > .tabs-newtab-button {
1559   width: 32px;
1560   -moz-border-radius-topright: 2px;
1561   -moz-border-radius-topleft: 2px;
1562 }
1563
1564 .tabs-newtab-button > .toolbarbutton-icon {
1565   list-style-image: url(chrome://browser/skin/tabbrowser/newtab.png);
1566   margin: 3px 0 0;
1567 }
1568
1569 .tabs-alltabs-button > .toolbarbutton-text {
1570   display: none;
1571 }
1572
1573 .tabs-alltabs-button > .toolbarbutton-icon {
1574   list-style-image: url("chrome://browser/skin/tabbrowser/alltabs.png");
1575   margin: 6px 0 4px;
1576   -moz-image-region: auto;
1577 }
1578
1579 .tabs-alltabs-box-animate {
1580   margin-top: 2px;
1581   margin-bottom: 4px;
1582   width: 18px !important;
1583   background-image: url("chrome://browser/skin/tabbrowser/alltabs-box-overflow-end-bkgnd-animate.png");
1584   background-repeat: no-repeat;
1585   opacity: 0.0;
1586 }
1587
1588 stack[chromedir="rtl"] > hbox > .tabs-alltabs-box-animate {
1589   background-image: url("chrome://browser/skin/tabbrowser/alltabs-box-overflow-start-bkgnd-animate.png");
1590 }
1591
1592 /* Tabstrip close button */
1593 .tabs-closebutton {
1594   -moz-appearance: none;
1595   list-style-image: url("chrome://global/skin/icons/close.png");
1596   -moz-image-region: rect(0px, 14px, 14px, 0px);
1597   padding: 4px 2px;
1598   margin: 0px;
1599   border: none;
1600 }
1601
1602 .tabs-closebutton > .toolbarbutton-icon {
1603   -moz-margin-end: 0px !important;
1604   -moz-padding-end: 2px !important;
1605   -moz-padding-start: 2px !important;
1606 }
1607
1608 .tabs-closebutton:hover {
1609   -moz-image-region: rect(0px, 28px, 14px, 14px);
1610 }
1611
1612 .tabs-closebutton:hover:active {
1613   -moz-image-region: rect(0px, 42px, 14px, 28px);
1614 }
1615
1616 .tabs-container > .tabs-closebutton {
1617   margin: 3px 0px 3px;
1618   padding: 4px 2px 2px;
1619   background: -moz-dialog url("chrome://browser/skin/tabbrowser/tab-active-bkgnd.png") repeat-x;
1620   border-left: 1px solid threedshadow;
1621   border-top: 1px solid threedshadow;
1622   -moz-border-radius-topleft: 2px;
1623 }
1624
1625 .tabs-container > .tabs-closebutton[chromedir="rtl"] {
1626   border-left: none;
1627   border-right: 1px solid threedshadow;
1628   -moz-border-radius-topleft: 0px;
1629   -moz-border-radius-topright: 2px;
1630 }
1631
1632 #sidebar-box .tabs-closebutton {
1633   list-style-image: url("chrome://global/skin/icons/closeSidebar.png");
1634   margin-bottom: 0px !important;
1635   padding: 0px 2px 0px 2px !important;
1636 }
1637
1638 toolbarbutton.chevron {
1639   list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important;
1640 }
1641
1642 toolbarbutton.chevron[chromedir="rtl"] {
1643   list-style-image: url("chrome://global/skin/toolbar/chevron-rtl.gif") !important;
1644 }
1645
1646 toolbarbutton.chevron > .toolbarbutton-text {
1647   display: none; /* hide chevron label */
1648 }
1649
1650 toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
1651   display: none;
1652 }
1653
1654 toolbar[mode="text"] toolbarbutton.chevron > .toolbarbutton-icon {
1655   display: -moz-box; /* display chevron icon in text mode */
1656 }
1657
1658 toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-icon {
1659   display: -moz-box;
1660 }
1661
1662 toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-text {
1663    display: none;
1664 }
1665
1666 #sidebar-throbber[loading="true"] {
1667   list-style-image: url("chrome://global/skin/icons/loading_16.png");
1668   -moz-margin-end: 4px;
1669 }
1670
1671 /* Location bar dropmarker */
1672 #urlbar > .autocomplete-history-dropmarker {
1673   -moz-appearance: none;
1674   padding: 0;
1675   background-color: transparent;
1676   border: none;
1677   width: auto;
1678 }
1679
1680 #urlbar > .autocomplete-history-dropmarker:hover ,
1681 #urlbar > .autocomplete-history-dropmarker[open="true"] {
1682   background: -moz-dialog url(navbar-textbox-buttons.png) repeat-x 0 -60px !important;
1683 }
1684
1685 #urlbar > .autocomplete-history-dropmarker > .dropmarker-icon {
1686   margin: 0 5px;
1687 }
1688
1689 #urlbar[chromedir="ltr"] > .autocomplete-history-dropmarker {
1690   border-left: 1px solid;
1691   -moz-border-left-colors: transparent;
1692 }
1693
1694 #urlbar[chromedir="ltr"] > .autocomplete-history-dropmarker:hover ,
1695 #urlbar[chromedir="ltr"] > .autocomplete-history-dropmarker[open="true"] {
1696   -moz-border-left-colors: ButtonShadow;
1697 }
1698
1699 /* Feed icon */
1700 #feed-button,
1701 #feed-button > .button-box,
1702 #feed-button:hover:active > .button-box {
1703   padding: 0px;
1704   margin: 0px;
1705   border: 0px;
1706   background-color: transparent;
1707 }
1708
1709 #feed-button {
1710   -moz-appearance: none;
1711   min-width: 0px;
1712   padding: 0 2px !important;
1713   list-style-image: url("chrome://browser/skin/feeds/feed-icons-16.png");
1714   -moz-image-region: rect(0px 16px 16px 0px);
1715 }
1716
1717 #feed-button:hover {
1718   -moz-image-region: rect(0px 32px 16px 16px);
1719 }
1720
1721 #feed-button[open="true"],
1722 #feed-button:hover:active {
1723   -moz-image-region: rect(0px 48px 16px 32px);
1724 }
1725
1726 /* ::::: About Popup Blocking dialog ::::: */
1727 #pageReportFirstTime statusbarpanel.statusbar-resizerpanel {
1728   visibility: collapse;
1729 }
1730
1731 #checkForUpdates[loading="true"] {
1732   list-style-image: url("chrome://global/skin/icons/loading_16.png");
1733 }
1734
1735 /* Personal toolbar */
1736 .toolbar-drop-indicator {
1737   width: 9px;
1738   height: 18px;
1739   margin-bottom: -6px;
1740   position: relative;
1741   background: url("chrome://browser/skin/places/toolbarDropMarker.png") 50% 50% no-repeat;
1742 }
1743
1744 .toolbar-drop-indicator-bar {
1745   visibility: hidden;
1746   height: 18px;
1747   margin-bottom: -18px;
1748   position: relative;
1749 }
1750
1751 .toolbar-drop-indicator-bar[dragging="true"] {
1752   visibility: visible;
1753 }
1754
1755 toolbarbutton.bookmark-item[dragover="true"][open="true"] {
1756   -moz-appearance: none;
1757   background: Highlight !important;
1758   color: HighlightText !important;
1759 }
1760
1761 /* rules for menupopup drop indicators */
1762 .menupopup-drop-indicator-bar {
1763   position: relative;
1764   /* these two margins must together compensate the indicator's height */
1765   margin-top: -1px;
1766   margin-bottom: -1px;
1767 }
1768
1769 .menupopup-drop-indicator {
1770   list-style-image: none;
1771   height: 2px;
1772   -moz-margin-end: -4em;
1773   background-color: Highlight;
1774 }
1775
1776 /* ::::: Identity Indicator Styling ::::: */
1777 /* Location bar visuals*/
1778
1779 #urlbar[chromedir="ltr"]:-moz-system-metric(windows-default-theme) {
1780   -moz-margin-start: 6px;
1781 }
1782
1783 #urlbar > .autocomplete-textbox-container {
1784   -moz-box-align: stretch;
1785 }
1786
1787 #identity-box {
1788   overflow: -moz-hidden-unscrollable;
1789 }
1790
1791 #identity-box[chromedir="ltr"]:-moz-system-metric(windows-default-theme) {
1792   -moz-margin-start: -4px;
1793   border-right: 1px solid ThreeDShadow;
1794 }
1795
1796 #identity-box.verifiedDomain[chromedir="ltr"]:-moz-system-metric(windows-default-theme) ,
1797 #identity-box.verifiedIdentity[chromedir="ltr"]:-moz-system-metric(windows-default-theme) {
1798   border-right: 1px solid ThreeDDarkShadow;
1799 }
1800
1801 #identity-box > hbox {
1802   background: -moz-dialog url(navbar-textbox-buttons.png) repeat-x;
1803   color: -moz-dialogText;
1804   border-left: 2px solid;
1805   border-right: 2px solid;
1806   -moz-border-left-colors: ThreeDShadow rgba(255, 255, 255, 0.2);
1807   -moz-border-right-colors: ThreeDShadow rgba(255, 255, 255, 0.2);
1808   padding: 0 1px;
1809 }
1810 #identity-box[chromedir="ltr"]:not(:-moz-system-metric(windows-default-theme)) > hbox {
1811   border-left: 1px solid;
1812   -moz-border-left-colors: rgba(255, 255, 255, 0.2);
1813 }
1814 #identity-box[chromedir="ltr"]:-moz-system-metric(windows-default-theme) > hbox {
1815   margin: -11px -10px -11px 0;
1816   padding: 10px 12px 10px 3px;
1817   border-top: 1px solid ThreeDDarkShadow;
1818   border-bottom: 1px solid ThreeDDarkShadow;
1819   border-right-style: none;
1820   -moz-border-radius-topleft: 21px;
1821   -moz-border-radius-bottomleft: 21px;
1822   -moz-border-left-colors: ThreeDDarkShadow rgba(255, 255, 255, 0.4);
1823   background-position: 0 10px;
1824 }
1825
1826 #identity-box:hover > hbox {
1827   background-position: 0 -60px;
1828   -moz-border-left-colors: ThreeDShadow rgba(255, 255, 255, 0.4);
1829   -moz-border-right-colors: ThreeDShadow rgba(255, 255, 255, 0.4);
1830 }
1831 #identity-box:hover[chromedir="ltr"] > hbox {
1832   -moz-border-left-colors: rgba(255, 255, 255, 0.4);
1833 }
1834 #identity-box:hover[chromedir="ltr"]:-moz-system-metric(windows-default-theme) > hbox {
1835   background-position: 0 -50px;
1836   -moz-border-left-colors: ThreeDDarkShadow rgba(255, 255, 255, 0.6);
1837 }
1838
1839 #identity-box.verifiedDomain > hbox {
1840   background-position: 0 -120px;
1841   color: white;
1842 }
1843 #identity-box.verifiedDomain[chromedir="ltr"]:-moz-system-metric(windows-default-theme) > hbox {
1844   background-position: 0 -110px;
1845 }
1846
1847 #identity-box.verifiedDomain:hover > hbox {
1848   background-position: 0 -180px;
1849 }
1850 #identity-box.verifiedDomain:hover[chromedir="ltr"]:-moz-system-metric(windows-default-theme) > hbox {
1851   background-position: 0 -170px;
1852 }
1853
1854 #identity-box.verifiedIdentity > hbox {
1855   background-position: 0 -240px;
1856   color: white;
1857 }
1858 #identity-box.verifiedIdentity[chromedir="ltr"]:-moz-system-metric(windows-default-theme) > hbox {
1859   background-position: 0 -230px;
1860 }
1861
1862 #identity-box.verifiedIdentity:hover > hbox {
1863   background-position: 0 -300px;
1864 }
1865 #identity-box.verifiedIdentity:hover[chromedir="ltr"]:-moz-system-metric(windows-default-theme) > hbox {
1866   background-position: 0 -290px;
1867 }
1868
1869 #identity-box:focus {
1870   outline: 1px dotted -moz-DialogText;
1871   outline-offset: -3px;
1872 }
1873
1874 #identity-box.verifiedDomain:focus ,
1875 #identity-box.verifiedIdentity:focus {
1876   outline: 1px dotted white;
1877 }
1878
1879 #identity-icon-label {
1880   padding: 0 2px;
1881   margin: 0;
1882 }
1883
1884 #identity-icon-label[value=""] {
1885   display: none;
1886 }
1887
1888 /* Popup Icons */
1889 #identity-popup-icon {
1890   height: 64px;
1891   width: 64px;
1892   padding: 0;
1893   list-style-image: url("chrome://browser/skin/identity.png");
1894   -moz-image-region: rect(0px, 64px, 64px, 0px);
1895 }
1896
1897 #identity-popup.verifiedDomain > #identity-popup-container > #identity-popup-icon {
1898   -moz-image-region: rect(64px, 64px, 128px, 0px);
1899 }
1900
1901 #identity-popup.verifiedIdentity > #identity-popup-container > #identity-popup-icon {
1902   -moz-image-region: rect(128px, 64px, 192px, 0px);
1903 }
1904
1905 /* Popup Body Text */
1906 #identity-popup-content-box > description,
1907 #identity-popup-encryption-label {
1908   white-space: pre-wrap;
1909   -moz-padding-start: 15px;
1910   margin: 2px 0 4px;
1911 }
1912
1913 #identity-popup-content-box > label {
1914   white-space: pre-wrap;
1915   -moz-padding-start: 15px;
1916   margin: 0;
1917 }
1918
1919 #identity-popup-content-host ,
1920 #identity-popup-content-box.verifiedIdentity > #identity-popup-content-owner {
1921   font-size: 1.2em;
1922 }
1923
1924 #identity-popup-content-host {
1925   margin-top: 3px;
1926   margin-bottom: 5px;
1927   font-weight: bold;
1928   max-width: 300px;
1929 }
1930
1931 #identity-popup-content-owner {
1932   margin-top: 4px;
1933   margin-bottom: 0 !important;
1934   font-weight: bold;
1935   max-width: 300px;
1936 }
1937
1938 .verifiedDomain > #identity-popup-content-owner {
1939   font-weight: normal;
1940 }
1941
1942 #identity-popup-content-verifier {
1943   margin: 4px 0 2px;
1944 }
1945
1946 #identity-popup-content-box.verifiedIdentity > #identity-popup-encryption ,
1947 #identity-popup-content-box.verifiedDomain > #identity-popup-encryption {
1948   margin-top: 10px;
1949   margin-left: -24px;
1950 }
1951
1952 #identity-popup-content-box.verifiedIdentity > #identity-popup-encryption > vbox > #identity-popup-encryption-icon ,
1953 #identity-popup-content-box.verifiedDomain > #identity-popup-encryption > vbox > #identity-popup-encryption-icon {
1954   list-style-image: url("chrome://browser/skin/Secure24.png");
1955 }
1956
1957 #identity-popup-more-info-button {
1958   margin-top: 6px;
1959   -moz-margin-end: 1px;
1960 }
1961
1962 /* Popup Bounding Box */
1963 #identity-popup {
1964   -moz-appearance: menupopup;
1965   color: MenuText;
1966 }
1967
1968 /* Bug 413060, comment 14: Match #identity-box's -moz-margin-start, less 1px */
1969 #identity-popup[chromedir="ltr"]:-moz-system-metric(windows-default-theme) {
1970   -moz-margin-start: 3px;
1971 }
1972
1973 #identity-popup-container {
1974   background-image: none;
1975   min-width: 280px;
1976   padding: 10px;
1977 }
1978
1979 #download-monitor {
1980   list-style-image: url("chrome://browser/skin/Toolbar-small.png");
1981   -moz-image-region: rect(0px 96px 16px 80px);
1982 }
1983
1984 /* Bookmarks Toolbar menu-item */
1985 #bookmarksToolbarFolderMenu {
1986   list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png");
1987   -moz-image-region: auto;
1988 }
1989
1990 /* If the nav toolbar is tall enough and an input box is the last item, add
1991    extra end spacing so that horizontal spacing matches vertical spacing. */
1992 #nav-bar[mode="full"]:not([currentset]),
1993 #nav-bar[mode="full"][currentset$=",urlbar-container"],
1994 #nav-bar[mode="full"][currentset$=",search-container"],
1995 #nav-bar[iconsize="large"][mode="icons"]:not([currentset]),
1996 #nav-bar[iconsize="large"][mode="icons"][currentset$=",urlbar-container"],
1997 #nav-bar[iconsize="large"][mode="icons"][currentset$=",search-container"] {
1998   -moz-padding-end: 2px;
1999 }
2000
2001 #nav-bar[mode="full"]:not([currentset]):-moz-system-metric(windows-default-theme),
2002 #nav-bar[mode="full"][currentset$=",urlbar-container"]:-moz-system-metric(windows-default-theme),
2003 #nav-bar[mode="full"][currentset$=",search-container"]:-moz-system-metric(windows-default-theme),
2004 #nav-bar[iconsize="large"][mode="icons"]:not([currentset]):-moz-system-metric(windows-default-theme),
2005 #nav-bar[iconsize="large"][mode="icons"][currentset$=",urlbar-container"]:-moz-system-metric(windows-default-theme),
2006 #nav-bar[iconsize="large"][mode="icons"][currentset$=",search-container"]:-moz-system-metric(windows-default-theme) {
2007   -moz-padding-end: 3px;
2008 }
2009
2010 /* ::::: Keyboard UI Panel ::::: */
2011 .KUI-panel {
2012   -moz-appearance: none;
2013   background: rgba(68, 68, 68, .9) url(KUI-background.png) repeat-x;
2014   color: white;
2015   border: 1px solid rgba(255, 255, 255, 0.15);
2016   -moz-border-radius: 10px;
2017   margin-top: -1px;
2018   margin-left: -1px;
2019 }
2020
2021 .KUI-panel[level="top"] ,
2022 #ctrlTab-panel:not([sticky]) {
2023   background-color: rgba(68, 68, 68, .5);
2024   -moz-window-shadow: none;
2025 }
2026
2027 /* ::::: Ctrl-Tab Panel ::::: */
2028 #ctrlTab-panel {
2029   padding-top: 20px;
2030   font-size: 1.2em;
2031   text-shadow: 0 0 3px black, 0 0 3px black, 0 0 3px black;
2032 }
2033
2034 #ctrlTab-search {
2035   margin: 0 0 20px;
2036 }
2037
2038 .ctrlTab-thumbnail {
2039   margin-bottom: 20px;
2040   cursor: pointer;
2041   font-weight: bold;
2042 }
2043
2044 .ctrlTab-thumbnail > html|canvas {
2045   border: 2px solid white;
2046   margin: -2px;
2047 }
2048
2049 .ctrlTab-thumbnail[selected="true"] ,
2050 .ctrlTab-thumbnail:hover {
2051   background: Highlight;
2052   color: HighlightText;
2053   -moz-box-shadow: 0 0 2px Highlight, 0 0 2px Highlight, 0 0 3px Highlight, 0 0 4px Highlight, 0 0 10px Highlight, 0 0 20px white;
2054   text-shadow: 0 0 3px transparent;
2055 }
2056
2057 .ctrlTab-pagePointer {
2058   margin: 0 1em 1em;
2059   width: 1.5em;
2060   height: 1.5em;
2061   -moz-border-radius: .75em;
2062   background: rgba(0, 0, 0, .5);
2063   border: 1px solid rgba(255, 255, 255, .3);
2064   cursor: pointer;
2065 }
2066
2067 .ctrlTab-pagePointer[selected="true"] {
2068   background: rgba(255, 255, 255, .6);
2069   cursor: default;
2070 }