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