first part of sync for LCARStrek with browser windows/shared theme changes in Firefox...
[themes.git] / LCARStrek / browser / browser.css
CommitLineData
9099c61d
RK
1/* This Source Code Form is subject to the terms of the Mozilla Public
2 * License, v. 2.0. If a copy of the MPL was not distributed with this
3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
acb0e9b8 4
5@import url("chrome://global/skin/");
fcaeefc2 6@import url("downloads/indicator.css");
acb0e9b8 7
8@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
319c6529
RK
9@namespace html url("http://www.w3.org/1999/xhtml");
10
11toolbar {
12 -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar");
13}
acb0e9b8 14
fd291cce
RK
15/* Remove selector when Australis lands - this makes it only apply post-Australis as iconsize doesn't exist there */
16#navigator-toolbox:not([iconsize]) > toolbar[customizable="true"] {
43cc2806
RK
17 -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-browsercustom");
18}
19
41279e76
RK
20toolbar[type="menubar"][autohide="true"] {
21 -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-menubar-autohide");
22}
23
fd291cce
RK
24/* Remove selector when Australis lands - this makes it only apply post-Australis as iconsize doesn't exist there */
25#navigator-toolbox:not([iconsize]) > #toolbar-menubar[autohide="true"] {
43cc2806
RK
26 -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-menubar-autohide-browsercustom");
27}
28
acb0e9b8 29menubar {
319c6529 30 -moz-binding: url("chrome://global/skin/globalBindings.xml#menubar");
acb0e9b8 31}
32
319c6529
RK
33#menubar-items {
34 -moz-box-orient: vertical; /* for flex hack */
acb0e9b8 35}
36
319c6529
RK
37#main-menubar {
38 -moz-box-flex: 1; /* make menu items expand to fill toolbar height */
39}
40
63ada306
RK
41/* ::::: primary toolbar ::::: */
42
43.toolbar-primary > .toolbar-box > .toolbar-holder {
270cbf0c 44 background-color: #A09090;
63ada306
RK
45}
46
47.toolbar-primary > .toolbar-box > .toolbar-startcap,
48.toolbar-primary > .toolbar-box > .toolbar-endcap {
49 background-color: #9C9CFF;
50}
51
43cc2806
RK
52/* We want a 4px gap between the TabsToolbar and the toolbar-menubar when the
53 toolbar-menu is displayed, and a 16px gap when it is not. 1px is taken care
54 of by the (light) outer shadow of the tab, the remaining 3/15 are these margins. */
55#toolbar-menubar:not([autohide="true"]) ~ #TabsToolbar,
56#toolbar-menubar[autohide="true"]:not([inactive]) ~ #TabsToolbar {
57/* margin-top: 3px;*/
58}
59
60#main-window[tabsintitlebar][sizemode="normal"][chromehidden~="menubar"] #toolbar-menubar ~ #TabsToolbar,
61#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive] ~ #TabsToolbar {
62/* margin-top: 15px;*/
63}
64
fd291cce
RK
65/* Remove selector when Australis lands - this makes it only apply post-Australis as iconsize doesn't exist there */
66#navigator-toolbox:not([iconsize]) > #toolbar-menubar:not([autohide="true"]) {
43cc2806
RK
67 -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-drag-browsercustom");
68}
69
018d70fb
RK
70#main-window[tabsintitlebar] #toolbar-menubar .toolbar-endcap {
71 /* the titlebar buttons are shown right over the endcap but we have no power over the buttonbox position just for this case, so hide the endcap */
72 display: none;
43cc2806 73}
63ada306 74
319c6529
RK
75#navigator-toolbox {
76}
77
9abeb12c
RK
78#navigator-toolbox::after {
79 content: "";
80 display: -moz-box;
81 -moz-box-ordinal-group: 101; /* tabs toolbar is 100 */
82 height: 1px;
83}
84#navigator-toolbox[tabsontop=false]::after,
85#main-window[disablechrome] #navigator-toolbox::after {
86 visibility: collapse;
87}
88
319c6529
RK
89#navigator-toolbox > toolbar:not(:-moz-lwtheme) {
90}
91
d54f5b23 92#main-window[tabsintitlebar]:not([inFullscreen]) #toolbar-menubar[inactive] ~ #TabsToolbar:not(:-moz-lwtheme) {
319c6529
RK
93 /* like menubar */
94 background-color: #6000CF;
95 color: #FF9F00;
96}
d54f5b23 97#main-window[tabsintitlebar]:not([inFullscreen]) #toolbar-menubar[inactive] ~ #TabsToolbar:not(:-moz-lwtheme):-moz-window-inactive {
319c6529
RK
98 background-color: #8050B0;
99 color: #FF9F00;
100}
2caba1a9
RK
101#main-window[tabsintitlebar]:not([inFullscreen]) #toolbar-menubar[inactive] ~ #TabsToolbar > .tabbrowser-tabs > .tabbrowser-tab {
102 padding-top: 3px;
103}
319c6529
RK
104
105#main-window[tabsintitlebar] #titlebar:-moz-lwtheme {
106 visibility: hidden;
107}
108#main-window[tabsintitlebar] #titlebar-content:-moz-lwtheme {
109 -moz-binding: url("chrome://global/content/bindings/general.xml#windowdragbox");
110 visibility: visible;
111}
112
676f0091
RK
113#nav-bar[tabsontop="true"],
114#nav-bar[tabsontop="true"][collapsed="true"]:not([customizing]) + toolbar,
115#nav-bar[tabsontop="true"][collapsed="true"]:not([customizing]) + #customToolbars + #PersonalToolbar {
0142a07b 116 /* background-image: linear-gradient(@toolbarHighlight@, rgba(255,255,255,0)); */
319c6529
RK
117}
118
319c6529 119#personal-bookmarks {
38cfeb47 120/* min-height: 24px; */
319c6529
RK
121}
122
123#print-preview-toolbar:not(:-moz-lwtheme) {
124 /* -moz-appearance: toolbox; */
acb0e9b8 125}
126
319c6529
RK
127/* ::::: app menu button ::::: */
128
129#appmenu-button {
acb0e9b8 130 background-color: #FF9F00;
319c6529
RK
131 background-clip: padding-box;
132 border-radius: 0;
133 border: none;
319c6529
RK
134 border-right: 3px solid #000000;
135 color: #000000;
136 font-weight: bold;
5305ef8d
RK
137 padding: 1px 1.5em;
138 margin: 0;
139}
140
141#appmenu-button:-moz-locale-dir(rtl) {
142 border-left: 3px solid #000000;
143 border-right: none;
acb0e9b8 144}
145
319c6529
RK
146#main-window[privatebrowsingmode=temporary] #appmenu-button {
147 background-color: #6000CF;
148 color: #FFCF00;
149}
150
b36fc72e
RK
151#appmenu-button:hover:not(:active):not([open]) {
152}
153
154#main-window[privatebrowsingmode=temporary] #appmenu-button:hover:not(:active):not([open]) {
155}
156
319c6529
RK
157#appmenu-button:hover,
158#appmenu-button:hover:active,
159#appmenu-button[open] {
160 background-color: #FFCF00;
161 color: #000000;
162}
163
164#appmenu-button > .button-box > .button-menu-dropmarker {
db6435b4 165 list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
319c6529
RK
166 width: auto;
167 height: auto;
168 padding: 0;
169 margin: 0;
5305ef8d
RK
170 border: none;
171 background-color: transparent;
319c6529
RK
172 -moz-margin-start: .5em;
173}
174
db6435b4
RK
175#main-window[privatebrowsingmode=temporary] #appmenu-button > .button-box > .button-menu-dropmarker {
176 list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
177}
178
38cfeb47
RK
179#appmenuPrimaryPane > menuitem,
180#appmenuSecondaryPane > menuitem,
181#appmenuPrimaryPane > menu {
182 padding: 2px;
183}
184
d54f5b23 185.splitmenu-menuitem {
38cfeb47
RK
186 -moz-padding-start: 2px;
187 padding-top: 2px;
188 padding-bottom: 2px;
d54f5b23
RK
189 -moz-margin-end: 1px;
190}
191
ab799a7a 192.splitmenu-menu {
38cfeb47
RK
193 padding-top: 2px;
194 padding-bottom: 2px;
319c6529
RK
195 -moz-box-pack: end;
196}
197
198.appmenu-edit-button {
199}
200
201.appmenu-edit-button[disabled="true"] {
202}
203
204#appmenuPrimaryPane {
205 -moz-border-end: 1px solid #9C9CFF;
206}
207/*
208 #appmenu-popup {
209 }
210 #appmenuPrimaryPane {
211 }
212 #appmenuSecondaryPane {
213 }
214 #appmenuSecondaryPane:-moz-locale-dir(rtl) {
215 }
216
217 #appmenuSecondaryPane menupopup {
218 }
219
220 .appmenu-menuseparator {
221 }
222
223 .appmenu-edit-button:not([disabled]):hover {
224 }
225*/
226#appmenuSecondaryPane-spacer {
227 min-height: 1em;
228}
229
9abeb12c
RK
230#appmenu-editmenu {
231 -moz-box-pack: end;
232}
233
319c6529
RK
234#appmenu_print,
235#appmenu_print_popup,
236.appmenu-edit-button,
9abeb12c
RK
237#appmenu-editmenu-cut,
238#appmenu-editmenu-copy,
239#appmenu-editmenu-paste,
319c6529
RK
240#appmenu-quit {
241 list-style-image: url("appmenu-icons.png");
242}
243
9abeb12c
RK
244#appmenu-cut,
245#appmenu-editmenu-cut {
319c6529 246 -moz-image-region: rect(0 16px 16px 0);
acb0e9b8 247}
248
143c5409
RK
249#appmenu-cut:hover:not([disabled="true"]),
250#appmenu-editmenu-cut:hover:not([disabled="true"]) {
251 -moz-image-region: rect(16px 16px 32px 0);
252}
253
254#appmenu-cut[disabled="true"],
255#appmenu-editmenu-cut[disabled="true"] {
256 -moz-image-region: rect(32px 16px 48px 0);
257}
258
9abeb12c
RK
259#appmenu-copy,
260#appmenu-editmenu-copy {
319c6529
RK
261 -moz-image-region: rect(0 32px 16px 16px);
262}
263
143c5409
RK
264#appmenu-copy:hover:not([disabled="true"]),
265#appmenu-editmenu-copy:hover:not([disabled="true"]) {
266 -moz-image-region: rect(16px 32px 32px 16px);
267}
268
269#appmenu-copy[disabled="true"],
270#appmenu-editmenu-copy[disabled="true"] {
271 -moz-image-region: rect(32px 32px 48px 16px);
272}
273
9abeb12c
RK
274#appmenu-paste,
275#appmenu-editmenu-paste {
319c6529
RK
276 -moz-image-region: rect(0 48px 16px 32px);
277}
278
143c5409
RK
279#appmenu-paste:hover:not([disabled="true"]),
280#appmenu-editmenu-paste:hover:not([disabled="true"]) {
281 -moz-image-region: rect(16px 48px 32px 32px);
282}
283
284#appmenu-paste[disabled="true"],
285#appmenu-editmenu-paste[disabled="true"] {
286 -moz-image-region: rect(32px 48px 48px 32px);
287}
288
319c6529
RK
289#appmenu_print,
290#appmenu_print_popup {
291 -moz-image-region: rect(0 64px 16px 48px);
292}
293
143c5409
RK
294#appmenu_print:hover:not([disabled="true"]),
295#appmenu_print[open="true"],
296#appmenu_print_popup:hover:not([disabled="true"]) {
297 -moz-image-region: rect(16px 64px 32px 48px);
298}
299
300#appmenu-print[disabled="true"],
301#appmenu_print_popup[disabled="true"] {
302 -moz-image-region: rect(32px 64px 48px 48px);
303}
304
319c6529
RK
305#appmenu-quit {
306 -moz-image-region: rect(0 80px 16px 64px);
307}
308
143c5409
RK
309#appmenu-quit:hover {
310 -moz-image-region: rect(16px 80px 32px 64px);
311}
312
319c6529
RK
313#appmenu-edit-label {
314 -moz-appearance: none;
315 background: transparent;
316 font-style: italic;
317}
318
319#appmenu_bookmarks {
320 list-style-image: url("chrome://browser/skin/places/bookmark.png");
321 -moz-image-region: rect(0px 48px 16px 32px);
322}
323
0142a07b
RK
324#appmenu_privateBrowsing,
325#appmenu_newPrivateWindow {
319c6529
RK
326 list-style-image: url("chrome://browser/skin/Privacy-16.png");
327}
328
82b4252f
RK
329@media (min-resolution: 1.25dppx) {
330 #appmenu_privateBrowsing,
331 #appmenu_newPrivateWindow {
332 list-style-image: url("chrome://browser/skin/Privacy-32.png");
333 }
334}
335
319c6529
RK
336#appmenu_addons {
337 list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png");
338}
339
82b4252f
RK
340@media (min-resolution: 1.25dppx) {
341 #appmenu_addons {
342 list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png");
343 }
344}
345
319c6529
RK
346#BMB_bookmarkThisPage,
347#appmenu_bookmarkThisPage {
348 list-style-image: url("chrome://browser/skin/places/bookmark.png");
349 -moz-image-region: rect(0 16px 16px 0);
350}
351
352/* ::::: titlebar ::::: */
353
5305ef8d
RK
354#titlebar {
355 /* like menubar */
356 background-color: #6000CF;
357 color: #FF9F00;
358}
359#titlebar:-moz-window-inactive {
360 background-color: #8050B0;
361 color: #FF9F00;
362}
363
319c6529 364#main-window[sizemode="normal"] > #titlebar {
5305ef8d
RK
365 margin-top: -3px;
366 margin-bottom: 3px;
319c6529
RK
367}
368
369#main-window[sizemode="maximized"] > #titlebar {
5305ef8d 370 margin-top: 4px;
319c6529
RK
371}
372
43cc2806
RK
373/* The button box must appear on top of the navigator-toolbox in order for
374 * click and hover mouse events to work properly for the button in the restored
375 * window state. Otherwise, elements in the navigator-toolbox, like the menubar,
376 * can swallow those events. It will also place the buttons above the fog on
377 * themes with Aero Glass.
378 */
319c6529 379#titlebar-buttonbox {
5305ef8d
RK
380 margin-top: 5px;
381 -moz-margin-end: 3px;
43cc2806 382 z-index: 1;
319c6529
RK
383}
384
385#main-window[sizemode="maximized"] #titlebar-buttonbox {
386}
387
388.titlebar-placeholder[type="appmenu-button"] {
389 margin-left: 4px;
390}
391
392.titlebar-placeholder[type="caption-buttons"] {
393 margin-left: 10px;
394}
395
396/* titlebar command buttons */
397
398#titlebar-min {
5305ef8d
RK
399 list-style-image: url("chrome://navigator/skin/icons/win-minimize.gif");
400}
401
402#titlebar-min:hover {
403 list-style-image: url("chrome://navigator/skin/icons/win-minimize-hover.gif");
319c6529
RK
404}
405
406#titlebar-max {
5305ef8d
RK
407 list-style-image: url("chrome://browser/skin/win-maximize.gif");
408}
409
410#titlebar-max:hover {
411 list-style-image: url("chrome://browser/skin/win-maximize-hover.gif");
319c6529
RK
412}
413
414#main-window[sizemode="maximized"] #titlebar-max {
5305ef8d
RK
415 list-style-image: url("chrome://navigator/skin/icons/win-restore.gif");
416}
417
418#main-window[sizemode="maximized"] #titlebar-max:hover {
419 list-style-image: url("chrome://navigator/skin/icons/win-restore-hover.gif");
319c6529
RK
420}
421
422#titlebar-close {
5305ef8d
RK
423 list-style-image: url("chrome://navigator/skin/icons/win-close.gif");
424}
425
426#titlebar-close:hover {
427 list-style-image: url("chrome://navigator/skin/icons/win-close-hover.gif");
acb0e9b8 428}
429
430/* ::::: bookmark buttons ::::: */
431
26125509
RK
432.bookmark-item > .toolbarbutton-icon,
433#personal-bookmarks[cui-areatype="toolbar"] > #bookmarks-toolbar-placeholder > .toolbarbutton-icon {
acb0e9b8 434 width: 16px;
435 height: 16px;
436}
437
26125509
RK
438/* Force the display of the label for bookmarks */
439.bookmark-item > .toolbarbutton-text,
440#personal-bookmarks[cui-areatype="toolbar"] > #bookmarks-toolbar-placeholder > .toolbarbutton-text {
acb0e9b8 441 display: -moz-box !important;
442}
443
319c6529
RK
444.bookmark-item > .toolbarbutton-menu-dropmarker {
445 display: none;
446}
447
448#wrapper-personal-bookmarks[place="palette"] > .toolbarpaletteitem-box {
c5772fdf 449 background: url("chrome://communicator/skin/bookmarks/bookmarksToolbar.png") no-repeat center;
319c6529
RK
450}
451
26125509
RK
452.bookmarks-toolbar-customize,
453#bookmarks-toolbar-placeholder {
319c6529 454 max-width: 15em !important;
8da9da4e 455 list-style-image: url("chrome://communicator/skin/bookmarks/bookmarksToolbar.png") !important;
319c6529
RK
456}
457
458/* ::::: bookmark menus ::::: */
459
460menu.bookmark-item,
461menuitem.bookmark-item {
462 min-width: 0;
ab799a7a 463 max-width: 32em;
319c6529
RK
464}
465
466.bookmark-item > .menu-iconic-left {
467 margin-top: 0;
468 margin-bottom: 0;
469}
470
471.bookmark-item > .menu-iconic-left > .menu-iconic-icon {
472 -moz-padding-start: 0px;
473}
474
475/* ::::: bookmark items ::::: */
476
477.bookmark-item {
dce90fef 478 list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
8da9da4e 479 -moz-image-region: auto;
319c6529
RK
480}
481
482.bookmark-item[container] {
483 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif");
8da9da4e 484 -moz-image-region: auto;
319c6529
RK
485}
486
487.bookmark-item[container][open] {
488 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif");
8da9da4e 489 -moz-image-region: auto;
319c6529
RK
490}
491
8da9da4e
RK
492.bookmark-item[container][livemark] {
493 list-style-image: url("chrome://communicator/skin/bookmarks/livemark-folder.png");
319c6529
RK
494 -moz-image-region: auto;
495}
496
497.bookmark-item[container][livemark] .bookmark-item {
8da9da4e 498 list-style-image: url("chrome://communicator/skin/bookmarks/livemark-item.png");
719b06bc 499 -moz-image-region: rect(0px, 16px, 16px, 0px);
319c6529
RK
500}
501
eec397be 502.bookmark-item[container][livemark] .bookmark-item[visited] {
719b06bc 503 -moz-image-region: rect(0px, 32px, 16px, 16px);
eec397be
RK
504}
505
319c6529 506.bookmark-item[container][query] {
8da9da4e 507 list-style-image: url("chrome://communicator/skin/bookmarks/query.png");
319c6529
RK
508 -moz-image-region: auto;
509}
510
511.bookmark-item[query][tagContainer] {
512 list-style-image: url("chrome://mozapps/skin/places/tagContainerIcon.png");
513 -moz-image-region: auto;
514}
515
516.bookmark-item[query][dayContainer] {
8da9da4e 517 list-style-image: url("chrome://communicator/skin/history/calendar.png");
319c6529
RK
518 -moz-image-region: auto;
519}
520
521.bookmark-item[query][hostContainer] {
522 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif");
8da9da4e 523 -moz-image-region: auto;
319c6529
RK
524}
525
526.bookmark-item[query][hostContainer][open] {
527 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif");
8da9da4e 528 -moz-image-region: auto;
319c6529
RK
529}
530
b1234db8
RK
531.bookmark-item[cutting] > .toolbarbutton-icon,
532.bookmark-item[cutting] > .menu-iconic-left > .menu-iconic-icon {
533 opacity: 0.5;
534}
535
536.bookmark-item[cutting] > .toolbarbutton-text,
537.bookmark-item[cutting] > .menu-iconic-left > .menu-iconic-text {
538 opacity: 0.7;
539}
540
319c6529
RK
541/* ::::: primary toolbar buttons ::::: */
542
43cc2806
RK
543/* === BEGIN toolbarbuttons.inc.css === */
544
545/* Whole section of this included file: */
fd291cce
RK
546/* Remove |#navigator-toolbox:not([iconsize])| selector when Australis lands - this makes it only apply post-Australis as iconsize doesn't exist there */
547#navigator-toolbox:not([iconsize]) :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button,
43cc2806
RK
548 #cut-button, #copy-button, #paste-button, #fullscreen-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #sync-button, #feed-button,
549 #tabview-button, #webrtc-status-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button,
550 #privatebrowsing-button, #save-page-button, #switch-to-metro-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button,
551 #PanelUI-menu-button, #characterencoding-button, #email-link-button),
fd291cce 552#navigator-toolbox:not([iconsize]) #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
43cc2806
RK
553 list-style-image: url("chrome://browser/skin/ToolbarFx.png");
554}
555
fd291cce 556#navigator-toolbox:not([iconsize]) #back-button {
43cc2806
RK
557 -moz-image-region: rect(0, 36px, 18px, 18px);
558}
559
fd291cce 560#navigator-toolbox:not([iconsize]) #back-button:hover:not([disabled="true"]) {
43cc2806
RK
561 -moz-image-region: rect(18px, 36px, 36px, 18px);
562}
563
fd291cce 564#navigator-toolbox:not([iconsize]) #back-button[disabled="true"] {
43cc2806
RK
565 -moz-image-region: rect(36px, 36px, 54px, 18px);
566}
567
fd291cce 568#navigator-toolbox:not([iconsize]) #forward-button {
43cc2806
RK
569 -moz-image-region: rect(0, 72px, 18px, 54px);
570}
571
fd291cce 572#navigator-toolbox:not([iconsize]) #forward-button:hover:not([disabled="true"]) {
43cc2806
RK
573 -moz-image-region: rect(18px, 72px, 36px, 54px);
574}
575
fd291cce 576#navigator-toolbox:not([iconsize]) #forward-button[disabled="true"] {
43cc2806
RK
577 -moz-image-region: rect(36px, 72px, 54px, 54px);
578}
579
fd291cce
RK
580#navigator-toolbox:not([iconsize]) #back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
581#navigator-toolbox:not([iconsize]) #forward-button:-moz-locale-dir(rtl) {
43cc2806
RK
582 transform: scaleX(-1);
583}
584
fd291cce 585#navigator-toolbox:not([iconsize]) #home-button[cui-areatype="toolbar"] {
43cc2806
RK
586 -moz-image-region: rect(0, 126px, 18px, 108px);
587}
588
fd291cce 589#navigator-toolbox:not([iconsize]) #home-button[cui-areatype="toolbar"]:hover {
43cc2806
RK
590 -moz-image-region: rect(18px, 126px, 36px, 108px);
591}
592
fd291cce 593#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"] {
43cc2806
RK
594 -moz-image-region: rect(0, 144px, 18px, 126px);
595}
596
fd291cce
RK
597#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"]:hover,
598#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"][open="true"] {
43cc2806
RK
599 -moz-image-region: rect(18px, 144px, 36px, 126px);
600}
601
fd291cce 602#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"][starred] {
43cc2806
RK
603 -moz-image-region: rect(0, 162px, 18px, 144px);
604}
605
fd291cce
RK
606#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"][starred]:hover,
607#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"][starred][open="true"] {
43cc2806
RK
608 -moz-image-region: rect(18px, 162px, 36px, 144px);
609}
610
fd291cce 611#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
43cc2806
RK
612 -moz-image-region: rect(0, 630px, 18px, 612px);
613}
614
fd291cce 615#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker {
43cc2806
RK
616 padding: 1px;
617 -moz-box-align: center;
618}
619
fd291cce
RK
620#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"]:hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
621#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"][open="true"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
43cc2806
RK
622 -moz-image-region: rect(18px, 630px, 36px, 612px);
623}
624
fd291cce
RK
625#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"]:hover:active > .toolbarbutton-menubutton-dropmarker,
626#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"][open="true"] > .toolbarbutton-menubutton-dropmarker {
43cc2806
RK
627 padding-top: 2px;
628 padding-bottom: 0px;
629 -moz-padding-start: 2px;
630 -moz-padding-end: 0px;
631}
632
fd291cce 633#navigator-toolbox:not([iconsize]) #history-panelmenu[cui-areatype="toolbar"] {
43cc2806
RK
634 -moz-image-region: rect(0, 180px, 18px, 162px);
635}
636
fd291cce
RK
637#navigator-toolbox:not([iconsize]) #history-panelmenu[cui-areatype="toolbar"]:hover,
638#navigator-toolbox:not([iconsize]) #history-panelmenu[cui-areatype="toolbar"][open="true"] {
43cc2806
RK
639 -moz-image-region: rect(18px, 180px, 36px, 162px);
640}
641
fd291cce 642#navigator-toolbox:not([iconsize]) #downloads-button[cui-areatype="toolbar"] {
43cc2806
RK
643 -moz-image-region: rect(0, 198px, 18px, 180px);
644}
645
fd291cce
RK
646#navigator-toolbox:not([iconsize]) #downloads-button[cui-areatype="toolbar"]:hover,
647#navigator-toolbox:not([iconsize]) #downloads-button[cui-areatype="toolbar"][open="true"] {
43cc2806
RK
648 -moz-image-region: rect(18px, 198px, 36px, 180px);
649}
650
fd291cce 651#navigator-toolbox:not([iconsize]) #add-ons-button[cui-areatype="toolbar"] {
43cc2806
RK
652 -moz-image-region: rect(0, 216px, 18px, 198px);
653}
654
fd291cce 655#navigator-toolbox:not([iconsize]) #add-ons-button[cui-areatype="toolbar"]:hover {
43cc2806
RK
656 -moz-image-region: rect(18px, 216px, 36px, 198px);
657}
658
fd291cce 659#navigator-toolbox:not([iconsize]) #switch-to-metro-button[cui-areatype="toolbar"] {
43cc2806
RK
660 -moz-image-region: rect(0, 648px, 18px, 630px);
661}
662
fd291cce 663#navigator-toolbox:not([iconsize]) #switch-to-metro-button[cui-areatype="toolbar"]:hover {
43cc2806
RK
664 -moz-image-region: rect(18px, 648px, 36px, 630px);
665}
666
fd291cce 667#navigator-toolbox:not([iconsize]) #open-file-button[cui-areatype="toolbar"] {
43cc2806
RK
668 -moz-image-region: rect(0, 234px, 18px, 216px);
669}
670
fd291cce 671#navigator-toolbox:not([iconsize]) #open-file-button[cui-areatype="toolbar"]:hover {
43cc2806
RK
672 -moz-image-region: rect(18px, 234px, 36px, 216px);
673}
674
fd291cce 675#navigator-toolbox:not([iconsize]) #save-page-button[cui-areatype="toolbar"] {
43cc2806
RK
676 -moz-image-region: rect(0, 252px, 18px, 234px);
677}
678
fd291cce 679#navigator-toolbox:not([iconsize]) #save-page-button[cui-areatype="toolbar"]:hover {
43cc2806
RK
680 -moz-image-region: rect(18px, 252px, 36px, 234px);
681}
682
fd291cce 683#navigator-toolbox:not([iconsize]) #sync-button[cui-areatype="toolbar"] {
43cc2806
RK
684 -moz-image-region: rect(0, 270px, 18px, 252px);
685}
686
fd291cce 687#navigator-toolbox:not([iconsize]) #sync-button[cui-areatype="toolbar"]:hover {
43cc2806
RK
688 -moz-image-region: rect(18px, 270px, 36px, 252px);
689}
690
fd291cce 691#navigator-toolbox:not([iconsize]) #feed-button[cui-areatype="toolbar"] {
43cc2806
RK
692 -moz-image-region: rect(0, 288px, 18px, 270px);
693}
694
fd291cce 695#navigator-toolbox:not([iconsize]) #feed-button[cui-areatype="toolbar"]:hover:not([disabled="true"]) {
43cc2806
RK
696 -moz-image-region: rect(18px, 288px, 36px, 270px);
697}
698
fd291cce 699#navigator-toolbox:not([iconsize]) #feed-button[cui-areatype="toolbar"][disabled="true"] {
cc4b0b0d
RK
700 -moz-image-region: rect(36px, 288px, 54px, 270px);
701}
702
fd291cce 703#navigator-toolbox:not([iconsize]) #social-share-button[cui-areatype="toolbar"] {
43cc2806
RK
704 -moz-image-region: rect(0px, 306px, 18px, 288px);
705}
706
fd291cce 707#navigator-toolbox:not([iconsize]) #social-share-button[cui-areatype="toolbar"]:hover {
43cc2806
RK
708 -moz-image-region: rect(18px, 306px, 36px, 288px);
709}
710
fd291cce 711#navigator-toolbox:not([iconsize]) #email-link-button[cui-areatype="toolbar"] {
43cc2806
RK
712 -moz-image-region: rect(0, 306px, 18px, 288px);
713 /* This is temporary until we have an email-link icon (Bug 932235) */
714 transform: scale(-1, -1);
715}
716
fd291cce 717#navigator-toolbox:not([iconsize]) #email-link-button[cui-areatype="toolbar"]:hover {
43cc2806
RK
718 -moz-image-region: rect(18px, 306px, 36px, 288px);
719}
720
fd291cce 721#navigator-toolbox:not([iconsize]) #characterencoding-button[cui-areatype="toolbar"] {
43cc2806
RK
722 -moz-image-region: rect(0, 324px, 18px, 306px);
723}
724
fd291cce
RK
725#navigator-toolbox:not([iconsize]) #characterencoding-button[cui-areatype="toolbar"]:hover:not([disabled="true"]),
726#navigator-toolbox:not([iconsize]) #characterencoding-button[cui-areatype="toolbar"][open="true"] {
43cc2806
RK
727 -moz-image-region: rect(18px, 324px, 36px, 306px);
728}
729
fd291cce 730#navigator-toolbox:not([iconsize]) #characterencoding-button[cui-areatype="toolbar"][disabled="true"] {
cc4b0b0d
RK
731 -moz-image-region: rect(36px, 324px, 54px, 306px);
732}
733
fd291cce 734#navigator-toolbox:not([iconsize]) #new-window-button[cui-areatype="toolbar"] {
43cc2806
RK
735 -moz-image-region: rect(0, 342px, 18px, 324px);
736}
737
fd291cce 738#navigator-toolbox:not([iconsize]) #new-window-button[cui-areatype="toolbar"]:hover {
43cc2806
RK
739 -moz-image-region: rect(18px, 342px, 36px, 324px);
740}
741
fd291cce 742#navigator-toolbox:not([iconsize]) #new-tab-button[cui-areatype="toolbar"] {
43cc2806
RK
743 -moz-image-region: rect(0, 360px, 18px, 342px);
744}
745
fd291cce 746#navigator-toolbox:not([iconsize]) #new-tab-button[cui-areatype="toolbar"]:hover {
43cc2806
RK
747 -moz-image-region: rect(18px, 360px, 36px, 342px);
748}
749
fd291cce 750#navigator-toolbox:not([iconsize]) #privatebrowsing-button[cui-areatype="toolbar"] {
43cc2806
RK
751 -moz-image-region: rect(0, 378px, 18px, 360px);
752}
753
fd291cce 754#navigator-toolbox:not([iconsize]) #privatebrowsing-button[cui-areatype="toolbar"]:hover {
43cc2806
RK
755 -moz-image-region: rect(18px, 378px, 36px, 360px);
756}
757
fd291cce 758#navigator-toolbox:not([iconsize]) #find-button[cui-areatype="toolbar"] {
43cc2806
RK
759 -moz-image-region: rect(0, 396px, 18px, 378px);
760}
761
fd291cce 762#navigator-toolbox:not([iconsize]) #find-button[cui-areatype="toolbar"]:hover {
43cc2806
RK
763 -moz-image-region: rect(18px, 396px, 36px, 378px);
764}
765
fd291cce 766#navigator-toolbox:not([iconsize]) #print-button[cui-areatype="toolbar"] {
43cc2806
RK
767 -moz-image-region: rect(0, 414px, 18px, 396px);
768}
769
fd291cce 770#navigator-toolbox:not([iconsize]) #print-button[cui-areatype="toolbar"]:hover {
43cc2806
RK
771 -moz-image-region: rect(18px, 414px, 36px, 396px);
772}
773
fd291cce 774#navigator-toolbox:not([iconsize]) #fullscreen-button[cui-areatype="toolbar"] {
43cc2806
RK
775 -moz-image-region: rect(0, 432px, 18px, 414px);
776}
777
fd291cce 778#navigator-toolbox:not([iconsize]) #fullscreen-button[cui-areatype="toolbar"]:hover {
43cc2806
RK
779 -moz-image-region: rect(18px, 432px, 36px, 414px);
780}
781
fd291cce 782#navigator-toolbox:not([iconsize]) #developer-button[cui-areatype="toolbar"] {
43cc2806
RK
783 -moz-image-region: rect(0, 450px, 18px, 432px);
784}
785
fd291cce
RK
786#navigator-toolbox:not([iconsize]) #developer-button[cui-areatype="toolbar"]:hover,
787#navigator-toolbox:not([iconsize]) #developer-button[cui-areatype="toolbar"][open="true"] {
43cc2806
RK
788 -moz-image-region: rect(18px, 450px, 36px, 432px);
789}
790
fd291cce 791#navigator-toolbox:not([iconsize]) #preferences-button[cui-areatype="toolbar"] {
43cc2806
RK
792 -moz-image-region: rect(0, 468px, 18px, 450px);
793}
794
fd291cce 795#navigator-toolbox:not([iconsize]) #preferences-button[cui-areatype="toolbar"]:hover {
43cc2806
RK
796 -moz-image-region: rect(18px, 468px, 36px, 450px);
797}
798
fd291cce 799#navigator-toolbox:not([iconsize]) #PanelUI-menu-button {
43cc2806
RK
800 -moz-image-region: rect(0, 486px, 18px, 468px);
801}
802
fd291cce
RK
803#navigator-toolbox:not([iconsize]) #PanelUI-menu-button:hover,
804#navigator-toolbox:not([iconsize]) #PanelUI-menu-button[open="true"] {
43cc2806
RK
805 -moz-image-region: rect(18px, 486px, 36px, 468px);
806}
807
fd291cce 808#navigator-toolbox:not([iconsize]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #cut-button {
43cc2806
RK
809 -moz-image-region: rect(0, 504px, 18px, 486px);
810}
811
fd291cce 812#navigator-toolbox:not([iconsize]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #cut-button:hover:not([disabled="true"]) {
43cc2806
RK
813 -moz-image-region: rect(18px, 504px, 36px, 486px);
814}
815
fd291cce 816#navigator-toolbox:not([iconsize]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #cut-button[disabled="true"] {
cc4b0b0d
RK
817 -moz-image-region: rect(36px, 504px, 54px, 486px);
818}
819
fd291cce 820#navigator-toolbox:not([iconsize]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #copy-button {
43cc2806
RK
821 -moz-image-region: rect(0, 522px, 18px, 504px);
822}
823
fd291cce 824#navigator-toolbox:not([iconsize]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #copy-button:hover:not([disabled="true"]) {
43cc2806
RK
825 -moz-image-region: rect(18px, 522px, 36px, 504px);
826}
827
fd291cce 828#navigator-toolbox:not([iconsize]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #copy-button[disabled="true"] {
cc4b0b0d
RK
829 -moz-image-region: rect(36px, 522px, 54px, 504px);
830}
831
fd291cce 832#navigator-toolbox:not([iconsize]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #paste-button {
43cc2806
RK
833 -moz-image-region: rect(0, 540px, 18px, 522px);
834}
835
fd291cce 836#navigator-toolbox:not([iconsize]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #paste-button:hover:not([disabled="true"]) {
43cc2806
RK
837 -moz-image-region: rect(18px, 540px, 36px, 522px);
838}
839
fd291cce 840#navigator-toolbox:not([iconsize]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #paste-button[disabled="true"] {
cc4b0b0d
RK
841 -moz-image-region: rect(36px, 540px, 54px, 522px);
842}
843
fd291cce 844#navigator-toolbox:not([iconsize]) #zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #zoom-out-button {
43cc2806
RK
845 -moz-image-region: rect(0, 558px, 18px, 540px);
846}
847
fd291cce 848#navigator-toolbox:not([iconsize]) #zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #zoom-out-button:hover:not([disabled="true"]) {
43cc2806
RK
849 -moz-image-region: rect(18px, 558px, 36px, 540px);
850}
851
fd291cce 852#navigator-toolbox:not([iconsize]) #zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #zoom-out-button[disabled="true"] {
cc4b0b0d
RK
853 -moz-image-region: rect(36px, 558px, 54px, 540px);
854}
855
fd291cce 856#navigator-toolbox:not([iconsize]) #zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #zoom-in-button {
43cc2806
RK
857 -moz-image-region: rect(0, 576px, 18px, 558px);
858}
859
fd291cce 860#navigator-toolbox:not([iconsize]) #zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #zoom-in-button:hover:not([disabled="true"]) {
43cc2806
RK
861 -moz-image-region: rect(18px, 576px, 36px, 558px);
862}
863
fd291cce 864#navigator-toolbox:not([iconsize]) #zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #zoom-in-button[disabled="true"] {
cc4b0b0d
RK
865 -moz-image-region: rect(36px, 576px, 54px, 558px);
866}
867
fd291cce 868#navigator-toolbox:not([iconsize]) #webrtc-status-button:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) {
43cc2806
RK
869 -moz-image-region: rect(0, 594px, 18px, 576px);
870}
871
fd291cce
RK
872#navigator-toolbox:not([iconsize]) #webrtc-status-button:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)):hover,
873#navigator-toolbox:not([iconsize]) #webrtc-status-button:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem))[open="true"] {
43cc2806
RK
874 -moz-image-region: rect(18px, 594px, 36px, 576px);
875}
876
fd291cce 877#navigator-toolbox:not([iconsize]) #nav-bar-overflow-button {
43cc2806
RK
878 -moz-image-region: rect(0, 612px, 18px, 594px);
879}
880
fd291cce
RK
881#navigator-toolbox:not([iconsize]) #nav-bar-overflow-button:hover,
882#navigator-toolbox:not([iconsize]) #nav-bar-overflow-button[open="true"] {
43cc2806
RK
883 -moz-image-region: rect(18px, 612px, 36px, 594px);
884}
885
886/* === END toolbarbuttons.inc.css === */
887
888/* === BEGIN menupanel.inc.css === */
889
890/* Menu panel and palette styles */
891
892/* Remove |:-moz-any(#customization-palette, #panelUI-contents)| selector when Australis lands - this makes it only apply post-Australis as those elements only exist there */
893:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button,
894 #cut-button, #copy-button, #paste-button, #fullscreen-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #sync-button, #feed-button,
895 #tabview-button, #webrtc-status-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button,
896 #privatebrowsing-button, #save-page-button, #switch-to-metro-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button,
897 #PanelUI-menu-button, #characterencoding-button, #email-link-button)[cui-areatype="menu-panel"],
898:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button,
899 #cut-button, #copy-button, #paste-button, #fullscreen-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #sync-button, #feed-button,
900 #tabview-button, #webrtc-status-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button,
901 #privatebrowsing-button, #save-page-button, #switch-to-metro-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button,
902 #PanelUI-menu-button, #characterencoding-button, #email-link-button) {
903 list-style-image: url("chrome://browser/skin/menuPanel.png");
904}
905
906#home-button[cui-areatype="menu-panel"],
907:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #home-button {
908 -moz-image-region: rect(0px, 128px, 32px, 96px);
909}
910
cc4b0b0d
RK
911#home-button[cui-areatype="menu-panel"]:hover,
912:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #home-button:hover {
913 -moz-image-region: rect(32px, 128px, 64px, 96px);
914}
915
43cc2806
RK
916#bookmarks-menu-button[cui-areatype="menu-panel"],
917:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #bookmarks-menu-button {
918 -moz-image-region: rect(0px, 160px, 32px, 128px);
919}
920
cc4b0b0d
RK
921#bookmarks-menu-button[cui-areatype="menu-panel"]:hover,
922:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #bookmarks-menu-button:hover {
923 -moz-image-region: rect(32px, 160px, 64px, 128px);
924}
925
43cc2806
RK
926#bookmarks-menu-button[starred][cui-areatype="menu-panel"] {
927 -moz-image-region: rect(0px, 192px, 32px, 160px);
928}
929
cc4b0b0d
RK
930#bookmarks-menu-button[starred][cui-areatype="menu-panel"]:hover {
931 -moz-image-region: rect(32px, 192px, 64px, 160px);
932}
933
43cc2806
RK
934#history-panelmenu[cui-areatype="menu-panel"],
935:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #history-panelmenu {
936 -moz-image-region: rect(0px, 224px, 32px, 192px);
937}
938
cc4b0b0d
RK
939#history-panelmenu[cui-areatype="menu-panel"]:hover,
940:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #history-panelmenu:hover {
941 -moz-image-region: rect(32px, 224px, 64px, 192px);
942}
943
43cc2806 944#downloads-button[cui-areatype="menu-panel"],
43cc2806
RK
945:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #downloads-button {
946 -moz-image-region: rect(0px, 256px, 32px, 224px);
947}
948
cc4b0b0d 949#downloads-button[cui-areatype="menu-panel"]:hover,
cc4b0b0d
RK
950:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #downloads-button:hover {
951 -moz-image-region: rect(32px, 256px, 64px, 224px);
952}
953
43cc2806
RK
954#switch-to-metro-button[cui-areatype="menu-panel"],
955:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #switch-to-metro-button {
956 -moz-image-region: rect(0px, 800px, 32px, 768px);
957}
958
cc4b0b0d
RK
959#switch-to-metro-button[cui-areatype="menu-panel"]:hover,
960:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #switch-to-metro-button:hover {
961 -moz-image-region: rect(32px, 800px, 64px, 768px);
962}
963
43cc2806
RK
964#add-ons-button[cui-areatype="menu-panel"],
965:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #add-ons-button {
966 -moz-image-region: rect(0px, 288px, 32px, 256px);
967}
968
cc4b0b0d
RK
969#add-ons-button[cui-areatype="menu-panel"]:hover,
970:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #add-ons-button:hover {
971 -moz-image-region: rect(32px, 288px, 64px, 256px);
972}
973
43cc2806
RK
974#open-file-button[cui-areatype="menu-panel"],
975:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #open-file-button {
976 -moz-image-region: rect(0px, 320px, 32px, 288px);
977}
978
cc4b0b0d
RK
979#open-file-button[cui-areatype="menu-panel"]:hover,
980:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #open-file-button:hover {
981 -moz-image-region: rect(32px, 320px, 64px, 288px);
982}
983
43cc2806
RK
984#save-page-button[cui-areatype="menu-panel"],
985:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #save-page-button {
986 -moz-image-region: rect(0px, 352px, 32px, 320px);
987}
988
cc4b0b0d
RK
989#save-page-button[cui-areatype="menu-panel"]:hover,
990:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #save-page-button:hover {
991 -moz-image-region: rect(32px, 352px, 64px, 320px);
992}
993
43cc2806
RK
994#sync-button[cui-areatype="menu-panel"],
995:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #sync-button {
996 -moz-image-region: rect(0px, 384px, 32px, 352px);
997}
998
cc4b0b0d
RK
999#sync-button[cui-areatype="menu-panel"]:hover,
1000:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #sync-button:hover {
1001 -moz-image-region: rect(32px, 384px, 64px, 352px);
1002}
1003
43cc2806
RK
1004#feed-button[cui-areatype="menu-panel"],
1005:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #feed-button {
1006 -moz-image-region: rect(0px, 416px, 32px, 384px);
1007}
1008
cc4b0b0d
RK
1009#feed-button[cui-areatype="menu-panel"]:hover:not([disabled="true"]),
1010:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #feed-button:hover:not([disabled="true"]) {
1011 -moz-image-region: rect(32px, 416px, 64px, 384px);
1012}
1013
1014#feed-button[cui-areatype="menu-panel"][disabled="true"],
1015:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #feed-button[disabled="true"] {
1016 -moz-image-region: rect(64px, 416px, 96px, 384px);
1017}
1018
43cc2806
RK
1019#social-share-button[cui-areatype="menu-panel"],
1020:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #social-share-button {
1021 -moz-image-region: rect(0px, 448px, 32px, 416px);
1022}
1023
cc4b0b0d
RK
1024#social-share-button[cui-areatype="menu-panel"]:hover,
1025:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #social-share-button:hover {
1026 -moz-image-region: rect(32px, 448px, 64px, 416px);
1027}
1028
43cc2806
RK
1029#email-link-button[cui-areatype="menu-panel"],
1030:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #email-link-button {
1031 -moz-image-region: rect(0, 448px, 32px, 416px);
1032}
1033
cc4b0b0d
RK
1034#email-link-button[cui-areatype="menu-panel"]:hover,
1035:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #email-link-button:hover {
fd291cce 1036 -moz-image-region: rect(32px, 448px, 64px, 416px);
cc4b0b0d
RK
1037}
1038
43cc2806
RK
1039/* This is temporary until we have an email-link icon (Bug 932235) */
1040#email-link-button[cui-areatype="menu-panel"] > image,
1041:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #email-link-button > image {
1042 transform: scale(-1, -1);
1043}
1044
1045#characterencoding-button[cui-areatype="menu-panel"],
1046:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #characterencoding-button {
1047 -moz-image-region: rect(0px, 480px, 32px, 448px);
1048}
1049
cc4b0b0d
RK
1050#characterencoding-button[cui-areatype="menu-panel"]:hover:not([disabled="true"]),
1051:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #characterencoding-button:hover:not([disabled="true"]) {
1052 -moz-image-region: rect(32px, 480px, 64px, 448px);
1053}
1054
1055#characterencoding-button[cui-areatype="menu-panel"][disabled="true"],
1056:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #characterencoding-button[disabled="true"] {
1057 -moz-image-region: rect(64px, 480px, 96px, 448px);
1058}
1059
43cc2806
RK
1060#new-window-button[cui-areatype="menu-panel"],
1061:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #new-window-button {
1062 -moz-image-region: rect(0px, 512px, 32px, 480px);
1063}
1064
cc4b0b0d
RK
1065#new-window-button[cui-areatype="menu-panel"]:hover,
1066:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #new-window-button:hover {
1067 -moz-image-region: rect(32px, 512px, 64px, 480px);
1068}
1069
43cc2806
RK
1070#new-tab-button[cui-areatype="menu-panel"],
1071:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #new-tab-button {
1072 -moz-image-region: rect(0px, 544px, 32px, 512px);
1073}
1074
cc4b0b0d
RK
1075#new-tab-button[cui-areatype="menu-panel"]:hover,
1076:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #new-tab-button:hover {
1077 -moz-image-region: rect(32px, 544px, 64px, 512px);
1078}
1079
43cc2806
RK
1080#privatebrowsing-button[cui-areatype="menu-panel"],
1081:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #privatebrowsing-button {
1082 -moz-image-region: rect(0px, 576px, 32px, 544px);
1083}
1084
cc4b0b0d
RK
1085#privatebrowsing-button[cui-areatype="menu-panel"]:hover,
1086:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #privatebrowsing-button:hover {
1087 -moz-image-region: rect(32px, 576px, 64px, 544px);
1088}
1089
43cc2806
RK
1090#find-button[cui-areatype="menu-panel"],
1091:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #find-button {
1092 -moz-image-region: rect(0px, 640px, 32px, 608px);
1093}
1094
cc4b0b0d
RK
1095#find-button[cui-areatype="menu-panel"]:hover,
1096:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #find-button:hover {
1097 -moz-image-region: rect(32px, 640px, 64px, 608px);
1098}
1099
43cc2806
RK
1100#print-button[cui-areatype="menu-panel"],
1101:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #print-button {
1102 -moz-image-region: rect(0px, 672px, 32px, 640px);
1103}
1104
cc4b0b0d
RK
1105#print-button[cui-areatype="menu-panel"]:hover,
1106:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #print-button:hover {
1107 -moz-image-region: rect(32px, 672px, 64px, 640px);
1108}
1109
43cc2806
RK
1110#fullscreen-button[cui-areatype="menu-panel"],
1111:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #fullscreen-button {
1112 -moz-image-region: rect(0px, 704px, 32px, 672px);
1113}
1114
cc4b0b0d
RK
1115#fullscreen-button[cui-areatype="menu-panel"]:hover,
1116:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #fullscreen-button:hover {
1117 -moz-image-region: rect(32px, 704px, 64px, 672px);
1118}
1119
43cc2806
RK
1120#developer-button[cui-areatype="menu-panel"],
1121:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #developer-button {
1122 -moz-image-region: rect(0px, 736px, 32px, 704px);
1123}
1124
cc4b0b0d
RK
1125#developer-button[cui-areatype="menu-panel"]:hover,
1126:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #developer-button:hover {
1127 -moz-image-region: rect(32px, 736px, 64px, 704px);
1128}
1129
43cc2806
RK
1130#preferences-button[cui-areatype="menu-panel"],
1131:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #preferences-button {
1132 -moz-image-region: rect(0px, 768px, 32px, 736px);
1133}
1134
cc4b0b0d
RK
1135#preferences-button[cui-areatype="menu-panel"]:hover,
1136:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #preferences-button:hover {
1137 -moz-image-region: rect(32px, 768px, 64px, 736px);
1138}
1139
43cc2806
RK
1140/* Wide panel control icons */
1141
1142#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton,
1143#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton,
1144:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton,
1145:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton {
1146 list-style-image: url("chrome://browser/skin/menuPanel-small.png");
1147}
1148
1149#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #cut-button,
1150:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #edit-controls > #cut-button {
1151 -moz-image-region: rect(0px, 32px, 16px, 16px);
1152}
1153
cc4b0b0d
RK
1154#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #cut-button:hover:not([disabled="true"]),
1155:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #edit-controls > #cut-button:hover:not([disabled="true"]) {
1156 -moz-image-region: rect(16px, 32px, 32px, 16px);
1157}
1158
1159#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #cut-button[disabled="true"],
1160:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #edit-controls > #cut-button[disabled="true"] {
1161 -moz-image-region: rect(32px, 32px, 48px, 16px);
1162}
1163
43cc2806
RK
1164#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #copy-button,
1165:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #edit-controls > #copy-button {
1166 -moz-image-region: rect(0px, 48px, 16px, 32px);
1167}
1168
cc4b0b0d
RK
1169#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #copy-button:hover:not([disabled="true"]),
1170:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #edit-controls > #copy-button:hover:not([disabled="true"]) {
1171 -moz-image-region: rect(16px, 48px, 32px, 32px);
1172}
1173
1174#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #copy-button[disabled="true"],
1175:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #edit-controls > #copy-button[disabled="true"] {
1176 -moz-image-region: rect(32px, 48px, 48px, 32px);
1177}
1178
43cc2806
RK
1179#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #paste-button,
1180:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #edit-controls > #paste-button {
1181 -moz-image-region: rect(0px, 64px, 16px, 48px);
1182}
1183
cc4b0b0d
RK
1184#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #paste-button:hover:not([disabled="true"]),
1185:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #edit-controls > #paste-button:hover:not([disabled="true"]) {
1186 -moz-image-region: rect(16px, 64px, 32px, 48px);
1187}
1188
1189#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #paste-button[disabled="true"],
1190:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #edit-controls > #paste-button[disabled="true"] {
1191 -moz-image-region: rect(32px, 64px, 48px, 48px);
1192}
1193
43cc2806
RK
1194#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #zoom-out-button,
1195:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-out-button {
1196 -moz-image-region: rect(0px, 80px, 16px, 64px);
1197}
1198
cc4b0b0d
RK
1199#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #zoom-out-button:hover:not([disabled="true"]),
1200:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-out-button:hover:not([disabled="true"]) {
1201 -moz-image-region: rect(16px, 80px, 32px, 64px);
1202}
1203
1204#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #zoom-out-button[disabled="true"],
1205:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-out-button[disabled="true"] {
1206 -moz-image-region: rect(32px, 80px, 48px, 64px);
1207}
1208
43cc2806
RK
1209#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #zoom-in-button,
1210:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
1211 -moz-image-region: rect(0px, 96px, 16px, 80px);
1212}
1213
cc4b0b0d
RK
1214#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #zoom-in-button:hover:not([disabled="true"]),
1215:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button:hover:not([disabled="true"]) {
1216 -moz-image-region: rect(16px, 96px, 32px, 80px);
1217}
1218
1219#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #zoom-in-button[disabled="true"],
1220:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button[disabled="true"] {
1221 -moz-image-region: rect(32px, 96px, 48px, 80px);
1222}
1223
43cc2806
RK
1224/* === END menupanel.inc.css === */
1225
63ada306 1226.toolbarbutton-1 {
a736ce46 1227 list-style-image: url("chrome://browser/skin/FxToolbar.png");
63ada306
RK
1228}
1229
1230.toolbarbutton-1:not([type="menu-button"]) {
1231 -moz-box-orient: vertical;
1232}
1233
319c6529
RK
1234.toolbarbutton-1,
1235.toolbarbutton-1 > .toolbarbutton-menubutton-button {
1236 min-width: 36px;
1237 min-height: 36px;
319c6529
RK
1238}
1239
ab799a7a
RK
1240.toolbarbutton-1:not([type="menu-button"]) {
1241 -moz-box-orient: vertical;
319c6529
RK
1242}
1243
1244.toolbarbutton-1,
1245.toolbarbutton-1 > .toolbarbutton-menubutton-button,
1246.toolbarbutton-1[disabled="true"]:hover:active,
1247.toolbarbutton-1[disabled="true"]:hover:active > .toolbarbutton-menubutton-button {
1248 padding: 1px 2px;
1249}
1250
1251.toolbarbutton-1:hover:active,
1252.toolbarbutton-1[open="true"],
1253.toolbarbutton-1:hover:active > .toolbarbutton-menubutton-button {
1254 padding-top: 2px;
1255 padding-bottom: 0px;
1256 -moz-padding-start: 3px;
1257 -moz-padding-end: 1px;
1258}
1259
319c6529
RK
1260/* ::::: small primary toolbar buttons ::::: */
1261
9abeb12c
RK
1262#nav-bar {
1263 /* force iconsize="small" on this toolbar */
1264 counter-reset: smallicons;
1265}
1266
319c6529
RK
1267toolbar[mode="text"] .toolbarbutton-1,
1268toolbar[mode="icons"] .toolbarbutton-1,
1269toolbar[iconsize="small"] .toolbarbutton-1,
1270:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1,
1271toolbar[mode="text"] .toolbarbutton-menubutton-button,
1272toolbar[mode="icons"] .toolbarbutton-menubutton-button,
1273toolbar[iconsize="small"] .toolbarbutton-menubutton-button,
1274:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button {
1275 min-width: 0px;
1276 min-height: 0px;
1277}
1278
1279toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker {
1280 padding-top: 4px;
1281 padding-bottom: 8px;
1282 -moz-padding-start: 1px;
1283 -moz-padding-end: 1px;
1284}
1285
1286toolbar[mode="icons"] .toolbarbutton-menubutton-dropmarker,
1287toolbar[iconsize="small"] .toolbarbutton-menubutton-dropmarker,
1288:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
1289 padding-top: 0px;
1290 padding-bottom: 13px;
1291 -moz-padding-start: 1px;
1292 -moz-padding-end: 1px;
1293}
1294
1295toolbar[mode="text"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
1296toolbar[mode="text"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker {
1297 padding-top: 5px;
1298 padding-bottom: 7px;
43cc2806
RK
1299 -moz-padding-start: 2px;
1300 -moz-padding-end: 0px;
319c6529
RK
1301}
1302
1303toolbar[mode="icons"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
1304toolbar[mode="icons"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker,
1305toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
1306toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker,
1307:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
1308:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker {
1309 padding-top: 1px;
1310 padding-bottom: 12px;
43cc2806
RK
1311 -moz-padding-start: 2px;
1312 -moz-padding-end: 0px;
319c6529
RK
1313}
1314
1315toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker[disabled="true"] {
1316 padding-top: 4px !important;
1317 padding-bottom: 8px !important;
1318 -moz-padding-start: 1px !important;
1319 -moz-padding-end: 1px !important;
1320}
1321
1322toolbar[mode="icons"] .toolbarbutton-menubutton-dropmarker[disabled="true"],
1323toolbar[iconsize="small"] > .toolbarbutton-menubutton-dropmarker[disabled="true"] {
1324 padding-top: 0px !important;
1325 padding-bottom: 13px !important;
1326 -moz-padding-start: 1px !important;
1327 -moz-padding-end: 1px !important;
1328}
1329
1330toolbar[mode="icons"] .toolbarbutton-text,
1331toolbar[mode="text"] .toolbarbutton-icon {
1332 display: none;
1333}
1334
1335toolbar[mode="text"] .toolbarbutton-text {
1336 padding: 4px 0;
1337}
1338
1339toolbar[mode="text"] .toolbarbutton-1,
1340toolbar[mode="text"] .toolbarbutton-1 > .toolbarbutton-menubutton-button {
1341 -moz-box-orient: horizontal;
1342}
1343
1344toolbar[mode="full"] .toolbarbutton-1,
1345toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button {
1346 min-width: 30px;
1347}
1348
d54f5b23 1349#navigator-toolbox[iconsize=small] > #nav-bar {
d54f5b23
RK
1350}
1351
1352#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar {
d54f5b23
RK
1353}
1354
1355
319c6529
RK
1356/* unified back/forward button */
1357
26125509
RK
1358/* Australis?
1359#forward-button {
1360 padding: 0 !important;
1361}
1362
1363#forward-button > menupopup {
1364 margin-top: 1px !important;
1365}
1366*/
1367
319c6529 1368#back-button {
319c6529
RK
1369 -moz-margin-end: 0;
1370}
1371
9847cbdd
RK
1372/* A number of styles use :-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) - this makes it only apply pre-Australis as iconsize and palette-box or addon-bar don't exist afterwards */
1373:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #back-button {
26125509
RK
1374 -moz-image-region: rect(0, 18px, 18px, 0);
1375}
1376
9847cbdd 1377:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #back-button:not([disabled="true"]):hover {
38cfeb47
RK
1378 -moz-image-region: rect(18px, 18px, 36px, 0);
1379}
1380
9847cbdd 1381:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #back-button[disabled="true"] {
38cfeb47
RK
1382 -moz-image-region: rect(36px, 18px, 54px, 0);
1383}
1384
319c6529 1385#forward-button {
319c6529
RK
1386 -moz-margin-start: 0;
1387}
1388
9847cbdd 1389:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #forward-button {
26125509
RK
1390 -moz-image-region: rect(0, 36px, 18px, 18px);
1391}
1392
9847cbdd 1393:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #forward-button:not([disabled="true"]):hover {
38cfeb47
RK
1394 -moz-image-region: rect(18px, 36px, 36px, 18px);
1395}
1396
9847cbdd 1397:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #forward-button[disabled="true"] {
38cfeb47 1398 -moz-image-region: rect(36px, 36px, 54px, 18px);
b36fc72e
RK
1399}
1400
319c6529
RK
1401#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
1402#forward-button:-moz-locale-dir(rtl),
1403#forward-button:-moz-locale-dir(rtl) > .toolbarbutton-text {
71a617ff 1404 transform: scaleX(-1);
319c6529 1405}
26125509 1406/*
b36fc72e 1407#nav-bar #back-button:-moz-locale-dir(ltr) {
319c6529
RK
1408 border-top-right-radius: 0;
1409 border-bottom-right-radius: 0;
1410}
1411
b36fc72e
RK
1412#nav-bar #back-button:-moz-locale-dir(rtl),
1413#nav-bar #forward-button {
319c6529
RK
1414 border-top-left-radius: 0;
1415 border-bottom-left-radius: 0;
1416}
26125509 1417*/
43cc2806
RK
1418/* Remove selector when Australis lands - this makes it only apply post-Australis as back/forward buttons are in the urlbar-container there */
1419#urlbar-container > #back-button,
676f0091
RK
1420window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1421 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1422 #unified-back-forward-button > #back-button {
319c6529
RK
1423 border-radius: 10000px;
1424 width: 30px;
1425 height: 30px;
1426 position: relative;
1427 z-index: 1;
1428 margin-top: -2px;
1429 margin-bottom: -2px;
1430 border: none;
38cfeb47
RK
1431 -moz-image-region: rect(54px, 20px, 74px, 0);
1432}
1433
43cc2806
RK
1434/* Remove selector when Australis lands - this makes it only apply post-Australis as back/forward buttons are in the urlbar-container there */
1435#urlbar-container > #back-button[open="true"],
676f0091
RK
1436window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1437 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1438 #unified-back-forward-button > #back-button:not([disabled="true"]):hover,
1439window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1440 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1441 #unified-back-forward-button > #back-button[open="true"] {
38cfeb47
RK
1442 -moz-image-region: rect(54px, 40px, 74px, 20px);
1443}
1444
43cc2806
RK
1445/* Remove selector when Australis lands - this makes it only apply post-Australis as back/forward buttons are in the urlbar-container there */
1446#urlbar-container > #back-button[disabled="true"],
676f0091
RK
1447window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1448 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1449 #unified-back-forward-button > #back-button[disabled="true"] {
38cfeb47 1450 -moz-image-region: rect(54px, 60px, 74px, 40px);
319c6529
RK
1451}
1452
676f0091
RK
1453window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1454 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1455 #unified-back-forward-button > #back-button:not([disabled="true"]):not([open="true"]):not(:active):hover {
319c6529
RK
1456}
1457
676f0091
RK
1458window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1459 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1460 #unified-back-forward-button > #back-button:not([disabled="true"]):hover:active,
1461window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1462 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1463 #unified-back-forward-button > #back-button[open="true"] {
319c6529
RK
1464}
1465
9abeb12c
RK
1466#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar[currentset*="unified-back-forward-button"],
1467#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar:not([currentset]) {
319c6529
RK
1468/* padding-top: 3px;
1469 padding-bottom: 5px; */
1470}
1471
9abeb12c
RK
1472#navigator-toolbox[iconsize="large"][mode="icons"][tabsontop="true"] > #nav-bar[currentset*="unified-back-forward-button"],
1473#navigator-toolbox[iconsize="large"][mode="icons"][tabsontop="true"] > #nav-bar:not([currentset]) {
319c6529
RK
1474/* padding-top: 5px; */
1475}
1476
43cc2806
RK
1477/* Remove selector when Australis lands - this makes it only apply post-Australis as back/forward buttons are in the urlbar-container there */
1478#urlbar-container > #forward-button,
676f0091
RK
1479window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1480 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1481 #unified-back-forward-button > #forward-button {
319c6529 1482 /*mask: url(keyhole-forward-mask.svg#mask); XXX: this regresses twinopen */
2a5b7882 1483 /*clip-path: url("chrome://browser/content/browser.xul#winstripe-keyhole-forward-clip-path"); */
9abeb12c 1484 -moz-margin-start: -6px !important;
319c6529
RK
1485 padding-left: 7px;
1486 padding-right: 3px;
e8519ae0
RK
1487 margin-top: 2px;
1488 margin-bottom: 2px;
1489}
1490
43cc2806
RK
1491/* Remove selector when Australis lands - this makes it only apply post-Australis as back/forward buttons are in the urlbar-container there */
1492#urlbar-container > #forward-button:-moz-locale-dir(ltr),
676f0091
RK
1493window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1494 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1495 #unified-back-forward-button > #forward-button:-moz-locale-dir(ltr) {
e8519ae0
RK
1496 border-top-right-radius: 11px;
1497 border-bottom-right-radius: 11px;
1498}
1499
43cc2806
RK
1500/* Remove selector when Australis lands - this makes it only apply post-Australis as back/forward buttons are in the urlbar-container there */
1501#urlbar-container > #forward-button:-moz-locale-dir(rtl),
676f0091
RK
1502window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1503 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1504 #unified-back-forward-button > #forward-button:-moz-locale-dir(rtl) {
e8519ae0
RK
1505 border-top-left-radius: 11px;
1506 border-bottom-left-radius: 11px;
319c6529
RK
1507}
1508
319c6529
RK
1509.unified-nav-back[_moz-menuactive]:-moz-locale-dir(ltr),
1510.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(rtl) {
71bac478
RK
1511 list-style-image: url("chrome://global/skin/arrow/arrow-left.gif") !important;
1512}
1513
1514.unified-nav-back[_moz-menuactive]:-moz-locale-dir(ltr):hover,
1515.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(rtl):hover {
1516 list-style-image: url("chrome://global/skin/arrow/arrow-left-hover.gif") !important;
319c6529
RK
1517}
1518
1519.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(ltr),
1520.unified-nav-back[_moz-menuactive]:-moz-locale-dir(rtl) {
71bac478
RK
1521 list-style-image: url("chrome://global/skin/arrow/arrow-right.gif") !important;
1522}
1523
1524.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(ltr):hover,
1525.unified-nav-back[_moz-menuactive]:-moz-locale-dir(rtl):hover {
1526 list-style-image: url("chrome://global/skin/arrow/arrow-right.gif") !important;
319c6529
RK
1527}
1528
8ad8bf83
RK
1529window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1530 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1531 #unified-back-forward-button > #forward-button {
e8519ae0 1532/* border-top-right-radius: 0;
8ad8bf83 1533 border-bottom-right-radius: 0;
e8519ae0 1534 -moz-margin-end: 0; */
8ad8bf83
RK
1535}
1536
1537window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1538 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
26125509
RK
1539 #unified-back-forward-button:not([switchingtabs]) > #forward-button,
1540window:not([chromehidden~="toolbar"]) #urlbar-container:not([switchingtabs]) > #forward-button {
71a617ff 1541 transition: opacity 150ms ease-out;
8ad8bf83
RK
1542}
1543
1544window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1545 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
26125509
RK
1546 #unified-back-forward-button:not(:hover) > #forward-button[disabled],
1547window:not([chromehidden~="toolbar"]) #urlbar-container:not(:hover) > #forward-button[disabled] {
8ad8bf83
RK
1548 opacity: 0;
1549}
1550
e8519ae0
RK
1551window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1552 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
26125509
RK
1553 #unified-back-forward-button:hover > #forward-button[disabled],
1554window:not([chromehidden~="toolbar"]) #urlbar-container:hover > #forward-button[disabled] {
e8519ae0
RK
1555 background-color: transparent;
1556}
1557
9847cbdd
RK
1558/* A number of buttons use :-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) - this makes it only apply pre-Australis as iconsize and the palette-box don't exist afterwards */
1559:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #stop-button {
319c6529
RK
1560 -moz-image-region: rect(0, 54px, 18px, 36px);
1561}
1562
9847cbdd 1563:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #stop-button:not([disabled="true"]):hover {
143c5409
RK
1564 -moz-image-region: rect(18px, 54px, 36px, 36px);
1565}
1566
9847cbdd 1567:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #stop-button[disabled="true"] {
143c5409
RK
1568 -moz-image-region: rect(36px, 54px, 54px, 36px);
1569}
1570
9847cbdd 1571:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #reload-button {
319c6529
RK
1572 -moz-image-region: rect(0, 72px, 18px, 54px);
1573}
1574
9847cbdd 1575:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #reload-button:not([disabled="true"]):hover {
143c5409
RK
1576 -moz-image-region: rect(18px, 72px, 36px, 54px);
1577}
1578
9847cbdd 1579:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #reload-button[disabled="true"] {
143c5409
RK
1580 -moz-image-region: rect(36px, 72px, 54px, 54px);
1581}
1582
9847cbdd 1583:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #home-button.bookmark-item {
a736ce46 1584 list-style-image: url("chrome://browser/skin/FxToolbar.png");
319c6529 1585}
9847cbdd 1586:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #home-button {
319c6529
RK
1587 -moz-image-region: rect(0, 90px, 18px, 72px);
1588}
1589
9847cbdd 1590:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #home-button:not([disabled="true"]):hover {
143c5409
RK
1591 -moz-image-region: rect(18px, 90px, 36px, 72px);
1592}
1593
9847cbdd 1594:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #home-button[disabled="true"] {
143c5409
RK
1595 -moz-image-region: rect(36px, 90px, 54px, 72px);
1596}
1597
9847cbdd 1598:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #downloads-button {
319c6529
RK
1599 -moz-image-region: rect(0, 108px, 18px, 90px);
1600}
1601
9847cbdd 1602:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #downloads-button:not([disabled="true"]):hover {
143c5409
RK
1603 -moz-image-region: rect(18px, 108px, 36px, 90px);
1604}
1605
9847cbdd 1606:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #downloads-button[disabled="true"] {
143c5409
RK
1607 -moz-image-region: rect(36px, 108px, 54px, 90px);
1608}
1609
36759a51
RK
1610#downloads-button > .toolbarbutton-icon {
1611 margin: 0;
1612}
1613
9847cbdd 1614:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #history-button {
319c6529
RK
1615 -moz-image-region: rect(0, 126px, 18px, 108px);
1616}
1617
9847cbdd 1618:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #history-button:not([disabled="true"]):hover {
143c5409
RK
1619 -moz-image-region: rect(18px, 126px, 36px, 108px);
1620}
1621
9847cbdd 1622:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #history-button[disabled="true"] {
143c5409
RK
1623 -moz-image-region: rect(36px, 126px, 54px, 108px);
1624}
1625
9847cbdd
RK
1626:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #bookmarks-button,
1627:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #bookmarks-menu-button {
a736ce46 1628 list-style-image: url("chrome://browser/skin/FxToolbar.png") !important; /* for making the palette work */
319c6529
RK
1629 -moz-image-region: rect(0, 144px, 18px, 126px);
1630}
1631
1632#bookmarks-menu-button.bookmark-item {
a736ce46 1633 /* list-style-image: url("chrome://browser/skin/FxToolbar.png"); */
319c6529
RK
1634}
1635
9847cbdd 1636:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #bookmarks-menu-button.toolbarbutton-1 {
319c6529
RK
1637 -moz-box-orient: horizontal;
1638}
1639
9847cbdd
RK
1640:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #bookmarks-button:not([disabled="true"]):hover,
1641:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #bookmarks-menu-button[open="true"],
1642:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #bookmarks-menu-button:not([disabled="true"]):hover {
143c5409
RK
1643 -moz-image-region: rect(18px, 144px, 36px, 126px);
1644}
1645
9847cbdd
RK
1646:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #bookmarks-button[disabled="true"],
1647:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #bookmarks-menu-button[disabled="true"] {
143c5409
RK
1648 -moz-image-region: rect(36px, 144px, 54px, 126px);
1649}
1650
9847cbdd 1651:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #print-button {
319c6529
RK
1652 -moz-image-region: rect(0, 162px, 18px, 144px);
1653}
1654
9847cbdd 1655:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #print-button:not([disabled="true"]):hover {
143c5409
RK
1656 -moz-image-region: rect(18px, 162px, 36px, 144px);
1657}
1658
9847cbdd 1659:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #print-button[disabled="true"] {
143c5409
RK
1660 -moz-image-region: rect(36px, 162px, 54px, 144px);
1661}
1662
9847cbdd 1663:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #new-tab-button {
319c6529
RK
1664 -moz-image-region: rect(0, 180px, 18px, 162px);
1665}
1666
9847cbdd 1667:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #new-tab-button:not([disabled="true"]):hover {
57fc408c 1668 -moz-image-region: rect(18px, 180px, 36px, 162px);
143c5409
RK
1669}
1670
9847cbdd 1671:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #new-tab-button[disabled="true"] {
57fc408c 1672 -moz-image-region: rect(36px, 180px, 54px, 162px);
143c5409
RK
1673}
1674
9847cbdd 1675:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #new-window-button {
319c6529
RK
1676 -moz-image-region: rect(0, 198px, 18px, 180px);
1677}
1678
9847cbdd 1679:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #new-window-button:not([disabled="true"]):hover {
143c5409
RK
1680 -moz-image-region: rect(18px, 198px, 36px, 180px);
1681}
1682
9847cbdd 1683:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #new-window-button[disabled="true"] {
143c5409
RK
1684 -moz-image-region: rect(36px, 198px, 54px, 180px);
1685}
1686
319c6529
RK
1687#cut-button {
1688 -moz-image-region: rect(0, 216px, 18px, 198px);
1689}
1690
143c5409
RK
1691#cut-button:not([disabled="true"]):hover {
1692 -moz-image-region: rect(18px, 216px, 36px, 198px);
1693}
1694
1695#cut-button[disabled="true"] {
1696 -moz-image-region: rect(36px, 216px, 54px, 198px);
1697}
1698
319c6529
RK
1699#copy-button {
1700 -moz-image-region: rect(0, 234px, 18px, 216px);
1701}
1702
143c5409
RK
1703#copy-button:not([disabled="true"]):hover {
1704 -moz-image-region: rect(18px, 234px, 36px, 216px);
1705}
1706
1707#copy-button[disabled="true"] {
1708 -moz-image-region: rect(36px, 234px, 54px, 216px);
1709}
1710
319c6529
RK
1711#paste-button {
1712 -moz-image-region: rect(0, 252px, 18px, 234px);
1713}
1714
143c5409
RK
1715#paste-button:not([disabled="true"]):hover {
1716 -moz-image-region: rect(18px, 252px, 36px, 234px);
1717}
1718
1719#paste-button[disabled="true"] {
1720 -moz-image-region: rect(36px, 252px, 54px, 234px);
1721}
1722
9847cbdd 1723:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #fullscreen-button {
319c6529
RK
1724 -moz-image-region: rect(0, 270px, 18px, 252px);
1725}
1726
9847cbdd 1727:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #fullscreen-button:not([disabled="true"]):hover {
143c5409
RK
1728 -moz-image-region: rect(18px, 270px, 36px, 252px);
1729}
1730
9847cbdd 1731:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #fullscreen-button[disabled="true"] {
143c5409
RK
1732 -moz-image-region: rect(36px, 270px, 54px, 252px);
1733}
1734
319c6529
RK
1735#zoom-out-button {
1736 -moz-image-region: rect(0, 288px, 18px, 270px);
1737 -moz-margin-end: 0;
1738}
1739
1740#zoom-in-button {
1741 -moz-image-region: rect(0, 306px, 18px, 288px);
b36fc72e
RK
1742}
1743
143c5409
RK
1744#zoom-out-button:not([disabled="true"]):hover {
1745 -moz-image-region: rect(18px, 288px, 36px, 270px);
1746}
1747
1748#zoom-out-button[disabled="true"] {
1749 -moz-image-region: rect(36px, 288px, 54px, 270px);
1750}
1751
1752#zoom-in-button:not([disabled="true"]):hover {
1753 -moz-image-region: rect(18px, 306px, 36px, 288px);
1754}
1755
1756#zoom-in-button[disabled="true"] {
1757 -moz-image-region: rect(36px, 306px, 54px, 288px);
1758}
1759
9847cbdd 1760:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #sync-button:not([status]) {
a736ce46 1761 list-style-image: url("chrome://browser/skin/FxToolbar.png") !important; /* for making the palette work */
319c6529
RK
1762 -moz-image-region: rect(0, 324px, 18px, 306px);
1763}
1764
9847cbdd 1765:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #sync-button[status="active"] {
319c6529
RK
1766 list-style-image: url("chrome://browser/skin/sync-throbber.png");
1767 -moz-image-region: rect(0, 18px, 18px, 0);
1768}
1769
9847cbdd 1770:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #sync-button[disabled="true"] {
143c5409
RK
1771 -moz-image-region: rect(36px, 324px, 54px, 306px);
1772}
1773
9847cbdd 1774:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #feed-button {
319c6529
RK
1775 -moz-image-region: rect(0, 342px, 18px, 324px);
1776}
1777
9847cbdd 1778:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #feed-button[disabled="true"] {
143c5409
RK
1779 -moz-image-region: rect(36px, 342px, 54px, 324px);
1780}
1781
9847cbdd 1782:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #webrtc-status-button {
6adbc9a6
RK
1783 -moz-image-region: rect(0, 360px, 18px, 342px);
1784}
1785
9847cbdd
RK
1786:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #webrtc-status-button:not([disabled="true"]):hover,
1787:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #webrtc-status-button[open="true"] {
6adbc9a6
RK
1788 -moz-image-region: rect(18px, 360px, 36px, 342px);
1789}
1790
9847cbdd 1791:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #webrtc-status-button[disabled="true"] {
6adbc9a6
RK
1792 -moz-image-region: rect(36px, 360px, 54px, 342px);
1793}
1794
1795/* tabview button & menu item */
1796
1797#tabview-button,
1798#menu_tabview {
fd291cce 1799 list-style-image: url("chrome://browser/skin/tabview/tabview.png") !important;
6adbc9a6
RK
1800}
1801
1802#tabview-button {
1803 -moz-image-region: rect(0, 90px, 18px, 72px);
1804}
1805
1806#tabview-button[groups="0"] {
1807 -moz-image-region: rect(0, 18px, 18px, 0);
1808}
1809
1810#tabview-button[groups="1"] {
1811 -moz-image-region: rect(0, 36px, 18px, 18px);
1812}
1813
1814#tabview-button[groups="2"] {
1815 -moz-image-region: rect(0, 54px, 18px, 36px);
1816}
1817
1818#tabview-button[groups="3"] {
1819 -moz-image-region: rect(0, 72px, 18px, 54px);
1820}
1821
1822#menu_tabview {
1823 -moz-image-region: rect(1px, 89px, 17px, 73px);
1824}
1825
1826#menu_tabview[groups="0"] {
1827 -moz-image-region: rect(1px, 17px, 17px, 1px);
1828}
1829
1830#menu_tabview[groups="1"] {
1831 -moz-image-region: rect(1px, 35px, 17px, 19px);
1832}
1833
1834#menu_tabview[groups="2"] {
1835 -moz-image-region: rect(1px, 53px, 17px, 37px);
1836}
1837
1838#menu_tabview[groups="3"] {
1839 -moz-image-region: rect(1px, 71px, 17px, 55px);
1840}
1841
319c6529
RK
1842/* ::::: fullscreen window controls ::::: */
1843
8d7ef0d9 1844#window-controls {
ab799a7a
RK
1845 -moz-margin-start: 4px;
1846}
1847
319c6529
RK
1848#minimize-button,
1849#restore-button,
1850#close-button {
1851/* padding: 0; */
1852}
1853
1854#minimize-button {
1855 list-style-image: url("chrome://navigator/skin/icons/win-minimize.gif");
1856}
1857
1858#minimize-button:hover {
1859 list-style-image: url("chrome://navigator/skin/icons/win-minimize-hover.gif");
1860}
1861
1862#restore-button {
1863 list-style-image: url("chrome://navigator/skin/icons/win-restore.gif");
1864}
1865
1866#restore-button:hover {
1867 list-style-image: url("chrome://navigator/skin/icons/win-restore-hover.gif");
1868}
1869
1870#close-button {
1871 list-style-image: url("chrome://navigator/skin/icons/win-close.gif");
1872}
1873
1874#close-button:hover {
1875 list-style-image: url("chrome://navigator/skin/icons/win-close-hover.gif");
1876}
1877
1878/* ::::: Location Bar ::::: */
1879
319c6529
RK
1880#urlbar,
1881.searchbar-textbox {
1882 border-radius: 5px;
1883 margin: 0;
1884 -moz-margin-start: 3px;
1885}
1886
ffce2402
RK
1887#urlbar {
1888 width: 7em;
f0071a71
RK
1889 /* make color as light as possible to deal with dark non-domain parts */
1890 color: #FFBFFF;
ffce2402
RK
1891}
1892
319c6529
RK
1893#urlbar:-moz-lwtheme,
1894.searchbar-textbox:-moz-lwtheme {
1895 /* background-color: rgba(255,255,255,.8);
1896 @navbarTextboxCustomBorder@
1897 color: black; */
1898}
1899
8ad8bf83
RK
1900window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1901 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
26125509
RK
1902 #unified-back-forward-button + #urlbar-container,
1903window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper {
e8519ae0
RK
1904 padding-left: 22px;
1905 -moz-margin-start: -22px;
8ad8bf83
RK
1906 position: relative;
1907 pointer-events: none;
1908}
1909
1910window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1911 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
26125509
RK
1912 #unified-back-forward-button + #urlbar-container > #urlbar,
1913window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper > #urlbar {
e8519ae0
RK
1914/* -moz-border-start: none;
1915 margin-left: 0; */
8ad8bf83
RK
1916 pointer-events: all;
1917}
1918
1919window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1920 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
26125509
RK
1921 #unified-back-forward-button:not([switchingtabs]) + #urlbar-container > #urlbar,
1922window:not([chromehidden~="toolbar"]) #urlbar-container:not([switchingtabs]) > #urlbar-wrapper > #urlbar {
71a617ff 1923 transition: margin-left 150ms ease-out;
8ad8bf83
RK
1924}
1925
1926window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1927 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
26125509
RK
1928 #unified-back-forward-button + #urlbar-container > #urlbar:-moz-locale-dir(ltr),
1929window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper > #urlbar:-moz-locale-dir(ltr) {
e8519ae0
RK
1930/* border-top-left-radius: 0;
1931 border-bottom-left-radius: 0; */
8ad8bf83
RK
1932}
1933
1934window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1935 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
26125509
RK
1936 #unified-back-forward-button + #urlbar-container > #urlbar:-moz-locale-dir(rtl),
1937window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper > #urlbar:-moz-locale-dir(rtl) {
e8519ae0
RK
1938/* border-top-right-radius: 0;
1939 border-bottom-right-radius: 0; */
8ad8bf83
RK
1940}
1941
8ad8bf83
RK
1942window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1943 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
26125509
RK
1944 #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar,
1945window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled] > #urlbar-wrapper > #urlbar {
e8519ae0 1946 margin-left: -22px;
8ad8bf83
RK
1947}
1948
1949window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1950 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
26125509
RK
1951 #unified-back-forward-button[forwarddisabled]:hover:not([switchingtabs]) + #urlbar-container > #urlbar,
1952window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled]:hover:not([switchingtabs]) > #urlbar-wrapper > #urlbar {
8ad8bf83 1953 /* delay the hiding of the forward button when hovered to avoid accidental clicks on the url bar */
71a617ff 1954 transition-delay: 100s;
8ad8bf83
RK
1955}
1956
1957window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1958 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
26125509
RK
1959 #unified-back-forward-button[forwarddisabled]:not(:hover) + #urlbar-container > #urlbar,
1960window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled]:not(:hover) > #urlbar-wrapper > #urlbar {
8ad8bf83 1961 /* when not hovered anymore, trigger a new transition to hide the forward button immediately */
e8519ae0 1962 margin-left: -22.01px;
8ad8bf83
RK
1963}
1964
1965window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1966 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
e8519ae0 1967 #unified-back-forward-button + #urlbar-container:-moz-locale-dir(rtl),
8ad8bf83
RK
1968window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1969 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
26125509
RK
1970 #unified-back-forward-button + #urlbar-container > #urlbar:-moz-locale-dir(rtl),
1971window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper:-moz-locale-dir(rtl),
1972window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper > #urlbar:-moz-locale-dir(rtl) {
85cfb236 1973 /* let winstripe-urlbar-back-button-clip-path clip the urlbar's right side for RTL */
71a617ff 1974 transform: scaleX(-1);
8ad8bf83
RK
1975}
1976
a7145e95
RK
1977html|*.urlbar-input:-moz-lwtheme::-moz-placeholder,
1978.searchbar-textbox:-moz-lwtheme > .autocomplete-textbox-container > .textbox-input-box > html|*.textbox-input::-moz-placeholder {
319c6529
RK
1979 color: #E7ADE7;
1980}
1981
1982#urlbar:-moz-lwtheme[focused="true"],
1983.searchbar-textbox:-moz-lwtheme[focused="true"] {
1984/* background-color: white; */
1985}
1986
1987#urlbar-container {
1988 -moz-box-orient: horizontal;
1989 -moz-box-align: stretch;
1990}
1991
9abeb12c
RK
1992.urlbar-textbox-container {
1993 -moz-box-align: stretch;
1994}
1995
a40f6a79
RK
1996.urlbar-input-box {
1997 -moz-margin-start: 0;
fcfb76ce 1998 min-width: 4em;
a40f6a79
RK
1999}
2000
319c6529 2001#urlbar-icons {
319c6529
RK
2002 -moz-box-align: center;
2003}
2004
2005.urlbar-icon {
b8384c33 2006 padding: 0 2px;
ffce2402
RK
2007}
2008
2009.searchbar-engine-button,
2010.search-go-container {
4b686546
RK
2011 padding: 2px;
2012}
2013
2014.search-go-container > .search-go-button {
2015 padding: 0;
319c6529
RK
2016}
2017
ffce2402
RK
2018.urlbar-icon:hover {
2019}
2020
2021.urlbar-icon[open="true"],
2022.urlbar-icon:hover:active {
2023}
2024
319c6529
RK
2025#urlbar-search-splitter {
2026 min-width: 6px;
2027 -moz-margin-start: -3px;
2028 border: none;
2029 background: transparent;
2030}
2031
f0071a71 2032#urlbar-search-splitter + #urlbar-container > #urlbar,
319c6529
RK
2033#urlbar-search-splitter + #search-container > #searchbar > .searchbar-textbox {
2034 -moz-margin-start: 0;
2035}
2036
319c6529 2037#urlbar-display {
319c6529
RK
2038 -moz-border-end: 1px solid #9C9CFF;
2039 -moz-margin-end: 3px;
ab799a7a
RK
2040 margin-top: 0;
2041 margin-bottom: 0;
a40f6a79 2042 -moz-margin-start: 0;
ab799a7a
RK
2043 color: #8050B0;
2044}
2045
26125509
RK
2046#search-container {
2047 min-width: calc(54px + 11ch);
2048}
2049
319c6529
RK
2050/* identity box */
2051
2052#identity-box {
319c6529 2053 border-radius: 2px;
85cfb236 2054 font-size: .9em;
319c6529
RK
2055}
2056
8ad8bf83 2057#notification-popup-box:not([hidden]) + #identity-box {
5517da5a 2058 -moz-padding-start: 10px !important;
8ad8bf83
RK
2059 border-radius: 0;
2060}
2061
2062window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
2063 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
26125509
RK
2064 #unified-back-forward-button + #urlbar-container > #urlbar > #identity-box,
2065window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper > #urlbar > #identity-box {
d15d08bf 2066/* border-radius: 0; */
2a5b7882
RK
2067 -moz-padding-start: 2px;
2068 -moz-padding-end: 2px;
2069 -moz-margin-end: 1px;
8ad8bf83
RK
2070}
2071
2072window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
2073 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
26125509
RK
2074 #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar >
2075 #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr),
2076window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled] > #urlbar-wrapper > #urlbar >
2077 #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) {
2a5b7882 2078 padding-left: 2px;
71a617ff 2079 transition: padding-left;
8ad8bf83
RK
2080}
2081
2082window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
2083 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
26125509
RK
2084 #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar >
2085 #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl),
2086window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled] > #urlbar-wrapper > #urlbar >
2087 #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl) {
2a5b7882 2088 padding-right: 2px;
71a617ff 2089 transition: padding-right;
8ad8bf83
RK
2090}
2091
2092window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
2093 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
26125509
RK
2094 #unified-back-forward-button[forwarddisabled]:hover:not([switchingtabs]) + #urlbar-container > #urlbar >
2095 #notification-popup-box[hidden] + #identity-box,
2096window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled]:hover:not([switchingtabs]) > #urlbar-wrapper > #urlbar >
2097 #notification-popup-box[hidden] + #identity-box {
8ad8bf83 2098 /* forward button hiding is delayed when hovered */
71a617ff 2099 transition-delay: 100s;
8ad8bf83
RK
2100}
2101
2102window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
2103 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
26125509
RK
2104 #unified-back-forward-button[forwarddisabled]:not(:hover) + #urlbar-container > #urlbar >
2105 #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr),
2106window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled]:not(:hover) > #urlbar-wrapper > #urlbar >
2107 #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) {
8ad8bf83 2108 /* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */
2a5b7882 2109 padding-left: 2.01px;
8ad8bf83
RK
2110}
2111
2112window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
2113 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
26125509
RK
2114 #unified-back-forward-button[forwarddisabled]:not(:hover) + #urlbar-container > #urlbar >
2115 #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl),
2116window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled]:not(:hover) > #urlbar-wrapper > #urlbar >
2117 #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl) {
8ad8bf83 2118 /* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */
2a5b7882 2119 padding-right: 2.01px;
8ad8bf83
RK
2120}
2121
56859d76
RK
2122#urlbar[pageproxystate="valid"] > #identity-box.chromeUI,
2123#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
a40f6a79 2124 -moz-margin-end: 3px;
319c6529
RK
2125}
2126
56859d76 2127#urlbar[pageproxystate="valid"] > #identity-box.chromeUI:-moz-locale-dir(ltr),
37953ab4 2128#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:-moz-locale-dir(ltr) {
a40f6a79
RK
2129 border-top-right-radius: 0;
2130 border-bottom-right-radius: 0;
319c6529
RK
2131}
2132
56859d76 2133#urlbar[pageproxystate="valid"] > #identity-box.chromeUI:-moz-locale-dir(rtl),
37953ab4 2134#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:-moz-locale-dir(rtl) {
a40f6a79
RK
2135 border-top-left-radius: 0;
2136 border-bottom-left-radius: 0;
319c6529
RK
2137}
2138
a40f6a79
RK
2139#identity-box.verifiedIdentity:not(:-moz-lwtheme) {
2140 background-color: #000000;
319c6529
RK
2141}
2142
2143#identity-box:-moz-focusring {
2144 outline: 1px dotted #008484;
f993773d 2145 outline-offset: -1px;
319c6529
RK
2146}
2147
2148#identity-box.verifiedDomain:-moz-focusring,
2149#identity-box.verifiedIdentity:-moz-focusring {
2150 outline-color: #000000;
2151}
2152
2153#identity-icon-labels {
2154 -moz-margin-start: 1px;
2155 -moz-margin-end: 3px;
319c6529
RK
2156}
2157
2158/* Location bar dropmarker */
2159
38cfeb47 2160.urlbar-history-dropmarker:not(:hover):not([open="true"]) {
319c6529 2161 background-color: transparent;
319c6529
RK
2162}
2163
00f971bc
RK
2164#urlbar-container[combined="true"] > #urlbar > .urlbar-history-dropmarker,
2165#urlbar-wrapper > #urlbar > .urlbar-history-dropmarker {
38cfeb47
RK
2166 border: none;
2167 border-radius: 0px;
319c6529
RK
2168}
2169
ffce2402
RK
2170.urlbar-history-dropmarker:hover {
2171}
2172
2173.urlbar-history-dropmarker:hover:active,
2174.urlbar-history-dropmarker[open="true"] {
2175}
2176
319c6529
RK
2177/* page proxy icon */
2178
e7c8bab1
RK
2179/* === BEGIN identity-block.inc.css === */
2180
2181#urlbar[pageproxystate="valid"] > #identity-box.chromeUI {
2182 /* Default theme does different color per channel, we can't as they do it build-time. */
2183 color: #9C9CFF;
2184 -moz-border-end: 1px solid #9C9CFF;
2185}
2186
2187#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
2188 color: #008484;
2189 -moz-border-end: 1px solid #008484;
2190}
2191
2192#urlbar[pageproxystate="valid"] > #identity-box.chromeUI,
2193#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
2194 background-position: right;
2195 background-size: 1px;
2196 background-repeat: no-repeat;
2197}
2198
2199/* page proxy icon */
2200
4d58ff64 2201#page-proxy-favicon {
319c6529
RK
2202 width: 16px;
2203 height: 16px;
a40f6a79 2204 list-style-image: url("chrome://browser/skin/identity-icons-generic.png");
00f971bc 2205 margin: 2px;
e7c8bab1
RK
2206}
2207
2208.chromeUI > #page-proxy-favicon[pageproxystate="valid"] {
2209 list-style-image: url("chrome://branding/content/identity-icons-brand.png");
319c6529
RK
2210}
2211
2a5b7882 2212.verifiedDomain > #page-proxy-favicon[pageproxystate="valid"] {
a40f6a79
RK
2213 list-style-image: url("chrome://browser/skin/identity-icons-https.png");
2214}
2215
2a5b7882 2216.verifiedIdentity > #page-proxy-favicon[pageproxystate="valid"] {
a40f6a79
RK
2217 list-style-image: url("chrome://browser/skin/identity-icons-https-ev.png");
2218}
2219
56ab361a
RK
2220.mixedActiveContent > #page-proxy-favicon[pageproxystate="valid"] {
2221 list-style-image: url("chrome://browser/skin/identity-icons-https-mixed-active.png");
2222}
2223
e7c8bab1
RK
2224.mixedDisplayContent > #page-proxy-favicon[pageproxystate="valid"] {
2225 list-style-image: url("chrome://browser/skin/identity-icons-https-mixed-display.png");
2226}
2227
2228.mixedDisplayContentLoadedActiveBlocked > #page-proxy-favicon[pageproxystate="valid"] {
2229 list-style-image: url("chrome://browser/skin/identity-icons-https-mixed-display.png");
2230}
2231
2232#page-proxy-favicon[pageproxystate="invalid"] {
2233 opacity: 0.3;
2234}
2235
2236#identity-popup.chromeUI > #identity-popup-container > #identity-popup-icon {
2237 list-style-image: url("chrome://branding/content/icon64.png");
2238}
2239
2240#identity-popup-brandName {
2241 font-weight: bold;
2242 font-size: 1.25em;
2243 margin-top: .5em;
2244 margin-bottom: .5em;
2245}
2246
2247#identity-popup-content-box {
2248 max-width: 50ch;
2249}
2250
2251/* === END identity-block.inc.css === */
2252
2253#page-proxy-favicon {
2254 -moz-image-region: rect(0, 16px, 16px, 0);
2255}
2256
2a5b7882 2257#identity-box:hover > #page-proxy-favicon {
a40f6a79
RK
2258 -moz-image-region: rect(0, 32px, 16px, 16px);
2259}
2260
2a5b7882
RK
2261#identity-box:hover:active > #page-proxy-favicon,
2262#identity-box[open=true] > #page-proxy-favicon {
a40f6a79 2263 -moz-image-region: rect(0, 48px, 16px, 32px);
acb0e9b8 2264}
2265
2a5b7882
RK
2266#identity-box:hover {
2267 background-color: #FFCF00;
7092015d 2268 color: #000000;
2a5b7882
RK
2269}
2270
2271#identity-box:hover:active,
2272#identity-box[open=true] {
2273 background-color: #FF9F00;
7092015d 2274 color: #000000;
2a5b7882
RK
2275}
2276
56859d76
RK
2277#urlbar[pageproxystate="valid"] > #identity-box.chromeUI:hover,
2278#urlbar[pageproxystate="valid"] > #identity-box.chromeUI:hover:active,
2279#urlbar[pageproxystate="valid"] > #identity-box.chromeUI[open=true] {
2280 background-color: #9C9CFF;
2281 color: #000000;
2282}
2283
387e6560
RK
2284#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:hover,
2285#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:hover:active,
2286#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity[open=true] {
2a5b7882
RK
2287 background-color: #008484;
2288 color: #000000;
2289}
2290
319c6529
RK
2291/* autocomplete */
2292
319c6529
RK
2293#treecolAutoCompleteImage {
2294 max-width: 36px;
2295}
acb0e9b8 2296
319c6529
RK
2297.ac-result-type-bookmark,
2298.autocomplete-treebody::-moz-tree-image(bookmark, treecolAutoCompleteImage) {
71bac478 2299 list-style-image: url("chrome://browser/skin/places/bookmark.png");
319c6529 2300 -moz-image-region: rect(0px 16px 16px 0px);
c1f7cc84 2301 width: 16px;
319c6529 2302 height: 16px;
acb0e9b8 2303}
2304
319c6529
RK
2305.ac-result-type-keyword,
2306.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage) {
2307 list-style-image: url("chrome://global/skin/icons/Search-glass.png");
2308 -moz-image-region: rect(0px 32px 16px 16px);
acb0e9b8 2309 width: 16px;
2310 height: 16px;
2311}
2312
319c6529
RK
2313.ac-result-type-tag,
2314.autocomplete-treebody::-moz-tree-image(tag, treecolAutoCompleteImage) {
8da9da4e 2315 list-style-image: url("chrome://mozapps/skin/places/tagContainerIcon.png");
c1f7cc84 2316 width: 16px;
319c6529
RK
2317 height: 16px;
2318}
acb0e9b8 2319
319c6529
RK
2320.ac-comment {
2321 font-size: 1.15em;
acb0e9b8 2322}
319c6529
RK
2323
2324.ac-extra > .ac-comment {
2325 font-size: inherit;
acb0e9b8 2326}
319c6529
RK
2327
2328.ac-url-text,
2329.ac-action-text {
2330 color: #9C9CFF;
acb0e9b8 2331}
319c6529
RK
2332
2333richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-icon {
2334 list-style-image: url("chrome://browser/skin/actionicon-tab.png");
85cfb236
RK
2335 -moz-image-region: rect(0, 16px, 16px, 0);
2336 padding: 0 3px;
2337}
2338
2339richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-box > .ac-action-icon {
2340 -moz-image-region: rect(16px, 16px, 32px, 0);
acb0e9b8 2341}
2342
319c6529
RK
2343.autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) {
2344 color: #8050B0;
2345}
acb0e9b8 2346
319c6529
RK
2347.ac-comment[selected="true"],
2348.ac-url-text[selected="true"],
2349.ac-action-text[selected="true"] {
2350 color: inherit !important;
acb0e9b8 2351}
2352
c1f7cc84
RK
2353.autocomplete-treebody::-moz-tree-cell-text(suggesthint, treecolAutoCompleteComment),
2354.autocomplete-treebody::-moz-tree-cell-text(suggestfirst, treecolAutoCompleteComment)
319c6529
RK
2355{
2356 color: #8050B0;
2357 font-size: smaller;
acb0e9b8 2358}
319c6529
RK
2359
2360.autocomplete-treebody::-moz-tree-cell(suggesthint) {
2361 border-top: 1px solid #9C9CFF;
acb0e9b8 2362}
2363
319c6529
RK
2364/* combined go/reload/stop button in location bar */
2365
ffce2402 2366#go-button,
319c6529
RK
2367#urlbar > toolbarbutton {
2368 list-style-image: url("chrome://browser/skin/reload-stop-go.png");
38cfeb47 2369 /* margin: -2px; */
9abeb12c 2370 -moz-margin-start: 0;
ffce2402 2371 padding: 0 2px;
319c6529
RK
2372 background-origin: border-box;
2373 border: none;
9abeb12c
RK
2374 -moz-border-start: 1px solid #9C9CFF;
2375}
2376
ffce2402
RK
2377#go-button {
2378 padding: 0 3px;
2379}
2380
9abeb12c 2381#urlbar:-moz-locale-dir(ltr) > toolbarbutton {
38cfeb47
RK
2382 border-top-left-radius: 0px;
2383 border-bottom-left-radius: 0px;
acb0e9b8 2384}
acb0e9b8 2385
9abeb12c 2386#urlbar:-moz-locale-dir(rtl) > toolbarbutton {
38cfeb47
RK
2387 border-top-right-radius: 0px;
2388 border-bottom-right-radius: 0px;
9abeb12c
RK
2389}
2390
dce90fef
RK
2391#urlbar > toolbarbutton:not([disabled]):active:hover,
2392#urlbar-reload-button:not(:hover) {
2393 -moz-border-start-style: none;
714b11f6 2394 -moz-padding-start: 3px;
dce90fef
RK
2395}
2396
2397#urlbar > toolbarbutton:not([disabled]):active:hover {
acb0e9b8 2398}
2399
319c6529 2400#urlbar-go-button {
ffce2402 2401 -moz-image-region: rect(0, 42px, 14px, 28px);
acb0e9b8 2402}
2403
ffce2402
RK
2404#go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
2405#urlbar-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
71a617ff 2406 transform: scaleX(-1);
ffce2402
RK
2407}
2408
2409#urlbar-go-button:hover,
2410#go-button:hover {
2411 -moz-image-region: rect(14px, 42px, 28px, 28px);
acb0e9b8 2412}
2413
319c6529 2414#urlbar-reload-button {
ffce2402 2415 -moz-image-region: rect(0px, 14px, 14px, 0px);
38cfeb47
RK
2416}
2417
2418#urlbar-reload-button[disabled] {
ffce2402 2419 -moz-image-region: rect(28px, 14px, 42px, 0px);
acb0e9b8 2420}
2421
319c6529 2422#urlbar-reload-button:not([disabled]):hover {
ffce2402 2423 -moz-image-region: rect(14px, 14px, 28px, 0px);
acb0e9b8 2424}
319c6529
RK
2425
2426#urlbar-stop-button {
ffce2402 2427 -moz-image-region: rect(0px, 28px, 14px, 14px);
acb0e9b8 2428}
319c6529
RK
2429
2430#urlbar-stop-button:hover {
ffce2402 2431 -moz-image-region: rect(14px, 28px, 28px, 14px);
acb0e9b8 2432}
2433
319c6529
RK
2434/* popup blocker button */
2435
2436#page-report-button {
2437 list-style-image: url("chrome://browser/skin/urlbar-popup-blocked.png");
2438 -moz-image-region: rect(0, 16px, 16px, 0);
acb0e9b8 2439}
319c6529 2440
71bac478 2441#page-report-button:hover ,
319c6529
RK
2442#page-report-button:hover:active,
2443#page-report-button[open="true"] {
71bac478 2444 -moz-image-region: rect(0, 32px, 16px, 16px);
acb0e9b8 2445}
2446
c4460289
RK
2447/* social share panel */
2448
2449#social-share-panel > iframe {
2450/* background: linear-gradient(to bottom, #f0f4f7, #fafbfc);*/
2451 width: 300px;
2452 height: 150px;
2453}
2454
2455#social-share-button {
2456 list-style-image: url("chrome://browser/skin/social/share-button.png");
2457 -moz-image-region: rect(0, 16px, 16px, 0);
2458}
2459
2460.social-share-toolbar {
2461 border-right: 1px solid #9C9CFF;
2462/* background-color: #000000; */
2463}
2464
2465#social-share-provider-buttons {
2466 padding: 6px;
2467}
2468
2469#social-share-provider-buttons > .share-provider-button {
2470 -moz-appearance: none;
2471 padding: 5px;
2472 margin: 1px;
2473 border: none;
2474 background: none;
2475 border-radius: 2px;
2476}
2477
2478#social-share-provider-buttons > .share-provider-button[checked="true"]:not([disabled="true"]),
2479#social-share-provider-buttons > .share-provider-button:hover,
2480#social-share-provider-buttons > .share-provider-button:active {
2481 padding: 4px;
2482}
2483
2484#social-share-provider-buttons > .share-provider-button[checked="true"]:not([disabled="true"]) {
2485}
2486
2487#social-share-provider-buttons > .share-provider-button > .toolbarbutton-text {
2488 display: none;
2489}
2490#social-share-provider-buttons > .share-provider-button > .toolbarbutton-icon {
2491 width: 16px;
2492 min-height: 16px;
2493 max-height: 16px;
2494}
2495
2496/* fixup corners for share panel */
2497.social-panel > .social-panel-frame {
2498 border-radius: inherit;
2499}
2500
2501#social-share-panel {
2502 max-height: 600px;
2503 min-height: 100px;
2504 max-width: 800px;
2505 min-width: 300px;
2506}
2507
2508.social-share-frame {
2509/* background: linear-gradient(to bottom, #f0f4f7, #fafbfc); */
2510 width: 330px;
2511 height: 150px;
c4460289
RK
2512 /* we resize our panels dynamically, make it look nice */
2513 transition: height 100ms ease-out, width 100ms ease-out;
2514}
2515
e2734cc7
RK
2516.social-share-frame:-moz-locale-dir(ltr) {
2517 border-top-left-radius: 0;
2518 border-bottom-left-radius: 0;
2519 border-top-right-radius: inherit;
2520 border-bottom-right-radius: inherit;
2521}
2522
2523.social-share-frame:-moz-locale-dir(rtl) {
c4460289
RK
2524 border-top-left-radius: inherit;
2525 border-bottom-left-radius: inherit;
e2734cc7
RK
2526 border-top-right-radius: 0;
2527 border-bottom-right-radius: 0;
c4460289
RK
2528}
2529
e2734cc7
RK
2530#social-share-panel > .social-share-toolbar:-moz-locale-dir(ltr) {
2531 border-top-left-radius: inherit;
2532 border-bottom-left-radius: inherit;
2533}
2534
2535#social-share-panel > .social-share-toolbar:-moz-locale-dir(rtl) {
2536 border-top-right-radius: inherit;
2537 border-bottom-right-radius: inherit;
2538}
2539
2540#social-share-provider-buttons:-moz-locale-dir(ltr) {
c4460289
RK
2541 border-top-left-radius: inherit;
2542 border-bottom-left-radius: inherit;
2543}
2544
e2734cc7
RK
2545#social-share-provider-buttons:-moz-locale-dir(rtl) {
2546 border-top-right-radius: inherit;
2547 border-bottom-right-radius: inherit;
2548}
2549
889649fd
RK
2550/* social recommending panel */
2551
a6757852 2552#social-mark-button {
d7cfd768 2553 -moz-image-region: rect(0, 16px, 16px, 0);
889649fd
RK
2554}
2555
319c6529
RK
2556/* star button */
2557
00f971bc
RK
2558/* #urlbar-container only directly contains the urlbar pre-Australis, don't assign an icon in Australis */
2559#urlbar-container > #urlbar > #urlbar-icons > #star-button {
71bac478
RK
2560 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark.png");
2561 -moz-image-region: rect(16px 16px 32px 0px);
acb0e9b8 2562}
319c6529 2563
00f971bc 2564#urlbar-container > #urlbar > #urlbar-icons > #star-button:hover {
71bac478 2565 -moz-image-region: rect(16px 32px 32px 16px);
acb0e9b8 2566}
319c6529 2567
00f971bc 2568#urlbar-container > #urlbar > #urlbar-icons > #star-button:hover:active {
71bac478 2569 -moz-image-region: rect(16px 48px 32px 32px);
acb0e9b8 2570}
2571
00f971bc 2572#urlbar-container > #urlbar > #urlbar-icons > #star-button[starred="true"] {
71bac478
RK
2573 -moz-image-region: rect(0px 16px 16px 0px);
2574}
2575
00f971bc 2576#urlbar-container > #urlbar > #urlbar-icons > #star-button[starred="true"]:hover {
71bac478
RK
2577 -moz-image-region: rect(0px 32px 16px 16px);
2578}
2579
00f971bc 2580#urlbar-container > #urlbar > #urlbar-icons > #star-button[starred="true"]:hover:active {
71bac478 2581 -moz-image-region: rect(0px 48px 16px 32px);
acb0e9b8 2582}
319c6529
RK
2583
2584/* bookmarking panel */
2585#editBookmarkPanelStarIcon {
2586 list-style-image: url("chrome://browser/skin/places/starred48.png");
2587 width: 48px;
2588 height: 48px;
acb0e9b8 2589}
319c6529
RK
2590
2591#editBookmarkPanelStarIcon[unstarred] {
2592 list-style-image: url("chrome://browser/skin/places/unstarred48.png");
acb0e9b8 2593}
2594
319c6529
RK
2595#editBookmarkPanelTitle {
2596 font-size: 130%;
acb0e9b8 2597}
319c6529
RK
2598
2599#editBookmarkPanelHeader,
2600#editBookmarkPanelContent {
2601 margin-bottom: .5em;
acb0e9b8 2602}
319c6529
RK
2603
2604/* Implements editBookmarkPanel resizing on folderTree un-collapse. */
2605#editBMPanel_folderTree {
2606 min-width: 27em;
acb0e9b8 2607}
2608
f993773d 2609.panel-promo-box {
5a3cfc14 2610 margin: 5px -6px -6px;
f0eab82c 2611 padding: 5px;
889649fd 2612 border-top: 1px solid #9C9CFF;
f0eab82c
RK
2613 border-bottom-left-radius: 5px;
2614 border-bottom-right-radius: 5px;
f993773d
RK
2615}
2616
2617.panel-promo-icon {
2618 list-style-image: url("chrome://browser/skin/sync-notification-24.png");
2619 -moz-margin-end: 10px;
2620 vertical-align: middle;
2621}
2622
2623.panel-promo-closebutton {
2624 list-style-image: url("chrome://global/skin/icons/close-button.gif");
f0eab82c
RK
2625 -moz-margin-end: -3px;
2626 margin-top: -3px;
f993773d
RK
2627}
2628
2629.panel-promo-closebutton:hover {
2630 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
2631}
2632
2633.panel-promo-closebutton:hover:active {
2634 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
2635}
2636
2637.panel-promo-closebutton > .toolbarbutton-text {
2638 padding: 0;
2639 margin: 0;
2640}
2641
319c6529
RK
2642/* ::::: content area ::::: */
2643
2644#sidebar {
2645 background-color: Window;
acb0e9b8 2646}
319c6529
RK
2647
2648#sidebar-title {
2649 -moz-padding-start: 0px;
acb0e9b8 2650}
319c6529 2651
fe524e0c
RK
2652.browserContainer > findbar {
2653/*
2654 background-color: -moz-dialog;
2655 color: -moz-DialogText;
2656*/
2657}
2658
319c6529
RK
2659/* ::::: throbber ::::: */
2660
2661#navigator-throbber {
2662 width: 16px;
2663 min-height: 16px;
2664 margin: 0 3px;
acb0e9b8 2665}
2666
319c6529 2667#navigator-throbber[busy="true"] {
95f333af 2668 list-style-image: url("chrome://communicator/skin/brand/throbber16-anim.png");
acb0e9b8 2669}
319c6529
RK
2670
2671#navigator-throbber,
2672#wrapper-navigator-throbber > #navigator-throbber {
95f333af 2673 list-style-image: url("chrome://communicator/skin/brand/throbber16-single.png");
acb0e9b8 2674}
319c6529
RK
2675
2676/* Tabstrip */
b36fc72e 2677
fd291cce
RK
2678/* Remove selector when Australis lands - this makes it only apply post-Australis as iconsize doesn't exist there */
2679#navigator-toolbox:not([iconsize]) > #TabsToolbar,
319c6529
RK
2680#TabsToolbar {
2681 min-height: 0;
2682 padding: 0;
b36fc72e
RK
2683 -moz-binding: url("chrome://global/content/bindings/toolbar.xml#toolbar");
2684}
2685
2686#TabsToolbar .toolbar-holder {
c1f7cc84 2687 background-color: #000000; /* correct effect of being an actual toolbar */
acb0e9b8 2688}
2689
b36fc72e 2690#main-window[disablechrome] #TabsToolbar,
319c6529 2691#TabsToolbar[tabsontop="false"] {
8b5fc82e 2692 border-bottom: 1px solid #008484;
acb0e9b8 2693}
319c6529 2694
319c6529
RK
2695.tabbrowser-tab,
2696.tabs-newtab-button {
2697 margin-top: 0px;
acb0e9b8 2698}
319c6529 2699
57fc408c
RK
2700.tabbrowser-tab{
2701 padding: 1px 4px 2px;
2702}
2703
2704.tabbrowser-tab:first-of-type {
2705 -moz-margin-start: 2px;
2706}
2707
2708.tabs-newtab-button {
2709 border-radius: 8px 8px 0px 0px;
2710 -moz-margin-start: 0;
2711}
2712
2713.tabs-newtab-button:not(:hover) {
2714 background-color: #C09070;
2715}
2716
fe524e0c
RK
2717.tabbrowser-tab[remote] {
2718 text-decoration: underline;
2719}
2720
319c6529
RK
2721.tabbrowser-tab:hover,
2722.tabs-newtab-button:hover {
acb0e9b8 2723}
319c6529
RK
2724
2725.tabbrowser-tab[selected="true"] {
acb0e9b8 2726}
2727
9abeb12c
RK
2728#main-window[tabsontop=false]:not([disablechrome]) .tabbrowser-tab[selected=true]:not(:-moz-lwtheme) {
2729}
2730
319c6529 2731.tabbrowser-tab:-moz-lwtheme {
acb0e9b8 2732}
319c6529
RK
2733
2734.tabbrowser-tab[selected="true"]:-moz-lwtheme {
acb0e9b8 2735}
319c6529
RK
2736
2737.tabbrowser-tab:-moz-lwtheme-brighttext:not([selected="true"]),
2738.tabs-newtab-button:-moz-lwtheme-brighttext {
acb0e9b8 2739}
2740
319c6529
RK
2741.tabbrowser-tab:-moz-lwtheme-brighttext:not([selected="true"]):hover,
2742.tabs-newtab-button:-moz-lwtheme-brighttext:hover {
acb0e9b8 2743}
319c6529
RK
2744
2745.tabbrowser-tab:-moz-lwtheme-darktext:not([selected="true"]),
2746.tabs-newtab-button:-moz-lwtheme-darktext {
acb0e9b8 2747}
319c6529
RK
2748
2749.tabbrowser-tab:-moz-lwtheme-darktext:not([selected="true"]):hover,
2750.tabs-newtab-button:-moz-lwtheme-darktext:hover {
acb0e9b8 2751}
2752
319c6529
RK
2753.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) {
2754 background-color: #E7ADE7;
613daf44 2755}
319c6529 2756.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]):hover {
dbd844cb 2757 background-color: #3333FF;
319c6529 2758 color: #000000;
613daf44 2759}
319c6529
RK
2760
2761.tab-throbber,
2762.tab-icon-image {
2763 width: 16px;
2764 height: 16px;
dce90fef 2765 list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
8da9da4e 2766 -moz-image-region: auto;
319c6529 2767 -moz-margin-end: 3px;
613daf44 2768}
2769
319c6529 2770.tab-throbber {
95f333af 2771 list-style-image: url("chrome://communicator/skin/brand/throbber16-anim-connect.png");
613daf44 2772}
319c6529
RK
2773
2774.tab-throbber[progress] {
95f333af 2775 list-style-image: url("chrome://communicator/skin/brand/throbber16-anim.png");
613daf44 2776}
319c6529 2777
319c6529
RK
2778.tab-throbber[pinned],
2779.tab-icon-image[pinned] {
2780 -moz-margin-start: 2px;
2781 -moz-margin-end: 2px;
613daf44 2782}
319c6529
RK
2783
2784/* tabbrowser-tab focus ring */
2785.tabbrowser-tab:focus > .tab-stack {
2786 outline: 1px dotted;
613daf44 2787}
319c6529 2788
8ad8bf83 2789/* Tab DnD indicator */
319c6529
RK
2790.tab-drop-indicator {
2791 list-style-image: url("chrome://browser/skin/tabbrowser/tabDragIndicator.png");
9abeb12c 2792 margin-bottom: -11px;
613daf44 2793}
2794
319c6529
RK
2795/* Tab close button */
2796.tab-close-button {
2797 border: none;
2798 padding: 0px;
57fc408c 2799 margin-top: 1px;
319c6529
RK
2800 list-style-image: url("chrome://global/skin/icons/close-button.gif");
2801}
acb0e9b8 2802
319c6529
RK
2803.tab-close-button:hover,
2804.tab-close-button:hover[selected="true"] {
2805 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
acb0e9b8 2806}
319c6529
RK
2807
2808.tab-close-button:hover:active,
2809.tab-close-button:hover:active[selected="true"] {
2810 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
acb0e9b8 2811}
319c6529 2812
319c6529
RK
2813/* Tab scrollbox arrow, tabstrip new tab and all-tabs buttons */
2814
319c6529
RK
2815.tabbrowser-arrowscrollbox > .scrollbutton-up,
2816.tabbrowser-arrowscrollbox > .scrollbutton-down {
319c6529
RK
2817 margin: 0;
2818 padding-top: 0;
2819 padding-bottom: 0;
acb0e9b8 2820}
319c6529 2821
319c6529
RK
2822.tabbrowser-arrowscrollbox > .scrollbutton-down[notifybgtab] {
2823 background-color: #008484;
acb0e9b8 2824}
319c6529
RK
2825
2826.tabs-newtab-button > .toolbarbutton-icon {
2827 margin-top: -1px;
2828 margin-bottom: -1px;
acb0e9b8 2829}
319c6529
RK
2830
2831.tabs-newtab-button,
2832#TabsToolbar > #new-tab-button,
2833#TabsToolbar > toolbarpaletteitem > #new-tab-button {
38cfeb47 2834 list-style-image: url("chrome://browser/skin/tabbrowser/newtab.png");
319c6529 2835 -moz-image-region: rect(0, 16px, 18px, 0);
acb0e9b8 2836}
2837
319c6529 2838.tabs-newtab-button {
c1f7cc84
RK
2839 width: 28px;
2840}
2841
2842#TabsToolbar > #new-tab-button {
2843 width: 26px;
acb0e9b8 2844}
319c6529 2845
8b5fc82e 2846.tabs-newtab-button,
38cfeb47
RK
2847.tabs-newtab-button:hover,
2848#TabsToolbar > #new-tab-button:hover {
319c6529 2849 -moz-image-region: rect(0, 32px, 18px, 16px);
acb0e9b8 2850}
319c6529
RK
2851
2852#alltabs-button {
8da9da4e 2853 list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
acb0e9b8 2854}
2855
f9fc08c7 2856#alltabs-button > .toolbarbutton-menu-dropmarker {
319c6529 2857 display: none;
acb0e9b8 2858}
319c6529 2859
f9fc08c7
RK
2860#alltabs-button:hover,
2861#alltabs-button:hover:active,
2862#alltabs-button[open="true"] {
8da9da4e 2863 list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
acb0e9b8 2864}
319c6529
RK
2865
2866/* All tabs menupopup */
2867.alltabs-item > .menu-iconic-left > .menu-iconic-icon {
dce90fef 2868 list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
8da9da4e 2869 -moz-image-region: auto;
acb0e9b8 2870}
2871
319c6529
RK
2872.alltabs-item[selected="true"] {
2873 font-weight: bold;
acb0e9b8 2874}
319c6529
RK
2875
2876.alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon {
2877 list-style-image: url("chrome://global/skin/icons/loading.gif");
acb0e9b8 2878}
319c6529 2879
85cfb236 2880.alltabs-item[tabIsVisible]:not([_moz-menuactive="true"]) {
b1234db8
RK
2881 background-color: #402800;
2882}
2883
319c6529
RK
2884/* Tabstrip close button */
2885.tabs-closebutton {
2886 -moz-box-flex: 1;
2887 margin: 0px;
2888 padding: 2px;
2889 list-style-image: url("chrome://global/skin/icons/close-button.gif");
acb0e9b8 2890}
2891
b36fc72e
RK
2892.tabs-closebutton > .toolbarbutton-icon {
2893}
2894
8da9da4e
RK
2895.tabs-closebutton > .toolbarbutton-text {
2896 display: none;
2897}
2898
319c6529
RK
2899.tabs-closebutton:hover,
2900.tabs-closebutton:hover:active {
2901 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
acb0e9b8 2902}
319c6529
RK
2903
2904toolbarbutton.chevron {
2905 list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important;
acb0e9b8 2906}
319c6529
RK
2907
2908toolbarbutton.chevron:hover {
2909 list-style-image: url("chrome://global/skin/toolbar/chevron-hover.gif") !important;
acb0e9b8 2910}
2911
319c6529
RK
2912toolbarbutton.chevron:-moz-locale-dir(rtl) > .toolbarbutton-icon,
2913toolbarbutton.chevron:-moz-locale-dir(rtl):hover > .toolbarbutton-icon {
71a617ff 2914 transform: scaleX(-1);
acb0e9b8 2915}
319c6529
RK
2916
2917toolbarbutton.chevron > .toolbarbutton-text,
2918toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
2919 display: none;
acb0e9b8 2920}
319c6529
RK
2921
2922toolbarbutton.chevron > .toolbarbutton-icon {
2923 margin: 0;
acb0e9b8 2924}
2925
319c6529
RK
2926toolbar[mode="text"] toolbarbutton.chevron > .toolbarbutton-icon {
2927 display: -moz-box; /* display chevron icon in text mode */
acb0e9b8 2928}
319c6529
RK
2929
2930#sidebar-throbber[loading="true"] {
2931 list-style-image: url("chrome://global/skin/icons/loading.gif");
2932 -moz-margin-end: 4px;
acb0e9b8 2933}
319c6529
RK
2934
2935/* Bookmarks toolbar */
2936#PlacesToolbarDropIndicator {
8da9da4e 2937 list-style-image: url("chrome://communicator/skin/bookmarks/toolbarDropMarker.png");
acb0e9b8 2938}
2939
319c6529
RK
2940toolbarbutton.bookmark-item[dragover="true"][open="true"] {
2941 background-color: #008484 !important;
2942 color: #FFCF00 !important;
613daf44 2943}
319c6529
RK
2944
2945/* rules for menupopup drop indicators */
2946.menupopup-drop-indicator-bar {
2947 position: relative;
2948 /* these two margins must together compensate the indicator's height */
2949 margin-top: -1px;
2950 margin-bottom: -1px;
613daf44 2951}
319c6529
RK
2952
2953.menupopup-drop-indicator {
2954 list-style-image: none;
2955 height: 2px;
2956 -moz-margin-end: -4em;
2957 background-color: #008484;
613daf44 2958}
2959
319c6529
RK
2960/* ::::: Identity Indicator Styling ::::: */
2961
2962/* Popup Icons */
2963#identity-popup-icon {
2964 height: 64px;
2965 width: 64px;
2966 padding: 0;
2967 list-style-image: url("chrome://browser/skin/identity.png");
2968 -moz-image-region: rect(0px, 64px, 64px, 0px);
613daf44 2969}
319c6529
RK
2970
2971#identity-popup.verifiedDomain > #identity-popup-container > #identity-popup-icon {
2972 -moz-image-region: rect(64px, 64px, 128px, 0px);
613daf44 2973}
319c6529
RK
2974
2975#identity-popup.verifiedIdentity > #identity-popup-container > #identity-popup-icon {
2976 -moz-image-region: rect(128px, 64px, 192px, 0px);
613daf44 2977}
2978
319c6529
RK
2979/* Popup Body Text */
2980.identity-popup-description {
2981 white-space: pre-wrap;
2982 -moz-padding-start: 15px;
2983 margin: 2px 0 4px;
613daf44 2984}
319c6529
RK
2985
2986.identity-popup-label {
2987 white-space: pre-wrap;
2988 -moz-padding-start: 15px;
2989 margin: 0;
613daf44 2990}
319c6529 2991
5517da5a 2992#identity-popup-content-host,
319c6529
RK
2993#identity-popup-content-box.verifiedIdentity > #identity-popup-content-owner {
2994 font-size: 1.2em;
613daf44 2995}
2996
319c6529
RK
2997#identity-popup-content-host {
2998 margin-top: 3px;
2999 margin-bottom: 5px;
3000 font-weight: bold;
3001 max-width: 300px;
3002}
613daf44 3003
319c6529
RK
3004#identity-popup-content-owner {
3005 margin-top: 4px;
3006 margin-bottom: 0 !important;
3007 font-weight: bold;
3008 max-width: 300px;
3009}
613daf44 3010
319c6529
RK
3011.verifiedDomain > #identity-popup-content-owner {
3012 font-weight: normal;
613daf44 3013}
3014
319c6529
RK
3015#identity-popup-content-verifier {
3016 margin: 4px 0 2px;
613daf44 3017}
3018
319c6529
RK
3019#identity-popup-content-box.verifiedIdentity > #identity-popup-encryption ,
3020#identity-popup-content-box.verifiedDomain > #identity-popup-encryption {
3021 margin-top: 10px;
3022 -moz-margin-start: -24px;
613daf44 3023}
3024
319c6529
RK
3025#identity-popup-content-box.verifiedIdentity > #identity-popup-encryption > vbox > #identity-popup-encryption-icon ,
3026#identity-popup-content-box.verifiedDomain > #identity-popup-encryption > vbox > #identity-popup-encryption-icon {
3027 list-style-image: url("chrome://browser/skin/Secure24.png");
613daf44 3028}
3029
3a0880a9
RK
3030#identity-popup-help-icon {
3031 border: none;
3032 margin: 7px 0 0 -3px;
3033 background: none;
3034 min-width: 0;
3035 list-style-image: url("chrome://global/skin/icons/question-16.png");
3036 cursor: pointer;
3037}
3038
3039#identity-popup-help-icon > .button-box > .button-text {
3040 display: none;
3041}
3042
3043#identity-popup-help-icon > .button-box > .button-icon {
3044 height: 16px;
3045 width: 16px;
3046}
3047
3048#identity-popup-help-icon:-moz-focusring {
3049 outline: 1px dotted;
3050 outline-offset: 1px;
3051}
3052
319c6529
RK
3053#identity-popup-more-info-button {
3054 margin-top: 6px;
3055 margin-bottom: 0;
3056 -moz-margin-end: 0;
613daf44 3057}
acb0e9b8 3058
fe524e0c
RK
3059#identity-popup > .panel-arrowcontainer > .panel-arrowcontent {
3060 padding: 0;
3061}
3062
3063#identity-popup-container {
3064 min-width: 280px;
3065 padding: 10px;
3066}
3067
3068#identity-popup-button-container {
3069/* background: linear-gradient(to bottom, rgba(0,0,0,0.04) 60%, transparent);*/
3070 padding: 10px;
3071 margin-top: 5px;
3072}
3073
319c6529
RK
3074.popup-notification-icon {
3075 width: 64px;
3076 height: 64px;
3077 -moz-margin-end: 10px;
3078}
acb0e9b8 3079
319c6529
RK
3080.popup-notification-icon[popupid="geolocation"] {
3081 list-style-image: url("chrome://browser/skin/Geolocation-64.png");
acb0e9b8 3082}
3083
319c6529
RK
3084.popup-notification-icon[popupid="xpinstall-disabled"],
3085.popup-notification-icon[popupid="addon-progress"],
3086.popup-notification-icon[popupid="addon-install-cancelled"],
3087.popup-notification-icon[popupid="addon-install-blocked"],
3088.popup-notification-icon[popupid="addon-install-failed"],
a40f6a79 3089.popup-notification-icon[popupid="addon-install-complete"] {
319c6529
RK
3090 list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png");
3091 width: 32px;
3092 height: 32px;
acb0e9b8 3093}
319c6529 3094
a40f6a79 3095.popup-notification-icon[popupid="click-to-play-plugins"] {
fcfb76ce 3096 list-style-image: url("chrome://mozapps/skin/plugins/pluginBlocked-64.png");
a40f6a79
RK
3097}
3098
a6757852
RK
3099.popup-notification-icon[popupid="plugins-not-found"] {
3100 list-style-image: url("chrome://browser/skin/pluginInstall-64.png");
3101}
3102
82b4252f
RK
3103.popup-notification-icon[popupid="web-notifications"] {
3104 list-style-image: url("chrome://browser/skin/notification-64.png");
3105}
3106
319c6529
RK
3107.addon-progress-description {
3108 width: 350px;
3109 max-width: 350px;
acb0e9b8 3110}
319c6529
RK
3111
3112.popup-progress-label,
3113.popup-progress-meter {
3114 -moz-margin-start: 0;
3115 -moz-margin-end: 0;
acb0e9b8 3116}
319c6529
RK
3117
3118.popup-progress-cancel {
3119 -moz-appearance: none;
3120 background: transparent;
3121 border: none;
3122 padding: 0;
3123 margin: 0;
3124 min-height: 0;
3125 min-width: 0;
3126 list-style-image: url("chrome://mozapps/skin/downloads/downloadButtons.png");
3127 -moz-image-region: rect(0px, 32px, 16px, 16px);
acb0e9b8 3128}
319c6529
RK
3129
3130.popup-progress-cancel:hover {
3131 -moz-image-region: rect(16px, 32px, 32px, 16px);
acb0e9b8 3132}
3133
319c6529
RK
3134.popup-progress-cancel:active {
3135 -moz-image-region: rect(32px, 32px, 48px, 16px);
3136}
acb0e9b8 3137
319c6529 3138.popup-notification-icon[popupid="indexedDB-permissions-prompt"],
a6757852 3139.popup-notification-icon[popupid="indexedDB-quota-prompt"],
e2734cc7
RK
3140.popup-notification-icon[popupid*="offline-app-requested"],
3141.popup-notification-icon[popupid="offline-app-usage"] {
319c6529 3142 list-style-image: url("chrome://global/skin/icons/alert-question.gif");
acb0e9b8 3143}
3144
319c6529
RK
3145.popup-notification-icon[popupid="password-save"],
3146.popup-notification-icon[popupid="password-change"] {
3147 list-style-image: url("chrome://mozapps/skin/passwordmgr/key-64.png");
acb0e9b8 3148}
3149
1b13529a 3150.popup-notification-icon[popupid="webapps-install-progress"],
8d7ef0d9 3151.popup-notification-icon[popupid="webapps-install"] {
87a1144f 3152 list-style-image: url("chrome://global/skin/icons/webapps-64.png");
8d7ef0d9
RK
3153}
3154
56ab361a
RK
3155.popup-notification-icon[popupid="mixed-content-blocked"] {
3156 list-style-image: url("chrome://browser/skin/mixed-content-blocked-64.png");
3157}
3158
0142a07b 3159.popup-notification-icon[popupid="webRTC-sharingDevices"],
7bc075b6
RK
3160.popup-notification-icon[popupid="webRTC-shareDevices"] {
3161 list-style-image: url("chrome://browser/skin/webRTC-shareDevice-64.png");
3162}
3163
82b4252f
RK
3164.popup-notification-icon[popupid="pointerLock"] {
3165 list-style-image: url("chrome://browser/skin/pointerLock-64.png");
3166}
3167
319c6529
RK
3168/* Notification icon box */
3169#notification-popup-box {
f993773d
RK
3170 position: relative;
3171 background-color: #000000;
3172 background-clip: padding-box;
3173 padding-left: 3px;
5517da5a 3174 padding-right: 8px;
f0eab82c 3175 border-radius: 3px 0 0 3px;
82b4252f 3176 border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 / 0 8px 0 0;
f993773d 3177 -moz-margin-end: -8px;
5517da5a 3178 border-right-width: 8px;
f993773d
RK
3179}
3180
8ad8bf83
RK
3181window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
3182 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
e8519ae0 3183 #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar > #notification-popup-box {
5517da5a 3184/* padding-left: 5px; */
f993773d
RK
3185}
3186
3187#notification-popup-box:-moz-locale-dir(rtl),
3188.notification-anchor-icon:-moz-locale-dir(rtl) {
71a617ff 3189 transform: scaleX(-1);
319c6529 3190}
acb0e9b8 3191
319c6529 3192.notification-anchor-icon {
acb0e9b8 3193 width: 16px;
3194 height: 16px;
85cfb236 3195 margin: 0 2px;
acb0e9b8 3196}
3197
319c6529 3198.notification-anchor-icon:-moz-focusring {
f0eab82c
RK
3199 outline: 1px dotted #008484;
3200/* outline-offset: -3px; */
acb0e9b8 3201}
3202
e2734cc7 3203.default-notification-icon,
ab799a7a
RK
3204#default-notification-icon {
3205 list-style-image: url("chrome://global/skin/icons/information-16.png");
3206}
3207
e2734cc7 3208.identity-notification-icon,
9585a561
RK
3209#identity-notification-icon {
3210 list-style-image: url("chrome://mozapps/skin/profile/profileicon.png");
3211}
3212
e2734cc7 3213.geo-notification-icon,
319c6529
RK
3214#geo-notification-icon {
3215 list-style-image: url("chrome://browser/skin/Geolocation-16.png");
acb0e9b8 3216}
3217
319c6529
RK
3218#addons-notification-icon {
3219 list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png");
acb0e9b8 3220}
3221
e2734cc7 3222.indexedDB-notification-icon,
319c6529
RK
3223#indexedDB-notification-icon {
3224 list-style-image: url("chrome://global/skin/icons/question-16.png");
acb0e9b8 3225}
3226
319c6529
RK
3227#password-notification-icon {
3228 list-style-image: url("chrome://mozapps/skin/passwordmgr/key-16.png");
acb0e9b8 3229}
3230