some corrections and finishing touches to that LCARStrek works well for Firefox 55...
[themes.git] / browser / browser.css
... / ...
CommitLineData
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/. */
4
5@import url("chrome://global/skin/");
6@import url("downloads/indicator.css");
7
8@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
9@namespace html url("http://www.w3.org/1999/xhtml");
10
11toolbar {
12 -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar");
13}
14
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"] {
17 -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-browsercustom");
18}
19
20toolbar[type="menubar"][autohide="true"] {
21 -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-menubar-autohide");
22}
23
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"] {
26 -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-menubar-autohide-browsercustom");
27}
28
29menubar {
30 -moz-binding: url("chrome://global/skin/globalBindings.xml#menubar");
31}
32
33#menubar-items {
34 -moz-box-orient: vertical; /* for flex hack */
35}
36
37#main-menubar {
38 -moz-box-flex: 1; /* make menu items expand to fill toolbar height */
39}
40
41/* ::::: primary toolbar ::::: */
42
43.toolbar-primary > .toolbar-box > .toolbar-holder {
44 background-color: #A09090;
45}
46
47.toolbar-primary > .toolbar-box > .toolbar-startcap,
48.toolbar-primary > .toolbar-box > .toolbar-endcap {
49 background-color: #9C9CFF;
50}
51
52/* We want a 4px gap between the TabsToolbar and the toolbar-menubar when the
53 toolbar-menu is displayed, and a 16px gap when it is not. 1px is taken care
54 of by the (light) outer shadow of the tab, the remaining 3/15 are these margins. */
55#toolbar-menubar:not([autohide="true"]) ~ #TabsToolbar,
56#toolbar-menubar[autohide="true"]:not([inactive]) ~ #TabsToolbar {
57/* margin-top: 3px;*/
58}
59
60#main-window[tabsintitlebar][sizemode="normal"][chromehidden~="menubar"] #toolbar-menubar ~ #TabsToolbar,
61#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive] ~ #TabsToolbar {
62/* margin-top: 15px;*/
63}
64
65/* Remove selector when Australis lands - this makes it only apply post-Australis as iconsize doesn't exist there */
66#navigator-toolbox:not([iconsize]) > #toolbar-menubar:not([autohide="true"]) {
67 -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-drag-browsercustom");
68}
69
70#main-window[tabsintitlebar] #toolbar-menubar .toolbar-endcap {
71 /* the titlebar buttons are shown right over the endcap but we have no power over the buttonbox position just for this case, so hide the endcap */
72 display: none;
73}
74
75#navigator-toolbox {
76}
77
78#navigator-toolbox::after {
79 content: "";
80 display: -moz-box;
81 -moz-box-ordinal-group: 101; /* tabs toolbar is 100 */
82 height: 1px;
83}
84#navigator-toolbox[tabsontop=false]::after,
85#main-window[disablechrome] #navigator-toolbox::after {
86 visibility: collapse;
87}
88
89#navigator-toolbox > toolbar:not(:-moz-lwtheme) {
90}
91
92#main-window[tabsintitlebar]:not([inFullscreen]) #toolbar-menubar[inactive] ~ #TabsToolbar:not(:-moz-lwtheme) {
93 /* like menubar */
94 background-color: #6000CF;
95 color: #FF9F00;
96}
97#main-window[tabsintitlebar]:not([inFullscreen]) #toolbar-menubar[inactive] ~ #TabsToolbar:not(:-moz-lwtheme):-moz-window-inactive {
98 background-color: #8050B0;
99 color: #FF9F00;
100}
101#main-window[tabsintitlebar]:not([inFullscreen]) #toolbar-menubar[inactive] ~ #TabsToolbar > .tabbrowser-tabs > .tabbrowser-tab {
102 padding-top: 3px;
103}
104
105#main-window[tabsintitlebar] #titlebar:-moz-lwtheme {
106 visibility: hidden;
107}
108#main-window[tabsintitlebar] #titlebar-content:-moz-lwtheme {
109 -moz-binding: url("chrome://global/content/bindings/general.xml#windowdragbox");
110 visibility: visible;
111}
112
113#nav-bar[tabsontop="true"],
114#nav-bar[tabsontop="true"][collapsed="true"]:not([customizing]) + toolbar,
115#nav-bar[tabsontop="true"][collapsed="true"]:not([customizing]) + #customToolbars + #PersonalToolbar {
116 /* background-image: linear-gradient(@toolbarHighlight@, rgba(255,255,255,0)); */
117}
118
119#personal-bookmarks {
120/* min-height: 24px; */
121}
122
123#print-preview-toolbar:not(:-moz-lwtheme) {
124 /* -moz-appearance: toolbox; */
125}
126
127/* ::::: app menu button ::::: */
128
129#appmenu-button {
130 background-color: #FF9F00;
131 background-clip: padding-box;
132 border-radius: 0;
133 border: none;
134 border-right: 3px solid #000000;
135 color: #000000;
136 font-weight: bold;
137 padding: 1px 1.5em;
138 margin: 0;
139}
140
141#appmenu-button:-moz-locale-dir(rtl) {
142 border-left: 3px solid #000000;
143 border-right: none;
144}
145
146#main-window[privatebrowsingmode=temporary] #appmenu-button {
147 background-color: #6000CF;
148 color: #FFCF00;
149}
150
151#appmenu-button:hover:not(:active):not([open]) {
152}
153
154#main-window[privatebrowsingmode=temporary] #appmenu-button:hover:not(:active):not([open]) {
155}
156
157#appmenu-button:hover,
158#appmenu-button:hover:active,
159#appmenu-button[open] {
160 background-color: #FFCF00;
161 color: #000000;
162}
163
164#appmenu-button > .button-box > .button-menu-dropmarker {
165 list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
166 width: auto;
167 height: auto;
168 padding: 0;
169 margin: 0;
170 border: none;
171 background-color: transparent;
172 -moz-margin-start: .5em;
173}
174
175#main-window[privatebrowsingmode=temporary] #appmenu-button > .button-box > .button-menu-dropmarker {
176 list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
177}
178
179#appmenuPrimaryPane > menuitem,
180#appmenuSecondaryPane > menuitem,
181#appmenuPrimaryPane > menu {
182 padding: 2px;
183}
184
185.splitmenu-menuitem {
186 -moz-padding-start: 2px;
187 padding-top: 2px;
188 padding-bottom: 2px;
189 -moz-margin-end: 1px;
190}
191
192.splitmenu-menu {
193 padding-top: 2px;
194 padding-bottom: 2px;
195 -moz-box-pack: end;
196}
197
198.appmenu-edit-button {
199}
200
201.appmenu-edit-button[disabled="true"] {
202}
203
204#appmenuPrimaryPane {
205 -moz-border-end: 1px solid #9C9CFF;
206}
207/*
208 #appmenu-popup {
209 }
210 #appmenuPrimaryPane {
211 }
212 #appmenuSecondaryPane {
213 }
214 #appmenuSecondaryPane:-moz-locale-dir(rtl) {
215 }
216
217 #appmenuSecondaryPane menupopup {
218 }
219
220 .appmenu-menuseparator {
221 }
222
223 .appmenu-edit-button:not([disabled]):hover {
224 }
225*/
226#appmenuSecondaryPane-spacer {
227 min-height: 1em;
228}
229
230#appmenu-editmenu {
231 -moz-box-pack: end;
232}
233
234#appmenu_print,
235#appmenu_print_popup,
236.appmenu-edit-button,
237#appmenu-editmenu-cut,
238#appmenu-editmenu-copy,
239#appmenu-editmenu-paste,
240#appmenu-quit {
241 list-style-image: url("appmenu-icons.png");
242}
243
244#appmenu-cut,
245#appmenu-editmenu-cut {
246 -moz-image-region: rect(0 16px 16px 0);
247}
248
249#appmenu-cut:hover:not([disabled="true"]),
250#appmenu-editmenu-cut:hover:not([disabled="true"]) {
251 -moz-image-region: rect(16px 16px 32px 0);
252}
253
254#appmenu-cut[disabled="true"],
255#appmenu-editmenu-cut[disabled="true"] {
256 -moz-image-region: rect(32px 16px 48px 0);
257}
258
259#appmenu-copy,
260#appmenu-editmenu-copy {
261 -moz-image-region: rect(0 32px 16px 16px);
262}
263
264#appmenu-copy:hover:not([disabled="true"]),
265#appmenu-editmenu-copy:hover:not([disabled="true"]) {
266 -moz-image-region: rect(16px 32px 32px 16px);
267}
268
269#appmenu-copy[disabled="true"],
270#appmenu-editmenu-copy[disabled="true"] {
271 -moz-image-region: rect(32px 32px 48px 16px);
272}
273
274#appmenu-paste,
275#appmenu-editmenu-paste {
276 -moz-image-region: rect(0 48px 16px 32px);
277}
278
279#appmenu-paste:hover:not([disabled="true"]),
280#appmenu-editmenu-paste:hover:not([disabled="true"]) {
281 -moz-image-region: rect(16px 48px 32px 32px);
282}
283
284#appmenu-paste[disabled="true"],
285#appmenu-editmenu-paste[disabled="true"] {
286 -moz-image-region: rect(32px 48px 48px 32px);
287}
288
289#appmenu_print,
290#appmenu_print_popup {
291 -moz-image-region: rect(0 64px 16px 48px);
292}
293
294#appmenu_print:hover:not([disabled="true"]),
295#appmenu_print[open="true"],
296#appmenu_print_popup:hover:not([disabled="true"]) {
297 -moz-image-region: rect(16px 64px 32px 48px);
298}
299
300#appmenu-print[disabled="true"],
301#appmenu_print_popup[disabled="true"] {
302 -moz-image-region: rect(32px 64px 48px 48px);
303}
304
305#appmenu-quit {
306 -moz-image-region: rect(0 80px 16px 64px);
307}
308
309#appmenu-quit:hover {
310 -moz-image-region: rect(16px 80px 32px 64px);
311}
312
313#appmenu-edit-label {
314 -moz-appearance: none;
315 background: transparent;
316 font-style: italic;
317}
318
319#appmenu_bookmarks {
320 list-style-image: url("chrome://browser/skin/places/bookmark.png");
321 -moz-image-region: rect(0px 48px 16px 32px);
322}
323
324#appmenu_privateBrowsing,
325#appmenu_newPrivateWindow {
326 list-style-image: url("chrome://browser/skin/Privacy-16.png");
327}
328
329@media (min-resolution: 1.25dppx) {
330 #appmenu_privateBrowsing,
331 #appmenu_newPrivateWindow {
332 list-style-image: url("chrome://browser/skin/Privacy-32.png");
333 }
334}
335
336#appmenu_addons {
337 list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png");
338}
339
340@media (min-resolution: 1.25dppx) {
341 #appmenu_addons {
342 list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png");
343 }
344}
345
346#BMB_bookmarkThisPage,
347#appmenu_bookmarkThisPage {
348 list-style-image: url("chrome://browser/skin/places/bookmark.png");
349 -moz-image-region: rect(0 16px 16px 0);
350}
351
352/* ::::: titlebar ::::: */
353
354#titlebar {
355 /* like menubar */
356 background-color: #6000CF;
357 color: #FF9F00;
358}
359#titlebar:-moz-window-inactive {
360 background-color: #8050B0;
361 color: #FF9F00;
362}
363
364#main-window[sizemode="normal"] > #titlebar {
365 margin-top: -3px;
366 margin-bottom: 3px;
367}
368
369#main-window[sizemode="maximized"] > #titlebar {
370 margin-top: 4px;
371}
372
373/* The button box must appear on top of the navigator-toolbox in order for
374 * click and hover mouse events to work properly for the button in the restored
375 * window state. Otherwise, elements in the navigator-toolbox, like the menubar,
376 * can swallow those events. It will also place the buttons above the fog on
377 * themes with Aero Glass.
378 */
379#titlebar-buttonbox {
380 margin-top: 5px;
381 -moz-margin-end: 3px;
382 z-index: 1;
383}
384
385#main-window[sizemode="maximized"] #titlebar-buttonbox {
386}
387
388.titlebar-placeholder[type="appmenu-button"] {
389 margin-left: 4px;
390}
391
392.titlebar-placeholder[type="caption-buttons"] {
393 margin-left: 10px;
394}
395
396/* titlebar command buttons */
397
398#titlebar-min {
399 list-style-image: url("chrome://navigator/skin/icons/win-minimize.gif");
400}
401
402#titlebar-min:hover {
403 list-style-image: url("chrome://navigator/skin/icons/win-minimize-hover.gif");
404}
405
406#titlebar-max {
407 list-style-image: url("chrome://browser/skin/win-maximize.gif");
408}
409
410#titlebar-max:hover {
411 list-style-image: url("chrome://browser/skin/win-maximize-hover.gif");
412}
413
414#main-window[sizemode="maximized"] #titlebar-max {
415 list-style-image: url("chrome://navigator/skin/icons/win-restore.gif");
416}
417
418#main-window[sizemode="maximized"] #titlebar-max:hover {
419 list-style-image: url("chrome://navigator/skin/icons/win-restore-hover.gif");
420}
421
422#titlebar-close {
423 list-style-image: url("chrome://navigator/skin/icons/win-close.gif");
424}
425
426#titlebar-close:hover {
427 list-style-image: url("chrome://navigator/skin/icons/win-close-hover.gif");
428}
429
430/* ::::: bookmark buttons ::::: */
431
432.bookmark-item > .toolbarbutton-icon,
433#personal-bookmarks[cui-areatype="toolbar"] > #bookmarks-toolbar-placeholder > .toolbarbutton-icon {
434 width: 16px;
435 height: 16px;
436}
437
438/* Force the display of the label for bookmarks */
439.bookmark-item > .toolbarbutton-text,
440#personal-bookmarks[cui-areatype="toolbar"] > #bookmarks-toolbar-placeholder > .toolbarbutton-text {
441 display: -moz-box !important;
442}
443
444.bookmark-item > .toolbarbutton-menu-dropmarker {
445 display: none;
446}
447
448#wrapper-personal-bookmarks[place="palette"] > .toolbarpaletteitem-box {
449 background: url("chrome://communicator/skin/bookmarks/bookmarksToolbar.png") no-repeat center;
450}
451
452.bookmarks-toolbar-customize,
453#bookmarks-toolbar-placeholder {
454 max-width: 15em !important;
455 list-style-image: url("chrome://communicator/skin/bookmarks/bookmarksToolbar.png") !important;
456}
457
458/* ::::: bookmark menus ::::: */
459
460menu.bookmark-item,
461menuitem.bookmark-item {
462 min-width: 0;
463 max-width: 32em;
464}
465
466.bookmark-item > .menu-iconic-left {
467 margin-top: 0;
468 margin-bottom: 0;
469}
470
471.bookmark-item > .menu-iconic-left > .menu-iconic-icon {
472 -moz-padding-start: 0px;
473}
474
475/* ::::: bookmark items ::::: */
476
477.bookmark-item {
478 list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
479 -moz-image-region: auto;
480}
481
482.bookmark-item[container] {
483 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif");
484 -moz-image-region: auto;
485}
486
487.bookmark-item[container][open] {
488 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif");
489 -moz-image-region: auto;
490}
491
492.bookmark-item[container][livemark] {
493 list-style-image: url("chrome://communicator/skin/bookmarks/livemark-folder.png");
494 -moz-image-region: auto;
495}
496
497.bookmark-item[container][livemark] .bookmark-item {
498 list-style-image: url("chrome://communicator/skin/bookmarks/livemark-item.png");
499 -moz-image-region: rect(0px, 16px, 16px, 0px);
500}
501
502.bookmark-item[container][livemark] .bookmark-item[visited] {
503 -moz-image-region: rect(0px, 32px, 16px, 16px);
504}
505
506.bookmark-item[container][query] {
507 list-style-image: url("chrome://communicator/skin/bookmarks/query.png");
508 -moz-image-region: auto;
509}
510
511.bookmark-item[query][tagContainer] {
512 list-style-image: url("chrome://mozapps/skin/places/tagContainerIcon.png");
513 -moz-image-region: auto;
514}
515
516.bookmark-item[query][dayContainer] {
517 list-style-image: url("chrome://communicator/skin/history/calendar.png");
518 -moz-image-region: auto;
519}
520
521.bookmark-item[query][hostContainer] {
522 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif");
523 -moz-image-region: auto;
524}
525
526.bookmark-item[query][hostContainer][open] {
527 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif");
528 -moz-image-region: auto;
529}
530
531.bookmark-item[cutting] > .toolbarbutton-icon,
532.bookmark-item[cutting] > .menu-iconic-left > .menu-iconic-icon {
533 opacity: 0.5;
534}
535
536.bookmark-item[cutting] > .toolbarbutton-text,
537.bookmark-item[cutting] > .menu-iconic-left > .menu-iconic-text {
538 opacity: 0.7;
539}
540
541/* ::::: primary toolbar buttons ::::: */
542
543/* === BEGIN toolbarbuttons.inc.css === */
544
545/* Whole section of this included file: */
546/* Remove |#navigator-toolbox:not([iconsize])| selector when Australis lands - this makes it only apply post-Australis as iconsize doesn't exist there */
547#navigator-toolbox:not([iconsize]) :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button,
548 #cut-button, #copy-button, #paste-button, #fullscreen-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #sync-button, #feed-button,
549 #tabview-button, #webrtc-status-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button,
550 #privatebrowsing-button, #save-page-button, #switch-to-metro-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button,
551 #PanelUI-menu-button, #characterencoding-button, #email-link-button),
552#navigator-toolbox:not([iconsize]) #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
553 list-style-image: url("chrome://browser/skin/ToolbarFx.png");
554}
555
556#navigator-toolbox:not([iconsize]) #back-button {
557 -moz-image-region: rect(0, 36px, 18px, 18px);
558}
559
560#navigator-toolbox:not([iconsize]) #back-button:hover:not([disabled="true"]) {
561 -moz-image-region: rect(18px, 36px, 36px, 18px);
562}
563
564#navigator-toolbox:not([iconsize]) #back-button[disabled="true"] {
565 -moz-image-region: rect(36px, 36px, 54px, 18px);
566}
567
568#navigator-toolbox:not([iconsize]) #forward-button {
569 -moz-image-region: rect(0, 72px, 18px, 54px);
570}
571
572#navigator-toolbox:not([iconsize]) #forward-button:hover:not([disabled="true"]) {
573 -moz-image-region: rect(18px, 72px, 36px, 54px);
574}
575
576#navigator-toolbox:not([iconsize]) #forward-button[disabled="true"] {
577 -moz-image-region: rect(36px, 72px, 54px, 54px);
578}
579
580#navigator-toolbox:not([iconsize]) #back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
581#navigator-toolbox:not([iconsize]) #forward-button:-moz-locale-dir(rtl) {
582 transform: scaleX(-1);
583}
584
585#navigator-toolbox:not([iconsize]) #home-button[cui-areatype="toolbar"] {
586 -moz-image-region: rect(0, 126px, 18px, 108px);
587}
588
589#navigator-toolbox:not([iconsize]) #home-button[cui-areatype="toolbar"]:hover {
590 -moz-image-region: rect(18px, 126px, 36px, 108px);
591}
592
593#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"] {
594 -moz-image-region: rect(0, 144px, 18px, 126px);
595}
596
597#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"]:hover,
598#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"][open="true"] {
599 -moz-image-region: rect(18px, 144px, 36px, 126px);
600}
601
602#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"][starred] {
603 -moz-image-region: rect(0, 162px, 18px, 144px);
604}
605
606#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"][starred]:hover,
607#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"][starred][open="true"] {
608 -moz-image-region: rect(18px, 162px, 36px, 144px);
609}
610
611#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
612 -moz-image-region: rect(0, 630px, 18px, 612px);
613}
614
615#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker {
616 padding: 1px;
617 -moz-box-align: center;
618}
619
620#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"]:hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
621#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"][open="true"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
622 -moz-image-region: rect(18px, 630px, 36px, 612px);
623}
624
625#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"]:hover:active > .toolbarbutton-menubutton-dropmarker,
626#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"][open="true"] > .toolbarbutton-menubutton-dropmarker {
627 padding-top: 2px;
628 padding-bottom: 0px;
629 -moz-padding-start: 2px;
630 -moz-padding-end: 0px;
631}
632
633#navigator-toolbox:not([iconsize]) #history-panelmenu[cui-areatype="toolbar"] {
634 -moz-image-region: rect(0, 180px, 18px, 162px);
635}
636
637#navigator-toolbox:not([iconsize]) #history-panelmenu[cui-areatype="toolbar"]:hover,
638#navigator-toolbox:not([iconsize]) #history-panelmenu[cui-areatype="toolbar"][open="true"] {
639 -moz-image-region: rect(18px, 180px, 36px, 162px);
640}
641
642#navigator-toolbox:not([iconsize]) #downloads-button[cui-areatype="toolbar"] {
643 -moz-image-region: rect(0, 198px, 18px, 180px);
644}
645
646#navigator-toolbox:not([iconsize]) #downloads-button[cui-areatype="toolbar"]:hover,
647#navigator-toolbox:not([iconsize]) #downloads-button[cui-areatype="toolbar"][open="true"] {
648 -moz-image-region: rect(18px, 198px, 36px, 180px);
649}
650
651#navigator-toolbox:not([iconsize]) #add-ons-button[cui-areatype="toolbar"] {
652 -moz-image-region: rect(0, 216px, 18px, 198px);
653}
654
655#navigator-toolbox:not([iconsize]) #add-ons-button[cui-areatype="toolbar"]:hover {
656 -moz-image-region: rect(18px, 216px, 36px, 198px);
657}
658
659#navigator-toolbox:not([iconsize]) #switch-to-metro-button[cui-areatype="toolbar"] {
660 -moz-image-region: rect(0, 648px, 18px, 630px);
661}
662
663#navigator-toolbox:not([iconsize]) #switch-to-metro-button[cui-areatype="toolbar"]:hover {
664 -moz-image-region: rect(18px, 648px, 36px, 630px);
665}
666
667#navigator-toolbox:not([iconsize]) #open-file-button[cui-areatype="toolbar"] {
668 -moz-image-region: rect(0, 234px, 18px, 216px);
669}
670
671#navigator-toolbox:not([iconsize]) #open-file-button[cui-areatype="toolbar"]:hover {
672 -moz-image-region: rect(18px, 234px, 36px, 216px);
673}
674
675#navigator-toolbox:not([iconsize]) #save-page-button[cui-areatype="toolbar"] {
676 -moz-image-region: rect(0, 252px, 18px, 234px);
677}
678
679#navigator-toolbox:not([iconsize]) #save-page-button[cui-areatype="toolbar"]:hover {
680 -moz-image-region: rect(18px, 252px, 36px, 234px);
681}
682
683#navigator-toolbox:not([iconsize]) #sync-button[cui-areatype="toolbar"] {
684 -moz-image-region: rect(0, 270px, 18px, 252px);
685}
686
687#navigator-toolbox:not([iconsize]) #sync-button[cui-areatype="toolbar"]:hover {
688 -moz-image-region: rect(18px, 270px, 36px, 252px);
689}
690
691#navigator-toolbox:not([iconsize]) #feed-button[cui-areatype="toolbar"] {
692 -moz-image-region: rect(0, 288px, 18px, 270px);
693}
694
695#navigator-toolbox:not([iconsize]) #feed-button[cui-areatype="toolbar"]:hover:not([disabled="true"]) {
696 -moz-image-region: rect(18px, 288px, 36px, 270px);
697}
698
699#navigator-toolbox:not([iconsize]) #feed-button[cui-areatype="toolbar"][disabled="true"] {
700 -moz-image-region: rect(36px, 288px, 54px, 270px);
701}
702
703#navigator-toolbox:not([iconsize]) #social-share-button[cui-areatype="toolbar"] {
704 -moz-image-region: rect(0px, 306px, 18px, 288px);
705}
706
707#navigator-toolbox:not([iconsize]) #social-share-button[cui-areatype="toolbar"]:hover {
708 -moz-image-region: rect(18px, 306px, 36px, 288px);
709}
710
711#navigator-toolbox:not([iconsize]) #email-link-button[cui-areatype="toolbar"] {
712 -moz-image-region: rect(0, 306px, 18px, 288px);
713 /* This is temporary until we have an email-link icon (Bug 932235) */
714 transform: scale(-1, -1);
715}
716
717#navigator-toolbox:not([iconsize]) #email-link-button[cui-areatype="toolbar"]:hover {
718 -moz-image-region: rect(18px, 306px, 36px, 288px);
719}
720
721#navigator-toolbox:not([iconsize]) #characterencoding-button[cui-areatype="toolbar"] {
722 -moz-image-region: rect(0, 324px, 18px, 306px);
723}
724
725#navigator-toolbox:not([iconsize]) #characterencoding-button[cui-areatype="toolbar"]:hover:not([disabled="true"]),
726#navigator-toolbox:not([iconsize]) #characterencoding-button[cui-areatype="toolbar"][open="true"] {
727 -moz-image-region: rect(18px, 324px, 36px, 306px);
728}
729
730#navigator-toolbox:not([iconsize]) #characterencoding-button[cui-areatype="toolbar"][disabled="true"] {
731 -moz-image-region: rect(36px, 324px, 54px, 306px);
732}
733
734#navigator-toolbox:not([iconsize]) #new-window-button[cui-areatype="toolbar"] {
735 -moz-image-region: rect(0, 342px, 18px, 324px);
736}
737
738#navigator-toolbox:not([iconsize]) #new-window-button[cui-areatype="toolbar"]:hover {
739 -moz-image-region: rect(18px, 342px, 36px, 324px);
740}
741
742#navigator-toolbox:not([iconsize]) #new-tab-button[cui-areatype="toolbar"] {
743 -moz-image-region: rect(0, 360px, 18px, 342px);
744}
745
746#navigator-toolbox:not([iconsize]) #new-tab-button[cui-areatype="toolbar"]:hover {
747 -moz-image-region: rect(18px, 360px, 36px, 342px);
748}
749
750#navigator-toolbox:not([iconsize]) #privatebrowsing-button[cui-areatype="toolbar"] {
751 -moz-image-region: rect(0, 378px, 18px, 360px);
752}
753
754#navigator-toolbox:not([iconsize]) #privatebrowsing-button[cui-areatype="toolbar"]:hover {
755 -moz-image-region: rect(18px, 378px, 36px, 360px);
756}
757
758#navigator-toolbox:not([iconsize]) #find-button[cui-areatype="toolbar"] {
759 -moz-image-region: rect(0, 396px, 18px, 378px);
760}
761
762#navigator-toolbox:not([iconsize]) #find-button[cui-areatype="toolbar"]:hover {
763 -moz-image-region: rect(18px, 396px, 36px, 378px);
764}
765
766#navigator-toolbox:not([iconsize]) #print-button[cui-areatype="toolbar"] {
767 -moz-image-region: rect(0, 414px, 18px, 396px);
768}
769
770#navigator-toolbox:not([iconsize]) #print-button[cui-areatype="toolbar"]:hover {
771 -moz-image-region: rect(18px, 414px, 36px, 396px);
772}
773
774#navigator-toolbox:not([iconsize]) #fullscreen-button[cui-areatype="toolbar"] {
775 -moz-image-region: rect(0, 432px, 18px, 414px);
776}
777
778#navigator-toolbox:not([iconsize]) #fullscreen-button[cui-areatype="toolbar"]:hover {
779 -moz-image-region: rect(18px, 432px, 36px, 414px);
780}
781
782#navigator-toolbox:not([iconsize]) #developer-button[cui-areatype="toolbar"] {
783 -moz-image-region: rect(0, 450px, 18px, 432px);
784}
785
786#navigator-toolbox:not([iconsize]) #developer-button[cui-areatype="toolbar"]:hover,
787#navigator-toolbox:not([iconsize]) #developer-button[cui-areatype="toolbar"][open="true"] {
788 -moz-image-region: rect(18px, 450px, 36px, 432px);
789}
790
791#navigator-toolbox:not([iconsize]) #preferences-button[cui-areatype="toolbar"] {
792 -moz-image-region: rect(0, 468px, 18px, 450px);
793}
794
795#navigator-toolbox:not([iconsize]) #preferences-button[cui-areatype="toolbar"]:hover {
796 -moz-image-region: rect(18px, 468px, 36px, 450px);
797}
798
799#navigator-toolbox:not([iconsize]) #PanelUI-menu-button {
800 -moz-image-region: rect(0, 486px, 18px, 468px);
801}
802
803#navigator-toolbox:not([iconsize]) #PanelUI-menu-button:hover,
804#navigator-toolbox:not([iconsize]) #PanelUI-menu-button[open="true"] {
805 -moz-image-region: rect(18px, 486px, 36px, 468px);
806}
807
808#navigator-toolbox:not([iconsize]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #cut-button {
809 -moz-image-region: rect(0, 504px, 18px, 486px);
810}
811
812#navigator-toolbox:not([iconsize]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #cut-button:hover:not([disabled="true"]) {
813 -moz-image-region: rect(18px, 504px, 36px, 486px);
814}
815
816#navigator-toolbox:not([iconsize]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #cut-button[disabled="true"] {
817 -moz-image-region: rect(36px, 504px, 54px, 486px);
818}
819
820#navigator-toolbox:not([iconsize]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #copy-button {
821 -moz-image-region: rect(0, 522px, 18px, 504px);
822}
823
824#navigator-toolbox:not([iconsize]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #copy-button:hover:not([disabled="true"]) {
825 -moz-image-region: rect(18px, 522px, 36px, 504px);
826}
827
828#navigator-toolbox:not([iconsize]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #copy-button[disabled="true"] {
829 -moz-image-region: rect(36px, 522px, 54px, 504px);
830}
831
832#navigator-toolbox:not([iconsize]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #paste-button {
833 -moz-image-region: rect(0, 540px, 18px, 522px);
834}
835
836#navigator-toolbox:not([iconsize]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #paste-button:hover:not([disabled="true"]) {
837 -moz-image-region: rect(18px, 540px, 36px, 522px);
838}
839
840#navigator-toolbox:not([iconsize]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #paste-button[disabled="true"] {
841 -moz-image-region: rect(36px, 540px, 54px, 522px);
842}
843
844#navigator-toolbox:not([iconsize]) #zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #zoom-out-button {
845 -moz-image-region: rect(0, 558px, 18px, 540px);
846}
847
848#navigator-toolbox:not([iconsize]) #zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #zoom-out-button:hover:not([disabled="true"]) {
849 -moz-image-region: rect(18px, 558px, 36px, 540px);
850}
851
852#navigator-toolbox:not([iconsize]) #zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #zoom-out-button[disabled="true"] {
853 -moz-image-region: rect(36px, 558px, 54px, 540px);
854}
855
856#navigator-toolbox:not([iconsize]) #zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #zoom-in-button {
857 -moz-image-region: rect(0, 576px, 18px, 558px);
858}
859
860#navigator-toolbox:not([iconsize]) #zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #zoom-in-button:hover:not([disabled="true"]) {
861 -moz-image-region: rect(18px, 576px, 36px, 558px);
862}
863
864#navigator-toolbox:not([iconsize]) #zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #zoom-in-button[disabled="true"] {
865 -moz-image-region: rect(36px, 576px, 54px, 558px);
866}
867
868#navigator-toolbox:not([iconsize]) #webrtc-status-button:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) {
869 -moz-image-region: rect(0, 594px, 18px, 576px);
870}
871
872#navigator-toolbox:not([iconsize]) #webrtc-status-button:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)):hover,
873#navigator-toolbox:not([iconsize]) #webrtc-status-button:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem))[open="true"] {
874 -moz-image-region: rect(18px, 594px, 36px, 576px);
875}
876
877#navigator-toolbox:not([iconsize]) #nav-bar-overflow-button {
878 -moz-image-region: rect(0, 612px, 18px, 594px);
879}
880
881#navigator-toolbox:not([iconsize]) #nav-bar-overflow-button:hover,
882#navigator-toolbox:not([iconsize]) #nav-bar-overflow-button[open="true"] {
883 -moz-image-region: rect(18px, 612px, 36px, 594px);
884}
885
886/* === END toolbarbuttons.inc.css === */
887
888/* === BEGIN menupanel.inc.css === */
889
890/* Menu panel and palette styles */
891
892/* Remove |:-moz-any(#customization-palette, #panelUI-contents)| selector when Australis lands - this makes it only apply post-Australis as those elements only exist there */
893:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button,
894 #cut-button, #copy-button, #paste-button, #fullscreen-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #sync-button, #feed-button,
895 #tabview-button, #webrtc-status-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button,
896 #privatebrowsing-button, #save-page-button, #switch-to-metro-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button,
897 #PanelUI-menu-button, #characterencoding-button, #email-link-button)[cui-areatype="menu-panel"],
898:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button,
899 #cut-button, #copy-button, #paste-button, #fullscreen-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #sync-button, #feed-button,
900 #tabview-button, #webrtc-status-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button,
901 #privatebrowsing-button, #save-page-button, #switch-to-metro-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button,
902 #PanelUI-menu-button, #characterencoding-button, #email-link-button) {
903 list-style-image: url("chrome://browser/skin/menuPanel.png");
904}
905
906#home-button[cui-areatype="menu-panel"],
907:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #home-button {
908 -moz-image-region: rect(0px, 128px, 32px, 96px);
909}
910
911#home-button[cui-areatype="menu-panel"]:hover,
912:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #home-button:hover {
913 -moz-image-region: rect(32px, 128px, 64px, 96px);
914}
915
916#bookmarks-menu-button[cui-areatype="menu-panel"],
917:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #bookmarks-menu-button {
918 -moz-image-region: rect(0px, 160px, 32px, 128px);
919}
920
921#bookmarks-menu-button[cui-areatype="menu-panel"]:hover,
922:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #bookmarks-menu-button:hover {
923 -moz-image-region: rect(32px, 160px, 64px, 128px);
924}
925
926#bookmarks-menu-button[starred][cui-areatype="menu-panel"] {
927 -moz-image-region: rect(0px, 192px, 32px, 160px);
928}
929
930#bookmarks-menu-button[starred][cui-areatype="menu-panel"]:hover {
931 -moz-image-region: rect(32px, 192px, 64px, 160px);
932}
933
934#history-panelmenu[cui-areatype="menu-panel"],
935:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #history-panelmenu {
936 -moz-image-region: rect(0px, 224px, 32px, 192px);
937}
938
939#history-panelmenu[cui-areatype="menu-panel"]:hover,
940:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #history-panelmenu:hover {
941 -moz-image-region: rect(32px, 224px, 64px, 192px);
942}
943
944#downloads-button[cui-areatype="menu-panel"],
945:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #downloads-button {
946 -moz-image-region: rect(0px, 256px, 32px, 224px);
947}
948
949#downloads-button[cui-areatype="menu-panel"]:hover,
950:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #downloads-button:hover {
951 -moz-image-region: rect(32px, 256px, 64px, 224px);
952}
953
954#switch-to-metro-button[cui-areatype="menu-panel"],
955:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #switch-to-metro-button {
956 -moz-image-region: rect(0px, 800px, 32px, 768px);
957}
958
959#switch-to-metro-button[cui-areatype="menu-panel"]:hover,
960:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #switch-to-metro-button:hover {
961 -moz-image-region: rect(32px, 800px, 64px, 768px);
962}
963
964#add-ons-button[cui-areatype="menu-panel"],
965:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #add-ons-button {
966 -moz-image-region: rect(0px, 288px, 32px, 256px);
967}
968
969#add-ons-button[cui-areatype="menu-panel"]:hover,
970:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #add-ons-button:hover {
971 -moz-image-region: rect(32px, 288px, 64px, 256px);
972}
973
974#open-file-button[cui-areatype="menu-panel"],
975:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #open-file-button {
976 -moz-image-region: rect(0px, 320px, 32px, 288px);
977}
978
979#open-file-button[cui-areatype="menu-panel"]:hover,
980:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #open-file-button:hover {
981 -moz-image-region: rect(32px, 320px, 64px, 288px);
982}
983
984#save-page-button[cui-areatype="menu-panel"],
985:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #save-page-button {
986 -moz-image-region: rect(0px, 352px, 32px, 320px);
987}
988
989#save-page-button[cui-areatype="menu-panel"]:hover,
990:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #save-page-button:hover {
991 -moz-image-region: rect(32px, 352px, 64px, 320px);
992}
993
994#sync-button[cui-areatype="menu-panel"],
995:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #sync-button {
996 -moz-image-region: rect(0px, 384px, 32px, 352px);
997}
998
999#sync-button[cui-areatype="menu-panel"]:hover,
1000:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #sync-button:hover {
1001 -moz-image-region: rect(32px, 384px, 64px, 352px);
1002}
1003
1004#feed-button[cui-areatype="menu-panel"],
1005:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #feed-button {
1006 -moz-image-region: rect(0px, 416px, 32px, 384px);
1007}
1008
1009#feed-button[cui-areatype="menu-panel"]:hover:not([disabled="true"]),
1010:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #feed-button:hover:not([disabled="true"]) {
1011 -moz-image-region: rect(32px, 416px, 64px, 384px);
1012}
1013
1014#feed-button[cui-areatype="menu-panel"][disabled="true"],
1015:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #feed-button[disabled="true"] {
1016 -moz-image-region: rect(64px, 416px, 96px, 384px);
1017}
1018
1019#social-share-button[cui-areatype="menu-panel"],
1020:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #social-share-button {
1021 -moz-image-region: rect(0px, 448px, 32px, 416px);
1022}
1023
1024#social-share-button[cui-areatype="menu-panel"]:hover,
1025:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #social-share-button:hover {
1026 -moz-image-region: rect(32px, 448px, 64px, 416px);
1027}
1028
1029#email-link-button[cui-areatype="menu-panel"],
1030:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #email-link-button {
1031 -moz-image-region: rect(0, 448px, 32px, 416px);
1032}
1033
1034#email-link-button[cui-areatype="menu-panel"]:hover,
1035:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #email-link-button:hover {
1036 -moz-image-region: rect(32px, 448px, 64px, 416px);
1037}
1038
1039/* This is temporary until we have an email-link icon (Bug 932235) */
1040#email-link-button[cui-areatype="menu-panel"] > image,
1041:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #email-link-button > image {
1042 transform: scale(-1, -1);
1043}
1044
1045#characterencoding-button[cui-areatype="menu-panel"],
1046:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #characterencoding-button {
1047 -moz-image-region: rect(0px, 480px, 32px, 448px);
1048}
1049
1050#characterencoding-button[cui-areatype="menu-panel"]:hover:not([disabled="true"]),
1051:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #characterencoding-button:hover:not([disabled="true"]) {
1052 -moz-image-region: rect(32px, 480px, 64px, 448px);
1053}
1054
1055#characterencoding-button[cui-areatype="menu-panel"][disabled="true"],
1056:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #characterencoding-button[disabled="true"] {
1057 -moz-image-region: rect(64px, 480px, 96px, 448px);
1058}
1059
1060#new-window-button[cui-areatype="menu-panel"],
1061:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #new-window-button {
1062 -moz-image-region: rect(0px, 512px, 32px, 480px);
1063}
1064
1065#new-window-button[cui-areatype="menu-panel"]:hover,
1066:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #new-window-button:hover {
1067 -moz-image-region: rect(32px, 512px, 64px, 480px);
1068}
1069
1070#new-tab-button[cui-areatype="menu-panel"],
1071:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #new-tab-button {
1072 -moz-image-region: rect(0px, 544px, 32px, 512px);
1073}
1074
1075#new-tab-button[cui-areatype="menu-panel"]:hover,
1076:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #new-tab-button:hover {
1077 -moz-image-region: rect(32px, 544px, 64px, 512px);
1078}
1079
1080#privatebrowsing-button[cui-areatype="menu-panel"],
1081:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #privatebrowsing-button {
1082 -moz-image-region: rect(0px, 576px, 32px, 544px);
1083}
1084
1085#privatebrowsing-button[cui-areatype="menu-panel"]:hover,
1086:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #privatebrowsing-button:hover {
1087 -moz-image-region: rect(32px, 576px, 64px, 544px);
1088}
1089
1090#find-button[cui-areatype="menu-panel"],
1091:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #find-button {
1092 -moz-image-region: rect(0px, 640px, 32px, 608px);
1093}
1094
1095#find-button[cui-areatype="menu-panel"]:hover,
1096:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #find-button:hover {
1097 -moz-image-region: rect(32px, 640px, 64px, 608px);
1098}
1099
1100#print-button[cui-areatype="menu-panel"],
1101:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #print-button {
1102 -moz-image-region: rect(0px, 672px, 32px, 640px);
1103}
1104
1105#print-button[cui-areatype="menu-panel"]:hover,
1106:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #print-button:hover {
1107 -moz-image-region: rect(32px, 672px, 64px, 640px);
1108}
1109
1110#fullscreen-button[cui-areatype="menu-panel"],
1111:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #fullscreen-button {
1112 -moz-image-region: rect(0px, 704px, 32px, 672px);
1113}
1114
1115#fullscreen-button[cui-areatype="menu-panel"]:hover,
1116:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #fullscreen-button:hover {
1117 -moz-image-region: rect(32px, 704px, 64px, 672px);
1118}
1119
1120#developer-button[cui-areatype="menu-panel"],
1121:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #developer-button {
1122 -moz-image-region: rect(0px, 736px, 32px, 704px);
1123}
1124
1125#developer-button[cui-areatype="menu-panel"]:hover,
1126:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #developer-button:hover {
1127 -moz-image-region: rect(32px, 736px, 64px, 704px);
1128}
1129
1130#preferences-button[cui-areatype="menu-panel"],
1131:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #preferences-button {
1132 -moz-image-region: rect(0px, 768px, 32px, 736px);
1133}
1134
1135#preferences-button[cui-areatype="menu-panel"]:hover,
1136:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #preferences-button:hover {
1137 -moz-image-region: rect(32px, 768px, 64px, 736px);
1138}
1139
1140/* Wide panel control icons */
1141
1142#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton,
1143#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton,
1144:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton,
1145:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton {
1146 list-style-image: url("chrome://browser/skin/menuPanel-small.png");
1147}
1148
1149#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #cut-button,
1150:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #edit-controls > #cut-button {
1151 -moz-image-region: rect(0px, 32px, 16px, 16px);
1152}
1153
1154#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #cut-button:hover:not([disabled="true"]),
1155:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #edit-controls > #cut-button:hover:not([disabled="true"]) {
1156 -moz-image-region: rect(16px, 32px, 32px, 16px);
1157}
1158
1159#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #cut-button[disabled="true"],
1160:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #edit-controls > #cut-button[disabled="true"] {
1161 -moz-image-region: rect(32px, 32px, 48px, 16px);
1162}
1163
1164#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #copy-button,
1165:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #edit-controls > #copy-button {
1166 -moz-image-region: rect(0px, 48px, 16px, 32px);
1167}
1168
1169#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #copy-button:hover:not([disabled="true"]),
1170:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #edit-controls > #copy-button:hover:not([disabled="true"]) {
1171 -moz-image-region: rect(16px, 48px, 32px, 32px);
1172}
1173
1174#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #copy-button[disabled="true"],
1175:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #edit-controls > #copy-button[disabled="true"] {
1176 -moz-image-region: rect(32px, 48px, 48px, 32px);
1177}
1178
1179#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #paste-button,
1180:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #edit-controls > #paste-button {
1181 -moz-image-region: rect(0px, 64px, 16px, 48px);
1182}
1183
1184#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #paste-button:hover:not([disabled="true"]),
1185:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #edit-controls > #paste-button:hover:not([disabled="true"]) {
1186 -moz-image-region: rect(16px, 64px, 32px, 48px);
1187}
1188
1189#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #paste-button[disabled="true"],
1190:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #edit-controls > #paste-button[disabled="true"] {
1191 -moz-image-region: rect(32px, 64px, 48px, 48px);
1192}
1193
1194#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #zoom-out-button,
1195:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-out-button {
1196 -moz-image-region: rect(0px, 80px, 16px, 64px);
1197}
1198
1199#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #zoom-out-button:hover:not([disabled="true"]),
1200:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-out-button:hover:not([disabled="true"]) {
1201 -moz-image-region: rect(16px, 80px, 32px, 64px);
1202}
1203
1204#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #zoom-out-button[disabled="true"],
1205:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-out-button[disabled="true"] {
1206 -moz-image-region: rect(32px, 80px, 48px, 64px);
1207}
1208
1209#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #zoom-in-button,
1210:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
1211 -moz-image-region: rect(0px, 96px, 16px, 80px);
1212}
1213
1214#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #zoom-in-button:hover:not([disabled="true"]),
1215:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button:hover:not([disabled="true"]) {
1216 -moz-image-region: rect(16px, 96px, 32px, 80px);
1217}
1218
1219#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #zoom-in-button[disabled="true"],
1220:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button[disabled="true"] {
1221 -moz-image-region: rect(32px, 96px, 48px, 80px);
1222}
1223
1224/* === END menupanel.inc.css === */
1225
1226.toolbarbutton-1 {
1227 list-style-image: url("chrome://browser/skin/FxToolbar.png");
1228}
1229
1230.toolbarbutton-1:not([type="menu-button"]) {
1231 -moz-box-orient: vertical;
1232}
1233
1234.toolbarbutton-1,
1235.toolbarbutton-1 > .toolbarbutton-menubutton-button {
1236 min-width: 36px;
1237 min-height: 36px;
1238}
1239
1240.toolbarbutton-1:not([type="menu-button"]) {
1241 -moz-box-orient: vertical;
1242}
1243
1244.toolbarbutton-1,
1245.toolbarbutton-1 > .toolbarbutton-menubutton-button,
1246.toolbarbutton-1[disabled="true"]:hover:active,
1247.toolbarbutton-1[disabled="true"]:hover:active > .toolbarbutton-menubutton-button {
1248 padding: 1px 2px;
1249}
1250
1251.toolbarbutton-1:hover:active,
1252.toolbarbutton-1[open="true"],
1253.toolbarbutton-1:hover:active > .toolbarbutton-menubutton-button {
1254 padding-top: 2px;
1255 padding-bottom: 0px;
1256 -moz-padding-start: 3px;
1257 -moz-padding-end: 1px;
1258}
1259
1260/* ::::: small primary toolbar buttons ::::: */
1261
1262#nav-bar {
1263 /* force iconsize="small" on this toolbar */
1264 counter-reset: smallicons;
1265}
1266
1267toolbar[mode="text"] .toolbarbutton-1,
1268toolbar[mode="icons"] .toolbarbutton-1,
1269toolbar[iconsize="small"] .toolbarbutton-1,
1270:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1,
1271toolbar[mode="text"] .toolbarbutton-menubutton-button,
1272toolbar[mode="icons"] .toolbarbutton-menubutton-button,
1273toolbar[iconsize="small"] .toolbarbutton-menubutton-button,
1274:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button {
1275 min-width: 0px;
1276 min-height: 0px;
1277}
1278
1279toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker {
1280 padding-top: 4px;
1281 padding-bottom: 8px;
1282 -moz-padding-start: 1px;
1283 -moz-padding-end: 1px;
1284}
1285
1286toolbar[mode="icons"] .toolbarbutton-menubutton-dropmarker,
1287toolbar[iconsize="small"] .toolbarbutton-menubutton-dropmarker,
1288:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
1289 padding-top: 0px;
1290 padding-bottom: 13px;
1291 -moz-padding-start: 1px;
1292 -moz-padding-end: 1px;
1293}
1294
1295toolbar[mode="text"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
1296toolbar[mode="text"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker {
1297 padding-top: 5px;
1298 padding-bottom: 7px;
1299 -moz-padding-start: 2px;
1300 -moz-padding-end: 0px;
1301}
1302
1303toolbar[mode="icons"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
1304toolbar[mode="icons"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker,
1305toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
1306toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker,
1307:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
1308:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker {
1309 padding-top: 1px;
1310 padding-bottom: 12px;
1311 -moz-padding-start: 2px;
1312 -moz-padding-end: 0px;
1313}
1314
1315toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker[disabled="true"] {
1316 padding-top: 4px !important;
1317 padding-bottom: 8px !important;
1318 -moz-padding-start: 1px !important;
1319 -moz-padding-end: 1px !important;
1320}
1321
1322toolbar[mode="icons"] .toolbarbutton-menubutton-dropmarker[disabled="true"],
1323toolbar[iconsize="small"] > .toolbarbutton-menubutton-dropmarker[disabled="true"] {
1324 padding-top: 0px !important;
1325 padding-bottom: 13px !important;
1326 -moz-padding-start: 1px !important;
1327 -moz-padding-end: 1px !important;
1328}
1329
1330toolbar[mode="icons"] .toolbarbutton-text,
1331toolbar[mode="text"] .toolbarbutton-icon {
1332 display: none;
1333}
1334
1335toolbar[mode="text"] .toolbarbutton-text {
1336 padding: 4px 0;
1337}
1338
1339toolbar[mode="text"] .toolbarbutton-1,
1340toolbar[mode="text"] .toolbarbutton-1 > .toolbarbutton-menubutton-button {
1341 -moz-box-orient: horizontal;
1342}
1343
1344toolbar[mode="full"] .toolbarbutton-1,
1345toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button {
1346 min-width: 30px;
1347}
1348
1349#navigator-toolbox[iconsize=small] > #nav-bar {
1350}
1351
1352#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar {
1353}
1354
1355
1356/* unified back/forward button */
1357
1358/* Australis?
1359#forward-button {
1360 padding: 0 !important;
1361}
1362
1363#forward-button > menupopup {
1364 margin-top: 1px !important;
1365}
1366*/
1367
1368#back-button {
1369 -moz-margin-end: 0;
1370}
1371
1372/* A number of styles use :-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) - this makes it only apply pre-Australis as iconsize and palette-box or addon-bar don't exist afterwards */
1373:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #back-button {
1374 -moz-image-region: rect(0, 18px, 18px, 0);
1375}
1376
1377:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #back-button:not([disabled="true"]):hover {
1378 -moz-image-region: rect(18px, 18px, 36px, 0);
1379}
1380
1381:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #back-button[disabled="true"] {
1382 -moz-image-region: rect(36px, 18px, 54px, 0);
1383}
1384
1385#forward-button {
1386 -moz-margin-start: 0;
1387}
1388
1389:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #forward-button {
1390 -moz-image-region: rect(0, 36px, 18px, 18px);
1391}
1392
1393:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #forward-button:not([disabled="true"]):hover {
1394 -moz-image-region: rect(18px, 36px, 36px, 18px);
1395}
1396
1397:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #forward-button[disabled="true"] {
1398 -moz-image-region: rect(36px, 36px, 54px, 18px);
1399}
1400
1401#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
1402#forward-button:-moz-locale-dir(rtl),
1403#forward-button:-moz-locale-dir(rtl) > .toolbarbutton-text {
1404 transform: scaleX(-1);
1405}
1406/*
1407#nav-bar #back-button:-moz-locale-dir(ltr) {
1408 border-top-right-radius: 0;
1409 border-bottom-right-radius: 0;
1410}
1411
1412#nav-bar #back-button:-moz-locale-dir(rtl),
1413#nav-bar #forward-button {
1414 border-top-left-radius: 0;
1415 border-bottom-left-radius: 0;
1416}
1417*/
1418/* Remove selector when Australis lands - this makes it only apply post-Australis as back/forward buttons are in the urlbar-container there */
1419#urlbar-container > #back-button,
1420window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1421 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1422 #unified-back-forward-button > #back-button {
1423 border-radius: 10000px;
1424 width: 30px;
1425 height: 30px;
1426 position: relative;
1427 z-index: 1;
1428 margin-top: -2px;
1429 margin-bottom: -2px;
1430 border: none;
1431 -moz-image-region: rect(54px, 20px, 74px, 0);
1432}
1433
1434/* Remove selector when Australis lands - this makes it only apply post-Australis as back/forward buttons are in the urlbar-container there */
1435#urlbar-container > #back-button[open="true"],
1436window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1437 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1438 #unified-back-forward-button > #back-button:not([disabled="true"]):hover,
1439window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1440 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1441 #unified-back-forward-button > #back-button[open="true"] {
1442 -moz-image-region: rect(54px, 40px, 74px, 20px);
1443}
1444
1445/* Remove selector when Australis lands - this makes it only apply post-Australis as back/forward buttons are in the urlbar-container there */
1446#urlbar-container > #back-button[disabled="true"],
1447window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1448 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1449 #unified-back-forward-button > #back-button[disabled="true"] {
1450 -moz-image-region: rect(54px, 60px, 74px, 40px);
1451}
1452
1453window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1454 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1455 #unified-back-forward-button > #back-button:not([disabled="true"]):not([open="true"]):not(:active):hover {
1456}
1457
1458window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1459 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1460 #unified-back-forward-button > #back-button:not([disabled="true"]):hover:active,
1461window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1462 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1463 #unified-back-forward-button > #back-button[open="true"] {
1464}
1465
1466#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar[currentset*="unified-back-forward-button"],
1467#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar:not([currentset]) {
1468/* padding-top: 3px;
1469 padding-bottom: 5px; */
1470}
1471
1472#navigator-toolbox[iconsize="large"][mode="icons"][tabsontop="true"] > #nav-bar[currentset*="unified-back-forward-button"],
1473#navigator-toolbox[iconsize="large"][mode="icons"][tabsontop="true"] > #nav-bar:not([currentset]) {
1474/* padding-top: 5px; */
1475}
1476
1477/* Remove selector when Australis lands - this makes it only apply post-Australis as back/forward buttons are in the urlbar-container there */
1478#urlbar-container > #forward-button,
1479window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1480 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1481 #unified-back-forward-button > #forward-button {
1482 /*mask: url(keyhole-forward-mask.svg#mask); XXX: this regresses twinopen */
1483 /*clip-path: url("chrome://browser/content/browser.xul#winstripe-keyhole-forward-clip-path"); */
1484 -moz-margin-start: -6px !important;
1485 padding-left: 7px;
1486 padding-right: 3px;
1487 margin-top: 2px;
1488 margin-bottom: 2px;
1489}
1490
1491/* Remove selector when Australis lands - this makes it only apply post-Australis as back/forward buttons are in the urlbar-container there */
1492#urlbar-container > #forward-button:-moz-locale-dir(ltr),
1493window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1494 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1495 #unified-back-forward-button > #forward-button:-moz-locale-dir(ltr) {
1496 border-top-right-radius: 11px;
1497 border-bottom-right-radius: 11px;
1498}
1499
1500/* Remove selector when Australis lands - this makes it only apply post-Australis as back/forward buttons are in the urlbar-container there */
1501#urlbar-container > #forward-button:-moz-locale-dir(rtl),
1502window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1503 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1504 #unified-back-forward-button > #forward-button:-moz-locale-dir(rtl) {
1505 border-top-left-radius: 11px;
1506 border-bottom-left-radius: 11px;
1507}
1508
1509.unified-nav-back[_moz-menuactive]:-moz-locale-dir(ltr),
1510.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(rtl) {
1511 list-style-image: url("chrome://global/skin/arrow/arrow-left.gif") !important;
1512}
1513
1514.unified-nav-back[_moz-menuactive]:-moz-locale-dir(ltr):hover,
1515.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(rtl):hover {
1516 list-style-image: url("chrome://global/skin/arrow/arrow-left-hover.gif") !important;
1517}
1518
1519.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(ltr),
1520.unified-nav-back[_moz-menuactive]:-moz-locale-dir(rtl) {
1521 list-style-image: url("chrome://global/skin/arrow/arrow-right.gif") !important;
1522}
1523
1524.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(ltr):hover,
1525.unified-nav-back[_moz-menuactive]:-moz-locale-dir(rtl):hover {
1526 list-style-image: url("chrome://global/skin/arrow/arrow-right.gif") !important;
1527}
1528
1529window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1530 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1531 #unified-back-forward-button > #forward-button {
1532/* border-top-right-radius: 0;
1533 border-bottom-right-radius: 0;
1534 -moz-margin-end: 0; */
1535}
1536
1537window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1538 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1539 #unified-back-forward-button:not([switchingtabs]) > #forward-button,
1540window:not([chromehidden~="toolbar"]) #urlbar-container:not([switchingtabs]) > #forward-button {
1541 transition: opacity 150ms ease-out;
1542}
1543
1544window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1545 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1546 #unified-back-forward-button:not(:hover) > #forward-button[disabled],
1547window:not([chromehidden~="toolbar"]) #urlbar-container:not(:hover) > #forward-button[disabled] {
1548 opacity: 0;
1549}
1550
1551window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1552 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1553 #unified-back-forward-button:hover > #forward-button[disabled],
1554window:not([chromehidden~="toolbar"]) #urlbar-container:hover > #forward-button[disabled] {
1555 background-color: transparent;
1556}
1557
1558/* A number of buttons use :-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) - this makes it only apply pre-Australis as iconsize and the palette-box don't exist afterwards */
1559:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #stop-button {
1560 -moz-image-region: rect(0, 54px, 18px, 36px);
1561}
1562
1563:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #stop-button:not([disabled="true"]):hover {
1564 -moz-image-region: rect(18px, 54px, 36px, 36px);
1565}
1566
1567:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #stop-button[disabled="true"] {
1568 -moz-image-region: rect(36px, 54px, 54px, 36px);
1569}
1570
1571:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #reload-button {
1572 -moz-image-region: rect(0, 72px, 18px, 54px);
1573}
1574
1575:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #reload-button:not([disabled="true"]):hover {
1576 -moz-image-region: rect(18px, 72px, 36px, 54px);
1577}
1578
1579:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #reload-button[disabled="true"] {
1580 -moz-image-region: rect(36px, 72px, 54px, 54px);
1581}
1582
1583:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #home-button.bookmark-item {
1584 list-style-image: url("chrome://browser/skin/FxToolbar.png");
1585}
1586:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #home-button {
1587 -moz-image-region: rect(0, 90px, 18px, 72px);
1588}
1589
1590:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #home-button:not([disabled="true"]):hover {
1591 -moz-image-region: rect(18px, 90px, 36px, 72px);
1592}
1593
1594:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #home-button[disabled="true"] {
1595 -moz-image-region: rect(36px, 90px, 54px, 72px);
1596}
1597
1598:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #downloads-button {
1599 -moz-image-region: rect(0, 108px, 18px, 90px);
1600}
1601
1602:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #downloads-button:not([disabled="true"]):hover {
1603 -moz-image-region: rect(18px, 108px, 36px, 90px);
1604}
1605
1606:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #downloads-button[disabled="true"] {
1607 -moz-image-region: rect(36px, 108px, 54px, 90px);
1608}
1609
1610#downloads-button > .toolbarbutton-icon {
1611 margin: 0;
1612}
1613
1614:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #history-button {
1615 -moz-image-region: rect(0, 126px, 18px, 108px);
1616}
1617
1618:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #history-button:not([disabled="true"]):hover {
1619 -moz-image-region: rect(18px, 126px, 36px, 108px);
1620}
1621
1622:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #history-button[disabled="true"] {
1623 -moz-image-region: rect(36px, 126px, 54px, 108px);
1624}
1625
1626:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #bookmarks-button,
1627:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #bookmarks-menu-button {
1628 list-style-image: url("chrome://browser/skin/FxToolbar.png") !important; /* for making the palette work */
1629 -moz-image-region: rect(0, 144px, 18px, 126px);
1630}
1631
1632#bookmarks-menu-button.bookmark-item {
1633 /* list-style-image: url("chrome://browser/skin/FxToolbar.png"); */
1634}
1635
1636:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #bookmarks-menu-button.toolbarbutton-1 {
1637 -moz-box-orient: horizontal;
1638}
1639
1640:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #bookmarks-button:not([disabled="true"]):hover,
1641:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #bookmarks-menu-button[open="true"],
1642:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #bookmarks-menu-button:not([disabled="true"]):hover {
1643 -moz-image-region: rect(18px, 144px, 36px, 126px);
1644}
1645
1646:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #bookmarks-button[disabled="true"],
1647:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #bookmarks-menu-button[disabled="true"] {
1648 -moz-image-region: rect(36px, 144px, 54px, 126px);
1649}
1650
1651:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #print-button {
1652 -moz-image-region: rect(0, 162px, 18px, 144px);
1653}
1654
1655:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #print-button:not([disabled="true"]):hover {
1656 -moz-image-region: rect(18px, 162px, 36px, 144px);
1657}
1658
1659:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #print-button[disabled="true"] {
1660 -moz-image-region: rect(36px, 162px, 54px, 144px);
1661}
1662
1663:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #new-tab-button {
1664 -moz-image-region: rect(0, 180px, 18px, 162px);
1665}
1666
1667:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #new-tab-button:not([disabled="true"]):hover {
1668 -moz-image-region: rect(18px, 180px, 36px, 162px);
1669}
1670
1671:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #new-tab-button[disabled="true"] {
1672 -moz-image-region: rect(36px, 180px, 54px, 162px);
1673}
1674
1675:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #new-window-button {
1676 -moz-image-region: rect(0, 198px, 18px, 180px);
1677}
1678
1679:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #new-window-button:not([disabled="true"]):hover {
1680 -moz-image-region: rect(18px, 198px, 36px, 180px);
1681}
1682
1683:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #new-window-button[disabled="true"] {
1684 -moz-image-region: rect(36px, 198px, 54px, 180px);
1685}
1686
1687#cut-button {
1688 -moz-image-region: rect(0, 216px, 18px, 198px);
1689}
1690
1691#cut-button:not([disabled="true"]):hover {
1692 -moz-image-region: rect(18px, 216px, 36px, 198px);
1693}
1694
1695#cut-button[disabled="true"] {
1696 -moz-image-region: rect(36px, 216px, 54px, 198px);
1697}
1698
1699#copy-button {
1700 -moz-image-region: rect(0, 234px, 18px, 216px);
1701}
1702
1703#copy-button:not([disabled="true"]):hover {
1704 -moz-image-region: rect(18px, 234px, 36px, 216px);
1705}
1706
1707#copy-button[disabled="true"] {
1708 -moz-image-region: rect(36px, 234px, 54px, 216px);
1709}
1710
1711#paste-button {
1712 -moz-image-region: rect(0, 252px, 18px, 234px);
1713}
1714
1715#paste-button:not([disabled="true"]):hover {
1716 -moz-image-region: rect(18px, 252px, 36px, 234px);
1717}
1718
1719#paste-button[disabled="true"] {
1720 -moz-image-region: rect(36px, 252px, 54px, 234px);
1721}
1722
1723:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #fullscreen-button {
1724 -moz-image-region: rect(0, 270px, 18px, 252px);
1725}
1726
1727:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #fullscreen-button:not([disabled="true"]):hover {
1728 -moz-image-region: rect(18px, 270px, 36px, 252px);
1729}
1730
1731:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #fullscreen-button[disabled="true"] {
1732 -moz-image-region: rect(36px, 270px, 54px, 252px);
1733}
1734
1735#zoom-out-button {
1736 -moz-image-region: rect(0, 288px, 18px, 270px);
1737 -moz-margin-end: 0;
1738}
1739
1740#zoom-in-button {
1741 -moz-image-region: rect(0, 306px, 18px, 288px);
1742}
1743
1744#zoom-out-button:not([disabled="true"]):hover {
1745 -moz-image-region: rect(18px, 288px, 36px, 270px);
1746}
1747
1748#zoom-out-button[disabled="true"] {
1749 -moz-image-region: rect(36px, 288px, 54px, 270px);
1750}
1751
1752#zoom-in-button:not([disabled="true"]):hover {
1753 -moz-image-region: rect(18px, 306px, 36px, 288px);
1754}
1755
1756#zoom-in-button[disabled="true"] {
1757 -moz-image-region: rect(36px, 306px, 54px, 288px);
1758}
1759
1760:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #sync-button:not([status]) {
1761 list-style-image: url("chrome://browser/skin/FxToolbar.png") !important; /* for making the palette work */
1762 -moz-image-region: rect(0, 324px, 18px, 306px);
1763}
1764
1765:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #sync-button[status="active"] {
1766 list-style-image: url("chrome://browser/skin/sync-throbber.png");
1767 -moz-image-region: rect(0, 18px, 18px, 0);
1768}
1769
1770:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #sync-button[disabled="true"] {
1771 -moz-image-region: rect(36px, 324px, 54px, 306px);
1772}
1773
1774:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #feed-button {
1775 -moz-image-region: rect(0, 342px, 18px, 324px);
1776}
1777
1778:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #feed-button[disabled="true"] {
1779 -moz-image-region: rect(36px, 342px, 54px, 324px);
1780}
1781
1782:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #webrtc-status-button {
1783 -moz-image-region: rect(0, 360px, 18px, 342px);
1784}
1785
1786:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #webrtc-status-button:not([disabled="true"]):hover,
1787:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #webrtc-status-button[open="true"] {
1788 -moz-image-region: rect(18px, 360px, 36px, 342px);
1789}
1790
1791:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #webrtc-status-button[disabled="true"] {
1792 -moz-image-region: rect(36px, 360px, 54px, 342px);
1793}
1794
1795/* tabview button & menu item */
1796
1797#tabview-button,
1798#menu_tabview {
1799 list-style-image: url("chrome://browser/skin/tabview/tabview.png") !important;
1800}
1801
1802#tabview-button {
1803 -moz-image-region: rect(0, 90px, 18px, 72px);
1804}
1805
1806#tabview-button[groups="0"] {
1807 -moz-image-region: rect(0, 18px, 18px, 0);
1808}
1809
1810#tabview-button[groups="1"] {
1811 -moz-image-region: rect(0, 36px, 18px, 18px);
1812}
1813
1814#tabview-button[groups="2"] {
1815 -moz-image-region: rect(0, 54px, 18px, 36px);
1816}
1817
1818#tabview-button[groups="3"] {
1819 -moz-image-region: rect(0, 72px, 18px, 54px);
1820}
1821
1822#menu_tabview {
1823 -moz-image-region: rect(1px, 89px, 17px, 73px);
1824}
1825
1826#menu_tabview[groups="0"] {
1827 -moz-image-region: rect(1px, 17px, 17px, 1px);
1828}
1829
1830#menu_tabview[groups="1"] {
1831 -moz-image-region: rect(1px, 35px, 17px, 19px);
1832}
1833
1834#menu_tabview[groups="2"] {
1835 -moz-image-region: rect(1px, 53px, 17px, 37px);
1836}
1837
1838#menu_tabview[groups="3"] {
1839 -moz-image-region: rect(1px, 71px, 17px, 55px);
1840}
1841
1842/* ::::: fullscreen window controls ::::: */
1843
1844#window-controls {
1845 -moz-margin-start: 4px;
1846}
1847
1848#minimize-button,
1849#restore-button,
1850#close-button {
1851/* padding: 0; */
1852}
1853
1854#minimize-button {
1855 list-style-image: url("chrome://navigator/skin/icons/win-minimize.gif");
1856}
1857
1858#minimize-button:hover {
1859 list-style-image: url("chrome://navigator/skin/icons/win-minimize-hover.gif");
1860}
1861
1862#restore-button {
1863 list-style-image: url("chrome://navigator/skin/icons/win-restore.gif");
1864}
1865
1866#restore-button:hover {
1867 list-style-image: url("chrome://navigator/skin/icons/win-restore-hover.gif");
1868}
1869
1870#close-button {
1871 list-style-image: url("chrome://navigator/skin/icons/win-close.gif");
1872}
1873
1874#close-button:hover {
1875 list-style-image: url("chrome://navigator/skin/icons/win-close-hover.gif");
1876}
1877
1878/* ::::: Location Bar ::::: */
1879
1880#urlbar,
1881.searchbar-textbox {
1882 border-radius: 5px;
1883 margin: 0;
1884 -moz-margin-start: 3px;
1885}
1886
1887#urlbar {
1888 width: 7em;
1889 /* make color as light as possible to deal with dark non-domain parts */
1890 color: #FFBFFF;
1891}
1892
1893#urlbar:-moz-lwtheme,
1894.searchbar-textbox:-moz-lwtheme {
1895 /* background-color: rgba(255,255,255,.8);
1896 @navbarTextboxCustomBorder@
1897 color: black; */
1898}
1899
1900window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1901 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1902 #unified-back-forward-button + #urlbar-container,
1903window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper {
1904 padding-left: 22px;
1905 -moz-margin-start: -22px;
1906 position: relative;
1907 pointer-events: none;
1908}
1909
1910window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1911 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1912 #unified-back-forward-button + #urlbar-container > #urlbar,
1913window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper > #urlbar {
1914/* -moz-border-start: none;
1915 margin-left: 0; */
1916 pointer-events: all;
1917}
1918
1919window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1920 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1921 #unified-back-forward-button:not([switchingtabs]) + #urlbar-container > #urlbar,
1922window:not([chromehidden~="toolbar"]) #urlbar-container:not([switchingtabs]) > #urlbar-wrapper > #urlbar {
1923 transition: margin-left 150ms ease-out;
1924}
1925
1926window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1927 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1928 #unified-back-forward-button + #urlbar-container > #urlbar:-moz-locale-dir(ltr),
1929window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper > #urlbar:-moz-locale-dir(ltr) {
1930/* border-top-left-radius: 0;
1931 border-bottom-left-radius: 0; */
1932}
1933
1934window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1935 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1936 #unified-back-forward-button + #urlbar-container > #urlbar:-moz-locale-dir(rtl),
1937window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper > #urlbar:-moz-locale-dir(rtl) {
1938/* border-top-right-radius: 0;
1939 border-bottom-right-radius: 0; */
1940}
1941
1942window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1943 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1944 #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar,
1945window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled] > #urlbar-wrapper > #urlbar {
1946 margin-left: -22px;
1947}
1948
1949window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1950 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1951 #unified-back-forward-button[forwarddisabled]:hover:not([switchingtabs]) + #urlbar-container > #urlbar,
1952window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled]:hover:not([switchingtabs]) > #urlbar-wrapper > #urlbar {
1953 /* delay the hiding of the forward button when hovered to avoid accidental clicks on the url bar */
1954 transition-delay: 100s;
1955}
1956
1957window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1958 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1959 #unified-back-forward-button[forwarddisabled]:not(:hover) + #urlbar-container > #urlbar,
1960window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled]:not(:hover) > #urlbar-wrapper > #urlbar {
1961 /* when not hovered anymore, trigger a new transition to hide the forward button immediately */
1962 margin-left: -22.01px;
1963}
1964
1965window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1966 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1967 #unified-back-forward-button + #urlbar-container:-moz-locale-dir(rtl),
1968window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1969 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1970 #unified-back-forward-button + #urlbar-container > #urlbar:-moz-locale-dir(rtl),
1971window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper:-moz-locale-dir(rtl),
1972window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper > #urlbar:-moz-locale-dir(rtl) {
1973 /* let winstripe-urlbar-back-button-clip-path clip the urlbar's right side for RTL */
1974 transform: scaleX(-1);
1975}
1976
1977html|*.urlbar-input:-moz-lwtheme::-moz-placeholder,
1978.searchbar-textbox:-moz-lwtheme > .autocomplete-textbox-container > .textbox-input-box > html|*.textbox-input::-moz-placeholder {
1979 color: #E7ADE7;
1980}
1981
1982#urlbar:-moz-lwtheme[focused="true"],
1983.searchbar-textbox:-moz-lwtheme[focused="true"] {
1984/* background-color: white; */
1985}
1986
1987#urlbar-container {
1988 -moz-box-orient: horizontal;
1989 -moz-box-align: stretch;
1990}
1991
1992.urlbar-textbox-container {
1993 -moz-box-align: stretch;
1994}
1995
1996.urlbar-input-box {
1997 -moz-margin-start: 0;
1998 min-width: 4em;
1999}
2000
2001#urlbar-icons {
2002 -moz-box-align: center;
2003}
2004
2005.urlbar-icon {
2006 padding: 0 2px;
2007}
2008
2009.searchbar-engine-button,
2010.search-go-container {
2011 padding: 2px;
2012}
2013
2014.search-go-container > .search-go-button {
2015 padding: 0;
2016}
2017
2018.urlbar-icon:hover {
2019}
2020
2021.urlbar-icon[open="true"],
2022.urlbar-icon:hover:active {
2023}
2024
2025#urlbar-search-splitter {
2026 min-width: 6px;
2027 -moz-margin-start: -3px;
2028 border: none;
2029 background: transparent;
2030}
2031
2032#urlbar-search-splitter + #urlbar-container > #urlbar,
2033#urlbar-search-splitter + #search-container > #searchbar > .searchbar-textbox {
2034 -moz-margin-start: 0;
2035}
2036
2037#urlbar-display {
2038 -moz-border-end: 1px solid #9C9CFF;
2039 -moz-margin-end: 3px;
2040 margin-top: 0;
2041 margin-bottom: 0;
2042 -moz-margin-start: 0;
2043 color: #8050B0;
2044}
2045
2046#search-container {
2047 min-width: calc(54px + 11ch);
2048}
2049
2050/* identity box */
2051
2052#identity-box {
2053 border-radius: 2px;
2054 font-size: .9em;
2055}
2056
2057#notification-popup-box:not([hidden]) + #identity-box {
2058 -moz-padding-start: 10px !important;
2059 border-radius: 0;
2060}
2061
2062window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
2063 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
2064 #unified-back-forward-button + #urlbar-container > #urlbar > #identity-box,
2065window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper > #urlbar > #identity-box {
2066/* border-radius: 0; */
2067 -moz-padding-start: 2px;
2068 -moz-padding-end: 2px;
2069 -moz-margin-end: 1px;
2070}
2071
2072window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
2073 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
2074 #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar >
2075 #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr),
2076window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled] > #urlbar-wrapper > #urlbar >
2077 #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) {
2078 padding-left: 2px;
2079 transition: padding-left;
2080}
2081
2082window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
2083 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
2084 #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar >
2085 #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl),
2086window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled] > #urlbar-wrapper > #urlbar >
2087 #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl) {
2088 padding-right: 2px;
2089 transition: padding-right;
2090}
2091
2092window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
2093 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
2094 #unified-back-forward-button[forwarddisabled]:hover:not([switchingtabs]) + #urlbar-container > #urlbar >
2095 #notification-popup-box[hidden] + #identity-box,
2096window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled]:hover:not([switchingtabs]) > #urlbar-wrapper > #urlbar >
2097 #notification-popup-box[hidden] + #identity-box {
2098 /* forward button hiding is delayed when hovered */
2099 transition-delay: 100s;
2100}
2101
2102window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
2103 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
2104 #unified-back-forward-button[forwarddisabled]:not(:hover) + #urlbar-container > #urlbar >
2105 #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr),
2106window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled]:not(:hover) > #urlbar-wrapper > #urlbar >
2107 #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) {
2108 /* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */
2109 padding-left: 2.01px;
2110}
2111
2112window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
2113 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
2114 #unified-back-forward-button[forwarddisabled]:not(:hover) + #urlbar-container > #urlbar >
2115 #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl),
2116window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled]:not(:hover) > #urlbar-wrapper > #urlbar >
2117 #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl) {
2118 /* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */
2119 padding-right: 2.01px;
2120}
2121
2122#urlbar[pageproxystate="valid"] > #identity-box.chromeUI,
2123#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
2124 -moz-margin-end: 3px;
2125}
2126
2127#urlbar[pageproxystate="valid"] > #identity-box.chromeUI:-moz-locale-dir(ltr),
2128#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:-moz-locale-dir(ltr) {
2129 border-top-right-radius: 0;
2130 border-bottom-right-radius: 0;
2131}
2132
2133#urlbar[pageproxystate="valid"] > #identity-box.chromeUI:-moz-locale-dir(rtl),
2134#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:-moz-locale-dir(rtl) {
2135 border-top-left-radius: 0;
2136 border-bottom-left-radius: 0;
2137}
2138
2139#identity-box.verifiedIdentity:not(:-moz-lwtheme) {
2140 background-color: #000000;
2141}
2142
2143#identity-box:-moz-focusring {
2144 outline: 1px dotted #008484;
2145 outline-offset: -1px;
2146}
2147
2148#identity-box.verifiedDomain:-moz-focusring,
2149#identity-box.verifiedIdentity:-moz-focusring {
2150 outline-color: #000000;
2151}
2152
2153#identity-icon-labels {
2154 -moz-margin-start: 1px;
2155 -moz-margin-end: 3px;
2156}
2157
2158/* Location bar dropmarker */
2159
2160.urlbar-history-dropmarker:not(:hover):not([open="true"]) {
2161 background-color: transparent;
2162}
2163
2164#urlbar-container[combined="true"] > #urlbar > .urlbar-history-dropmarker,
2165#urlbar-wrapper > #urlbar > .urlbar-history-dropmarker {
2166 border: none;
2167 border-radius: 0px;
2168}
2169
2170.urlbar-history-dropmarker:hover {
2171}
2172
2173.urlbar-history-dropmarker:hover:active,
2174.urlbar-history-dropmarker[open="true"] {
2175}
2176
2177/* page proxy icon */
2178
2179/* === BEGIN identity-block.inc.css === */
2180
2181#urlbar[pageproxystate="valid"] > #identity-box.chromeUI {
2182 /* Default theme does different color per channel, we can't as they do it build-time. */
2183 color: #9C9CFF;
2184 -moz-border-end: 1px solid #9C9CFF;
2185}
2186
2187#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
2188 color: #008484;
2189 -moz-border-end: 1px solid #008484;
2190}
2191
2192#urlbar[pageproxystate="valid"] > #identity-box.chromeUI,
2193#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
2194 background-position: right;
2195 background-size: 1px;
2196 background-repeat: no-repeat;
2197}
2198
2199/* page proxy icon */
2200
2201#page-proxy-favicon {
2202 width: 16px;
2203 height: 16px;
2204 list-style-image: url("chrome://browser/skin/identity-icons-generic.png");
2205 margin: 2px;
2206}
2207
2208.chromeUI > #page-proxy-favicon[pageproxystate="valid"] {
2209 list-style-image: url("chrome://branding/content/identity-icons-brand.png");
2210}
2211
2212.verifiedDomain > #page-proxy-favicon[pageproxystate="valid"] {
2213 list-style-image: url("chrome://browser/skin/identity-icons-https.png");
2214}
2215
2216.verifiedIdentity > #page-proxy-favicon[pageproxystate="valid"] {
2217 list-style-image: url("chrome://browser/skin/identity-icons-https-ev.png");
2218}
2219
2220.mixedActiveContent > #page-proxy-favicon[pageproxystate="valid"] {
2221 list-style-image: url("chrome://browser/skin/identity-icons-https-mixed-active.png");
2222}
2223
2224.mixedDisplayContent > #page-proxy-favicon[pageproxystate="valid"] {
2225 list-style-image: url("chrome://browser/skin/identity-icons-https-mixed-display.png");
2226}
2227
2228.mixedDisplayContentLoadedActiveBlocked > #page-proxy-favicon[pageproxystate="valid"] {
2229 list-style-image: url("chrome://browser/skin/identity-icons-https-mixed-display.png");
2230}
2231
2232#page-proxy-favicon[pageproxystate="invalid"] {
2233 opacity: 0.3;
2234}
2235
2236#identity-popup.chromeUI > #identity-popup-container > #identity-popup-icon {
2237 list-style-image: url("chrome://branding/content/icon64.png");
2238}
2239
2240#identity-popup-brandName {
2241 font-weight: bold;
2242 font-size: 1.25em;
2243 margin-top: .5em;
2244 margin-bottom: .5em;
2245}
2246
2247#identity-popup-content-box {
2248 max-width: 50ch;
2249}
2250
2251/* === END identity-block.inc.css === */
2252
2253#page-proxy-favicon {
2254 -moz-image-region: rect(0, 16px, 16px, 0);
2255}
2256
2257#identity-box:hover > #page-proxy-favicon {
2258 -moz-image-region: rect(0, 32px, 16px, 16px);
2259}
2260
2261#identity-box:hover:active > #page-proxy-favicon,
2262#identity-box[open=true] > #page-proxy-favicon {
2263 -moz-image-region: rect(0, 48px, 16px, 32px);
2264}
2265
2266#identity-box:hover {
2267 background-color: #FFCF00;
2268 color: #000000;
2269}
2270
2271#identity-box:hover:active,
2272#identity-box[open=true] {
2273 background-color: #FF9F00;
2274 color: #000000;
2275}
2276
2277#urlbar[pageproxystate="valid"] > #identity-box.chromeUI:hover,
2278#urlbar[pageproxystate="valid"] > #identity-box.chromeUI:hover:active,
2279#urlbar[pageproxystate="valid"] > #identity-box.chromeUI[open=true] {
2280 background-color: #9C9CFF;
2281 color: #000000;
2282}
2283
2284#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:hover,
2285#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:hover:active,
2286#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity[open=true] {
2287 background-color: #008484;
2288 color: #000000;
2289}
2290
2291/* autocomplete */
2292
2293#treecolAutoCompleteImage {
2294 max-width: 36px;
2295}
2296
2297.ac-result-type-bookmark,
2298.autocomplete-treebody::-moz-tree-image(bookmark, treecolAutoCompleteImage) {
2299 list-style-image: url("chrome://browser/skin/places/bookmark.png");
2300 -moz-image-region: rect(0px 16px 16px 0px);
2301 width: 16px;
2302 height: 16px;
2303}
2304
2305.ac-result-type-keyword,
2306.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage) {
2307 list-style-image: url("chrome://global/skin/icons/Search-glass.png");
2308 -moz-image-region: rect(0px 32px 16px 16px);
2309 width: 16px;
2310 height: 16px;
2311}
2312
2313.ac-result-type-tag,
2314.autocomplete-treebody::-moz-tree-image(tag, treecolAutoCompleteImage) {
2315 list-style-image: url("chrome://mozapps/skin/places/tagContainerIcon.png");
2316 width: 16px;
2317 height: 16px;
2318}
2319
2320.ac-comment {
2321 font-size: 1.15em;
2322}
2323
2324.ac-extra > .ac-comment {
2325 font-size: inherit;
2326}
2327
2328.ac-url-text,
2329.ac-action-text {
2330 color: #9C9CFF;
2331}
2332
2333richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-icon {
2334 list-style-image: url("chrome://browser/skin/actionicon-tab.png");
2335 -moz-image-region: rect(0, 16px, 16px, 0);
2336 padding: 0 3px;
2337}
2338
2339richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-box > .ac-action-icon {
2340 -moz-image-region: rect(16px, 16px, 32px, 0);
2341}
2342
2343.autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) {
2344 color: #8050B0;
2345}
2346
2347.ac-comment[selected="true"],
2348.ac-url-text[selected="true"],
2349.ac-action-text[selected="true"] {
2350 color: inherit !important;
2351}
2352
2353.autocomplete-treebody::-moz-tree-cell-text(suggesthint, treecolAutoCompleteComment),
2354.autocomplete-treebody::-moz-tree-cell-text(suggestfirst, treecolAutoCompleteComment)
2355{
2356 color: #8050B0;
2357 font-size: smaller;
2358}
2359
2360.autocomplete-treebody::-moz-tree-cell(suggesthint) {
2361 border-top: 1px solid #9C9CFF;
2362}
2363
2364/* combined go/reload/stop button in location bar */
2365
2366#go-button,
2367#urlbar > toolbarbutton {
2368 list-style-image: url("chrome://browser/skin/reload-stop-go.png");
2369 /* margin: -2px; */
2370 -moz-margin-start: 0;
2371 padding: 0 2px;
2372 background-origin: border-box;
2373 border: none;
2374 -moz-border-start: 1px solid #9C9CFF;
2375}
2376
2377#go-button {
2378 padding: 0 3px;
2379}
2380
2381#urlbar:-moz-locale-dir(ltr) > toolbarbutton {
2382 border-top-left-radius: 0px;
2383 border-bottom-left-radius: 0px;
2384}
2385
2386#urlbar:-moz-locale-dir(rtl) > toolbarbutton {
2387 border-top-right-radius: 0px;
2388 border-bottom-right-radius: 0px;
2389}
2390
2391#urlbar > toolbarbutton:not([disabled]):active:hover,
2392#urlbar-reload-button:not(:hover) {
2393 -moz-border-start-style: none;
2394 -moz-padding-start: 3px;
2395}
2396
2397#urlbar > toolbarbutton:not([disabled]):active:hover {
2398}
2399
2400#urlbar-go-button {
2401 -moz-image-region: rect(0, 42px, 14px, 28px);
2402}
2403
2404#go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
2405#urlbar-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
2406 transform: scaleX(-1);
2407}
2408
2409#urlbar-go-button:hover,
2410#go-button:hover {
2411 -moz-image-region: rect(14px, 42px, 28px, 28px);
2412}
2413
2414#urlbar-reload-button {
2415 -moz-image-region: rect(0px, 14px, 14px, 0px);
2416}
2417
2418#urlbar-reload-button[disabled] {
2419 -moz-image-region: rect(28px, 14px, 42px, 0px);
2420}
2421
2422#urlbar-reload-button:not([disabled]):hover {
2423 -moz-image-region: rect(14px, 14px, 28px, 0px);
2424}
2425
2426#urlbar-stop-button {
2427 -moz-image-region: rect(0px, 28px, 14px, 14px);
2428}
2429
2430#urlbar-stop-button:hover {
2431 -moz-image-region: rect(14px, 28px, 28px, 14px);
2432}
2433
2434/* popup blocker button */
2435
2436#page-report-button {
2437 list-style-image: url("chrome://browser/skin/urlbar-popup-blocked.png");
2438 -moz-image-region: rect(0, 16px, 16px, 0);
2439}
2440
2441#page-report-button:hover ,
2442#page-report-button:hover:active,
2443#page-report-button[open="true"] {
2444 -moz-image-region: rect(0, 32px, 16px, 16px);
2445}
2446
2447/* social share panel */
2448
2449#social-share-panel > iframe {
2450/* background: linear-gradient(to bottom, #f0f4f7, #fafbfc);*/
2451 width: 300px;
2452 height: 150px;
2453}
2454
2455#social-share-button {
2456 list-style-image: url("chrome://browser/skin/social/share-button.png");
2457 -moz-image-region: rect(0, 16px, 16px, 0);
2458}
2459
2460.social-share-toolbar {
2461 border-right: 1px solid #9C9CFF;
2462/* background-color: #000000; */
2463}
2464
2465#social-share-provider-buttons {
2466 padding: 6px;
2467}
2468
2469#social-share-provider-buttons > .share-provider-button {
2470 -moz-appearance: none;
2471 padding: 5px;
2472 margin: 1px;
2473 border: none;
2474 background: none;
2475 border-radius: 2px;
2476}
2477
2478#social-share-provider-buttons > .share-provider-button[checked="true"]:not([disabled="true"]),
2479#social-share-provider-buttons > .share-provider-button:hover,
2480#social-share-provider-buttons > .share-provider-button:active {
2481 padding: 4px;
2482}
2483
2484#social-share-provider-buttons > .share-provider-button[checked="true"]:not([disabled="true"]) {
2485}
2486
2487#social-share-provider-buttons > .share-provider-button > .toolbarbutton-text {
2488 display: none;
2489}
2490#social-share-provider-buttons > .share-provider-button > .toolbarbutton-icon {
2491 width: 16px;
2492 min-height: 16px;
2493 max-height: 16px;
2494}
2495
2496/* fixup corners for share panel */
2497.social-panel > .social-panel-frame {
2498 border-radius: inherit;
2499}
2500
2501#social-share-panel {
2502 max-height: 600px;
2503 min-height: 100px;
2504 max-width: 800px;
2505 min-width: 300px;
2506}
2507
2508.social-share-frame {
2509/* background: linear-gradient(to bottom, #f0f4f7, #fafbfc); */
2510 width: 330px;
2511 height: 150px;
2512 /* we resize our panels dynamically, make it look nice */
2513 transition: height 100ms ease-out, width 100ms ease-out;
2514}
2515
2516.social-share-frame:-moz-locale-dir(ltr) {
2517 border-top-left-radius: 0;
2518 border-bottom-left-radius: 0;
2519 border-top-right-radius: inherit;
2520 border-bottom-right-radius: inherit;
2521}
2522
2523.social-share-frame:-moz-locale-dir(rtl) {
2524 border-top-left-radius: inherit;
2525 border-bottom-left-radius: inherit;
2526 border-top-right-radius: 0;
2527 border-bottom-right-radius: 0;
2528}
2529
2530#social-share-panel > .social-share-toolbar:-moz-locale-dir(ltr) {
2531 border-top-left-radius: inherit;
2532 border-bottom-left-radius: inherit;
2533}
2534
2535#social-share-panel > .social-share-toolbar:-moz-locale-dir(rtl) {
2536 border-top-right-radius: inherit;
2537 border-bottom-right-radius: inherit;
2538}
2539
2540#social-share-provider-buttons:-moz-locale-dir(ltr) {
2541 border-top-left-radius: inherit;
2542 border-bottom-left-radius: inherit;
2543}
2544
2545#social-share-provider-buttons:-moz-locale-dir(rtl) {
2546 border-top-right-radius: inherit;
2547 border-bottom-right-radius: inherit;
2548}
2549
2550/* social recommending panel */
2551
2552#social-mark-button {
2553 -moz-image-region: rect(0, 16px, 16px, 0);
2554}
2555
2556/* star button */
2557
2558/* #urlbar-container only directly contains the urlbar pre-Australis, don't assign an icon in Australis */
2559#urlbar-container > #urlbar > #urlbar-icons > #star-button {
2560 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark.png");
2561 -moz-image-region: rect(16px 16px 32px 0px);
2562}
2563
2564#urlbar-container > #urlbar > #urlbar-icons > #star-button:hover {
2565 -moz-image-region: rect(16px 32px 32px 16px);
2566}
2567
2568#urlbar-container > #urlbar > #urlbar-icons > #star-button:hover:active {
2569 -moz-image-region: rect(16px 48px 32px 32px);
2570}
2571
2572#urlbar-container > #urlbar > #urlbar-icons > #star-button[starred="true"] {
2573 -moz-image-region: rect(0px 16px 16px 0px);
2574}
2575
2576#urlbar-container > #urlbar > #urlbar-icons > #star-button[starred="true"]:hover {
2577 -moz-image-region: rect(0px 32px 16px 16px);
2578}
2579
2580#urlbar-container > #urlbar > #urlbar-icons > #star-button[starred="true"]:hover:active {
2581 -moz-image-region: rect(0px 48px 16px 32px);
2582}
2583
2584/* bookmarking panel */
2585#editBookmarkPanelStarIcon {
2586 list-style-image: url("chrome://browser/skin/places/starred48.png");
2587 width: 48px;
2588 height: 48px;
2589}
2590
2591#editBookmarkPanelStarIcon[unstarred] {
2592 list-style-image: url("chrome://browser/skin/places/unstarred48.png");
2593}
2594
2595#editBookmarkPanelTitle {
2596 font-size: 130%;
2597}
2598
2599#editBookmarkPanelHeader,
2600#editBookmarkPanelContent {
2601 margin-bottom: .5em;
2602}
2603
2604/* Implements editBookmarkPanel resizing on folderTree un-collapse. */
2605#editBMPanel_folderTree {
2606 min-width: 27em;
2607}
2608
2609.panel-promo-box {
2610 margin: 5px -6px -6px;
2611 padding: 5px;
2612 border-top: 1px solid #9C9CFF;
2613 border-bottom-left-radius: 5px;
2614 border-bottom-right-radius: 5px;
2615}
2616
2617.panel-promo-icon {
2618 list-style-image: url("chrome://browser/skin/sync-notification-24.png");
2619 -moz-margin-end: 10px;
2620 vertical-align: middle;
2621}
2622
2623.panel-promo-closebutton {
2624 list-style-image: url("chrome://global/skin/icons/close-button.gif");
2625 -moz-margin-end: -3px;
2626 margin-top: -3px;
2627}
2628
2629.panel-promo-closebutton:hover {
2630 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
2631}
2632
2633.panel-promo-closebutton:hover:active {
2634 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
2635}
2636
2637.panel-promo-closebutton > .toolbarbutton-text {
2638 padding: 0;
2639 margin: 0;
2640}
2641
2642/* ::::: content area ::::: */
2643
2644#sidebar {
2645 background-color: Window;
2646}
2647
2648#sidebar-title {
2649 -moz-padding-start: 0px;
2650}
2651
2652.browserContainer > findbar {
2653/*
2654 background-color: -moz-dialog;
2655 color: -moz-DialogText;
2656*/
2657}
2658
2659/* ::::: throbber ::::: */
2660
2661#navigator-throbber {
2662 width: 16px;
2663 min-height: 16px;
2664 margin: 0 3px;
2665}
2666
2667#navigator-throbber[busy="true"] {
2668 list-style-image: url("chrome://communicator/skin/brand/throbber16-anim.png");
2669}
2670
2671#navigator-throbber,
2672#wrapper-navigator-throbber > #navigator-throbber {
2673 list-style-image: url("chrome://communicator/skin/brand/throbber16-single.png");
2674}
2675
2676/* Tabstrip */
2677
2678/* Remove selector when Australis lands - this makes it only apply post-Australis as iconsize doesn't exist there */
2679#navigator-toolbox:not([iconsize]) > #TabsToolbar,
2680#TabsToolbar {
2681 min-height: 0;
2682 padding: 0;
2683 -moz-binding: url("chrome://global/content/bindings/toolbar.xml#toolbar");
2684}
2685
2686#TabsToolbar .toolbar-holder {
2687 background-color: #000000; /* correct effect of being an actual toolbar */
2688}
2689
2690#main-window[disablechrome] #TabsToolbar,
2691#TabsToolbar[tabsontop="false"] {
2692 border-bottom: 1px solid #008484;
2693}
2694
2695.tabbrowser-tab,
2696.tabs-newtab-button {
2697 margin-top: 0px;
2698}
2699
2700.tabbrowser-tab{
2701 padding: 1px 4px 2px;
2702}
2703
2704.tabbrowser-tab:first-of-type {
2705 -moz-margin-start: 2px;
2706}
2707
2708.tabs-newtab-button {
2709 border-radius: 8px 8px 0px 0px;
2710 -moz-margin-start: 0;
2711}
2712
2713.tabs-newtab-button:not(:hover) {
2714 background-color: #C09070;
2715}
2716
2717.tabbrowser-tab[remote] {
2718 text-decoration: underline;
2719}
2720
2721.tabbrowser-tab:hover,
2722.tabs-newtab-button:hover {
2723}
2724
2725.tabbrowser-tab[selected="true"] {
2726}
2727
2728#main-window[tabsontop=false]:not([disablechrome]) .tabbrowser-tab[selected=true]:not(:-moz-lwtheme) {
2729}
2730
2731.tabbrowser-tab:-moz-lwtheme {
2732}
2733
2734.tabbrowser-tab[selected="true"]:-moz-lwtheme {
2735}
2736
2737.tabbrowser-tab:-moz-lwtheme-brighttext:not([selected="true"]),
2738.tabs-newtab-button:-moz-lwtheme-brighttext {
2739}
2740
2741.tabbrowser-tab:-moz-lwtheme-brighttext:not([selected="true"]):hover,
2742.tabs-newtab-button:-moz-lwtheme-brighttext:hover {
2743}
2744
2745.tabbrowser-tab:-moz-lwtheme-darktext:not([selected="true"]),
2746.tabs-newtab-button:-moz-lwtheme-darktext {
2747}
2748
2749.tabbrowser-tab:-moz-lwtheme-darktext:not([selected="true"]):hover,
2750.tabs-newtab-button:-moz-lwtheme-darktext:hover {
2751}
2752
2753.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) {
2754 background-color: #E7ADE7;
2755}
2756.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]):hover {
2757 background-color: #3333FF;
2758 color: #000000;
2759}
2760
2761.tab-throbber,
2762.tab-icon-image {
2763 width: 16px;
2764 height: 16px;
2765 list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
2766 -moz-image-region: auto;
2767 -moz-margin-end: 3px;
2768}
2769
2770.tab-throbber {
2771 list-style-image: url("chrome://communicator/skin/brand/throbber16-anim-connect.png");
2772}
2773
2774.tab-throbber[progress] {
2775 list-style-image: url("chrome://communicator/skin/brand/throbber16-anim.png");
2776}
2777
2778.tab-throbber[pinned],
2779.tab-icon-image[pinned] {
2780 -moz-margin-start: 2px;
2781 -moz-margin-end: 2px;
2782}
2783
2784/* tabbrowser-tab focus ring */
2785.tabbrowser-tab:focus > .tab-stack {
2786 outline: 1px dotted;
2787}
2788
2789/* Tab DnD indicator */
2790.tab-drop-indicator {
2791 list-style-image: url("chrome://browser/skin/tabbrowser/tabDragIndicator.png");
2792 margin-bottom: -11px;
2793}
2794
2795/* Tab close button */
2796.tab-close-button {
2797 border: none;
2798 padding: 0px;
2799 margin-top: 1px;
2800 list-style-image: url("chrome://global/skin/icons/close-button.gif");
2801}
2802
2803.tab-close-button:hover,
2804.tab-close-button:hover[selected="true"] {
2805 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
2806}
2807
2808.tab-close-button:hover:active,
2809.tab-close-button:hover:active[selected="true"] {
2810 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
2811}
2812
2813/* Tab scrollbox arrow, tabstrip new tab and all-tabs buttons */
2814
2815.tabbrowser-arrowscrollbox > .scrollbutton-up,
2816.tabbrowser-arrowscrollbox > .scrollbutton-down {
2817 margin: 0;
2818 padding-top: 0;
2819 padding-bottom: 0;
2820}
2821
2822.tabbrowser-arrowscrollbox > .scrollbutton-down[notifybgtab] {
2823 background-color: #008484;
2824}
2825
2826.tabs-newtab-button > .toolbarbutton-icon {
2827 margin-top: -1px;
2828 margin-bottom: -1px;
2829}
2830
2831.tabs-newtab-button,
2832#TabsToolbar > #new-tab-button,
2833#TabsToolbar > toolbarpaletteitem > #new-tab-button {
2834 list-style-image: url("chrome://browser/skin/tabbrowser/newtab.png");
2835 -moz-image-region: rect(0, 16px, 18px, 0);
2836}
2837
2838.tabs-newtab-button {
2839 width: 28px;
2840}
2841
2842#TabsToolbar > #new-tab-button {
2843 width: 26px;
2844}
2845
2846.tabs-newtab-button,
2847.tabs-newtab-button:hover,
2848#TabsToolbar > #new-tab-button:hover {
2849 -moz-image-region: rect(0, 32px, 18px, 16px);
2850}
2851
2852#alltabs-button {
2853 list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
2854}
2855
2856#alltabs-button > .toolbarbutton-menu-dropmarker {
2857 display: none;
2858}
2859
2860#alltabs-button:hover,
2861#alltabs-button:hover:active,
2862#alltabs-button[open="true"] {
2863 list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
2864}
2865
2866/* All tabs menupopup */
2867.alltabs-item > .menu-iconic-left > .menu-iconic-icon {
2868 list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
2869 -moz-image-region: auto;
2870}
2871
2872.alltabs-item[selected="true"] {
2873 font-weight: bold;
2874}
2875
2876.alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon {
2877 list-style-image: url("chrome://global/skin/icons/loading.gif");
2878}
2879
2880.alltabs-item[tabIsVisible]:not([_moz-menuactive="true"]) {
2881 background-color: #402800;
2882}
2883
2884/* Tabstrip close button */
2885.tabs-closebutton {
2886 -moz-box-flex: 1;
2887 margin: 0px;
2888 padding: 2px;
2889 list-style-image: url("chrome://global/skin/icons/close-button.gif");
2890}
2891
2892.tabs-closebutton > .toolbarbutton-icon {
2893}
2894
2895.tabs-closebutton > .toolbarbutton-text {
2896 display: none;
2897}
2898
2899.tabs-closebutton:hover,
2900.tabs-closebutton:hover:active {
2901 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
2902}
2903
2904toolbarbutton.chevron {
2905 list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important;
2906}
2907
2908toolbarbutton.chevron:hover {
2909 list-style-image: url("chrome://global/skin/toolbar/chevron-hover.gif") !important;
2910}
2911
2912toolbarbutton.chevron:-moz-locale-dir(rtl) > .toolbarbutton-icon,
2913toolbarbutton.chevron:-moz-locale-dir(rtl):hover > .toolbarbutton-icon {
2914 transform: scaleX(-1);
2915}
2916
2917toolbarbutton.chevron > .toolbarbutton-text,
2918toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
2919 display: none;
2920}
2921
2922toolbarbutton.chevron > .toolbarbutton-icon {
2923 margin: 0;
2924}
2925
2926toolbar[mode="text"] toolbarbutton.chevron > .toolbarbutton-icon {
2927 display: -moz-box; /* display chevron icon in text mode */
2928}
2929
2930#sidebar-throbber[loading="true"] {
2931 list-style-image: url("chrome://global/skin/icons/loading.gif");
2932 -moz-margin-end: 4px;
2933}
2934
2935/* Bookmarks toolbar */
2936#PlacesToolbarDropIndicator {
2937 list-style-image: url("chrome://communicator/skin/bookmarks/toolbarDropMarker.png");
2938}
2939
2940toolbarbutton.bookmark-item[dragover="true"][open="true"] {
2941 background-color: #008484 !important;
2942 color: #FFCF00 !important;
2943}
2944
2945/* rules for menupopup drop indicators */
2946.menupopup-drop-indicator-bar {
2947 position: relative;
2948 /* these two margins must together compensate the indicator's height */
2949 margin-top: -1px;
2950 margin-bottom: -1px;
2951}
2952
2953.menupopup-drop-indicator {
2954 list-style-image: none;
2955 height: 2px;
2956 -moz-margin-end: -4em;
2957 background-color: #008484;
2958}
2959
2960/* ::::: Identity Indicator Styling ::::: */
2961
2962/* Popup Icons */
2963#identity-popup-icon {
2964 height: 64px;
2965 width: 64px;
2966 padding: 0;
2967 list-style-image: url("chrome://browser/skin/identity.png");
2968 -moz-image-region: rect(0px, 64px, 64px, 0px);
2969}
2970
2971#identity-popup.verifiedDomain > #identity-popup-container > #identity-popup-icon {
2972 -moz-image-region: rect(64px, 64px, 128px, 0px);
2973}
2974
2975#identity-popup.verifiedIdentity > #identity-popup-container > #identity-popup-icon {
2976 -moz-image-region: rect(128px, 64px, 192px, 0px);
2977}
2978
2979/* Popup Body Text */
2980.identity-popup-description {
2981 white-space: pre-wrap;
2982 -moz-padding-start: 15px;
2983 margin: 2px 0 4px;
2984}
2985
2986.identity-popup-label {
2987 white-space: pre-wrap;
2988 -moz-padding-start: 15px;
2989 margin: 0;
2990}
2991
2992#identity-popup-content-host,
2993#identity-popup-content-box.verifiedIdentity > #identity-popup-content-owner {
2994 font-size: 1.2em;
2995}
2996
2997#identity-popup-content-host {
2998 margin-top: 3px;
2999 margin-bottom: 5px;
3000 font-weight: bold;
3001 max-width: 300px;
3002}
3003
3004#identity-popup-content-owner {
3005 margin-top: 4px;
3006 margin-bottom: 0 !important;
3007 font-weight: bold;
3008 max-width: 300px;
3009}
3010
3011.verifiedDomain > #identity-popup-content-owner {
3012 font-weight: normal;
3013}
3014
3015#identity-popup-content-verifier {
3016 margin: 4px 0 2px;
3017}
3018
3019#identity-popup-content-box.verifiedIdentity > #identity-popup-encryption ,
3020#identity-popup-content-box.verifiedDomain > #identity-popup-encryption {
3021 margin-top: 10px;
3022 -moz-margin-start: -24px;
3023}
3024
3025#identity-popup-content-box.verifiedIdentity > #identity-popup-encryption > vbox > #identity-popup-encryption-icon ,
3026#identity-popup-content-box.verifiedDomain > #identity-popup-encryption > vbox > #identity-popup-encryption-icon {
3027 list-style-image: url("chrome://browser/skin/Secure24.png");
3028}
3029
3030#identity-popup-help-icon {
3031 border: none;
3032 margin: 7px 0 0 -3px;
3033 background: none;
3034 min-width: 0;
3035 list-style-image: url("chrome://global/skin/icons/question-16.png");
3036 cursor: pointer;
3037}
3038
3039#identity-popup-help-icon > .button-box > .button-text {
3040 display: none;
3041}
3042
3043#identity-popup-help-icon > .button-box > .button-icon {
3044 height: 16px;
3045 width: 16px;
3046}
3047
3048#identity-popup-help-icon:-moz-focusring {
3049 outline: 1px dotted;
3050 outline-offset: 1px;
3051}
3052
3053#identity-popup-more-info-button {
3054 margin-top: 6px;
3055 margin-bottom: 0;
3056 -moz-margin-end: 0;
3057}
3058
3059#identity-popup > .panel-arrowcontainer > .panel-arrowcontent {
3060 padding: 0;
3061}
3062
3063#identity-popup-container {
3064 min-width: 280px;
3065 padding: 10px;
3066}
3067
3068#identity-popup-button-container {
3069/* background: linear-gradient(to bottom, rgba(0,0,0,0.04) 60%, transparent);*/
3070 padding: 10px;
3071 margin-top: 5px;
3072}
3073
3074.popup-notification-icon {
3075 width: 64px;
3076 height: 64px;
3077 -moz-margin-end: 10px;
3078}
3079
3080.popup-notification-icon[popupid="geolocation"] {
3081 list-style-image: url("chrome://browser/skin/Geolocation-64.png");
3082}
3083
3084.popup-notification-icon[popupid="xpinstall-disabled"],
3085.popup-notification-icon[popupid="addon-progress"],
3086.popup-notification-icon[popupid="addon-install-cancelled"],
3087.popup-notification-icon[popupid="addon-install-blocked"],
3088.popup-notification-icon[popupid="addon-install-failed"],
3089.popup-notification-icon[popupid="addon-install-complete"] {
3090 list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png");
3091 width: 32px;
3092 height: 32px;
3093}
3094
3095.popup-notification-icon[popupid="click-to-play-plugins"] {
3096 list-style-image: url("chrome://mozapps/skin/plugins/pluginBlocked-64.png");
3097}
3098
3099.popup-notification-icon[popupid="plugins-not-found"] {
3100 list-style-image: url("chrome://browser/skin/pluginInstall-64.png");
3101}
3102
3103.popup-notification-icon[popupid="web-notifications"] {
3104 list-style-image: url("chrome://browser/skin/notification-64.png");
3105}
3106
3107.addon-progress-description {
3108 width: 350px;
3109 max-width: 350px;
3110}
3111
3112.popup-progress-label,
3113.popup-progress-meter {
3114 -moz-margin-start: 0;
3115 -moz-margin-end: 0;
3116}
3117
3118.popup-progress-cancel {
3119 -moz-appearance: none;
3120 background: transparent;
3121 border: none;
3122 padding: 0;
3123 margin: 0;
3124 min-height: 0;
3125 min-width: 0;
3126 list-style-image: url("chrome://mozapps/skin/downloads/downloadButtons.png");
3127 -moz-image-region: rect(0px, 32px, 16px, 16px);
3128}
3129
3130.popup-progress-cancel:hover {
3131 -moz-image-region: rect(16px, 32px, 32px, 16px);
3132}
3133
3134.popup-progress-cancel:active {
3135 -moz-image-region: rect(32px, 32px, 48px, 16px);
3136}
3137
3138.popup-notification-icon[popupid="indexedDB-permissions-prompt"],
3139.popup-notification-icon[popupid="indexedDB-quota-prompt"],
3140.popup-notification-icon[popupid*="offline-app-requested"],
3141.popup-notification-icon[popupid="offline-app-usage"] {
3142 list-style-image: url("chrome://global/skin/icons/alert-question.gif");
3143}
3144
3145.popup-notification-icon[popupid="password-save"],
3146.popup-notification-icon[popupid="password-change"] {
3147 list-style-image: url("chrome://mozapps/skin/passwordmgr/key-64.png");
3148}
3149
3150.popup-notification-icon[popupid="webapps-install-progress"],
3151.popup-notification-icon[popupid="webapps-install"] {
3152 list-style-image: url("chrome://global/skin/icons/webapps-64.png");
3153}
3154
3155.popup-notification-icon[popupid="mixed-content-blocked"] {
3156 list-style-image: url("chrome://browser/skin/mixed-content-blocked-64.png");
3157}
3158
3159.popup-notification-icon[popupid="webRTC-sharingDevices"],
3160.popup-notification-icon[popupid="webRTC-shareDevices"] {
3161 list-style-image: url("chrome://browser/skin/webRTC-shareDevice-64.png");
3162}
3163
3164.popup-notification-icon[popupid="pointerLock"] {
3165 list-style-image: url("chrome://browser/skin/pointerLock-64.png");
3166}
3167
3168/* Notification icon box */
3169#notification-popup-box {
3170 position: relative;
3171 background-color: #000000;
3172 background-clip: padding-box;
3173 padding-left: 3px;
3174 padding-right: 8px;
3175 border-radius: 3px 0 0 3px;
3176 border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 / 0 8px 0 0;
3177 -moz-margin-end: -8px;
3178 border-right-width: 8px;
3179}
3180
3181window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
3182 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
3183 #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar > #notification-popup-box {
3184/* padding-left: 5px; */
3185}
3186
3187#notification-popup-box:-moz-locale-dir(rtl),
3188.notification-anchor-icon:-moz-locale-dir(rtl) {
3189 transform: scaleX(-1);
3190}
3191
3192.notification-anchor-icon {
3193 width: 16px;
3194 height: 16px;
3195 margin: 0 2px;
3196}
3197
3198.notification-anchor-icon:-moz-focusring {
3199 outline: 1px dotted #008484;
3200/* outline-offset: -3px; */
3201}
3202
3203.default-notification-icon,
3204#default-notification-icon {
3205 list-style-image: url("chrome://global/skin/icons/information-16.png");
3206}
3207
3208.identity-notification-icon,
3209#identity-notification-icon {
3210 list-style-image: url("chrome://mozapps/skin/profile/profileicon.png");
3211}
3212
3213.geo-notification-icon,
3214#geo-notification-icon {
3215 list-style-image: url("chrome://browser/skin/Geolocation-16.png");
3216}
3217
3218#addons-notification-icon {
3219 list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png");
3220}
3221
3222.indexedDB-notification-icon,
3223#indexedDB-notification-icon {
3224 list-style-image: url("chrome://global/skin/icons/question-16.png");
3225}
3226
3227#password-notification-icon {
3228 list-style-image: url("chrome://mozapps/skin/passwordmgr/key-16.png");
3229}
3230
3231#webapps-notification-icon {
3232 list-style-image: url("chrome://gobal/skin/icons/webapps-16.png");
3233}
3234
3235#plugins-notification-icon {
3236 list-style-image: url("chrome://browser/skin/notification-pluginNormal.png");
3237}
3238
3239#plugins-notification-icon.plugin-hidden {
3240 list-style-image: url("chrome://browser/skin/notification-pluginAlert.png");
3241}
3242
3243#plugins-notification-icon.plugin-blocked {
3244 list-style-image: url("chrome://browser/skin/notification-pluginBlocked.png");
3245}
3246
3247#plugins-notification-icon {
3248/* -moz-image-region: rect(0, 16px, 16px, 0);*/
3249}
3250
3251#plugins-notification-icon:hover {
3252/* -moz-image-region: rect(0, 32px, 16px, 16px);*/
3253}
3254
3255#plugin-install-notification-icon {
3256 list-style-image: url("chrome://browser/skin/pluginInstall-16.png");
3257}
3258
3259#notification-popup-box[hidden] {
3260 /* Override display:none to make the pluginBlockedNotification animation work
3261 when showing the notification repeatedly. */
3262 display: -moz-box;
3263 visibility: collapse;
3264}
3265
3266#plugins-notification-icon.plugin-blocked[showing] {
3267 animation: pluginBlockedNotification 500ms ease 0s 5 alternate both;
3268}
3269
3270@keyframes pluginBlockedNotification {
3271 from {
3272 opacity: 0;
3273 }
3274 to {
3275 opacity: 1;
3276 }
3277}
3278
3279.mixed-content-blocked-notification-icon,
3280#mixed-content-blocked-notification-icon {
3281 list-style-image: url("chrome://browser/skin/mixed-content-blocked-16.png");
3282}
3283
3284.webRTC-shareDevices-notification-icon,
3285#webRTC-shareDevices-notification-icon {
3286 list-style-image: url("chrome://browser/skin/webRTC-shareDevice-16.png");
3287}
3288
3289.webRTC-sharingDevices-notification-icon,
3290#webRTC-sharingDevices-notification-icon {
3291 list-style-image: url("chrome://browser/skin/webRTC-sharingDevice-16.png");
3292}
3293
3294.web-notifications-notification-icon,
3295#web-notifications-notification-icon {
3296 list-style-image: url("chrome://browser/skin/notification-16.png");
3297}
3298
3299#pointerLock-notification-icon {
3300 list-style-image: url("chrome://browser/skin/pointerLock-16.png");
3301}
3302#pointerLock-cancel {
3303 margin: 0px;
3304}
3305
3306#download-monitor {
3307 list-style-image: url("chrome://browser/skin/FxToolbar.png");
3308 -moz-image-region: rect(0, 108px, 18px, 90px);
3309}
3310
3311/* Bookmarks roots menu-items */
3312#appmenu_subscribeToPage:not([disabled]),
3313#appmenu_subscribeToPageMenu,
3314#subscribeToPageMenuitem:not([disabled]),
3315#subscribeToPageMenupopup,
3316#BMB_subscribeToPageMenuitem:not([disabled]),
3317#BMB_subscribeToPageMenupopup {
3318 list-style-image: url("chrome://browser/skin/feeds/feedIcon16.png");
3319}
3320
3321#bookmarksToolbarFolderMenu,
3322#appmenu_bookmarksToolbar,
3323#BMB_bookmarksToolbar {
3324 list-style-image: url("chrome://communicator/skin/bookmarks/bookmarksToolbar.png");
3325 -moz-image-region: auto;
3326}
3327
3328#appmenu_unsortedBookmarks,
3329#BMB_unsortedBookmarks {
3330 list-style-image: url("chrome://communicator/skin/bookmarks/unsortedBookmarks.png");
3331 -moz-image-region: auto;
3332}
3333
3334/* ::::: Keyboard UI Panel ::::: */
3335
3336.KUI-panel {
3337 color: #FF9F00;
3338 border-style: none;
3339 border-radius: 20px;
3340}
3341
3342.KUI-panel[level="top"] {
3343 /*background-color: rgba(27%,27%,27%,.65);*/
3344}
3345
3346/* Ctrl-Tab */
3347
3348#ctrlTab-panel {
3349 padding: 20px 10px 10px;
3350 font-weight: bold;
3351}
3352
3353.ctrlTab-favicon[src] {
3354 background-color: #000000;
3355 width: 20px;
3356 height: 20px;
3357 padding: 2px;
3358}
3359
3360.ctrlTab-preview-inner > .tabPreview-canvas {
3361}
3362
3363.ctrlTab-preview:not(#ctrlTab-showAll) > * > .ctrlTab-preview-inner > .tabPreview-canvas {
3364 margin-bottom: 2px;
3365}
3366
3367.ctrlTab-preview-inner {
3368 padding-bottom: 10px;
3369}
3370
3371#ctrlTab-showAll:not(:focus) > * > .ctrlTab-preview-inner {
3372 padding: 10px;
3373 background-color: #000000;
3374 border-radius: .5em;
3375}
3376
3377.ctrlTab-preview:focus > * > .ctrlTab-preview-inner {
3378 color: white;
3379 background-color: #000000;
3380 text-shadow: none;
3381 padding: 8px;
3382 border: 2px solid #9C9CFF;
3383 border-radius: .5em;
3384}
3385
3386.ctrlTab-preview:not(#ctrlTab-showAll):focus > * > .ctrlTab-preview-inner {
3387 margin: -10px -10px 0;
3388}
3389
3390#ctrlTab-showAll {
3391 margin-top: .5em;
3392}
3393
3394/* Add-on bar */
3395
3396#addon-bar {
3397 min-height: 20px;
3398 border-top: 3px solid #000000;
3399 border-bottom-width: 0;
3400}
3401
3402#addon-bar .toolbar-holder {
3403 background-color: #8050B0;
3404 color: #FFCF00;
3405}
3406
3407#addon-bar .toolbar-holder {
3408 background-color: #8050B0;
3409 color: #FFCF00;
3410}
3411
3412#addon-bar .toolbar-startcap,
3413#addon-bar .toolbar-endcap{
3414 background-color: #6000CF;
3415}
3416
3417#status-bar {
3418 -moz-binding: url("chrome://global/content/bindings/general.xml#statusbar");
3419 margin-top: .3em;
3420 border-width: 0;
3421}
3422
3423#addon-bar[customizing] > #status-bar {
3424 opacity: .5;
3425/* background-image: -moz-repeating-linear-gradient(-45deg,
3426 rgba(255,255,255,.3), rgba(255,255,255,.3) 5px,
3427 rgba(0,0,0,.3) 5px, rgba(0,0,0,.3) 10px);*/
3428}
3429
3430/* Remove all borders from statusbarpanel children of
3431 the statusbar.
3432#status-bar > statusbarpanel {
3433 border-width: 0;
3434} */
3435
3436#addonbar-closebutton {
3437 border: none;
3438 padding: 3px 5px;
3439 list-style-image: url("chrome://global/skin/icons/close-button.gif");
3440}
3441
3442#addonbar-closebutton:hover,
3443#addonbar-closebutton:hover:active {
3444 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
3445}
3446
3447/* Status panel */
3448
3449.statuspanel-label {
3450 margin: 0;
3451 padding: 2px 4px;
3452 background: #404000;
3453 border: 1px none #9C9CFF;
3454 border-top-style: solid;
3455 color: #FF9F00;
3456 text-shadow: none;
3457}
3458
3459.statuspanel-label:-moz-locale-dir(ltr):not([mirror]),
3460.statuspanel-label:-moz-locale-dir(rtl)[mirror] {
3461 border-right-style: solid;
3462 border-top-right-radius: .3em;
3463 margin-right: 1em;
3464}
3465
3466.statuspanel-label:-moz-locale-dir(rtl):not([mirror]),
3467.statuspanel-label:-moz-locale-dir(ltr)[mirror] {
3468 border-left-style: solid;
3469 border-top-left-radius: .3em;
3470 margin-left: 1em;
3471}
3472
3473/* HACK to abolish devily color on main content */
3474
3475#content {
3476 background-color: transparent !important;
3477}
3478
3479/* === BEGIN highlighter.inc.css === */
3480
3481/* Highlighter */
3482
3483.highlighter-outline {
3484 box-shadow: 0 0 0 1px black;
3485 outline: 1px dashed white;
3486}
3487
3488.highlighter-outline[locked] {
3489 box-shadow: 0 0 0 1px rgba(0,0,0,0.3);
3490 outline-color: rgba(255,255,255,0.7);
3491}
3492
3493/* Highlighter - Node Infobar */
3494
3495.highlighter-nodeinfobar {
3496 color: #FF9F00;
3497 border-radius: 3px;
3498 background-color: #000000;
3499 background-clip: padding-box;
3500}
3501
3502/* Highlighter - Node Infobar - text */
3503
3504.highlighter-nodeinfobar-text {
3505 /* 100% - size of the buttons and margins */
3506 max-width: calc(100% - 2 * (26px + 6px));
3507 padding-bottom: 1px;
3508}
3509
3510html|*.highlighter-nodeinfobar-tagname {
3511 color: #FFCF00;
3512}
3513
3514html|*.highlighter-nodeinfobar-id {
3515 color: #9C9CFF;
3516}
3517
3518html|*.highlighter-nodeinfobar-pseudo-classes {
3519 color: #FF9F00;
3520}
3521
3522/* Highlighter - Node Infobar - buttons */
3523
3524.highlighter-nodeinfobar-button {
3525 border-width: 0;
3526 padding: 0;
3527 width: 26px;
3528 min-height: 26px;
3529}
3530
3531.highlighter-nodeinfobar-inspectbutton {
3532 list-style-image: url("chrome://browser/skin/devtools/inspect-button.png");
3533 -moz-image-region: rect(0px 16px 16px 0px);
3534 -moz-margin-start: 0px;
3535 -moz-margin-end: 2px;
3536}
3537
3538.highlighter-nodeinfobar-inspectbutton:hover,
3539.highlighter-nodeinfobar-inspectbutton:hover:active/*,
3540.highlighter-nodeinfobar-container:not([locked]) > .highlighter-nodeinfobar > .highlighter-nodeinfobar-inspectbutton*/ {
3541 -moz-image-region: rect(0px 32px 16px 16px);
3542}
3543
3544.highlighter-nodeinfobar-menu {
3545}
3546
3547.highlighter-nodeinfobar-menu > .toolbarbutton-menu-dropmarker {
3548 -moz-box-align: center;
3549 -moz-margin-start: -1px;
3550}
3551
3552/* Highlighter - Node Infobar - box & arrow */
3553
3554.highlighter-nodeinfobar-arrow {
3555 width: 14px;
3556 height: 14px;
3557 -moz-margin-start: calc(50% - 7px);
3558 transform: rotate(-45deg);
3559 background-clip: padding-box;
3560 background-repeat: no-repeat;
3561}
3562
3563.highlighter-nodeinfobar-arrow-top {
3564 margin-bottom: -8px;
3565 margin-top: 8px;
3566 background-image: linear-gradient(to bottom left, transparent 50%, rgb(0, 132, 132) 50%);
3567}
3568
3569.highlighter-nodeinfobar-arrow-bottom {
3570 margin-top: -8px;
3571 margin-bottom: 8px;
3572 background-image: linear-gradient(to top right, transparent 50%, rgb(0, 132, 132) 50%);
3573}
3574
3575.highlighter-nodeinfobar-container[hide-arrow] > .highlighter-nodeinfobar {
3576 margin: 7px 0;
3577}
3578
3579/* === END highlighter.inc.css === */
3580
3581#full-screen-warning-message {
3582 background-color: #000000;
3583 color: #FF9F00;
3584 border-radius: 8px;
3585 margin-top: 30px;
3586 padding: 30px 50px;
3587 box-shadow: 0 0 2px #9C9CFF;
3588}
3589
3590#full-screen-warning-container[obscure-browser] {
3591 background-color: rgba(0,0,0,0.3);
3592}
3593
3594.full-screen-description {
3595 font-size: 150%;
3596}
3597
3598#full-screen-domain-text {
3599 font-size: 300%;
3600}
3601
3602.full-screen-approval-button,
3603#full-screen-remember-decision {
3604 font-size: 120%;
3605}
3606
3607/* === BEGIN commandline.inc.css === */
3608
3609/* Developer toolbar */
3610
3611#developer-toolbar {
3612 border-top: 3px solid #000000;
3613 border-bottom: none;
3614}
3615
3616#developer-toolbar .toolbar-holder {
3617 background-color: #8050B0;
3618 color: #FFCF00;
3619}
3620
3621#developer-toolbar .toolbar-holder {
3622 background-color: #8050B0;
3623 color: #FFCF00;
3624}
3625
3626#developer-toolbar .toolbar-startcap,
3627#developer-toolbar .toolbar-endcap{
3628 background-color: #6000CF;
3629}
3630
3631#developer-toolbar {
3632/* padding: 0;
3633 min-height: 32px; */
3634}
3635
3636.developer-toolbar-button {
3637/* margin: 0;
3638 padding: 0 10px;
3639 width: 32px; */
3640}
3641
3642.developer-toolbar-button > image {
3643/* margin: auto 10px; */
3644}
3645
3646#developer-toolbar-toolbox-button > label {
3647 display: none;
3648}
3649
3650#developer-toolbar-toolbox-button {
3651 list-style-image: url("chrome://browser/skin/devtools/toggle-tools.png");
3652 -moz-image-region: rect(0px, 16px, 16px, 0px);
3653}
3654
3655#developer-toolbar-toolbox-button > label {
3656 display: none;
3657}
3658
3659#developer-toolbar-toolbox-button:hover,
3660#developer-toolbar-toolbox-button:hover:active,
3661#developer-toolbar-toolbox-button[checked=true] {
3662 -moz-image-region: rect(0px, 32px, 16px, 16px);
3663}
3664
3665/* GCLI */
3666
3667html|*#gcli-tooltip-frame,
3668html|*#gcli-output-frame {
3669 padding: 0;
3670 border-width: 0;
3671 background-color: transparent;
3672}
3673
3674#gcli-output,
3675#gcli-tooltip {
3676 border-width: 0;
3677 background-color: transparent;
3678}
3679
3680.gclitoolbar-input-node,
3681.gclitoolbar-complete-node {
3682 margin: 1px 3px;
3683 -moz-box-align: center;
3684 padding-top: 0;
3685 padding-bottom: 0;
3686 padding-right: 8px;
3687 background-color: transparent;
3688}
3689
3690.gclitoolbar-input-node {
3691 padding-left: 20px;
3692/* line-height: 32px;
3693 outline-style: none; */
3694 background-image: -moz-image-rect(url("chrome://browser/skin/devtools/commandline-icon.png"), 0, 16, 16, 0);
3695}
3696
3697.gclitoolbar-input-node[focused="true"] {
3698 background-image: -moz-image-rect(url("chrome://browser/skin/devtools/commandline-icon.png"), 0, 32, 16, 16);
3699}
3700
3701.gclitoolbar-input-node:not([focused="true"]) {
3702 border-color: transparent;
3703}
3704
3705.gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection {
3706 background-color: #008484;
3707 color: #000000;
3708 text-shadow: none;
3709}
3710
3711.gclitoolbar-complete-node {
3712 padding-left: 21px;
3713 background-color: transparent;
3714 color: transparent;
3715 z-index: 100;
3716 pointer-events: none;
3717}
3718
3719.gcli-in-incomplete,
3720.gcli-in-error,
3721.gcli-in-ontab,
3722.gcli-in-todo,
3723.gcli-in-closebrace,
3724.gcli-in-param,
3725.gcli-in-valid {
3726 margin: 0;
3727 padding: 0;
3728}
3729
3730.gcli-in-incomplete {
3731 border-bottom: 2px dotted #8050B0;
3732}
3733
3734.gcli-in-error {
3735 border-bottom: 2px dotted #FF0000;
3736}
3737
3738.gcli-in-ontab {
3739 color: #9C9CFF;
3740}
3741
3742.gcli-in-todo {
3743 color: #795900;
3744}
3745
3746.gcli-in-closebrace {
3747 color: #8050B0;
3748}
3749
3750/* === END commandline.inc.css === */
3751
3752/* === BEGIN responsivedesign.inc.css === */
3753
3754/* Responsive Mode */
3755
3756.browserContainer[responsivemode] {
3757 background: #221500 url("chrome://browser/skin/devtools/responsive-background.png");
3758 padding: 0 20px 20px 20px;
3759}
3760
3761.browserStack[responsivemode] {
3762 box-shadow: 0 0 7px #9C9CFF;
3763}
3764
3765.devtools-responsiveui-toolbar {
3766 background: transparent;
3767 margin: 10px 0;
3768 padding: 0;
3769 box-shadow: none;
3770 border-bottom-width: 0;
3771}
3772
3773.devtools-responsiveui-toolbar > menulist,
3774.devtools-responsiveui-toolbar > toolbarbutton {
3775 min-width: 22px;
3776/* border-radius: 0; */
3777}
3778
3779.devtools-responsiveui-toolbar:-moz-locale-dir(ltr) > *:first-child,
3780.devtools-responsiveui-toolbar:-moz-locale-dir(rtl) > *:last-child {
3781 margin-left: 3px;
3782}
3783
3784.devtools-responsiveui-close {
3785 list-style-image: url("chrome://browser/skin/devtools/close.png");
3786 -moz-image-region: rect(0px,16px,16px,0px);
3787}
3788
3789.devtools-responsiveui-close:hover {
3790 -moz-image-region: rect(0px,32px,16px,16px);
3791}
3792
3793.devtools-responsiveui-rotate {
3794 list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate.png");
3795 -moz-image-region: rect(0px,16px,16px,0px);
3796}
3797
3798.devtools-responsiveui-rotate:hover {
3799 -moz-image-region: rect(0px,32px,16px,16px);
3800}
3801
3802.devtools-responsiveui-touch {
3803 list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch.png");
3804 -moz-image-region: rect(0px,16px,16px,0px);
3805}
3806
3807.devtools-responsiveui-touch:hover,
3808.devtools-responsiveui-touch[checked],
3809.devtools-responsiveui-touch[checked]:hover {
3810 -moz-image-region: rect(0px,32px,16px,16px);
3811}
3812
3813.devtools-responsiveui-screenshot {
3814 list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot.png");
3815 -moz-image-region: rect(0px,16px,16px,0px);
3816}
3817
3818.devtools-responsiveui-screenshot:hover {
3819 -moz-image-region: rect(0px,32px,16px,16px);
3820}
3821
3822.devtools-responsiveui-resizebarV {
3823 width: 7px;
3824 height: 24px;
3825 cursor: ew-resize;
3826 transform: translate(12px, -12px);
3827 background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png");
3828}
3829
3830.devtools-responsiveui-resizebarH {
3831 width: 24px;
3832 height: 7px;
3833 cursor: ns-resize;
3834 transform: translate(-12px, 12px);
3835 background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer.png");
3836}
3837
3838.devtools-responsiveui-resizehandle {
3839 width: 16px;
3840 height: 16px;
3841 cursor: se-resize;
3842 transform: translate(12px, 12px);
3843 background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png");
3844}
3845
3846/* === END responsivedesign.inc.css === */
3847
3848/* === including indicator.css is done at the start of the file === */
3849
3850/* Error counter */
3851
3852#developer-toolbar-toolbox-button[error-count]:before {
3853 color: #000000;
3854 min-width: 16px;
3855 text-shadow: none;
3856 background-color: #FF0000;
3857 border-radius: 1px;
3858 -moz-margin-end: 5px;
3859}
3860
3861/* Social toolbar item */
3862
3863#social-provider-button {
3864 -moz-image-region: rect(0, 16px, 16px, 0);
3865 list-style-image: url("chrome://browser/skin/social/services-16.png");
3866}
3867
3868#social-provider-button > .toolbarbutton-menu-dropmarker {
3869 display: none;
3870}
3871
3872.toolbarbutton-badge-container {
3873 margin: 0;
3874 padding: 0;
3875 position: relative;
3876}
3877
3878#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar .toolbarbutton-1 > .toolbarbutton-badge-container {
3879 padding: 2px 2px;
3880}
3881
3882.toolbarbutton-1 > .toolbarbutton-badge-container > .toolbar-icon {
3883 position: absolute;
3884 top: 2px;
3885 right: 2px;
3886}
3887
3888.toolbarbutton-badge-container > .toolbarbutton-icon[label]:not([label=""]) {
3889 -moz-margin-end: 0;
3890}
3891
3892.toolbarbutton-badge[badge=""] {
3893 display: none;
3894}
3895.toolbarbutton-badge[badge]:not([badge=""])::after {
3896 /* The |content| property is set in the content stylesheet. */
3897 font-size: 9px;
3898 font-weight: bold;
3899 padding: 0 1px;
3900 color: #FF9F00;
3901 background-color: #000000;
3902 border: 1px solid #9C9CFF;
3903 border-radius: 2px;
3904 position: absolute;
3905 top: 0;
3906 right: 0;
3907}
3908
3909#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar *|* > .toolbarbutton-badge[badge]:not([badge=""])::after {
3910 top: 1px;
3911 right: 1px;
3912}
3913
3914.toolbarbutton-badge[badge]:not([badge=""]):-moz-locale-dir(rtl)::after {
3915 left: 0;
3916 right: auto;
3917}
3918
3919#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar *|* > .toolbarbutton-badge[badge]:not([badge=""]):-moz-locale-dir(rtl)::after {
3920 left: 1px;
3921 right: auto;
3922}
3923
3924#social-notification-icon-mentions {
3925 background-color: #000000;
3926 border-radius: 3px;
3927 -moz-margin-start: 2px;
3928}
3929
3930#social-notification-icon-mentions:hover {
3931 background-color: #FFCF00;
3932}
3933
3934#social-notification-icon-mentions[open="true"] {
3935 background-color: #FF9F00;
3936}
3937
3938#social-sidebar-splitter {
3939 border: 0;
3940}
3941
3942.popup-notification-icon[popupid="servicesInstall"] {
3943 list-style-image: url("chrome://browser/skin/social/services-64.png");
3944}
3945#servicesInstall-notification-icon {
3946 list-style-image: url("chrome://browser/skin/social/services-16.png");
3947}
3948#social-undoactivation-button,
3949#servicesInstall-learnmore-link {
3950 -moz-margin-start: 0; /* override default label margin to match description margin */
3951}
3952
3953#socialActivatedNotification .popup-notification-button-container {
3954 margin-left: 6px;
3955}
3956
3957.social-activation-icon {
3958 width: auto;
3959 height: auto;
3960 max-height: 64px;
3961 max-width: 64px;
3962}
3963
3964#social-activation-message {
3965 max-width: 250px;
3966}
3967
3968#social-activation-message > label {
3969 margin: 0;
3970}
3971
3972/* social toolbar provider menu */
3973.social-statusarea-popup {
3974 margin-top: 0;
3975 margin-left: -12px;
3976 margin-right: -12px;
3977}
3978
3979.social-statusarea-user {
3980 border-bottom: 1px solid #9C9CFF;
3981 background-color: #000000;
3982 color: #FF9F00;
3983 position: relative;
3984 cursor: pointer;
3985}
3986
3987.social-statusarea-user-portrait {
3988 width: 32px;
3989 height: 32px;
3990 border-radius: 2px;
3991 margin: 10px;
3992}
3993
3994.social-statusarea-loggedInStatus {
3995 background: transparent;
3996 border: none;
3997 color: #3333FF;
3998 min-width: 0;
3999 margin: 0 6px;
4000 list-style-image: none;
4001}
4002
4003#social-statusarea-user[_moz-menuactive] > vbox > .social-statusarea-loggedInStatus {
4004 text-decoration: underline;
4005}
4006
4007.social-panel > .panel-arrowcontainer > .panel-arrowcontent {
4008 padding: 0;
4009}
4010
4011.social-panel-frame {
4012 border-radius: inherit;
4013}
4014
4015/* === BEGIN chat.inc.css === */
4016
4017.chat-status-icon {
4018 max-height: 16px;
4019 max-width: 16px;
4020 padding: 0;
4021}
4022
4023.chat-toolbarbutton {
4024 -moz-appearance: none;
4025 border: none;
4026 padding: 0;
4027 margin: 0;
4028 background: none;
4029 width: 16px;
4030}
4031
4032.chat-toolbarbutton > .toolbarbutton-text {
4033 display: none;
4034}
4035
4036.chat-toolbarbutton > .toolbarbutton-icon {
4037 width: inherit;
4038}
4039
4040.chat-toolbarbutton.notification-anchor-icon > .toolbarbutton-icon {
4041 width: inherit;
4042 margin-top: -2px;
4043}
4044
4045.chat-close-button {
4046 list-style-image: url('chrome://browser/skin/social/chat-icons.png');
4047 -moz-image-region: rect(0, 16px, 16px, 0);
4048}
4049
4050.chat-close-button:hover,
4051.chat-close-button:hover:active {
4052 -moz-image-region: rect(0, 32px, 16px, 16px);
4053}
4054
4055.chat-minimize-button {
4056 list-style-image: url('chrome://browser/skin/social/chat-icons.png');
4057 -moz-image-region: rect(16px, 16px, 32px, 0);
4058}
4059
4060.chat-minimize-button:hover:active,
4061.chat-minimize-button:hover {
4062 -moz-image-region: rect(16px, 32px, 32px, 16px);
4063}
4064
4065.chat-swap-button {
4066 list-style-image: url('chrome://browser/skin/social/chat-icons.png');
4067 -moz-image-region: rect(48px, 16px, 64px, 0);
4068}
4069
4070.chat-swap-button:hover:active,
4071.chat-swap-button:hover {
4072 -moz-image-region: rect(48px, 32px, 64px, 16px);
4073}
4074
4075chatbar > chatbox > .chat-titlebar > .chat-swap-button {
4076 list-style-image: url('chrome://browser/skin/social/chat-icons.png');
4077 -moz-image-region: rect(32px, 16px, 48px, 0);
4078}
4079
4080chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover:active,
4081chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover {
4082 -moz-image-region: rect(32px, 32px, 48px, 16px);
4083}
4084
4085.chat-title {
4086 font-weight: bold;
4087 font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
4088 text-shadow: none;
4089 cursor: inherit;
4090}
4091
4092.chat-titlebar {
4093 background-color: #9C9CFF;
4094 color: #000000;
4095 height: 20px;
4096 min-height: 16px;
4097 width: 100%;
4098 margin: 0;
4099 padding: 2px;
4100 -moz-padding-start: 6px;
4101 border: none;
4102 border-bottom: 1px solid #008484;
4103 cursor: pointer;
4104}
4105
4106.chat-titlebar > .notification-anchor-icon {
4107 margin-left: 2px;
4108 margin-right: 2px;
4109}
4110
4111.chat-titlebar[minimized="true"] {
4112 border-bottom: none;
4113}
4114
4115.chat-titlebar[selected] {
4116 background-color: #008484;
4117}
4118
4119.chat-titlebar[activity] {
4120 background-color: #E7ADE7;
4121}
4122
4123.chat-frame {
4124 padding: 0;
4125 margin: 0;
4126 overflow: hidden;
4127}
4128
4129.chatbar-button {
4130 list-style-image: url("chrome://browser/skin/social/services-16.png");
4131 background-color: #000000;
4132 border: none;
4133 margin: 0;
4134 padding: 2px;
4135 height: 21px;
4136 width: 21px;
4137 border-top: 1px solid #008484;
4138 -moz-border-end: 1px solid #008484;
4139}
4140
4141@media (min-resolution: 2dppx) {
4142 .chatbar-button {
4143 list-style-image: url("chrome://browser/skin/social/services-16@2x.png");
4144 }
4145}
4146
4147.chatbar-button > .toolbarbutton-icon {
4148 width: 16px;
4149}
4150
4151.chatbar-button > menupopup > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
4152 width: auto;
4153 height: auto;
4154 max-height: 16px;
4155 max-width: 16px;
4156}
4157
4158.chatbar-button > .toolbarbutton-icon {
4159 opacity: .6;
4160 -moz-margin-end: 0;
4161}
4162.chatbar-button:hover > .toolbarbutton-icon,
4163.chatbar-button[open="true"] > .toolbarbutton-icon {
4164 opacity: 1;
4165}
4166
4167.chatbar-button:hover,
4168.chatbar-button[open="true"] {
4169}
4170
4171.chatbar-button > .toolbarbutton-text,
4172.chatbar-button > .toolbarbutton-menu-dropmarker {
4173 display: none;
4174}
4175
4176.chatbar-button[activity]:not([open="true"]) {
4177 background-color: #E7ADE7;
4178}
4179
4180.chatbar-button > menupopup > menuitem[activity] {
4181 font-weight: bold;
4182}
4183
4184.chatbar-innerbox {
4185 background: transparent;
4186 margin: -285px 0 0;
4187 overflow: hidden;
4188}
4189
4190chatbar {
4191 -moz-margin-end: 20px;
4192}
4193
4194chatbar > chatbox {
4195 height: 285px;
4196 width: 260px;
4197 -moz-margin-start: 4px;
4198 background-color: #000000;
4199 border: 1px solid #9C9CFF;
4200 border-bottom: none;
4201 border-top-left-radius: 2.5px;
4202 border-top-right-radius: 2.5px;
4203}
4204
4205chatbox[minimized="true"] {
4206 width: 160px;
4207 height: 20px;
4208}
4209
4210window > chatbox {
4211 -moz-margin-start: 0px;
4212 margin: 0px;
4213 border: none;
4214 padding: 0px;
4215}
4216
4217/* === END chat.inc.css === */
4218
4219/* === BEGIN plugin-doorhanger.inc.css === */
4220
4221/**
4222 * Plugin Doorhanger Styles
4223 */
4224
4225#notification-popup[popupid="click-to-play-plugins"] > .panel-arrowcontainer > .panel-arrowcontent {
4226 padding: 6px 1px 2px;
4227}
4228
4229.click-to-play-plugins-notification-center-box {
4230}
4231
4232.plugin-popupnotification-centeritem:nth-child(odd) {
4233/* background-color: rgba(0,0,0,0.1);*/
4234}
4235
4236.center-item-label {
4237 margin-bottom: 0;
4238 text-overflow: ellipsis;
4239}
4240
4241.center-item-warning-icon {
4242 background-image: url("chrome://mozapps/skin/extensions/alerticon-info-negative.png");
4243 background-repeat: no-repeat;
4244 width: 16px;
4245 height: 15px;
4246 -moz-margin-start: 6px;
4247}
4248
4249.click-to-play-plugins-notification-button-container {
4250}
4251
4252.click-to-play-popup-button {
4253 width: 50%;
4254}
4255
4256.click-to-play-plugins-notification-description-box {
4257 margin-left: 5px;
4258 margin-right: 5px;
4259 margin-top: 0;
4260 padding-bottom: 3px;
4261}
4262
4263.click-to-play-plugins-outer-description {
4264 margin-top: 1px;
4265}
4266
4267.click-to-play-plugins-notification-link,
4268.center-item-link {
4269 margin: 0;
4270}
4271
4272.messageImage[value="plugin-hidden"] {
4273 list-style-image: url("chrome://browser/skin/notification-pluginNormal.png");
4274}
4275
4276/* Keep any changes to this style in sync with pluginProblem.css */
4277notification.pluginVulnerable {
4278}
4279
4280notification.pluginVulnerable .messageImage {
4281 list-style-image: url("chrome://browser/skin/notification-pluginBlocked.png");
4282}
4283
4284/* Customization mode */
4285
4286/* === END plugin-doorhanger.inc.css === */
4287
4288#main-window[privatebrowsingmode=temporary] #toolbar-menubar {
4289 background-image: url("chrome://browser/skin/privatebrowsing-dark.png");
4290 background-position: top right;
4291 background-repeat: no-repeat;
4292}
4293
4294#main-window[privatebrowsingmode=temporary] #toolbar-menubar:-moz-locale-dir(rtl) {
4295 background-position: top left;
4296}
4297
4298#main-window[privatebrowsingmode=temporary] #appmenu-button > .button-box > .box-inherit > .button-icon {
4299 list-style-image: url("chrome://browser/skin/privatebrowsing-light.png");
4300 width: 20px;
4301 height: 16px;
4302}
4303
4304/* === BEGIN customizeMode.inc.css === */
4305
4306/* Customization mode */
4307#nav-bar[customize-entered] > #nav-bar-customization-target {
4308 margin: 1px 3px;
4309}
4310
4311#nav-bar[customize-entered] > #nav-bar-customization-target,
4312#PanelUI-contents > .panel-customization-placeholder {
4313 outline: 1px dashed transparent;
4314}
4315
4316#main-window[customizing-movingItem] #nav-bar-customization-target,
4317#main-window[customizing-movingItem] .panel-customization-placeholder {
4318 outline-color: #9C9CFF;
4319}
4320
4321#PanelUI-contents > .panel-customization-placeholder {
4322 cursor: auto;
4323 outline-offset: -5px;
4324}
4325
4326#main-window[customize-entered] .customization-target {
4327 min-width: 100px;
4328 padding-left: 10px;
4329 padding-right: 10px;
4330}
4331
4332#customization-container {
4333 background-color: #000000;
4334}
4335
4336#customization-palette-container {
4337 padding: 25px;
4338}
4339
4340#customization-header {
4341 font-size: 1.5em;
4342 line-height: 1.5em;
4343 color: #9C9CFF;
4344 font-weight: lighter;
4345 margin-bottom: 1em;
4346}
4347
4348#customization-panel-container {
4349 padding: 15px 25px 25px;
4350 background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png");
4351 background-position: left top;
4352 background-repeat: repeat;
4353 background-size: auto;
4354 background-attachment: fixed;
4355}
4356
4357toolbarpaletteitem {
4358 transition: background-color, border-color, box-shadow, border-width;
4359 transition-duration: 10ms, 10ms, 10ms, 250ms;
4360 transition-timing-function: linear, linear, linear, ease-in-out;
4361}
4362
4363toolbarpaletteitem[mousedown] {
4364 outline: 1px solid #008484;
4365 cursor: -moz-grabbing;
4366 opacity: 0.8;
4367}
4368
4369.panel-customization-placeholder,
4370toolbarpaletteitem[place="palette"],
4371toolbarpaletteitem[place="panel"] {
4372 transition: background-color, border-color, box-shadow, transform;
4373 transition-duration: 10ms, 10ms, 10ms, 250ms;
4374 transition-timing-function: linear, linear, linear, ease-in-out;
4375}
4376
4377toolbarpaletteitem[notransition][place="palette"],
4378toolbarpaletteitem[notransition][place="panel"] {
4379 transition: background-color, border-color, box-shadow;
4380 transition-duration: 10ms, 10ms, 10ms;
4381 transition-timing-function: linear, linear, linear;
4382}
4383
4384toolbarpaletteitem > toolbarbutton > .toolbarbutton-icon {
4385 transition: transform 50ms ease-in-out;
4386}
4387
4388toolbarpaletteitem[mousedown] > toolbarbutton > .toolbarbutton-icon {
4389 transform: scale(1.1);
4390}
4391
4392/* Override the toolkit styling for items being dragged over. */
4393toolbarpaletteitem[place="toolbar"] {
4394 border-left-width: 0;
4395 border-right-width: 0;
4396 margin-right: 0;
4397 margin-left: 0;
4398}
4399
4400#customization-palette:not([hidden]) {
4401 margin-bottom: 25px;
4402}
4403
4404/* Remove |:-moz-any(#customization-palette, #panelUI-contents)| selector when Australis lands - this makes it only apply post-Australis as those elements only exist there */
4405#customization-palette > #wrapper-edit-controls,
4406:-moz-any(#customization-palette, #panelUI-contents) > #customization-palette > #wrapper-zoom-controls {
4407 width: 225px;
4408}
4409
4410#wrapper-edit-controls[place="palette"] > .toolbarpaletteitem-box,
4411#wrapper-zoom-controls[place="palette"] > .toolbarpaletteitem-box {
4412 width: 225px;
4413 max-width: 225px;
4414}
4415
4416#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton,
4417#wrapper-edit-controls[place="palette"] > #edit-controls > separator,
4418:-moz-any(#customization-palette, #panelUI-contents) > #wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton,
4419:-moz-any(#customization-palette, #panelUI-contents) > #wrapper-zoom-controls[place="palette"] > #zoom-controls > separator {
4420 margin-top: 24px;
4421}
4422
4423#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton,
4424:-moz-any(#customization-palette, #panelUI-contents) > #wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton {
4425 margin-left: 0;
4426 margin-right: 0;
4427 max-width: 70px;
4428 min-width: 70px;
4429 max-height: 24px;
4430 height: 24px;
4431}
4432
4433#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton > .toolbarbutton-text,
4434:-moz-any(#customization-palette, #panelUI-contents) > #wrapper-zoom-controls[place="palette"] > #zoom-controls > #zoom-reset-button > .toolbarbutton-text {
4435 display: inline;
4436}
4437
4438#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton > .toolbarbutton-icon,
4439:-moz-any(#customization-palette, #panelUI-contents) > #wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton > .toolbarbutton-icon {
4440 margin: 0;
4441 -moz-margin-start: 5px;
4442}
4443
4444#customization-palette > toolbarpaletteitem > label {
4445 text-align: center;
4446 margin-left: 0;
4447 margin-right: 0;
4448}
4449
4450/* === END customizeMode.inc.css === */
4451
4452#main-window[customizing] {
4453 background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png");
4454 background-attachment: fixed;
4455}
4456
4457#main-window:-moz-any([customize-entering],[customize-entered]) #tab-view-deck {
4458 padding: 0 2em 2em;
4459}
4460
4461#customization-container {
4462 border-left: 1px solid #9C9CFF;
4463 border-right: 1px solid #9C9CFF;
4464 background-clip: padding-box;
4465}
4466
4467/* End customization mode */
4468
4469#main-window[privatebrowsingmode=temporary] #TabsToolbar::after {
4470 content: "";
4471 display: -moz-box;
4472 width: 40px;
4473 background: url("chrome://browser/skin/privatebrowsing-indicator.png") no-repeat center center;
4474}
4475
4476/* === BEGIN UITour.inc.css === */
4477
4478/* UI Tour */
4479
4480html|div#UITourHighlight {
4481 border-radius: 20px;
4482 border: 2px #9C9CFF solid;
4483 min-height: 32px;
4484 min-width: 32px;
4485}
4486
4487#UITourTooltip {
4488 max-width: 20em;
4489}
4490
4491#UITourTooltipTitle {
4492 font-size: 130%;
4493 font-weight: bold;
4494 margin: 0 0 5px 0;
4495}
4496
4497#UITourTooltipDescription {
4498 max-width: 20em;
4499}
4500
4501/* === END UITour.inc.css === */