projects / themes.git / blame
? search:
summary | shortlog | log | commit | commitdiff | tree
blob | blame (incremental) | history | HEAD
back out change that would make bookmarks bar look strange
[themes.git] / LCARStrek / browser / browser.css
CommitLineData
acb0e9b8 1/* ***** BEGIN LICENSE BLOCK *****
319c6529 2 * Version: MPL 1.1/GPL 2.0/LGPL 2.1
acb0e9b8 3 *
319c6529
RK		 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/
acb0e9b8 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)
613daf44 25 * Dean Tessman (dean_tessman@hotmail.com)
319c6529
RK		 26 * Blake Ross (blake@cs.stanford.edu)
27 * Pamela Greene (pamg.bugs@gmail.com)
28 * Dão Gottwald (dao@mozilla.com)
29 * Jim Mathies (jmathies@mozilla.com)
30 * Drew Willcoxon (adw@mozilla.com)
8ad8bf83 31 * Paul Rouget (paul@mozilla.com)
e0c47e26 32 * Rob Campbell (rcampbell@mozilla.com)
acb0e9b8 33 *
34 * Alternatively, the contents of this file may be used under the terms of
35 * either the GNU General Public License Version 2 or later (the "GPL"), or
36 * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
37 * in which case the provisions of the GPL or the LGPL are applicable instead
38 * of those above. If you wish to allow use of your version of this file only
39 * under the terms of either the GPL or the LGPL, and not to allow others to
319c6529 40 * use your version of this file under the terms of the MPL, indicate your
acb0e9b8 41 * decision by deleting the provisions above and replace them with the notice
42 * and other provisions required by the GPL or the LGPL. If you do not delete
43 * the provisions above, a recipient may use your version of this file under
319c6529 44 * the terms of any one of the MPL, the GPL or the LGPL.
acb0e9b8 45 *
46 * ***** END LICENSE BLOCK ***** */
47
48@import url("chrome://global/skin/");
49
50@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
319c6529
RK		 51@namespace html url("http://www.w3.org/1999/xhtml");
52
53toolbar {
54 -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar");
55}
acb0e9b8 56
41279e76
RK		 57toolbar[type="menubar"][autohide="true"] {
58 -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-menubar-autohide");
59}
60
acb0e9b8 61menubar {
319c6529 62 -moz-binding: url("chrome://global/skin/globalBindings.xml#menubar");
acb0e9b8 63}
64
319c6529
RK		 65#menubar-items {
66 -moz-box-orient: vertical; /* for flex hack */
acb0e9b8 67}
68
319c6529
RK		 69#main-menubar {
70 -moz-box-flex: 1; /* make menu items expand to fill toolbar height */
71}
72
63ada306
RK		 73/* ::::: primary toolbar ::::: */
74
75.toolbar-primary > .toolbar-box > .toolbar-holder {
76 background-color: #FF9F00;
77}
78
79.toolbar-primary > .toolbar-box > .toolbar-startcap,
80.toolbar-primary > .toolbar-box > .toolbar-endcap {
81 background-color: #9C9CFF;
82}
83
84
319c6529
RK		 85#navigator-toolbox {
86}
87
9abeb12c
RK		 88#navigator-toolbox::after {
89 content: "";
90 display: -moz-box;
91 -moz-box-ordinal-group: 101; /* tabs toolbar is 100 */
92 height: 1px;
93}
94#navigator-toolbox[tabsontop=false]::after,
95#main-window[disablechrome] #navigator-toolbox::after {
96 visibility: collapse;
97}
98
319c6529
RK		 99#navigator-toolbox > toolbar:not(:-moz-lwtheme) {
100}
101
d54f5b23 102#main-window[tabsintitlebar]:not([inFullscreen]) #toolbar-menubar[inactive] ~ #TabsToolbar:not(:-moz-lwtheme) {
319c6529
RK		 103 /* like menubar */
104 background-color: #6000CF;
105 color: #FF9F00;
106}
d54f5b23 107#main-window[tabsintitlebar]:not([inFullscreen]) #toolbar-menubar[inactive] ~ #TabsToolbar:not(:-moz-lwtheme):-moz-window-inactive {
319c6529
RK		 108 background-color: #8050B0;
109 color: #FF9F00;
110}
111
112#main-window[tabsintitlebar] #titlebar:-moz-lwtheme {
113 visibility: hidden;
114}
115#main-window[tabsintitlebar] #titlebar-content:-moz-lwtheme {
116 -moz-binding: url("chrome://global/content/bindings/general.xml#windowdragbox");
117 visibility: visible;
118}
119
319c6529
RK		 120#navigator-toolbox[tabsontop="true"] > #nav-bar,
121#navigator-toolbox[tabsontop="true"]:not([customizing]) > #nav-bar[collapsed="true"] + toolbar,
122#navigator-toolbox[tabsontop="true"]:not([customizing]) > #nav-bar[collapsed="true"] + #customToolbars + #PersonalToolbar {
123 /* background-image: -moz-linear-gradient(@toolbarHighlight@, rgba(255,255,255,0)); */
124}
125
319c6529 126#personal-bookmarks {
38cfeb47 127/* min-height: 24px; */
319c6529
RK		 128}
129
130#print-preview-toolbar:not(:-moz-lwtheme) {
131 /* -moz-appearance: toolbox; */
acb0e9b8 132}
133
319c6529
RK		 134/* ::::: app menu button ::::: */
135
136#appmenu-button {
acb0e9b8 137 background-color: #FF9F00;
319c6529
RK		 138 background-clip: padding-box;
139 border-radius: 0;
140 border: none;
319c6529
RK		 141 border-right: 3px solid #000000;
142 color: #000000;
143 font-weight: bold;
5305ef8d
RK		 144 padding: 1px 1.5em;
145 margin: 0;
146}
147
148#appmenu-button:-moz-locale-dir(rtl) {
149 border-left: 3px solid #000000;
150 border-right: none;
acb0e9b8 151}
152
319c6529
RK		 153#main-window[privatebrowsingmode=temporary] #appmenu-button {
154 background-color: #6000CF;
155 color: #FFCF00;
156}
157
b36fc72e
RK		 158#appmenu-button:hover:not(:active):not([open]) {
159}
160
161#main-window[privatebrowsingmode=temporary] #appmenu-button:hover:not(:active):not([open]) {
162}
163
319c6529
RK		 164#appmenu-button:hover,
165#appmenu-button:hover:active,
166#appmenu-button[open] {
167 background-color: #FFCF00;
168 color: #000000;
169}
170
171#appmenu-button > .button-box > .button-menu-dropmarker {
db6435b4 172 list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
319c6529
RK		 173 width: auto;
174 height: auto;
175 padding: 0;
176 margin: 0;
5305ef8d
RK		 177 border: none;
178 background-color: transparent;
319c6529
RK		 179 -moz-margin-start: .5em;
180}
181
db6435b4
RK		 182#main-window[privatebrowsingmode=temporary] #appmenu-button > .button-box > .button-menu-dropmarker {
183 list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
184}
185
38cfeb47
RK		 186#appmenuPrimaryPane > menuitem,
187#appmenuSecondaryPane > menuitem,
188#appmenuPrimaryPane > menu {
189 padding: 2px;
190}
191
d54f5b23 192.splitmenu-menuitem {
38cfeb47
RK		 193 -moz-padding-start: 2px;
194 padding-top: 2px;
195 padding-bottom: 2px;
d54f5b23
RK		 196 -moz-margin-end: 1px;
197}
198
ab799a7a 199.splitmenu-menu {
38cfeb47
RK		 200 padding-top: 2px;
201 padding-bottom: 2px;
319c6529
RK		 202 -moz-box-pack: end;
203}
204
205.appmenu-edit-button {
206}
207
208.appmenu-edit-button[disabled="true"] {
209}
210
211#appmenuPrimaryPane {
212 -moz-border-end: 1px solid #9C9CFF;
213}
214/*
215 #appmenu-popup {
216 }
217 #appmenuPrimaryPane {
218 }
219 #appmenuSecondaryPane {
220 }
221 #appmenuSecondaryPane:-moz-locale-dir(rtl) {
222 }
223
224 #appmenuSecondaryPane menupopup {
225 }
226
227 .appmenu-menuseparator {
228 }
229
230 .appmenu-edit-button:not([disabled]):hover {
231 }
232*/
233#appmenuSecondaryPane-spacer {
234 min-height: 1em;
235}
236
9abeb12c
RK		 237#appmenu-editmenu {
238 -moz-box-pack: end;
239}
240
319c6529
RK		 241#appmenu_print,
242#appmenu_print_popup,
243.appmenu-edit-button,
9abeb12c
RK		 244#appmenu-editmenu-cut,
245#appmenu-editmenu-copy,
246#appmenu-editmenu-paste,
319c6529
RK		 247#appmenu-quit {
248 list-style-image: url("appmenu-icons.png");
249}
250
9abeb12c
RK		 251#appmenu-cut,
252#appmenu-editmenu-cut {
319c6529 253 -moz-image-region: rect(0 16px 16px 0);
acb0e9b8 254}
255
143c5409
RK		 256#appmenu-cut:hover:not([disabled="true"]),
257#appmenu-editmenu-cut:hover:not([disabled="true"]) {
258 -moz-image-region: rect(16px 16px 32px 0);
259}
260
261#appmenu-cut[disabled="true"],
262#appmenu-editmenu-cut[disabled="true"] {
263 -moz-image-region: rect(32px 16px 48px 0);
264}
265
9abeb12c
RK		 266#appmenu-copy,
267#appmenu-editmenu-copy {
319c6529
RK		 268 -moz-image-region: rect(0 32px 16px 16px);
269}
270
143c5409
RK		 271#appmenu-copy:hover:not([disabled="true"]),
272#appmenu-editmenu-copy:hover:not([disabled="true"]) {
273 -moz-image-region: rect(16px 32px 32px 16px);
274}
275
276#appmenu-copy[disabled="true"],
277#appmenu-editmenu-copy[disabled="true"] {
278 -moz-image-region: rect(32px 32px 48px 16px);
279}
280
9abeb12c
RK		 281#appmenu-paste,
282#appmenu-editmenu-paste {
319c6529
RK		 283 -moz-image-region: rect(0 48px 16px 32px);
284}
285
143c5409
RK		 286#appmenu-paste:hover:not([disabled="true"]),
287#appmenu-editmenu-paste:hover:not([disabled="true"]) {
288 -moz-image-region: rect(16px 48px 32px 32px);
289}
290
291#appmenu-paste[disabled="true"],
292#appmenu-editmenu-paste[disabled="true"] {
293 -moz-image-region: rect(32px 48px 48px 32px);
294}
295
319c6529
RK		 296#appmenu_print,
297#appmenu_print_popup {
298 -moz-image-region: rect(0 64px 16px 48px);
299}
300
143c5409
RK		 301#appmenu_print:hover:not([disabled="true"]),
302#appmenu_print[open="true"],
303#appmenu_print_popup:hover:not([disabled="true"]) {
304 -moz-image-region: rect(16px 64px 32px 48px);
305}
306
307#appmenu-print[disabled="true"],
308#appmenu_print_popup[disabled="true"] {
309 -moz-image-region: rect(32px 64px 48px 48px);
310}
311
319c6529
RK		 312#appmenu-quit {
313 -moz-image-region: rect(0 80px 16px 64px);
314}
315
143c5409
RK		 316#appmenu-quit:hover {
317 -moz-image-region: rect(16px 80px 32px 64px);
318}
319
319c6529
RK		 320#appmenu-edit-label {
321 -moz-appearance: none;
322 background: transparent;
323 font-style: italic;
324}
325
326#appmenu_bookmarks {
327 list-style-image: url("chrome://browser/skin/places/bookmark.png");
328 -moz-image-region: rect(0px 48px 16px 32px);
329}
330
331#appmenu_privateBrowsing {
332 list-style-image: url("chrome://browser/skin/Privacy-16.png");
333}
334
335#appmenu_addons {
336 list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png");
337}
338
339#BMB_bookmarkThisPage,
340#appmenu_bookmarkThisPage {
341 list-style-image: url("chrome://browser/skin/places/bookmark.png");
342 -moz-image-region: rect(0 16px 16px 0);
343}
344
345/* ::::: titlebar ::::: */
346
5305ef8d
RK		 347#titlebar {
348 /* like menubar */
349 background-color: #6000CF;
350 color: #FF9F00;
351}
352#titlebar:-moz-window-inactive {
353 background-color: #8050B0;
354 color: #FF9F00;
355}
356
319c6529 357#main-window[sizemode="normal"] > #titlebar {
5305ef8d
RK		 358 margin-top: -3px;
359 margin-bottom: 3px;
319c6529
RK		 360}
361
362#main-window[sizemode="maximized"] > #titlebar {
5305ef8d 363 margin-top: 4px;
319c6529
RK		 364}
365
366#titlebar-buttonbox {
5305ef8d
RK		 367 margin-top: 5px;
368 -moz-margin-end: 3px;
319c6529
RK		 369}
370
371#main-window[sizemode="maximized"] #titlebar-buttonbox {
372}
373
374.titlebar-placeholder[type="appmenu-button"] {
375 margin-left: 4px;
376}
377
378.titlebar-placeholder[type="caption-buttons"] {
379 margin-left: 10px;
380}
381
382/* titlebar command buttons */
383
384#titlebar-min {
5305ef8d
RK		 385 list-style-image: url("chrome://navigator/skin/icons/win-minimize.gif");
386}
387
388#titlebar-min:hover {
389 list-style-image: url("chrome://navigator/skin/icons/win-minimize-hover.gif");
319c6529
RK		 390}
391
392#titlebar-max {
5305ef8d
RK		 393 list-style-image: url("chrome://browser/skin/win-maximize.gif");
394}
395
396#titlebar-max:hover {
397 list-style-image: url("chrome://browser/skin/win-maximize-hover.gif");
319c6529
RK		 398}
399
400#main-window[sizemode="maximized"] #titlebar-max {
5305ef8d
RK		 401 list-style-image: url("chrome://navigator/skin/icons/win-restore.gif");
402}
403
404#main-window[sizemode="maximized"] #titlebar-max:hover {
405 list-style-image: url("chrome://navigator/skin/icons/win-restore-hover.gif");
319c6529
RK		 406}
407
408#titlebar-close {
5305ef8d
RK		 409 list-style-image: url("chrome://navigator/skin/icons/win-close.gif");
410}
411
412#titlebar-close:hover {
413 list-style-image: url("chrome://navigator/skin/icons/win-close-hover.gif");
acb0e9b8 414}
415
416/* ::::: bookmark buttons ::::: */
417
fb1aad97
RK		 418/*.bookmark-item:not(#bookmarks-menu-button) > .toolbarbutton-icon */
419.bookmark-item > .toolbarbutton-icon {
acb0e9b8 420 width: 16px;
421 height: 16px;
422}
423
424/* Prevent [mode="icons"] from hiding the label */
425.bookmark-item > .toolbarbutton-text {
426 display: -moz-box !important;
427}
428
319c6529
RK		 429.bookmark-item > .toolbarbutton-menu-dropmarker {
430 display: none;
431}
432
433#wrapper-personal-bookmarks[place="palette"] > .toolbarpaletteitem-box {
434 width: 16px;
435 height: 16px;
8da9da4e 436 background: url("chrome://communicator/skin/bookmarks/bookmarksToolbar.png") no-repeat;
319c6529
RK		 437}
438
439.bookmarks-toolbar-customize {
440 max-width: 15em !important;
8da9da4e 441 list-style-image: url("chrome://communicator/skin/bookmarks/bookmarksToolbar.png") !important;
319c6529
RK		 442}
443
444/* ::::: bookmark menus ::::: */
445
446menu.bookmark-item,
447menuitem.bookmark-item {
448 min-width: 0;
ab799a7a 449 max-width: 32em;
319c6529
RK		 450}
451
452.bookmark-item > .menu-iconic-left {
453 margin-top: 0;
454 margin-bottom: 0;
455}
456
457.bookmark-item > .menu-iconic-left > .menu-iconic-icon {
458 -moz-padding-start: 0px;
459}
460
461/* ::::: bookmark items ::::: */
462
463.bookmark-item {
dce90fef 464 list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
8da9da4e 465 -moz-image-region: auto;
319c6529
RK		 466}
467
468.bookmark-item[container] {
469 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif");
8da9da4e 470 -moz-image-region: auto;
319c6529
RK		 471}
472
473.bookmark-item[container][open] {
474 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif");
8da9da4e 475 -moz-image-region: auto;
319c6529
RK		 476}
477
8da9da4e
RK		 478.bookmark-item[container][livemark] {
479 list-style-image: url("chrome://communicator/skin/bookmarks/livemark-folder.png");
319c6529
RK		 480 -moz-image-region: auto;
481}
482
483.bookmark-item[container][livemark] .bookmark-item {
8da9da4e 484 list-style-image: url("chrome://communicator/skin/bookmarks/livemark-item.png");
319c6529
RK		 485 -moz-image-region: auto;
486}
487
488.bookmark-item[container][query] {
8da9da4e 489 list-style-image: url("chrome://communicator/skin/bookmarks/query.png");
319c6529
RK		 490 -moz-image-region: auto;
491}
492
493.bookmark-item[query][tagContainer] {
494 list-style-image: url("chrome://mozapps/skin/places/tagContainerIcon.png");
495 -moz-image-region: auto;
496}
497
498.bookmark-item[query][dayContainer] {
8da9da4e 499 list-style-image: url("chrome://communicator/skin/history/calendar.png");
319c6529
RK		 500 -moz-image-region: auto;
501}
502
503.bookmark-item[query][hostContainer] {
504 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif");
8da9da4e 505 -moz-image-region: auto;
319c6529
RK		 506}
507
508.bookmark-item[query][hostContainer][open] {
509 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif");
8da9da4e 510 -moz-image-region: auto;
319c6529
RK		 511}
512
b1234db8
RK		 513.bookmark-item[cutting] > .toolbarbutton-icon,
514.bookmark-item[cutting] > .menu-iconic-left > .menu-iconic-icon {
515 opacity: 0.5;
516}
517
518.bookmark-item[cutting] > .toolbarbutton-text,
519.bookmark-item[cutting] > .menu-iconic-left > .menu-iconic-text {
520 opacity: 0.7;
521}
522
319c6529
RK		 523/* ::::: primary toolbar buttons ::::: */
524
63ada306
RK		 525.toolbarbutton-1 {
526 list-style-image: url("chrome://browser/skin/Toolbar.png");
527}
528
529.toolbarbutton-1:not([type="menu-button"]) {
530 -moz-box-orient: vertical;
531}
532
319c6529
RK		 533.toolbarbutton-1,
534.toolbarbutton-1 > .toolbarbutton-menubutton-button {
535 min-width: 36px;
536 min-height: 36px;
319c6529
RK		 537}
538
ab799a7a
RK		 539.toolbarbutton-1:not([type="menu-button"]) {
540 -moz-box-orient: vertical;
319c6529
RK		 541}
542
543.toolbarbutton-1,
544.toolbarbutton-1 > .toolbarbutton-menubutton-button,
545.toolbarbutton-1[disabled="true"]:hover:active,
546.toolbarbutton-1[disabled="true"]:hover:active > .toolbarbutton-menubutton-button {
547 padding: 1px 2px;
548}
549
550.toolbarbutton-1:hover:active,
551.toolbarbutton-1[open="true"],
552.toolbarbutton-1:hover:active > .toolbarbutton-menubutton-button {
553 padding-top: 2px;
554 padding-bottom: 0px;
555 -moz-padding-start: 3px;
556 -moz-padding-end: 1px;
557}
558
319c6529
RK		 559/* ::::: small primary toolbar buttons ::::: */
560
9abeb12c
RK		 561#nav-bar {
562 /* force iconsize="small" on this toolbar */
563 counter-reset: smallicons;
564}
565
319c6529
RK		 566toolbar[mode="text"] .toolbarbutton-1,
567toolbar[mode="icons"] .toolbarbutton-1,
568toolbar[iconsize="small"] .toolbarbutton-1,
569:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1,
570toolbar[mode="text"] .toolbarbutton-menubutton-button,
571toolbar[mode="icons"] .toolbarbutton-menubutton-button,
572toolbar[iconsize="small"] .toolbarbutton-menubutton-button,
573:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button {
574 min-width: 0px;
575 min-height: 0px;
576}
577
578toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker {
579 padding-top: 4px;
580 padding-bottom: 8px;
581 -moz-padding-start: 1px;
582 -moz-padding-end: 1px;
583}
584
585toolbar[mode="icons"] .toolbarbutton-menubutton-dropmarker,
586toolbar[iconsize="small"] .toolbarbutton-menubutton-dropmarker,
587:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
588 padding-top: 0px;
589 padding-bottom: 13px;
590 -moz-padding-start: 1px;
591 -moz-padding-end: 1px;
592}
593
594toolbar[mode="text"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
595toolbar[mode="text"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker {
596 padding-top: 5px;
597 padding-bottom: 7px;
598 -moz-padding-start: 0px;
599 -moz-padding-end: 2px;
600}
601
602toolbar[mode="icons"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
603toolbar[mode="icons"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker,
604toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
605toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker,
606:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
607:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker {
608 padding-top: 1px;
609 padding-bottom: 12px;
610 -moz-padding-start: 0px;
611 -moz-padding-end: 2px;
612}
613
614toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker[disabled="true"] {
615 padding-top: 4px !important;
616 padding-bottom: 8px !important;
617 -moz-padding-start: 1px !important;
618 -moz-padding-end: 1px !important;
619}
620
621toolbar[mode="icons"] .toolbarbutton-menubutton-dropmarker[disabled="true"],
622toolbar[iconsize="small"] > .toolbarbutton-menubutton-dropmarker[disabled="true"] {
623 padding-top: 0px !important;
624 padding-bottom: 13px !important;
625 -moz-padding-start: 1px !important;
626 -moz-padding-end: 1px !important;
627}
628
629toolbar[mode="icons"] .toolbarbutton-text,
630toolbar[mode="text"] .toolbarbutton-icon {
631 display: none;
632}
633
634toolbar[mode="text"] .toolbarbutton-text {
635 padding: 4px 0;
636}
637
638toolbar[mode="text"] .toolbarbutton-1,
639toolbar[mode="text"] .toolbarbutton-1 > .toolbarbutton-menubutton-button {
640 -moz-box-orient: horizontal;
641}
642
643toolbar[mode="full"] .toolbarbutton-1,
644toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button {
645 min-width: 30px;
646}
647
d54f5b23 648#navigator-toolbox[iconsize=small] > #nav-bar {
d54f5b23
RK		 649}
650
651#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar {
d54f5b23
RK		 652}
653
654
319c6529
RK		 655/* unified back/forward button */
656
657#back-button {
658 -moz-image-region: rect(0, 18px, 18px, 0);
659 -moz-margin-end: 0;
660}
661
38cfeb47
RK		 662#back-button:not([disabled="true"]):hover {
663 -moz-image-region: rect(18px, 18px, 36px, 0);
664}
665
666#back-button[disabled="true"] {
667 -moz-image-region: rect(36px, 18px, 54px, 0);
668}
669
319c6529
RK		 670#forward-button {
671 -moz-image-region: rect(0, 36px, 18px, 18px);
672 border-left: none;
673 -moz-margin-start: 0;
674}
675
38cfeb47
RK		 676#forward-button:not([disabled="true"]):hover {
677 -moz-image-region: rect(18px, 36px, 36px, 18px);
678}
679
680#forward-button[disabled="true"] {
681 -moz-image-region: rect(36px, 36px, 54px, 18px);
b36fc72e
RK		 682}
683
319c6529
RK		 684#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
685#forward-button:-moz-locale-dir(rtl),
686#forward-button:-moz-locale-dir(rtl) > .toolbarbutton-text {
687 -moz-transform: scaleX(-1);
688}
689
b36fc72e
RK		 690#nav-bar #back-button {
691 -moz-margin-end: 0 !important;
692}
693
694#nav-bar #forward-button {
695 border-left-style: none;
696 -moz-margin-start: 0 !important;
697}
698
699#nav-bar #back-button:-moz-locale-dir(ltr) {
319c6529
RK		 700 border-top-right-radius: 0;
701 border-bottom-right-radius: 0;
702}
703
b36fc72e
RK		 704#nav-bar #back-button:-moz-locale-dir(rtl),
705#nav-bar #forward-button {
319c6529
RK		 706 border-top-left-radius: 0;
707 border-bottom-left-radius: 0;
708}
709
9abeb12c 710#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button {
319c6529
RK		 711 border-radius: 10000px;
712 width: 30px;
713 height: 30px;
714 position: relative;
715 z-index: 1;
716 margin-top: -2px;
717 margin-bottom: -2px;
718 border: none;
38cfeb47
RK		 719 -moz-image-region: rect(54px, 20px, 74px, 0);
720}
721
722#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button:not([disabled="true"]):hover,
723#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button[open="true"] {
724 -moz-image-region: rect(54px, 40px, 74px, 20px);
725}
726
727#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button[disabled="true"] {
728 -moz-image-region: rect(54px, 60px, 74px, 40px);
319c6529
RK		 729}
730
9abeb12c 731#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button:not([disabled="true"]):not([open="true"]):not(:active):hover {
319c6529
RK		 732}
733
9abeb12c
RK		 734#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button:not([disabled="true"]):hover:active,
735#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button[open="true"] {
319c6529
RK		 736}
737
9abeb12c
RK		 738#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar[currentset*="unified-back-forward-button"],
739#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar:not([currentset]) {
319c6529
RK		 740/* padding-top: 3px;
741 padding-bottom: 5px; */
742}
743
9abeb12c
RK		 744#navigator-toolbox[iconsize="large"][mode="icons"][tabsontop="true"] > #nav-bar[currentset*="unified-back-forward-button"],
745#navigator-toolbox[iconsize="large"][mode="icons"][tabsontop="true"] > #nav-bar:not([currentset]) {
319c6529
RK		 746/* padding-top: 5px; */
747}
748
9abeb12c 749#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #forward-button {
319c6529
RK		 750 /*mask: url(keyhole-forward-mask.svg#mask); XXX: this regresses twinopen */
751 mask: url("chrome://browser/content/browser.xul#winstripe-keyhole-forward-mask");
9abeb12c 752 -moz-margin-start: -6px !important;
319c6529
RK		 753 padding-left: 7px;
754 padding-right: 3px;
e8519ae0
RK		 755 margin-top: 2px;
756 margin-bottom: 2px;
757}
758
759#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #forward-button:-moz-locale-dir(ltr) {
760 border-top-right-radius: 11px;
761 border-bottom-right-radius: 11px;
762}
763
764#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #forward-button:-moz-locale-dir(rtl) {
765 border-top-left-radius: 11px;
766 border-bottom-left-radius: 11px;
319c6529
RK		 767}
768
9abeb12c 769#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #forward-button:not([disabled="true"]):not(:active):hover {
319c6529
RK		 770 /*mask: url(keyhole-forward-mask.svg#mask-hover);*/
771 mask: url("chrome://browser/content/browser.xul#winstripe-keyhole-forward-mask-hover");
772}
773
774.unified-nav-back[_moz-menuactive]:-moz-locale-dir(ltr),
775.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(rtl) {
71bac478
RK		 776 list-style-image: url("chrome://global/skin/arrow/arrow-left.gif") !important;
777}
778
779.unified-nav-back[_moz-menuactive]:-moz-locale-dir(ltr):hover,
780.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(rtl):hover {
781 list-style-image: url("chrome://global/skin/arrow/arrow-left-hover.gif") !important;
319c6529
RK		 782}
783
784.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(ltr),
785.unified-nav-back[_moz-menuactive]:-moz-locale-dir(rtl) {
71bac478
RK		 786 list-style-image: url("chrome://global/skin/arrow/arrow-right.gif") !important;
787}
788
789.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(ltr):hover,
790.unified-nav-back[_moz-menuactive]:-moz-locale-dir(rtl):hover {
791 list-style-image: url("chrome://global/skin/arrow/arrow-right.gif") !important;
319c6529
RK		 792}
793
8ad8bf83
RK		 794window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
795 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
796 #unified-back-forward-button > #forward-button {
e8519ae0 797/* border-top-right-radius: 0;
8ad8bf83 798 border-bottom-right-radius: 0;
e8519ae0 799 -moz-margin-end: 0; */
8ad8bf83
RK		 800}
801
802window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
803 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
804 #unified-back-forward-button:not([switchingtabs]) > #forward-button {
805 -moz-transition: opacity 150ms ease-out;
806}
807
808window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
809 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
810 #unified-back-forward-button:not(:hover) > #forward-button[disabled] {
811 opacity: 0;
812}
813
e8519ae0
RK		 814window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
815 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
816 #unified-back-forward-button:hover > #forward-button[disabled] {
817 background-color: transparent;
818}
819
319c6529
RK		 820/* stop button */
821
822#stop-button {
823 -moz-image-region: rect(0, 54px, 18px, 36px);
824}
825
143c5409
RK		 826#stop-button:not([disabled="true"]):hover {
827 -moz-image-region: rect(18px, 54px, 36px, 36px);
828}
829
830#stop-button[disabled="true"] {
831 -moz-image-region: rect(36px, 54px, 54px, 36px);
832}
833
319c6529
RK		 834/* reload button */
835
836#reload-button {
837 -moz-image-region: rect(0, 72px, 18px, 54px);
838}
839
143c5409
RK		 840#reload-button:not([disabled="true"]):hover {
841 -moz-image-region: rect(18px, 72px, 36px, 54px);
842}
843
844#reload-button[disabled="true"] {
845 -moz-image-region: rect(36px, 72px, 54px, 54px);
846}
847
319c6529
RK		 848/* home button */
849
850#home-button.bookmark-item {
851 list-style-image: url("chrome://browser/skin/Toolbar.png");
852}
853#home-button {
854 -moz-image-region: rect(0, 90px, 18px, 72px);
855}
856
143c5409
RK		 857#home-button:not([disabled="true"]):hover {
858 -moz-image-region: rect(18px, 90px, 36px, 72px);
859}
860
861#home-button[disabled="true"] {
862 -moz-image-region: rect(36px, 90px, 54px, 72px);
863}
864
319c6529
RK		 865/* tabview button */
866
d54f5b23
RK		 867#tabview-button,
868#menu_tabview {
319c6529 869 list-style-image: url("chrome://browser/skin/tabview/tabview.png");
d54f5b23
RK		 870}
871
872#tabview-button {
319c6529
RK		 873 -moz-image-region: rect(0, 90px, 18px, 72px);
874}
875
876#tabview-button[groups="0"] {
877 -moz-image-region: rect(0, 18px, 18px, 0);
878}
879
880#tabview-button[groups="1"] {
881 -moz-image-region: rect(0, 36px, 18px, 18px);
882}
883
884#tabview-button[groups="2"] {
885 -moz-image-region: rect(0, 54px, 18px, 36px);
886}
887
888#tabview-button[groups="3"] {
889 -moz-image-region: rect(0, 72px, 18px, 54px);
890}
891
d54f5b23
RK		 892#menu_tabview {
893 -moz-image-region: rect(1px, 89px, 17px, 73px);
894}
895
896#menu_tabview[groups="0"] {
897 -moz-image-region: rect(1px, 17px, 17px, 1px);
898}
899
900#menu_tabview[groups="1"] {
901 -moz-image-region: rect(1px, 35px, 17px, 19px);
902}
903
904#menu_tabview[groups="2"] {
905 -moz-image-region: rect(1px, 53px, 17px, 37px);
906}
907
908#menu_tabview[groups="3"] {
909 -moz-image-region: rect(1px, 71px, 17px, 55px);
910}
911
319c6529
RK		 912/* download manager button */
913
914#downloads-button {
915 -moz-image-region: rect(0, 108px, 18px, 90px);
916}
917
143c5409
RK		 918#downloads-button:not([disabled="true"]):hover {
919 -moz-image-region: rect(18px, 108px, 36px, 90px);
920}
921
922#downloads-button[disabled="true"] {
923 -moz-image-region: rect(36px, 108px, 54px, 90px);
924}
925
319c6529
RK		 926/* history sidebar button */
927
928#history-button {
929 -moz-image-region: rect(0, 126px, 18px, 108px);
930}
931
143c5409
RK		 932#history-button:not([disabled="true"]):hover {
933 -moz-image-region: rect(18px, 126px, 36px, 108px);
934}
935
936#history-button[disabled="true"] {
937 -moz-image-region: rect(36px, 126px, 54px, 108px);
938}
939
319c6529
RK		 940/* bookmark sidebar & menu buttons */
941
942#bookmarks-button,
943#bookmarks-menu-button {
8da9da4e 944 list-style-image: url("chrome://browser/skin/Toolbar.png") !important; /* for making the palette work */
319c6529
RK		 945 -moz-image-region: rect(0, 144px, 18px, 126px);
946}
947
948#bookmarks-menu-button.bookmark-item {
8da9da4e 949 /* list-style-image: url("chrome://browser/skin/Toolbar.png"); */
319c6529
RK		 950}
951
952#bookmarks-menu-button.toolbarbutton-1 {
953 -moz-box-orient: horizontal;
954}
955
143c5409
RK		 956#bookmarks-button:not([disabled="true"]):hover,
957#bookmarks-menu-button[open="true"],
958#bookmarks-menu-button:not([disabled="true"]):hover {
959 -moz-image-region: rect(18px, 144px, 36px, 126px);
960}
961
962#bookmarks-button[disabled="true"],
963#bookmarks-menu-button[disabled="true"] {
964 -moz-image-region: rect(36px, 144px, 54px, 126px);
965}
966
319c6529
RK		 967/* print button */
968
969#print-button {
970 -moz-image-region: rect(0, 162px, 18px, 144px);
971}
972
143c5409
RK		 973#print-button:not([disabled="true"]):hover {
974 -moz-image-region: rect(18px, 162px, 36px, 144px);
975}
976
977#print-button[disabled="true"] {
978 -moz-image-region: rect(36px, 162px, 54px, 144px);
979}
980
319c6529
RK		 981/* toolbar new tab button */
982
983#new-tab-button {
984 -moz-image-region: rect(0, 180px, 18px, 162px);
985}
986
143c5409
RK		 987#print-button:not([disabled="true"]):hover {
988 -moz-image-region: rect(18px, 162px, 36px, 144px);
989}
990
991#print-button[disabled="true"] {
992 -moz-image-region: rect(36px, 162px, 54px, 144px);
993}
994
319c6529
RK		 995/* new window button */
996
997#new-window-button {
998 -moz-image-region: rect(0, 198px, 18px, 180px);
999}
1000
143c5409
RK		 1001#new-window-button:not([disabled="true"]):hover {
1002 -moz-image-region: rect(18px, 198px, 36px, 180px);
1003}
1004
1005#new-window-button[disabled="true"] {
1006 -moz-image-region: rect(36px, 198px, 54px, 180px);
1007}
1008
319c6529
RK		 1009/* cut button */
1010
1011#cut-button {
1012 -moz-image-region: rect(0, 216px, 18px, 198px);
1013}
1014
143c5409
RK		 1015#cut-button:not([disabled="true"]):hover {
1016 -moz-image-region: rect(18px, 216px, 36px, 198px);
1017}
1018
1019#cut-button[disabled="true"] {
1020 -moz-image-region: rect(36px, 216px, 54px, 198px);
1021}
1022
319c6529
RK		 1023/* copy button */
1024
1025#copy-button {
1026 -moz-image-region: rect(0, 234px, 18px, 216px);
1027}
1028
143c5409
RK		 1029#copy-button:not([disabled="true"]):hover {
1030 -moz-image-region: rect(18px, 234px, 36px, 216px);
1031}
1032
1033#copy-button[disabled="true"] {
1034 -moz-image-region: rect(36px, 234px, 54px, 216px);
1035}
1036
319c6529
RK		 1037/* paste button */
1038
1039#paste-button {
1040 -moz-image-region: rect(0, 252px, 18px, 234px);
1041}
1042
143c5409
RK		 1043#paste-button:not([disabled="true"]):hover {
1044 -moz-image-region: rect(18px, 252px, 36px, 234px);
1045}
1046
1047#paste-button[disabled="true"] {
1048 -moz-image-region: rect(36px, 252px, 54px, 234px);
1049}
1050
319c6529
RK		 1051/* fullscreen button */
1052
1053#fullscreen-button {
1054 -moz-image-region: rect(0, 270px, 18px, 252px);
1055}
1056
143c5409
RK		 1057#fullscreen-button:not([disabled="true"]):hover {
1058 -moz-image-region: rect(18px, 270px, 36px, 252px);
1059}
1060
1061#fullscreen-button[disabled="true"] {
1062 -moz-image-region: rect(36px, 270px, 54px, 252px);
1063}
1064
319c6529
RK		 1065/* zoom controls */
1066
1067#zoom-out-button {
1068 -moz-image-region: rect(0, 288px, 18px, 270px);
1069 -moz-margin-end: 0;
1070}
1071
1072#zoom-in-button {
1073 -moz-image-region: rect(0, 306px, 18px, 288px);
b36fc72e
RK		 1074}
1075
1076#nav-bar #zoom-out-button {
1077 -moz-margin-end: 0;
1078}
1079
1080#nav-bar #zoom-in-button {
319c6529
RK		 1081 -moz-border-start: none;
1082 -moz-margin-start: 0;
1083}
1084
b36fc72e
RK		 1085#nav-bar #zoom-out-button:-moz-locale-dir(ltr),
1086#nav-bar #zoom-in-button:-moz-locale-dir(rtl) {
319c6529
RK		 1087 border-top-right-radius: 0;
1088 border-bottom-right-radius: 0;
1089}
1090
b36fc72e
RK		 1091#nav-bar #zoom-out-button:-moz-locale-dir(rtl),
1092#nav-bar #zoom-in-button:-moz-locale-dir(ltr) {
319c6529
RK		 1093 border-top-left-radius: 0;
1094 border-bottom-left-radius: 0;
1095}
1096
143c5409
RK		 1097#zoom-out-button:not([disabled="true"]):hover {
1098 -moz-image-region: rect(18px, 288px, 36px, 270px);
1099}
1100
1101#zoom-out-button[disabled="true"] {
1102 -moz-image-region: rect(36px, 288px, 54px, 270px);
1103}
1104
1105#zoom-in-button:not([disabled="true"]):hover {
1106 -moz-image-region: rect(18px, 306px, 36px, 288px);
1107}
1108
1109#zoom-in-button[disabled="true"] {
1110 -moz-image-region: rect(36px, 306px, 54px, 288px);
1111}
1112
319c6529
RK		 1113/* sync button */
1114
dce90fef 1115#sync-button:not([status]) {
8da9da4e 1116 list-style-image: url("chrome://browser/skin/Toolbar.png") !important; /* for making the palette work */
319c6529
RK		 1117 -moz-image-region: rect(0, 324px, 18px, 306px);
1118}
1119
1120#sync-button[status="active"] {
1121 list-style-image: url("chrome://browser/skin/sync-throbber.png");
1122 -moz-image-region: rect(0, 18px, 18px, 0);
1123}
1124
143c5409
RK		 1125#sync-button[disabled="true"] {
1126 -moz-image-region: rect(36px, 324px, 54px, 306px);
1127}
1128
319c6529
RK		 1129/* feed button */
1130
1131#feed-button {
1132 -moz-image-region: rect(0, 342px, 18px, 324px);
1133}
1134
143c5409
RK		 1135#feed-button[disabled="true"] {
1136 -moz-image-region: rect(36px, 342px, 54px, 324px);
1137}
1138
319c6529
RK		 1139/* ::::: fullscreen window controls ::::: */
1140
ab799a7a
RK		 1141#TabsToolbar > #window-controls {
1142 -moz-margin-start: 4px;
1143}
1144
319c6529
RK		 1145#minimize-button,
1146#restore-button,
1147#close-button {
1148/* padding: 0; */
1149}
1150
1151#minimize-button {
1152 list-style-image: url("chrome://navigator/skin/icons/win-minimize.gif");
1153}
1154
1155#minimize-button:hover {
1156 list-style-image: url("chrome://navigator/skin/icons/win-minimize-hover.gif");
1157}
1158
1159#restore-button {
1160 list-style-image: url("chrome://navigator/skin/icons/win-restore.gif");
1161}
1162
1163#restore-button:hover {
1164 list-style-image: url("chrome://navigator/skin/icons/win-restore-hover.gif");
1165}
1166
1167#close-button {
1168 list-style-image: url("chrome://navigator/skin/icons/win-close.gif");
1169}
1170
1171#close-button:hover {
1172 list-style-image: url("chrome://navigator/skin/icons/win-close-hover.gif");
1173}
1174
1175/* ::::: Location Bar ::::: */
1176
319c6529
RK		 1177#urlbar,
1178.searchbar-textbox {
1179 border-radius: 5px;
1180 margin: 0;
1181 -moz-margin-start: 3px;
1182}
1183
ffce2402
RK		 1184#urlbar {
1185 width: 7em;
1186 min-width: 7em;
ffce2402
RK		 1187}
1188
319c6529
RK		 1189#urlbar:-moz-lwtheme,
1190.searchbar-textbox:-moz-lwtheme {
1191 /* background-color: rgba(255,255,255,.8);
1192 @navbarTextboxCustomBorder@
1193 color: black; */
1194}
1195
8ad8bf83
RK		 1196window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1197 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
e8519ae0
RK		 1198 #unified-back-forward-button + #urlbar-container {
1199 padding-left: 22px;
1200 -moz-margin-start: -22px;
8ad8bf83
RK		 1201 position: relative;
1202 pointer-events: none;
1203}
1204
1205window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1206 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
e8519ae0
RK		 1207 #unified-back-forward-button + #urlbar-container > #urlbar {
1208/* -moz-border-start: none;
1209 margin-left: 0; */
8ad8bf83
RK		 1210 pointer-events: all;
1211}
1212
1213window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1214 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
e8519ae0 1215 #unified-back-forward-button:not([switchingtabs]) + #urlbar-container > #urlbar {
8ad8bf83
RK		 1216 -moz-transition: margin-left 150ms ease-out;
1217}
1218
1219window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1220 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
e8519ae0
RK		 1221 #unified-back-forward-button + #urlbar-container > #urlbar:-moz-locale-dir(ltr) {
1222/* border-top-left-radius: 0;
1223 border-bottom-left-radius: 0; */
8ad8bf83
RK		 1224}
1225
1226window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1227 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
e8519ae0
RK		 1228 #unified-back-forward-button + #urlbar-container > #urlbar:-moz-locale-dir(rtl) {
1229/* border-top-right-radius: 0;
1230 border-bottom-right-radius: 0; */
8ad8bf83
RK		 1231}
1232
1233window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1234 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
e8519ae0 1235 #unified-back-forward-button[forwarddisabled] + #urlbar-container {
8ad8bf83
RK		 1236 mask: url("chrome://browser/content/browser.xul#winstripe-urlbar-back-button-mask");
1237}
1238
1239window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1240 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
e8519ae0
RK		 1241 #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar {
1242 margin-left: -22px;
8ad8bf83
RK		 1243}
1244
1245window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1246 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
e8519ae0 1247 #unified-back-forward-button[forwarddisabled]:hover:not([switchingtabs]) + #urlbar-container > #urlbar {
8ad8bf83
RK		 1248 /* delay the hiding of the forward button when hovered to avoid accidental clicks on the url bar */
1249 -moz-transition-delay: 100s;
1250}
1251
1252window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1253 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
e8519ae0 1254 #unified-back-forward-button[forwarddisabled]:not(:hover) + #urlbar-container > #urlbar {
8ad8bf83 1255 /* when not hovered anymore, trigger a new transition to hide the forward button immediately */
e8519ae0 1256 margin-left: -22.01px;
8ad8bf83
RK		 1257}
1258
1259window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1260 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
e8519ae0 1261 #unified-back-forward-button + #urlbar-container:-moz-locale-dir(rtl),
8ad8bf83
RK		 1262window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1263 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
e8519ae0 1264 #unified-back-forward-button + #urlbar-container > #urlbar:-moz-locale-dir(rtl) {
8ad8bf83
RK		 1265 /* let winstripe-urlbar-back-button-mask clip the urlbar's right side for RTL */
1266 -moz-transform: scaleX(-1);
1267}
1268
319c6529
RK		 1269html|*.urlbar-input:-moz-lwtheme:-moz-placeholder,
1270.searchbar-textbox:-moz-lwtheme > .autocomplete-textbox-container > .textbox-input-box > html|*.textbox-input:-moz-placeholder {
1271 color: #E7ADE7;
1272}
1273
1274#urlbar:-moz-lwtheme[focused="true"],
1275.searchbar-textbox:-moz-lwtheme[focused="true"] {
1276/* background-color: white; */
1277}
1278
1279#urlbar-container {
1280 -moz-box-orient: horizontal;
1281 -moz-box-align: stretch;
1282}
1283
9abeb12c
RK		 1284.urlbar-textbox-container {
1285 -moz-box-align: stretch;
1286}
1287
319c6529 1288#urlbar-icons {
319c6529
RK		 1289 -moz-box-align: center;
1290}
1291
1292.urlbar-icon {
4b686546 1293 padding: 2px;
ffce2402
RK		 1294}
1295
1296.searchbar-engine-button,
1297.search-go-container {
4b686546
RK		 1298 padding: 2px;
1299}
1300
1301.search-go-container > .search-go-button {
1302 padding: 0;
319c6529
RK		 1303}
1304
1305.urlbar-icon:-moz-system-metric(touch-enabled) {
1306 -moz-margin-end: 1px !important;
1307 padding: 0 3px !important;
1308}
1309
ffce2402
RK		 1310.urlbar-icon:hover {
1311}
1312
1313.urlbar-icon[open="true"],
1314.urlbar-icon:hover:active {
1315}
1316
319c6529
RK		 1317#urlbar-search-splitter {
1318 min-width: 6px;
1319 -moz-margin-start: -3px;
1320 border: none;
1321 background: transparent;
1322}
1323
1324#urlbar-search-splitter + #urlbar-container > #urlbar ,
1325#urlbar-search-splitter + #search-container > #searchbar > .searchbar-textbox {
1326 -moz-margin-start: 0;
1327}
1328
319c6529 1329#urlbar-display {
319c6529
RK		 1330 -moz-border-end: 1px solid #9C9CFF;
1331 -moz-margin-end: 3px;
ab799a7a
RK		 1332 margin-top: 0;
1333 margin-bottom: 0;
1334 color: #8050B0;
1335}
1336
319c6529
RK		 1337/* identity box */
1338
1339#identity-box {
1340 background-color: #000000;
1341 color: #FF9F00;
1342 border-radius: 2px;
1343}
1344
8ad8bf83
RK		 1345#notification-popup-box:not([hidden]) + #identity-box {
1346 -moz-padding-start: 10px;
1347 border-radius: 0;
1348}
1349
1350window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1351 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
e8519ae0 1352 #unified-back-forward-button + #urlbar-container > #urlbar > #identity-box {
d15d08bf 1353/* border-radius: 0; */
8ad8bf83
RK		 1354}
1355
1356window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1357 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
e8519ae0 1358 #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) {
8ad8bf83
RK		 1359 padding-left: 5px;
1360 -moz-transition: padding-left;
1361}
1362
1363window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1364 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
e8519ae0 1365 #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl) {
8ad8bf83
RK		 1366 padding-right: 5px;
1367 -moz-transition: padding-right;
1368}
1369
1370window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1371 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
e8519ae0 1372 #unified-back-forward-button[forwarddisabled]:hover:not([switchingtabs]) + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box {
8ad8bf83
RK		 1373 /* forward button hiding is delayed when hovered */
1374 -moz-transition-delay: 100s;
1375}
1376
1377window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1378 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
e8519ae0 1379 #unified-back-forward-button[forwarddisabled]:not(:hover) + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) {
8ad8bf83
RK		 1380 /* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */
1381 padding-left: 5.01px;
1382}
1383
1384window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1385 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
e8519ae0 1386 #unified-back-forward-button[forwarddisabled]:not(:hover) + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl) {
8ad8bf83
RK		 1387 /* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */
1388 padding-right: 5.01px;
1389}
1390
319c6529
RK		 1391#identity-box:hover {
1392 background-color: #9C9CFF;
1393 color: #000000;
1394}
1395
1396#identity-box[open="true"],
1397#identity-box:hover:active {
1398 background-color: #FF9F00;
1399 color: #000000;
1400}
1401
1402#identity-box.verifiedDomain {
1403 background-color: #FFCF00;
1404 color: #000000;
1405}
1406
1407#identity-box.verifiedIdentity {
1408 background-color: #008484;
1409 color: #000000;
1410}
1411
1412#identity-box:-moz-focusring {
1413 outline: 1px dotted #008484;
f993773d 1414 outline-offset: -1px;
319c6529
RK		 1415}
1416
1417#identity-box.verifiedDomain:-moz-focusring,
1418#identity-box.verifiedIdentity:-moz-focusring {
1419 outline-color: #000000;
1420}
1421
1422#identity-icon-labels {
1423 -moz-margin-start: 1px;
1424 -moz-margin-end: 3px;
319c6529
RK		 1425}
1426
1427/* Location bar dropmarker */
1428
38cfeb47 1429.urlbar-history-dropmarker:not(:hover):not([open="true"]) {
319c6529 1430 background-color: transparent;
319c6529
RK		 1431}
1432
38cfeb47
RK		 1433#urlbar-container[combined="true"] > #urlbar > .urlbar-history-dropmarker {
1434 border: none;
1435 border-radius: 0px;
319c6529
RK		 1436}
1437
ffce2402
RK		 1438.urlbar-history-dropmarker:hover {
1439}
1440
1441.urlbar-history-dropmarker:hover:active,
1442.urlbar-history-dropmarker[open="true"] {
1443}
1444
319c6529
RK		 1445/* page proxy icon */
1446
4d58ff64 1447#page-proxy-favicon {
319c6529
RK		 1448 width: 16px;
1449 height: 16px;
1450}
1451
1452#page-proxy-stack {
1453 width: 24px;
1454 height: 18px;
1455 padding: 1px 4px;
319c6529
RK		 1456}
1457
1458#page-proxy-favicon:not([src]) {
dce90fef 1459 list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
acb0e9b8 1460}
1461
319c6529 1462#page-proxy-favicon[pageproxystate="invalid"] {
dce90fef 1463 opacity: 0.5;
acb0e9b8 1464}
1465
319c6529
RK		 1466/* autocomplete */
1467
319c6529
RK		 1468#treecolAutoCompleteImage {
1469 max-width: 36px;
1470}
acb0e9b8 1471
319c6529
RK		 1472.ac-result-type-bookmark,
1473.autocomplete-treebody::-moz-tree-image(bookmark, treecolAutoCompleteImage) {
71bac478 1474 list-style-image: url("chrome://browser/skin/places/bookmark.png");
319c6529 1475 -moz-image-region: rect(0px 16px 16px 0px);
c1f7cc84 1476 width: 16px;
319c6529 1477 height: 16px;
acb0e9b8 1478}
1479
319c6529
RK		 1480.ac-result-type-keyword,
1481.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage) {
1482 list-style-image: url("chrome://global/skin/icons/Search-glass.png");
1483 -moz-image-region: rect(0px 32px 16px 16px);
acb0e9b8 1484 width: 16px;
1485 height: 16px;
1486}
1487
319c6529
RK		 1488.ac-result-type-tag,
1489.autocomplete-treebody::-moz-tree-image(tag, treecolAutoCompleteImage) {
8da9da4e 1490 list-style-image: url("chrome://mozapps/skin/places/tagContainerIcon.png");
c1f7cc84 1491 width: 16px;
319c6529
RK		 1492 height: 16px;
1493}
acb0e9b8 1494
319c6529
RK		 1495.ac-comment {
1496 font-size: 1.15em;
acb0e9b8 1497}
319c6529
RK		 1498
1499.ac-extra > .ac-comment {
1500 font-size: inherit;
acb0e9b8 1501}
319c6529
RK		 1502
1503.ac-url-text,
1504.ac-action-text {
1505 color: #9C9CFF;
acb0e9b8 1506}
319c6529
RK		 1507
1508richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-icon {
1509 list-style-image: url("chrome://browser/skin/actionicon-tab.png");
acb0e9b8 1510}
1511
319c6529
RK		 1512.autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) {
1513 color: #8050B0;
1514}
acb0e9b8 1515
319c6529
RK		 1516.ac-comment[selected="true"],
1517.ac-url-text[selected="true"],
1518.ac-action-text[selected="true"] {
1519 color: inherit !important;
acb0e9b8 1520}
1521
c1f7cc84
RK		 1522.autocomplete-treebody::-moz-tree-cell-text(suggesthint, treecolAutoCompleteComment),
1523.autocomplete-treebody::-moz-tree-cell-text(suggestfirst, treecolAutoCompleteComment)
319c6529
RK		 1524{
1525 color: #8050B0;
1526 font-size: smaller;
acb0e9b8 1527}
319c6529
RK		 1528
1529.autocomplete-treebody::-moz-tree-cell(suggesthint) {
1530 border-top: 1px solid #9C9CFF;
acb0e9b8 1531}
1532
319c6529
RK		 1533/* combined go/reload/stop button in location bar */
1534
ffce2402 1535#go-button,
319c6529
RK		 1536#urlbar > toolbarbutton {
1537 list-style-image: url("chrome://browser/skin/reload-stop-go.png");
38cfeb47 1538 /* margin: -2px; */
9abeb12c 1539 -moz-margin-start: 0;
ffce2402 1540 padding: 0 2px;
319c6529
RK		 1541 background-origin: border-box;
1542 border: none;
9abeb12c
RK		 1543 -moz-border-start: 1px solid #9C9CFF;
1544}
1545
ffce2402
RK		 1546#go-button {
1547 padding: 0 3px;
1548}
1549
9abeb12c 1550#urlbar:-moz-locale-dir(ltr) > toolbarbutton {
38cfeb47
RK		 1551 border-top-left-radius: 0px;
1552 border-bottom-left-radius: 0px;
acb0e9b8 1553}
acb0e9b8 1554
9abeb12c 1555#urlbar:-moz-locale-dir(rtl) > toolbarbutton {
38cfeb47
RK		 1556 border-top-right-radius: 0px;
1557 border-bottom-right-radius: 0px;
9abeb12c
RK		 1558}
1559
dce90fef
RK		 1560#urlbar > toolbarbutton:not([disabled]):active:hover,
1561#urlbar-reload-button:not(:hover) {
1562 -moz-border-start-style: none;
714b11f6 1563 -moz-padding-start: 3px;
dce90fef
RK		 1564}
1565
1566#urlbar > toolbarbutton:not([disabled]):active:hover {
acb0e9b8 1567}
1568
319c6529 1569#urlbar-go-button {
ffce2402 1570 -moz-image-region: rect(0, 42px, 14px, 28px);
acb0e9b8 1571}
1572
ffce2402
RK		 1573#go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
1574#urlbar-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
1575 -moz-transform: scaleX(-1);
1576}
1577
1578#urlbar-go-button:hover,
1579#go-button:hover {
1580 -moz-image-region: rect(14px, 42px, 28px, 28px);
acb0e9b8 1581}
1582
319c6529 1583#urlbar-reload-button {
ffce2402 1584 -moz-image-region: rect(0px, 14px, 14px, 0px);
38cfeb47
RK		 1585}
1586
1587#urlbar-reload-button[disabled] {
ffce2402 1588 -moz-image-region: rect(28px, 14px, 42px, 0px);
acb0e9b8 1589}
1590
319c6529 1591#urlbar-reload-button:not([disabled]):hover {
ffce2402 1592 -moz-image-region: rect(14px, 14px, 28px, 0px);
acb0e9b8 1593}
319c6529
RK		 1594
1595#urlbar-stop-button {
ffce2402 1596 -moz-image-region: rect(0px, 28px, 14px, 14px);
acb0e9b8 1597}
319c6529
RK		 1598
1599#urlbar-stop-button:hover {
ffce2402 1600 -moz-image-region: rect(14px, 28px, 28px, 14px);
acb0e9b8 1601}
1602
319c6529
RK		 1603/* popup blocker button */
1604
1605#page-report-button {
1606 list-style-image: url("chrome://browser/skin/urlbar-popup-blocked.png");
1607 -moz-image-region: rect(0, 16px, 16px, 0);
acb0e9b8 1608}
319c6529 1609
71bac478 1610#page-report-button:hover ,
319c6529
RK		 1611#page-report-button:hover:active,
1612#page-report-button[open="true"] {
71bac478 1613 -moz-image-region: rect(0, 32px, 16px, 16px);
acb0e9b8 1614}
1615
319c6529
RK		 1616/* star button */
1617
1618#star-button {
71bac478
RK		 1619 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark.png");
1620 -moz-image-region: rect(16px 16px 32px 0px);
acb0e9b8 1621}
319c6529
RK		 1622
1623#star-button:hover {
71bac478 1624 -moz-image-region: rect(16px 32px 32px 16px);
acb0e9b8 1625}
319c6529
RK		 1626
1627#star-button:hover:active {
71bac478 1628 -moz-image-region: rect(16px 48px 32px 32px);
acb0e9b8 1629}
1630
319c6529 1631#star-button[starred="true"] {
71bac478
RK		 1632 -moz-image-region: rect(0px 16px 16px 0px);
1633}
1634
1635#star-button[starred="true"]:hover {
1636 -moz-image-region: rect(0px 32px 16px 16px);
1637}
1638
1639#star-button[starred="true"]:hover:active {
1640 -moz-image-region: rect(0px 48px 16px 32px);
acb0e9b8 1641}
319c6529
RK		 1642
1643/* bookmarking panel */
1644#editBookmarkPanelStarIcon {
1645 list-style-image: url("chrome://browser/skin/places/starred48.png");
1646 width: 48px;
1647 height: 48px;
acb0e9b8 1648}
319c6529
RK		 1649
1650#editBookmarkPanelStarIcon[unstarred] {
1651 list-style-image: url("chrome://browser/skin/places/unstarred48.png");
acb0e9b8 1652}
1653
319c6529
RK		 1654#editBookmarkPanelTitle {
1655 font-size: 130%;
acb0e9b8 1656}
319c6529
RK		 1657
1658#editBookmarkPanelHeader,
1659#editBookmarkPanelContent {
1660 margin-bottom: .5em;
acb0e9b8 1661}
319c6529
RK		 1662
1663/* Implements editBookmarkPanel resizing on folderTree un-collapse. */
1664#editBMPanel_folderTree {
1665 min-width: 27em;
acb0e9b8 1666}
1667
f993773d 1668.panel-promo-box {
5a3cfc14 1669 margin: 5px -6px -6px;
f0eab82c 1670 padding: 5px;
f0eab82c
RK		 1671 border-bottom-left-radius: 5px;
1672 border-bottom-right-radius: 5px;
f993773d
RK		 1673 border-top: 1px solid #9C9CFF;
1674}
1675
1676.panel-promo-icon {
1677 list-style-image: url("chrome://browser/skin/sync-notification-24.png");
1678 -moz-margin-end: 10px;
1679 vertical-align: middle;
1680}
1681
1682.panel-promo-closebutton {
1683 list-style-image: url("chrome://global/skin/icons/close-button.gif");
f0eab82c
RK		 1684 -moz-margin-end: -3px;
1685 margin-top: -3px;
f993773d
RK		 1686}
1687
1688.panel-promo-closebutton:hover {
1689 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
1690}
1691
1692.panel-promo-closebutton:hover:active {
1693 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
1694}
1695
1696.panel-promo-closebutton > .toolbarbutton-text {
1697 padding: 0;
1698 margin: 0;
1699}
1700
319c6529
RK		 1701/* ::::: content area ::::: */
1702
1703#sidebar {
1704 background-color: Window;
acb0e9b8 1705}
319c6529
RK		 1706
1707#sidebar-title {
1708 -moz-padding-start: 0px;
acb0e9b8 1709}
319c6529
RK		 1710
1711/* ::::: throbber ::::: */
1712
1713#navigator-throbber {
1714 width: 16px;
1715 min-height: 16px;
1716 margin: 0 3px;
acb0e9b8 1717}
1718
319c6529
RK		 1719#navigator-throbber[busy="true"] {
1720 list-style-image: url("chrome://communicator/skin/brand/throbber16-anim.gif");
acb0e9b8 1721}
319c6529
RK		 1722
1723#navigator-throbber,
1724#wrapper-navigator-throbber > #navigator-throbber {
1725 list-style-image: url("chrome://communicator/skin/brand/throbber16-single.gif");
acb0e9b8 1726}
319c6529
RK		 1727
1728/* Tabstrip */
b36fc72e 1729
319c6529
RK		 1730#TabsToolbar {
1731 min-height: 0;
1732 padding: 0;
b36fc72e
RK		 1733 -moz-binding: url("chrome://global/content/bindings/toolbar.xml#toolbar");
1734}
1735
1736#TabsToolbar .toolbar-holder {
c1f7cc84 1737 background-color: #000000; /* correct effect of being an actual toolbar */
acb0e9b8 1738}
1739
b36fc72e 1740#main-window[disablechrome] #TabsToolbar,
319c6529
RK		 1741#TabsToolbar[tabsontop="false"] {
1742 border-bottom: 1px solid #FF9F00;
acb0e9b8 1743}
319c6529 1744
319c6529
RK		 1745.tabbrowser-tab,
1746.tabs-newtab-button {
1747 margin-top: 0px;
acb0e9b8 1748}
319c6529
RK		 1749
1750.tabbrowser-tab:hover,
1751.tabs-newtab-button:hover {
acb0e9b8 1752}
319c6529
RK		 1753
1754.tabbrowser-tab[selected="true"] {
acb0e9b8 1755}
1756
9abeb12c
RK		 1757#main-window[tabsontop=false]:not([disablechrome]) .tabbrowser-tab[selected=true]:not(:-moz-lwtheme) {
1758}
1759
319c6529 1760.tabbrowser-tab:-moz-lwtheme {
acb0e9b8 1761}
319c6529
RK		 1762
1763.tabbrowser-tab[selected="true"]:-moz-lwtheme {
acb0e9b8 1764}
319c6529
RK		 1765
1766.tabbrowser-tab:-moz-lwtheme-brighttext:not([selected="true"]),
1767.tabs-newtab-button:-moz-lwtheme-brighttext {
acb0e9b8 1768}
1769
319c6529
RK		 1770.tabbrowser-tab:-moz-lwtheme-brighttext:not([selected="true"]):hover,
1771.tabs-newtab-button:-moz-lwtheme-brighttext:hover {
acb0e9b8 1772}
319c6529
RK		 1773
1774.tabbrowser-tab:-moz-lwtheme-darktext:not([selected="true"]),
1775.tabs-newtab-button:-moz-lwtheme-darktext {
acb0e9b8 1776}
319c6529
RK		 1777
1778.tabbrowser-tab:-moz-lwtheme-darktext:not([selected="true"]):hover,
1779.tabs-newtab-button:-moz-lwtheme-darktext:hover {
acb0e9b8 1780}
1781
319c6529
RK		 1782.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) {
1783 background-color: #E7ADE7;
613daf44 1784}
319c6529
RK		 1785.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]):hover {
1786 background-color: #0000FF;
1787 color: #000000;
613daf44 1788}
319c6529
RK		 1789
1790.tab-throbber,
1791.tab-icon-image {
1792 width: 16px;
1793 height: 16px;
dce90fef 1794 list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
8da9da4e 1795 -moz-image-region: auto;
319c6529 1796 -moz-margin-end: 3px;
613daf44 1797}
1798
319c6529
RK		 1799.tab-throbber {
1800 list-style-image: url("chrome://browser/skin/tabbrowser/connecting.png");
613daf44 1801}
319c6529
RK		 1802
1803.tab-throbber[progress] {
1804 list-style-image: url("chrome://browser/skin/tabbrowser/loading.png");
613daf44 1805}
319c6529 1806
d54f5b23 1807#tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
319c6529 1808 min-height: 16px; /* corresponds to the max. height of non-textual tab contents, i.e. the favicon */
613daf44 1809}
1810
319c6529
RK		 1811.tab-throbber[pinned],
1812.tab-icon-image[pinned] {
1813 -moz-margin-start: 2px;
1814 -moz-margin-end: 2px;
613daf44 1815}
319c6529
RK		 1816
1817/* tabbrowser-tab focus ring */
1818.tabbrowser-tab:focus > .tab-stack {
1819 outline: 1px dotted;
613daf44 1820}
319c6529 1821
8ad8bf83 1822/* Tab DnD indicator */
319c6529
RK		 1823.tab-drop-indicator {
1824 list-style-image: url("chrome://browser/skin/tabbrowser/tabDragIndicator.png");
9abeb12c 1825 margin-bottom: -11px;
613daf44 1826}
1827
319c6529
RK		 1828/* Tab close button */
1829.tab-close-button {
1830 border: none;
1831 padding: 0px;
1832 list-style-image: url("chrome://global/skin/icons/close-button.gif");
1833}
acb0e9b8 1834
319c6529
RK		 1835.tab-close-button:-moz-system-metric(touch-enabled) {
1836 -moz-transform: scale(1.2);
1837}
acb0e9b8 1838
319c6529
RK		 1839.tab-close-button:hover,
1840.tab-close-button:hover[selected="true"] {
1841 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
acb0e9b8 1842}
319c6529
RK		 1843
1844.tab-close-button:hover:active,
1845.tab-close-button:hover:active[selected="true"] {
1846 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
acb0e9b8 1847}
319c6529 1848
319c6529
RK		 1849/* Tab scrollbox arrow, tabstrip new tab and all-tabs buttons */
1850
1851@media all and (-moz-touch-enabled) {
1852 .tabbrowser-arrowscrollbox > .scrollbutton-up,
1853 .tabbrowser-arrowscrollbox > .scrollbutton-down,
1854 #TabsToolbar .toolbarbutton-1 {
1855 min-width: 8.1mozmm;
1856 }
1857
1858 .tabs-newtab-button {
1859 min-width: 10mozmm;
1860 }
1861
1862 .tab-content {
1863 min-height: -moz-calc(6.8mozmm - 7px); /* subtract borders from the desired height */
1864 }
acb0e9b8 1865}
319c6529
RK		 1866
1867.tabbrowser-arrowscrollbox > .scrollbutton-up,
1868.tabbrowser-arrowscrollbox > .scrollbutton-down {
319c6529
RK		 1869 margin: 0;
1870 padding-top: 0;
1871 padding-bottom: 0;
acb0e9b8 1872}
319c6529 1873
319c6529
RK		 1874.tabbrowser-arrowscrollbox > .scrollbutton-down[notifybgtab] {
1875 background-color: #008484;
acb0e9b8 1876}
319c6529
RK		 1877
1878.tabs-newtab-button > .toolbarbutton-icon {
1879 margin-top: -1px;
1880 margin-bottom: -1px;
acb0e9b8 1881}
319c6529
RK		 1882
1883.tabs-newtab-button,
1884#TabsToolbar > #new-tab-button,
1885#TabsToolbar > toolbarpaletteitem > #new-tab-button {
38cfeb47 1886 list-style-image: url("chrome://browser/skin/tabbrowser/newtab.png");
319c6529 1887 -moz-image-region: rect(0, 16px, 18px, 0);
acb0e9b8 1888}
1889
319c6529 1890.tabs-newtab-button {
c1f7cc84
RK		 1891 width: 28px;
1892}
1893
1894#TabsToolbar > #new-tab-button {
1895 width: 26px;
acb0e9b8 1896}
319c6529 1897
38cfeb47
RK		 1898.tabs-newtab-button:hover,
1899#TabsToolbar > #new-tab-button:hover {
319c6529 1900 -moz-image-region: rect(0, 32px, 18px, 16px);
acb0e9b8 1901}
319c6529
RK		 1902
1903#alltabs-button {
1904 list-style-image: url("chrome://browser/skin/tabbrowser/alltabs.png");
1905 -moz-image-region: rect(0, 14px, 16px, 0);
acb0e9b8 1906}
1907
8da9da4e 1908#alltabs-button:hover,
319c6529
RK		 1909#alltabs-button:hover:active {
1910 -moz-image-region: rect(0, 28px, 16px, 14px);
acb0e9b8 1911}
319c6529
RK		 1912
1913#alltabs-button[type="menu"] {
8da9da4e
RK		 1914 list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
1915 -moz-image-region: auto;
acb0e9b8 1916}
1917
319c6529
RK		 1918#alltabs-button[type="menu"] > .toolbarbutton-menu-dropmarker {
1919 display: none;
acb0e9b8 1920}
319c6529 1921
8da9da4e 1922#alltabs-button[type="menu"]:hover,
319c6529
RK		 1923#alltabs-button[type="menu"]:hover:active,
1924#alltabs-button[type="menu"][open="true"] {
8da9da4e
RK		 1925 list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
1926 -moz-image-region: auto;
acb0e9b8 1927}
319c6529
RK		 1928
1929/* All tabs menupopup */
1930.alltabs-item > .menu-iconic-left > .menu-iconic-icon {
dce90fef 1931 list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
8da9da4e 1932 -moz-image-region: auto;
acb0e9b8 1933}
1934
319c6529
RK		 1935.alltabs-item[selected="true"] {
1936 font-weight: bold;
acb0e9b8 1937}
319c6529
RK		 1938
1939.alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon {
1940 list-style-image: url("chrome://global/skin/icons/loading.gif");
acb0e9b8 1941}
319c6529 1942
b1234db8
RK		 1943.alltabs-item[tabIsVisible] {
1944 background-color: #402800;
1945}
1946
319c6529
RK		 1947/* Tabstrip close button */
1948.tabs-closebutton {
1949 -moz-box-flex: 1;
1950 margin: 0px;
1951 padding: 2px;
1952 list-style-image: url("chrome://global/skin/icons/close-button.gif");
acb0e9b8 1953}
1954
b36fc72e
RK		 1955.tabs-closebutton > .toolbarbutton-icon {
1956}
1957
8da9da4e
RK		 1958.tabs-closebutton > .toolbarbutton-text {
1959 display: none;
1960}
1961
319c6529
RK		 1962.tabs-closebutton:hover,
1963.tabs-closebutton:hover:active {
1964 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
acb0e9b8 1965}
319c6529
RK		 1966
1967toolbarbutton.chevron {
1968 list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important;
acb0e9b8 1969}
319c6529
RK		 1970
1971toolbarbutton.chevron:hover {
1972 list-style-image: url("chrome://global/skin/toolbar/chevron-hover.gif") !important;
acb0e9b8 1973}
1974
319c6529
RK		 1975toolbarbutton.chevron:-moz-locale-dir(rtl) > .toolbarbutton-icon,
1976toolbarbutton.chevron:-moz-locale-dir(rtl):hover > .toolbarbutton-icon {
1977 -moz-transform: scaleX(-1);
acb0e9b8 1978}
319c6529
RK		 1979
1980toolbarbutton.chevron > .toolbarbutton-text,
1981toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
1982 display: none;
acb0e9b8 1983}
319c6529
RK		 1984
1985toolbarbutton.chevron > .toolbarbutton-icon {
1986 margin: 0;
acb0e9b8 1987}
1988
319c6529
RK		 1989toolbar[mode="text"] toolbarbutton.chevron > .toolbarbutton-icon {
1990 display: -moz-box; /* display chevron icon in text mode */
acb0e9b8 1991}
319c6529
RK		 1992
1993#sidebar-throbber[loading="true"] {
1994 list-style-image: url("chrome://global/skin/icons/loading.gif");
1995 -moz-margin-end: 4px;
acb0e9b8 1996}
319c6529
RK		 1997
1998/* Bookmarks toolbar */
1999#PlacesToolbarDropIndicator {
8da9da4e 2000 list-style-image: url("chrome://communicator/skin/bookmarks/toolbarDropMarker.png");
acb0e9b8 2001}
2002
319c6529
RK		 2003toolbarbutton.bookmark-item[dragover="true"][open="true"] {
2004 background-color: #008484 !important;
2005 color: #FFCF00 !important;
613daf44 2006}
319c6529
RK		 2007
2008/* rules for menupopup drop indicators */
2009.menupopup-drop-indicator-bar {
2010 position: relative;
2011 /* these two margins must together compensate the indicator's height */
2012 margin-top: -1px;
2013 margin-bottom: -1px;
613daf44 2014}
319c6529
RK		 2015
2016.menupopup-drop-indicator {
2017 list-style-image: none;
2018 height: 2px;
2019 -moz-margin-end: -4em;
2020 background-color: #008484;
613daf44 2021}
2022
319c6529
RK		 2023/* ::::: Identity Indicator Styling ::::: */
2024
2025/* Popup Icons */
2026#identity-popup-icon {
2027 height: 64px;
2028 width: 64px;
2029 padding: 0;
2030 list-style-image: url("chrome://browser/skin/identity.png");
2031 -moz-image-region: rect(0px, 64px, 64px, 0px);
613daf44 2032}
319c6529
RK		 2033
2034#identity-popup.verifiedDomain > #identity-popup-container > #identity-popup-icon {
2035 -moz-image-region: rect(64px, 64px, 128px, 0px);
613daf44 2036}
319c6529
RK		 2037
2038#identity-popup.verifiedIdentity > #identity-popup-container > #identity-popup-icon {
2039 -moz-image-region: rect(128px, 64px, 192px, 0px);
613daf44 2040}
2041
319c6529
RK		 2042/* Popup Body Text */
2043.identity-popup-description {
2044 white-space: pre-wrap;
2045 -moz-padding-start: 15px;
2046 margin: 2px 0 4px;
613daf44 2047}
319c6529
RK		 2048
2049.identity-popup-label {
2050 white-space: pre-wrap;
2051 -moz-padding-start: 15px;
2052 margin: 0;
613daf44 2053}
319c6529
RK		 2054
2055#identity-popup-content-host ,
2056#identity-popup-content-box.verifiedIdentity > #identity-popup-content-owner {
2057 font-size: 1.2em;
613daf44 2058}
2059
319c6529
RK		 2060#identity-popup-content-host {
2061 margin-top: 3px;
2062 margin-bottom: 5px;
2063 font-weight: bold;
2064 max-width: 300px;
2065}
613daf44 2066
319c6529
RK		 2067#identity-popup-content-owner {
2068 margin-top: 4px;
2069 margin-bottom: 0 !important;
2070 font-weight: bold;
2071 max-width: 300px;
2072}
613daf44 2073
319c6529
RK		 2074.verifiedDomain > #identity-popup-content-owner {
2075 font-weight: normal;
613daf44 2076}
2077
319c6529
RK		 2078#identity-popup-content-verifier {
2079 margin: 4px 0 2px;
613daf44 2080}
2081
319c6529
RK		 2082#identity-popup-content-box.verifiedIdentity > #identity-popup-encryption ,
2083#identity-popup-content-box.verifiedDomain > #identity-popup-encryption {
2084 margin-top: 10px;
2085 -moz-margin-start: -24px;
613daf44 2086}
2087
319c6529
RK		 2088#identity-popup-content-box.verifiedIdentity > #identity-popup-encryption > vbox > #identity-popup-encryption-icon ,
2089#identity-popup-content-box.verifiedDomain > #identity-popup-encryption > vbox > #identity-popup-encryption-icon {
2090 list-style-image: url("chrome://browser/skin/Secure24.png");
613daf44 2091}
2092
319c6529
RK		 2093#identity-popup-more-info-button {
2094 margin-top: 6px;
2095 margin-bottom: 0;
2096 -moz-margin-end: 0;
613daf44 2097}
acb0e9b8 2098
319c6529
RK		 2099.popup-notification-icon {
2100 width: 64px;
2101 height: 64px;
2102 -moz-margin-end: 10px;
2103}
acb0e9b8 2104
319c6529
RK		 2105.popup-notification-icon[popupid="geolocation"] {
2106 list-style-image: url("chrome://browser/skin/Geolocation-64.png");
acb0e9b8 2107}
2108
319c6529
RK		 2109.popup-notification-icon[popupid="xpinstall-disabled"],
2110.popup-notification-icon[popupid="addon-progress"],
2111.popup-notification-icon[popupid="addon-install-cancelled"],
2112.popup-notification-icon[popupid="addon-install-blocked"],
2113.popup-notification-icon[popupid="addon-install-failed"],
2114.popup-notification-icon[popupid="addon-install-complete"] {
2115 list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png");
2116 width: 32px;
2117 height: 32px;
acb0e9b8 2118}
319c6529
RK		 2119
2120.addon-progress-description {
2121 width: 350px;
2122 max-width: 350px;
acb0e9b8 2123}
319c6529
RK		 2124
2125.popup-progress-label,
2126.popup-progress-meter {
2127 -moz-margin-start: 0;
2128 -moz-margin-end: 0;
acb0e9b8 2129}
319c6529
RK		 2130
2131.popup-progress-cancel {
2132 -moz-appearance: none;
2133 background: transparent;
2134 border: none;
2135 padding: 0;
2136 margin: 0;
2137 min-height: 0;
2138 min-width: 0;
2139 list-style-image: url("chrome://mozapps/skin/downloads/downloadButtons.png");
2140 -moz-image-region: rect(0px, 32px, 16px, 16px);
acb0e9b8 2141}
319c6529
RK		 2142
2143.popup-progress-cancel:hover {
2144 -moz-image-region: rect(16px, 32px, 32px, 16px);
acb0e9b8 2145}
2146
319c6529
RK		 2147.popup-progress-cancel:active {
2148 -moz-image-region: rect(32px, 32px, 48px, 16px);
2149}
acb0e9b8 2150
319c6529
RK		 2151.popup-notification-icon[popupid="indexedDB-permissions-prompt"],
2152.popup-notification-icon[popupid="indexedDB-quota-prompt"] {
2153 list-style-image: url("chrome://global/skin/icons/alert-question.gif");
acb0e9b8 2154}
2155
319c6529
RK		 2156.popup-notification-icon[popupid="password-save"],
2157.popup-notification-icon[popupid="password-change"] {
2158 list-style-image: url("chrome://mozapps/skin/passwordmgr/key-64.png");
acb0e9b8 2159}
2160
319c6529
RK		 2161/* Notification icon box */
2162#notification-popup-box {
f993773d
RK		 2163 position: relative;
2164 background-color: #000000;
2165 background-clip: padding-box;
2166 padding-left: 3px;
f0eab82c 2167 border-radius: 3px 0 0 3px;
f993773d
RK		 2168 -moz-border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 / 0 8px 0 0;
2169 -moz-margin-end: -8px;
f993773d
RK		 2170}
2171
8ad8bf83
RK		 2172window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
2173 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
e8519ae0 2174 #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar > #notification-popup-box {
8ad8bf83 2175 padding-left: 5px;
f993773d
RK		 2176}
2177
2178#notification-popup-box:-moz-locale-dir(rtl),
2179.notification-anchor-icon:-moz-locale-dir(rtl) {
2180 -moz-transform: scaleX(-1);
319c6529 2181}
acb0e9b8 2182
319c6529 2183.notification-anchor-icon {
acb0e9b8 2184 width: 16px;
2185 height: 16px;
2186}
2187
319c6529 2188.notification-anchor-icon:-moz-focusring {
f0eab82c
RK		 2189 outline: 1px dotted #008484;
2190/* outline-offset: -3px; */
acb0e9b8 2191}
2192
ab799a7a
RK		 2193#default-notification-icon {
2194 list-style-image: url("chrome://global/skin/icons/information-16.png");
2195}
2196
319c6529
RK		 2197#geo-notification-icon {
2198 list-style-image: url("chrome://browser/skin/Geolocation-16.png");
acb0e9b8 2199}
2200
319c6529
RK		 2201#addons-notification-icon {
2202 list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png");
acb0e9b8 2203}
2204
319c6529
RK		 2205#indexedDB-notification-icon {
2206 list-style-image: url("chrome://global/skin/icons/question-16.png");
acb0e9b8 2207}
2208
319c6529
RK		 2209#password-notification-icon {
2210 list-style-image: url("chrome://mozapps/skin/passwordmgr/key-16.png");
acb0e9b8 2211}
2212
319c6529
RK		 2213#identity-popup-container {
2214 min-width: 280px;
2215}
acb0e9b8 2216
319c6529
RK		 2217#download-monitor {
2218 list-style-image: url("chrome://browser/skin/Toolbar.png");
2219 -moz-image-region: rect(0, 108px, 18px, 90px);
acb0e9b8 2220}
2221
319c6529
RK		 2222/* Bookmarks roots menu-items */
2223#appmenu_subscribeToPage:not([disabled]),
2224#appmenu_subscribeToPageMenu,
2225#subscribeToPageMenuitem:not([disabled]),
2226#subscribeToPageMenupopup,
2227#BMB_subscribeToPageMenuitem:not([disabled]),
2228#BMB_subscribeToPageMenupopup {
2229 list-style-image: url("chrome://browser/skin/feeds/feedIcon16.png");
613daf44 2230}
2231
319c6529
RK		 2232#bookmarksToolbarFolderMenu,
2233#appmenu_bookmarksToolbar,
2234#BMB_bookmarksToolbar {
8da9da4e 2235 list-style-image: url("chrome://communicator/skin/bookmarks/bookmarksToolbar.png");
319c6529
RK		 2236 -moz-image-region: auto;
2237}
acb0e9b8 2238
319c6529
RK		 2239#appmenu_unsortedBookmarks,
2240#BMB_unsortedBookmarks {
8da9da4e 2241 list-style-image: url("chrome://communicator/skin/bookmarks/unsortedBookmarks.png");
319c6529 2242 -moz-image-region: auto;
acb0e9b8 2243}
2244
319c6529 2245/* ::::: Keyboard UI Panel ::::: */
acb0e9b8 2246
319c6529
RK		 2247.KUI-panel {
2248 color: #FF9F00;
2249 border-style: none;
2250 border-radius: 20px;
acb0e9b8 2251}
2252
319c6529
RK		 2253.KUI-panel[level="top"] {
2254 /*background-color: rgba(27%,27%,27%,.65);*/
acb0e9b8 2255}
2256
319c6529
RK		 2257.KUI-panel-closebutton {
2258 list-style-image: url("KUI-close.png");
2259 width: 24px;
2260 height: 24px;
acb0e9b8 2261}
2262
319c6529 2263.KUI-panel-closebutton:not(:hover) {
acb0e9b8 2264}
2265
319c6529 2266.KUI-panel-closebutton > .toolbarbutton-icon {
acb0e9b8 2267}
2268
319c6529 2269/* ::::: Ctrl-Tab and All Tabs Panels ::::: */
acb0e9b8 2270
319c6529
RK		 2271/* Ctrl-Tab */
2272
2273#ctrlTab-panel {
2274 padding: 20px 10px 10px;
2275 font-weight: bold;
acb0e9b8 2276}
2277
319c6529
RK		 2278.ctrlTab-favicon[src] {
2279 background-color: #000000;
2280 width: 20px;
2281 height: 20px;
2282 padding: 2px;
2283}
acb0e9b8 2284
319c6529 2285.ctrlTab-preview-inner > .tabPreview-canvas {
acb0e9b8 2286}
2287
319c6529
RK		 2288.ctrlTab-preview:not(#ctrlTab-showAll) > * > .ctrlTab-preview-inner > .tabPreview-canvas {
2289 margin-bottom: 2px;
acb0e9b8 2290}
2291
319c6529
RK		 2292.ctrlTab-preview-inner {
2293 padding-bottom: 10px;
acb0e9b8 2294}
2295
319c6529
RK		 2296#ctrlTab-showAll:not(:focus) > * > .ctrlTab-preview-inner {
2297 padding: 10px;
2298 background-color: #000000;
2299 border-radius: .5em;
acb0e9b8 2300}
2301
319c6529
RK		 2302.ctrlTab-preview:focus > * > .ctrlTab-preview-inner {
2303 color: white;
2304 background-color: #000000;
2305 text-shadow: none;
2306 padding: 8px;
2307 border: 2px solid #9C9CFF;
2308 border-radius: .5em;
acb0e9b8 2309}
2310
319c6529
RK		 2311.ctrlTab-preview:not(#ctrlTab-showAll):focus > * > .ctrlTab-preview-inner {
2312 margin: -10px -10px 0;
acb0e9b8 2313}
2314
319c6529
RK		 2315#ctrlTab-showAll {
2316 margin-top: .5em;
acb0e9b8 2317}
2318
319c6529
RK		 2319/* All Tabs */
2320
2321#allTabs-panel {
2322 padding-bottom: 10px;
613daf44 2323}
2324
319c6529
RK		 2325#allTabs-meta {
2326 margin: 10px;
613daf44 2327}
2328
319c6529
RK		 2329#allTabs-filter {
2330 -moz-margin-start: 24px;
2331 -moz-margin-end: 0;
2332}
acb0e9b8 2333
319c6529 2334#allTabs-tab-close-button > .toolbarbutton-icon {
acb0e9b8 2335 margin: 0;
acb0e9b8 2336}
319c6529
RK		 2337
2338.allTabs-favicon[src] {
2339 width: 22px;
2340 height: 22px;
2341 padding-top: 1px;
2342 padding-bottom: 5px;
2343 -moz-padding-start: 1px;
2344 -moz-padding-end: 5px;
2345 margin-top: -2px;
2346 -moz-margin-start: -2px;
2347 border-bottom-right-radius: 4px;
acb0e9b8 2348}
2349
319c6529
RK		 2350.allTabs-favicon[src]:-moz-locale-dir(rtl) {
2351 border-bottom-right-radius: 0;
2352 border-bottom-left-radius: 4px;
acb0e9b8 2353}
319c6529
RK		 2354
2355.allTabs-preview-inner > .tabPreview-canvas {
2356 background-color: #E7ADE7;
acb0e9b8 2357}
2358
319c6529 2359.allTabs-preview:not(:hover):not([closebuttonhover]) > html|canvas {
acb0e9b8 2360}
319c6529
RK		 2361
2362.allTabs-preview:focus > * > .allTabs-preview-inner {
2363 outline: 1px dotted #008484;
acb0e9b8 2364}
2365
319c6529
RK		 2366/* Inspector / Highlighter */
2367
2368#highlighter-panel {
2369 -moz-window-shadow: none;
2370 background: #000000;
2371 border: none;
acb0e9b8 2372}
319c6529
RK		 2373
2374listitem.style-selector {
2375 background-color: #9C9CFF;
2376 color: #000000;
acb0e9b8 2377}
2378
319c6529
RK		 2379listitem.style-section {
2380 background-color: #E7ADE7;
2381 color: #000000;
2382 font-weight: bold;
2383}
acb0e9b8 2384
319c6529
RK		 2385panel[dimmed="true"] {
2386 opacity: 0.5;
acb0e9b8 2387}
613daf44 2388
b36fc72e
RK		 2389/* Add-on bar */
2390
2391#addon-bar {
2392 min-height: 20px;
2393 border-top: 3px solid #000000;
3e6e0e5c 2394 border-bottom-width: 0;
b36fc72e
RK		 2395}
2396
2397#addon-bar .toolbar-holder {
2398 background-color: #8050B0;
2399 color: #FFCF00;
2400}
2401
2402#addon-bar .toolbar-holder {
2403 background-color: #8050B0;
2404 color: #FFCF00;
2405}
2406
2407#addon-bar .toolbar-startcap,
2408#addon-bar .toolbar-endcap{
2409 background-color: #6000CF;
2410}
2411
319c6529 2412#status-bar {
b36fc72e 2413 -moz-binding: url("chrome://global/content/bindings/general.xml#statusbar");
319c6529
RK		 2414 margin-top: .3em;
2415 border-width: 0;
613daf44 2416}
2417
e0c47e26
RK		 2418#addon-bar[customizing] > #status-bar {
2419 opacity: .5;
2420/* background-image: -moz-repeating-linear-gradient(-45deg,
2421 rgba(255,255,255,.3), rgba(255,255,255,.3) 5px,
2422 rgba(0,0,0,.3) 5px, rgba(0,0,0,.3) 10px);*/
2423}
2424
319c6529
RK		 2425/* Remove all borders from statusbarpanel children of
2426 the statusbar.
2427#status-bar > statusbarpanel {
2428 border-width: 0;
2429} */
2430
319c6529
RK		 2431#addonbar-closebutton {
2432 border: none;
2433 padding: 3px 5px;
2434 list-style-image: url("chrome://global/skin/icons/close-button.gif");
613daf44 2435}
2436
319c6529
RK		 2437#addonbar-closebutton:hover,
2438#addonbar-closebutton:hover:active {
2439 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
613daf44 2440}
9abeb12c
RK		 2441
2442/* Status panel */
2443
2444.statuspanel-label {
2445 margin: 0;
2446 padding: 2px 4px;
38cfeb47 2447 background: #404000;
9abeb12c
RK		 2448 border: 1px none #9C9CFF;
2449 border-top-style: solid;
2450 color: #FF9F00;
2451 text-shadow: none;
2452}
2453
2454.statuspanel-label:-moz-locale-dir(ltr):not([mirror]),
2455.statuspanel-label:-moz-locale-dir(rtl)[mirror] {
2456 border-right-style: solid;
2457 border-top-right-radius: .3em;
2458 margin-right: 1em;
2459}
2460
2461.statuspanel-label:-moz-locale-dir(rtl):not([mirror]),
2462.statuspanel-label:-moz-locale-dir(ltr)[mirror] {
2463 border-left-style: solid;
2464 border-top-left-radius: .3em;
2465 margin-left: 1em;
2466}
3e6e0e5c
RK		 2467
2468/* HACK to abolish devily color on main content */
2469
2470#content {
2471 background-color: transparent !important;
2472}
dce90fef
RK		 2473
2474/* Highlighter */
2475
2476.highlighter-veil {
4d58ff64 2477 background-color: rgba(25, 25, 25, 0.5);
dce90fef
RK		 2478}
2479
8ad8bf83
RK		 2480#highlighter-closebutton {
2481 list-style-image: url("chrome://global/skin/icons/close-button.gif");
dce90fef
RK		 2482}
2483
8ad8bf83
RK		 2484#highlighter-closebutton:hover,
2485#highlighter-closebutton:hover:active {
2486 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
dce90fef
RK		 2487}
2488
2489highlighter-veil-transparentbox {
2490 box-shadow: 0 0 0 1px rgba(0,0,0,0.5);
2491 outline: 1px dashed rgba(255,255,255,0.5);
2492 outline-offset: -1px;
2493}
2494
4c765db1 2495#highlighter-veil-container[locked] > #highlighter-veil-middlebox > #highlighter-veil-transparentbox {
dce90fef
RK		 2496 box-shadow: 0 0 0 1px black;
2497 outline-color: white;
2498}
4c765db1 2499
8ad8bf83
RK		 2500/* Highlighter toolbar */
2501
2502#inspector-toolbar {
2503 border-top: 3px solid #000000;
2504 border-bottom: none;
2505}
2506
2507#inspector-toolbar[treepanel-open] {
2508 padding-top: 0;
2509 -moz-padding-end: 0;
2510}
2511
2512#inspector-tools {
8ad8bf83
RK		 2513 -moz-padding-end: 2px;
2514 border-left: 3px solid #000000;
2515 border-right: 3px solid #000000;
2516 -moz-margin-start: 2px;
8ad8bf83
RK		 2517}
2518
2519/* Highlighter - toolbar resizers */
2520
2521.inspector-resizer {
4c765db1
RK		 2522 -moz-appearance: none;
2523 cursor: n-resize;
2524}
8ad8bf83
RK		 2525
2526#inspector-top-resizer {
2527 background: none;
2528 height: 4px;
2529}
2530
2531#inspector-end-resizer {
2532 width: 12px;
2533 height: 8px;
2534 border-width: 1px 1px 0;
2535 border-style: solid;
2536 border-color: #008484;
2537 margin: 7px 7px 8px;
2538}
2539
2540/* Highlighter - Node Infobar */
2541
2542/* Highlighter - Node Infobar - text */
2543
2544#highlighter-nodeinfobar-tagname {
2545 color: #FFCF00;
2546}
2547
2548#highlighter-nodeinfobar-id {
2549 color: #9C9CFF;
2550}
2551
2552.highlighter-nodeinfobar-class {
2553 color: #FF9F00;
2554}
2555
2556/* Highlighter - Node Infobar - box & arrow */
2557
2558#highlighter-nodeinfobar {
2559 border: 1px solid rgba(156, 156, 255, .5);
2560 border-radius: 3px;
2561 padding: 8px 16px;
2562 background: #000000 padding-box;
2563}
2564
2565.highlighter-nodeinfobar-arrow {
2566 width: 14px;
2567 height: 14px;
2568 -moz-margin-start: -moz-calc(50% - 7px);
2569 -moz-transform: rotate(-45deg);
2570 border: 1px solid transparent;
2571 background-clip: padding-box;
2572 background-repeat: no-repeat;
2573}
2574
2575#highlighter-nodeinfobar-arrow-top {
2576 margin-bottom: -8px;
2577 margin-top: 8px;
2578 border-right-color: rgba(0, 132, 132, .5);
2579 border-top-color: rgba(0, 132, 132, .5);
2580 background-image: -moz-linear-gradient(bottom left, transparent 50%, rgb(0, 132, 132) 50%);
2581}
2582
2583#highlighter-nodeinfobar-arrow-bottom {
2584 margin-top: -8px;
2585 margin-bottom: 8px;
2586 border-left-color: rgba(0, 132, 132, .5);
2587 border-bottom-color: rgba(0, 132, 132, .5);
2588 background-image: -moz-linear-gradient(top right, transparent 50%, rgb(0, 132, 132) 50%);
2589}
2590
2591#highlighter-nodeinfobar-container[position="top"] > #highlighter-nodeinfobar,
2592#highlighter-nodeinfobar-container[position="overlap"] > #highlighter-nodeinfobar {
2593 box-shadow: 0 1px 0 hsla(0, 0%, 100%, .1) inset;
2594}
2595
2596#highlighter-nodeinfobar-container[hide-arrow] > #highlighter-nodeinfobar {
2597 margin: 7px 0;
2598}
2599
2600#full-screen-warning-message {
2601 background-color: #000000;
2602 color: #FF9F00;
2603 font-size: 32px;
2604 border-radius: 8px;
2605 margin-top: 30px;
2606 padding: 30px 50px;
2607 box-shadow: 0 0 2px #9C9CFF;
2608}
2609
2610#full-screen-warning-container[obscure-browser] {
2611 background-color: rgba(0,0,0,0.75);
2612}
2613
2614#full-screen-warning-container[stop-obscuring-browser] {
2615 -moz-transition-property: background-color;
2616 -moz-transition-duration: 500ms;
2617 background-color: rgba(0,0,0,0);
2618}
2619
2620/* Highlighter toolbar - breadcrumbs */
2621
2622#inspector-breadcrumbs {
2623 padding: 0 6px;
2624}
2625
2626.inspector-breadcrumbs-button {
e4cecae1
RK		 2627 /*background-color: transparent;*/
2628 border-width: 2px 13px !important;
2629 outline: none;
8ad8bf83
RK		 2630 /* color: hsl(210,30%,85%); */
2631 max-width: 85px;
2632 /* The content of the button can be larger than the button */
2633 overflow: hidden;
2634 min-height: 25px;
8ad8bf83
RK		 2635 margin: 0 -11px 0 0;
2636 padding: 0 9px;
2637}
2638
2639.inspector-breadcrumbs-button[checked] > .inspector-breadcrumbs-tag {
2640 /*color: hsl(208,100%,60%); */
2641}
2642
2643.inspector-breadcrumbs-button[checked] > .inspector-breadcrumbs-id {
2644 /*color: hsl(205,100%,70%); */
2645}
2646
2647.inspector-breadcrumbs-id,
2648.inspector-breadcrumbs-classes {
2649 /*color: #8d99a6; */
2650}
2651
2652/* Highlighter toolbar - breadcrumbs - LTR */
2653
2654.inspector-breadcrumbs-button:-moz-locale-dir(ltr):first-of-type {
2655 margin-left: 0;
2656}
2657
2658.inspector-breadcrumbs-button {
e4cecae1 2659 -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle.png") 2 13 2 13 stretch;
8ad8bf83
RK		 2660}
2661
2662.inspector-breadcrumbs-button[siblings-menu-open]:not([checked]),
2663.inspector-breadcrumbs-button:not([checked]):hover:active {
e4cecae1 2664 -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle-pressed.png") 2 13 2 13 stretch;
8ad8bf83
RK		 2665}
2666
2667.inspector-breadcrumbs-button[checked] {
e4cecae1 2668 -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle-selected.png") 2 13 2 13 stretch;
8ad8bf83
RK		 2669}
2670
2671.inspector-breadcrumbs-button[checked][siblings-menu-open],
2672.inspector-breadcrumbs-button[checked]:hover:active {
e4cecae1 2673 -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle-selected-pressed.png") 2 13 2 13 stretch;
8ad8bf83
RK		 2674}
2675
2676.inspector-breadcrumbs-button:first-of-type {
e4cecae1 2677 -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start.png") 2 13 2 13 stretch;
8ad8bf83
RK		 2678}
2679
2680.inspector-breadcrumbs-button[siblings-menu-open]:first-of-type:not([checked]),
2681.inspector-breadcrumbs-button:first-of-type:not([checked]):hover:active {
e4cecae1 2682 -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start-pressed.png") 2 13 2 13 stretch;
8ad8bf83
RK		 2683}
2684
2685.inspector-breadcrumbs-button:first-of-type[checked] {
e4cecae1 2686 -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start-selected.png") 2 13 2 13 stretch;
8ad8bf83
RK		 2687}
2688
2689.inspector-breadcrumbs-button[siblings-menu-open]:first-of-type[checked],
2690.inspector-breadcrumbs-button:first-of-type[checked]:hover:active {
e4cecae1 2691 -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start-selected-pressed.png") 2 13 2 13 stretch;
8ad8bf83
RK		 2692}
2693
2694.inspector-breadcrumbs-button:last-of-type {
e4cecae1 2695 -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end.png") 2 13 2 13 stretch;
8ad8bf83
RK		 2696}
2697
2698.inspector-breadcrumbs-button[siblings-menu-open]:last-of-type:not([checked]),
2699.inspector-breadcrumbs-button:last-of-type:not([checked]):hover:active {
e4cecae1 2700 -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end-pressed.png") 2 13 2 13 stretch;
8ad8bf83
RK		 2701}
2702
2703.inspector-breadcrumbs-button:last-of-type[checked] {
e4cecae1 2704 -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end-selected.png") 2 13 2 13 stretch;
8ad8bf83
RK		 2705}
2706
2707.inspector-breadcrumbs-button[siblings-menu-open]:last-of-type[checked],
2708.inspector-breadcrumbs-button:last-of-type[checked]:hover:active {
e4cecae1 2709 -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end-selected-pressed.png") 2 13 2 13 stretch;
8ad8bf83
RK		 2710}
2711
2712/* Highlighter toolbar - breadcrumbs - RTL */
2713
2714.inspector-breadcrumbs-button:-moz-locale-dir(rtl):first-of-type {
2715 margin-right: 0;
2716}
2717
2718.inspector-breadcrumbs-button:-moz-locale-dir(rtl) {
e4cecae1 2719 -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle.png") 2 13 2 13 stretch;
8ad8bf83
RK		 2720}
2721
2722.inspector-breadcrumbs-button[siblings-menu-open]:not([checked]):-moz-locale-dir(rtl),
2723.inspector-breadcrumbs-button:not([checked]):hover:active:-moz-locale-dir(rtl) {
e4cecae1 2724 -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle-pressed.png") 2 13 2 13 stretch;
8ad8bf83
RK		 2725}
2726
2727.inspector-breadcrumbs-button[checked]:-moz-locale-dir(rtl) {
e4cecae1 2728 -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle-selected.png") 2 13 2 13 stretch;
8ad8bf83
RK		 2729}
2730
2731.inspector-breadcrumbs-button[checked][siblings-menu-open]:-moz-locale-dir(rtl),
2732.inspector-breadcrumbs-button[checked]:hover:active:-moz-locale-dir(rtl) {
e4cecae1 2733 -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle-selected-pressed.png") 2 13 2 13 stretch;
8ad8bf83
RK		 2734}
2735
2736.inspector-breadcrumbs-button:first-of-type:-moz-locale-dir(rtl) {
e4cecae1 2737 -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start.png") 2 13 2 13 stretch;
8ad8bf83
RK		 2738}
2739
2740.inspector-breadcrumbs-button[siblings-menu-open]:first-of-type:not([checked]):-moz-locale-dir(rtl),
2741.inspector-breadcrumbs-button:first-of-type:not([checked]):hover:active:-moz-locale-dir(rtl) {
e4cecae1 2742 -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start-pressed.png") 2 13 2 13 stretch;
8ad8bf83
RK		 2743}
2744
2745.inspector-breadcrumbs-button:first-of-type[checked]:-moz-locale-dir(rtl) {
e4cecae1 2746 -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start-selected.png") 2 13 2 13 stretch;
8ad8bf83
RK		 2747}
2748
2749.inspector-breadcrumbs-button[siblings-menu-open]:first-of-type[checked]:-moz-locale-dir(rtl),
2750.inspector-breadcrumbs-button:first-of-type[checked]:hover:active:-moz-locale-dir(rtl) {
e4cecae1 2751 -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start-selected-pressed.png") 2 13 2 13 stretch;
8ad8bf83
RK		 2752}
2753
2754.inspector-breadcrumbs-button:last-of-type:-moz-locale-dir(rtl) {
e4cecae1 2755 -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end.png") 2 13 2 13 stretch;
8ad8bf83
RK		 2756}
2757
2758.inspector-breadcrumbs-button[siblings-menu-open]:last-of-type:not([checked]):-moz-locale-dir(rtl),
2759.inspector-breadcrumbs-button:last-of-type:not([checked]):hover:active:-moz-locale-dir(rtl) {
e4cecae1 2760 -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end-pressed.png") 2 13 2 13 stretch;
8ad8bf83
RK		 2761}
2762
2763.inspector-breadcrumbs-button:last-of-type[checked]:-moz-locale-dir(rtl) {
e4cecae1 2764 -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end-selected.png") 2 13 2 13 stretch;
8ad8bf83
RK		 2765}
2766
2767.inspector-breadcrumbs-button[siblings-menu-open]:last-of-type[checked]:-moz-locale-dir(rtl),
2768.inspector-breadcrumbs-button:last-of-type[checked]:hover:active:-moz-locale-dir(rtl) {
e4cecae1 2769 -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end-selected-pressed.png") 2 13 2 13 stretch;
8ad8bf83 2770}
KaiRo's SeaMonkey themes