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/. */
5 /* === BEGIN panelUIOverlay.inc.css === */
8 --panel-ui-exit-subview-gutter-width: 38px;
11 #PanelUI-popup #PanelUI-contents:empty {
15 #PanelUI-popup #PanelUI-contents:empty::before {
17 background-image: url("chrome://browser/skin/customizableui/whimsy-bw.png");
22 transition: transform 1s ease-out;
23 animation: whimsyMoveX 3.05s linear 0s infinite alternate,
24 whimsyMoveY 3.4s linear 0s infinite alternate;
27 #PanelUI-popup #PanelUI-contents:active:empty::before {
28 animation: whimsyMoveX 3.05s linear 0s infinite alternate,
29 whimsyMoveY 3.4s linear 0s infinite alternate,
30 whimsyRotate 1s linear 0s infinite normal;
33 #PanelUI-popup #PanelUI-contents:-moz-locale-dir(rtl):empty::before {
34 animation: whimsyMoveXRTL 3.05s linear 0s infinite alternate,
35 whimsyMoveY 3.4s linear 0s infinite alternate;
38 #PanelUI-popup #PanelUI-contents:-moz-locale-dir(rtl):active:empty::before {
39 animation: whimsyMoveXRTL 3.05s linear 0s infinite alternate,
40 whimsyMoveY 3.4s linear 0s infinite alternate,
41 whimsyRotate 1s linear 0s infinite normal;
44 #PanelUI-popup #PanelUI-contents:empty:hover::before {
45 background-image: url("chrome://browser/skin/customizableui/whimsy.png");
48 @media (min-resolution: 2dppx) {
49 #PanelUI-popup #PanelUI-contents:empty::before {
50 background-image: url("chrome://browser/skin/customizableui/whimsy-bw@2x.png");
51 background-size: 64px 64px;
53 #PanelUI-popup #PanelUI-contents:empty:hover::before {
54 background-image: url("chrome://browser/skin/customizableui/whimsy@2x.png");
58 @keyframes whimsyMoveX {
59 /* These values are adjusted for the padding on the panel. */
60 from { margin-left: -9px; } to { margin-left: calc(100% - 55px); }
63 @keyframes whimsyMoveXRTL {
64 /* These values are adjusted for the padding on the panel. */
65 from { margin-right: -9px; } to { margin-right: calc(100% - 55px); }
68 @keyframes whimsyMoveY {
69 /* These values are adjusted for the padding and height of the panel. */
70 from { margin-top: -.5em; } to { margin-top: calc(64px - .5em); }
73 @keyframes whimsyRotate {
74 to { transform: perspective(5000px) rotateY(360deg); }
77 #customization-panelHolder {
82 -moz-margin-start: 3px;
85 #PanelUI-button:-moz-locale-dir(rtl) {
88 #PanelUI-menu-button[badge-status] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
92 background-size: contain;
96 #PanelUI-menu-button[badge-status="update-succeeded"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
97 background: #008484 url(chrome://browser/skin/update-badge.svg) no-repeat center;
101 #PanelUI-menu-button[badge-status="update-failed"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
102 background: #FF0000 url(chrome://browser/skin/update-badge-failed.svg) no-repeat center;
106 #PanelUI-menu-button[badge-status="fxa-needs-authentication"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
107 background: transparent url(chrome://browser/skin/warning.svg) no-repeat center;
112 #PanelUI-menu-button[badge-status="fxa-needs-authentication"] > .toolbarbutton-badge-stack > .toolbarbutton-badge:-moz-window-inactive {
117 -moz-margin-start: var(--panel-ui-exit-subview-gutter-width);
120 .panel-viewstack[viewtype="main"] > .panel-subviews {
121 transform: translateX(22.35em);
124 .panel-viewstack[viewtype="main"] > .panel-subviews:-moz-locale-dir(rtl) {
125 transform: translateX(-22.35em);
128 panelmultiview[nosubviews=true] > .panel-viewcontainer > .panel-viewstack > .panel-subviews {
132 .panel-viewstack:not([viewtype="main"]) > .panel-mainview > #PanelUI-mainView {
136 .panel-subview-body {
142 #PanelUI-popup .panel-subview-body {
147 .panel-subview-header,
148 .subviewbutton.panel-subview-footer {
149 box-sizing: border-box;
150 /* min-height: 41px; */
154 .panel-subview-header {
156 background-color: #A09090;
158 font-variant: small-caps;
162 .panel-subview-footer {
163 border-top: 1px solid #A09090;
166 .cui-widget-panelview .panel-subview-header {
170 .cui-widget-panelview .subviewbutton.panel-subview-footer {
172 -moz-box-pack: center;
177 flex-direction: column;
181 #PanelUI-popup > arrowscrollbox > autorepeatbutton {
184 #PanelUI-popup > arrowscrollbox > scrollbox {
188 #PanelUI-popup > .panel-arrowcontainer > .panel-arrowcontent {
197 .panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-multiline-text,
198 .panelUI-grid .toolbarbutton-1 > .toolbarbutton-multiline-text {
199 /* line-height: 1.1;*/
203 .panelUI-grid .toolbarbutton-1:not([auto-hyphens="off"]) > .toolbarbutton-menubutton-button > .toolbarbutton-multiline-text,
204 .panelUI-grid .toolbarbutton-1:not([auto-hyphens="off"]) > .toolbarbutton-multiline-text {
208 .panelUI-grid:not([customize-transitioning]) .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-multiline-text,
209 .panelUI-grid:not([customize-transitioning]) .toolbarbutton-1 > .toolbarbutton-multiline-text {
211 clip: rect(auto, auto, 2.3em, auto);
214 .panelUI-grid .toolbarbutton-1 > .toolbarbutton-text,
215 .panelUI-grid .toolbarbutton-1 > .toolbarbutton-multiline-text {
217 /* Need to override toolkit theming which sets margin: 0 !important; */
218 margin: 2px 0 0 !important;
221 .panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-multiline-text {
226 #wrapper-edit-controls:-moz-any([place="palette"],[place="panel"]) > #edit-controls,
227 #wrapper-zoom-controls:-moz-any([place="palette"],[place="panel"]) > #zoom-controls {
228 -moz-margin-start: 0;
236 .panel-mainview:not([panelid="PanelUI-popup"]) {
240 /* Bug 1164419 - increase Pocket panel size to accomidate wider Russian text. */
241 panelmultiview[mainViewId=PanelUI-pocketView] > .panel-viewcontainer > .panel-viewstack > .panel-mainview:not([panelid="PanelUI-popup"]) {
242 max-width: 33em; /* standaloneSubviewWidth + 3 */
245 panelview:not([mainview]) .toolbarbutton-text,
246 .cui-widget-panel toolbarbutton > .toolbarbutton-text {
251 .cui-widget-panel > .panel-arrowcontainer > .panel-arrowcontent {
255 .cui-widget-panel[viewId="PanelUI-pocketView"] > .panel-arrowcontainer > .panel-arrowcontent {
260 .cui-widget-panel.cui-widget-panelWithFooter > .panel-arrowcontainer > .panel-arrowcontent {
264 .cui-widget-panel > :-moz-any(menu,menuitem,toolbarbutton):first-child {
265 border-radius: 4px 4px 0 0;
268 .cui-widget-panel > :-moz-any(menu,menuitem,toolbarbutton):last-child {
269 border-radius: 0 0 4px 4px;
280 #PanelUI-contents-scroller {
287 .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton > .toolbarbutton-icon {
293 toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-item),
294 .panelUI-grid .toolbarbutton-1,
295 .panel-customization-placeholder-child {
296 -moz-appearance: none;
297 -moz-box-orient: vertical;
298 width: calc(22.35em / 3 - 0.1px - 2px); /* LCARStrek: XXX: found out to be needed to fit the icons */
299 height: calc(51px + 2.2em);
302 /* In order to have button labels constrained appropriately, items inside the toolbarpaletteitem
303 * should have a min-width set so they abide by the width set above (which they do outside of
304 * customize mode because they're in a flexed container) */
305 toolbarpaletteitem[place="panel"]:not([haswideitem=true]) > .toolbarbutton-1 {
309 /* Help SDK buttons fit in. */
310 toolbarpaletteitem[place="palette"] > toolbarbutton[constrain-size="true"] > .toolbarbutton-icon,
311 toolbarpaletteitem[place="palette"] > toolbarbutton[constrain-size="true"] > .toolbarbutton-badge-stack > .toolbarbutton-icon,
312 toolbarbutton[constrain-size="true"][cui-areatype="menu-panel"] > .toolbarbutton-icon,
313 toolbarbutton[constrain-size="true"][cui-areatype="menu-panel"] > .toolbarbutton-badge-stack > .toolbarbutton-icon {
318 .customization-palette .toolbarbutton-1 {
319 -moz-appearance: none;
320 -moz-box-orient: vertical;
323 .panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button {
324 -moz-appearance: none;
325 -moz-box-orient: vertical;
326 width: calc(22.35em / 3 - 0.1px - 2px);
327 height: calc(49px + 2.2em);
331 .panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-text,
332 .panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-multiline-text {
333 margin-top: 2px; /* Hack needed to get the label of type=menu-button aligned with other buttons */
336 .panel-customization-placeholder-child {
338 /* padding: 2px 6px;*/
341 .panelUI-grid .toolbarbutton-1[type="menu"] {
342 background-image: url("chrome://global/skin/arrow/arrow-down-sharp.gif");
343 background-position: right 3px top 16px;
344 background-repeat: no-repeat;
347 .panelUI-grid .toolbarbutton-1[type="menu"]:-moz-locale-dir(rtl) {
348 background-position: left 3px top 16px;
351 .panelUI-grid .toolbarbutton-1 > .toolbarbutton-menu-dropmarker {
355 .panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
356 -moz-box-align: center;
358 -moz-margin-start: -16px;
360 margin-bottom: 2.2em;
364 .panelUI-grid .toolbarbutton-1:not([buttonover]):not([disabled]):-moz-any([open],:hover:active) > .toolbarbutton-menubutton-dropmarker {
365 border-radius: 0 0 0 2px;
368 .panelUI-grid .toolbarbutton-1:not([buttonover]):not([disabled]):-moz-any([open],:hover:active)> .toolbarbutton-menubutton-dropmarker:-moz-locale-dir(rtl) {
369 border-radius: 0 0 2px 0;
372 #main-window:not([customizing]) .panel-combined-button[disabled] > .toolbarbutton-icon {
376 toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-item) {
377 width: calc(22.35em / 3 - 0.1px);
378 margin: 0 !important;
381 toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-item) {
382 -moz-box-align: center;
383 -moz-box-pack: center;
386 toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"] > iframe {
390 #PanelUI-multiView[viewtype="subview"] > .panel-viewcontainer > .panel-viewstack > .panel-mainview > #PanelUI-mainView {
393 #PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-contents-scroller > #PanelUI-contents > .panel-wide-item,
394 #PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-contents-scroller > #PanelUI-contents > .toolbarbutton-1:not([panel-multiview-anchor="true"]),
395 #PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-update-status,
396 #PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-footer-fxa > #PanelUI-fxa-status > #PanelUI-fxa-avatar,
397 #PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-footer-fxa > #PanelUI-fxa-status > #PanelUI-fxa-label,
398 #PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-footer-fxa > #PanelUI-fxa-icon,
399 #PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-footer-inner > toolbarseparator,
400 #PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-footer-inner > #PanelUI-customize,
401 #PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-footer-inner > #PanelUI-help:not([panel-multiview-anchor="true"]) {
406 * XXXgijs: this is a workaround for a layout issue that was caused by these iframes,
407 * which was affecting subview display. Because of this, we're hiding the iframe *only*
408 * when displaying a subview. The discerning user might notice this, but it's not nearly
409 * as bad as the brokenness.
410 * This hack should be removed once https://bugzilla.mozilla.org/show_bug.cgi?id=975375
413 #PanelUI-multiView[viewtype="subview"] toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-item) > iframe {
417 toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-item) > .toolbarbutton-text {
421 .panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
422 .panelUI-grid .toolbarbutton-1 > .toolbarbutton-icon,
423 .panelUI-grid .toolbarbutton-1 > .toolbarbutton-badge-stack,
424 .customization-palette .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
425 .customization-palette .toolbarbutton-1 > .toolbarbutton-icon,
426 .customization-palette .toolbarbutton-1 > .toolbarbutton-badge-stack,
427 .panelUI-grid #bookmarks-toolbar-placeholder > .toolbarbutton-icon,
428 .customization-palette #bookmarks-toolbar-placeholder > .toolbarbutton-icon,
429 .panel-customization-placeholder-child > .toolbarbutton-icon {
432 /* Explanation for the below formula (A / B - C)
434 Each button is 22.35em / 3 - 0.1px wide
436 Each button has two margins.
438 The button icon is 32 pixels wide.
439 The button has 12px of horizontal padding (6 on each side).
440 The button has 0px of horizontal border (0 on each side).
441 Total width of button's icon + button padding should therefore be 44px,
442 which means each horizontal margin should be the half the button's width - (44/2) px.
444 margin: 4px calc((22.35em / 3 - 0.1px) / 2 - 22px);
447 /* above we treat the container as the icon for the margins, that is so the
448 /* badge itself is positioned correctly. Here we make sure that the icon itself
449 /* has the minum size we want, but no padding/margin. */
450 .panelUI-grid .toolbarbutton-1 > .toolbarbutton-badge-stack > .toolbarbutton-icon,
451 .customization-palette .toolbarbutton-1 > .toolbarbutton-badge-stack > .toolbarbutton-icon {
460 toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
464 #personal-bookmarks[overflowedItem=true] > #bookmarks-toolbar-placeholder {
468 #personal-bookmarks[cui-areatype="toolbar"][overflowedItem=true] > #bookmarks-toolbar-placeholder > .toolbarbutton-icon {
469 -moz-margin-end: 2px;
472 #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #copy-button,
473 #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-reset-button {
479 #zoom-in-button > .toolbarbutton-text,
480 #zoom-out-button > .toolbarbutton-text,
481 #zoom-reset-button > .toolbarbutton-icon {
488 flex-direction: column;
489 /* background-color: hsla(210,4%,10%,.07);*/
492 /* min-height: 4em;*/
493 border-bottom-right-radius: 4px;
494 border-bottom-left-radius: 4px;
497 #main-window[customizing] #PanelUI-footer-fxa > toolbarseparator {
501 #PanelUI-footer-fxa:not([fxastatus="signedin"]) > toolbarseparator,
502 #PanelUI-footer-fxa:not([fxastatus="signedin"]) > #PanelUI-fxa-icon,
503 #PanelUI-footer-fxa:not([fxaprofileimage]) > #PanelUI-fxa-status > #PanelUI-fxa-avatar {
507 #PanelUI-footer-fxa[fxastatus="error"] > #PanelUI-fxa-status::after {
508 content: url("chrome://browser/skin/warning.svg");
517 #PanelUI-update-status[update-status]::after {
521 margin-right: 16.5px;
523 background-size: contain;
527 #PanelUI-update-status[update-status="succeeded"]::after {
528 background-image: url(chrome://browser/skin/update-badge.svg);
529 background-color: #008484;
532 #PanelUI-update-status[update-status="failed"]::after {
533 background-image: url(chrome://browser/skin/update-badge-failed.svg);
534 background-color: #FF0000;
537 #PanelUI-fxa-status {
543 #PanelUI-footer-inner,
544 #PanelUI-footer-fxa:not([hidden]) {
546 border-top: 1px solid #9C9CFF;
549 #PanelUI-multiView[viewtype="subview"] #PanelUI-footer-inner,
550 #PanelUI-multiView[viewtype="subview"] #PanelUI-footer-fxa {
554 #PanelUI-footer-inner > toolbarseparator,
555 #PanelUI-footer-fxa > toolbarseparator {
557 border-left: 1px solid #9C9CFF;
561 #PanelUI-footer-inner:hover > toolbarseparator,
562 #PanelUI-footer-fxa:hover > toolbarseparator {
566 #PanelUI-update-status,
574 box-sizing: border-box;
579 transition: background-color;
580 -moz-box-orient: horizontal;
583 #PanelUI-update-status {
584 border-top: 1px solid #9C9CFF;
585 border-bottom: 1px solid transparent;
589 #PanelUI-update-status > .toolbarbutton-text {
590 width: 0; /* Fancy cropping solution for flexbox. */
593 #PanelUI-help[panel-multiview-anchor="true"] {
594 -moz-image-region: rect(0, 32px, 16px, 16px);
602 #PanelUI-update-status > .toolbarbutton-text,
603 #PanelUI-fxa-label > .toolbarbutton-text,
604 #PanelUI-customize > .toolbarbutton-text {
610 #PanelUI-help > .toolbarbutton-text,
611 #PanelUI-quit > .toolbarbutton-text,
612 #PanelUI-fxa-avatar > .toolbarbutton-text {
616 #PanelUI-update-status > .toolbarbutton-icon,
617 #PanelUI-fxa-label > .toolbarbutton-icon,
618 #PanelUI-fxa-icon > .toolbarbutton-icon,
619 #PanelUI-customize > .toolbarbutton-icon,
620 #PanelUI-help > .toolbarbutton-icon,
621 #PanelUI-quit > .toolbarbutton-icon {
626 -moz-padding-start: 15px;
627 -moz-padding-end: 15px;
633 -moz-padding-start: 15px;
634 -moz-border-start-style: none;
637 #PanelUI-footer-fxa[fxaprofileimage="set"] > #PanelUI-fxa-status > #PanelUI-fxa-label,
638 #PanelUI-footer-fxa[fxaprofileimage="enabled"]:not([fxastatus="error"]) > #PanelUI-fxa-status > #PanelUI-fxa-label {
639 -moz-padding-start: 0px;
642 #PanelUI-update-status {
643 width: calc(22.35em + 30px);
644 -moz-padding-start: 15px;
645 -moz-border-start-style: none;
648 #PanelUI-update-status {
649 list-style-image: url(chrome://branding/content/icon16.png);
654 list-style-image: url("chrome://browser/skin/syncFx-horizontalbar.png");
657 #PanelUI-footer-fxa[syncstatus="active"] > #PanelUI-fxa-icon {
658 list-style-image: url("chrome://browser/skin/syncFxProgress-horizontalbar.png");
661 #PanelUI-footer-fxa[fxastatus="migrate-signup"] > #PanelUI-fxa-status > #PanelUI-fxa-label,
662 #PanelUI-footer-fxa[fxastatus="migrate-verify"] > #PanelUI-fxa-status > #PanelUI-fxa-label {
663 list-style-image: url(chrome://browser/skin/warning.svg);
667 list-style-image: url("chrome://browser/skin/menuPanel-customize.png");
670 #customization-panelHolder #PanelUI-customize {
671 list-style-image: url("chrome://browser/skin/customizableui/menuPanel-customizeFinish.png");
675 list-style-image: url("chrome://browser/skin/menuPanel-help.png");
679 -moz-border-end-style: none;
680 list-style-image: url("chrome://browser/skin/menuPanel-exit.png");
688 -moz-image-region: rect(0, 16px, 16px, 0);
691 #PanelUI-footer-fxa[fxastatus="signedin"] > #PanelUI-fxa-status > #PanelUI-fxa-label > .toolbarbutton-icon,
692 #PanelUI-footer-fxa[fxastatus="error"][fxaprofileimage="set"] > #PanelUI-fxa-status > #PanelUI-fxa-label > .toolbarbutton-icon {
696 #PanelUI-footer-fxa[fxastatus="error"]:not([fxaprofileimage="set"]) > #PanelUI-fxa-status > #PanelUI-fxa-avatar {
700 #PanelUI-fxa-avatar[disabled],
701 #PanelUI-fxa-icon[disabled] {
705 #PanelUI-fxa-status[disabled] {
706 pointer-events: none;
709 #PanelUI-fxa-avatar {
713 background-repeat: no-repeat;
714 background-position: 0 0;
715 background-size: contain;
723 #PanelUI-footer-fxa[fxaprofileimage="enabled"] > #PanelUI-fxa-status > #PanelUI-fxa-avatar {
724 list-style-image: url(chrome://browser/skin/fxa/default-profile-image.svg);
727 #PanelUI-customize:hover,
728 #PanelUI-help:not([disabled]):hover,
729 #PanelUI-quit:not([disabled]):hover,
730 #PanelUI-customize:hover:active,
731 #PanelUI-help:not([disabled]):hover:active,
732 #PanelUI-quit:not([disabled]):hover:active {
733 -moz-image-region: rect(0, 32px, 16px, 16px);
736 #PanelUI-help[disabled],
737 #PanelUI-quit[disabled] {
738 -moz-image-region: rect(0, 48px, 16px, 32px);
741 #PanelUI-fxa-icon:not([disabled]):hover,
742 #PanelUI-help:not([disabled]):hover,
743 #PanelUI-customize:hover,
744 #PanelUI-quit:not([disabled]):hover {
747 #PanelUI-fxa-icon:not([disabled]):hover:active,
748 #PanelUI-help:not([disabled]):hover:active,
749 #PanelUI-customize:hover:active,
750 #PanelUI-quit:not([disabled]):hover:active {
753 #PanelUI-fxa-status:not([disabled]):hover,
754 #PanelUI-fxa-status:not([disabled]):hover:active,
755 #PanelUI-fxa-icon:not([disabled]):hover,
756 #PanelUI-fxa-icon:not([disabled]):hover:active {
759 #PanelUI-footer-fxa[fxastatus="error"] {
760 background-color: #FF0000;
764 #PanelUI-footer-fxa[fxastatus="error"] > #PanelUI-fxa-status:hover {
765 background-color: #FFCF00;
768 #PanelUI-footer-fxa[fxastatus="error"] > #PanelUI-fxa-status:hover:active {
769 background-color: #FF9F00;
772 #PanelUI-update-status {
776 #PanelUI-update-status[update-status="succeeded"] {
777 background-color: #008484;
781 #PanelUI-update-status[update-status="succeeded"]:not([disabled]):hover {
782 background-color: #FFCF00;
785 #PanelUI-update-status[update-status="succeeded"]:not([disabled]):hover:active {
786 background-color: #FF9F00;
789 #PanelUI-update-status[update-status="failed"] {
790 background-color: #FF0000;
794 #PanelUI-update-status[update-status="failed"]:not([disabled]):hover {
795 background-color: #FFCF00;
798 #PanelUI-update-status[update-status="failed"]:not([disabled]):hover:active {
799 background-color: #FF9F00;
802 #PanelUI-quit:not([disabled]):hover {
803 background-color: #FF0000;
806 #PanelUI-quit:not([disabled]):hover:active {
807 background-color: #FF9F00;
810 #customization-panelHolder #PanelUI-customize {
812 background-color: #008484;
817 #customization-panelHolder #PanelUI-customize + toolbarseparator {
821 #customization-panelHolder #PanelUI-customize:hover,
822 #customization-panelHolder #PanelUI-customize:hover:active {
823 background-color: #FFCF00;
827 #customization-palette .toolbarbutton-multiline-text,
828 #customization-palette .toolbarbutton-text {
832 panelview .toolbarbutton-1,
834 .widget-overflow-list .toolbarbutton-1,
835 .panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button,
836 .share-provider-button,
837 .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton {
839 background-color: hsla(210,4%,10%,0);
842 border-color: hsla(210,4%,10%,0);*/
845 panelview .toolbarbutton-1,
847 .widget-overflow-list .toolbarbutton-1,
848 .share-provider-button,
849 .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton {
853 .subviewbutton.panel-subview-footer {
854 /* border-radius: 0; */
858 .subviewbutton.panel-subview-footer > .menu-text {
859 -moz-margin-start: 0px !important;
860 -moz-padding-start: 6px;
861 -moz-padding-end: 6px;
866 .subviewbutton.panel-subview-footer > .toolbarbutton-icon {
870 .subviewbutton.panel-subview-footer > .toolbarbutton-text {
875 .subviewbutton.panel-subview-footer > .menu-accel-container {
876 -moz-padding-start: 6px;
879 .subviewbutton:not(.panel-subview-footer) {
883 .subviewbutton:not(.panel-subview-footer) > .toolbarbutton-text,
884 /* Bookmark items need a more specific selector. */
885 .PanelUI-subView .subviewbutton:not(.panel-subview-footer) > .menu-text,
886 .PanelUI-subView .subviewbutton:not(.panel-subview-footer) > .menu-iconic-text {
890 .PanelUI-subView .subviewbutton[shortcut]::after {
891 content: attr(shortcut);
896 .PanelUI-subView.cui-widget-panelview .subviewbutton[shortcut]::after {
897 -moz-margin-start: 10px;
900 /* This is a <label> but it should fit in with the menu font- and colorwise. */
901 #PanelUI-characterEncodingView-autodetect-label {
906 .cui-widget-panelview .subviewbutton:not(.panel-subview-footer) {
911 panelview .toolbarbutton-1,
912 .widget-overflow-list .toolbarbutton-1 {
917 panelview .toolbarbutton-1:not(:-moz-any([disabled],[open],:active)):hover,
918 toolbarbutton.subviewbutton:not(:-moz-any([disabled],[open],:active)):hover,
919 menu.subviewbutton:not(:-moz-any([disabled],:active))[_moz-menuactive],
920 menuitem.subviewbutton:not(:-moz-any([disabled],:active))[_moz-menuactive],
921 .share-provider-button:not(:-moz-any([disabled],[open],:active)):hover,
922 .widget-overflow-list .toolbarbutton-1:not(:-moz-any([disabled],[open],:active)):hover,
923 .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])
924 > toolbarbutton:not(:-moz-any([disabled],[checked="true"],[open],:active)):hover {
925 background-color: hsla(210,4%,10%,.08);
926 border-color: hsla(210,4%,10%,.11);
929 .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]):not(:-moz-any([disabled],[open],:active)):hover {
930 border-color: hsla(210,4%,10%,.11);
933 panelview .toolbarbutton-1:-moz-any(:not([disabled]):-moz-any([open],:hover:active),[checked=true]),
934 toolbarbutton.subviewbutton:not([disabled]):-moz-any([open],:hover:active),
935 menu.subviewbutton:not([disabled])[_moz-menuactive]:active,
936 menuitem.subviewbutton:not([disabled])[_moz-menuactive]:active,
937 .share-provider-button:not([disabled]):-moz-any([open],:hover:active),
938 .widget-overflow-list .toolbarbutton-1:not([disabled]):-moz-any([open],:hover:active),
939 .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])
940 > toolbarbutton:not([disabled]):-moz-any([open],:hover:active) {
941 background-color: hsla(210,4%,10%,.12);
942 border-color: hsla(210,4%,10%,.14);
943 box-shadow: 0 1px 0 hsla(210,4%,10%,.03) inset;
946 .subviewbutton.panel-subview-footer {
947 margin: 4px -4px -4px;
948 background-color: hsla(210,4%,10%,.07);
949 border-top: 1px solid hsla(210,4%,10%,.12);
954 menuitem.panel-subview-footer:not(:-moz-any([disabled],[open],:active)):hover,
955 .subviewbutton.panel-subview-footer:not(:-moz-any([disabled],[open],:active)):hover {
956 background-color: hsla(210,4%,10%,.1);
957 border-top: 1px solid hsla(210,4%,10%,.12);
960 menuitem.panel-subview-footer:not([disabled]):-moz-any([open],:hover:active),
961 .subviewbutton.panel-subview-footer:not([disabled]):-moz-any([open],:hover:active) {
962 background-color: hsla(210,4%,10%,.15);
963 border-top: 1px solid hsla(210,4%,10%,.12);
964 box-shadow: 0 1px 0 hsla(210,4%,10%,.05) inset;
967 #BMB_bookmarksPopup .subviewbutton {
972 #BMB_bookmarksPopup .subviewbutton:not([disabled="true"]) {
976 #BMB_bookmarksPopup > .panel-arrowcontainer > .panel-arrowcontent > .popup-internal-box > .autorepeatbutton-up,
977 #BMB_bookmarksPopup > .panel-arrowcontainer > .panel-arrowcontent > .popup-internal-box > .autorepeatbutton-down {
978 -moz-appearance: none;
983 / Remove padding on xul:arrowscrollbox to avoid extra padding on footer /
984 #BMB_bookmarksPopup arrowscrollbox {
988 #BMB_bookmarksPopup menupopup > .bookmarks-actions-menuseparator {
989 / Hide bottom separator as the styled footer includes a top border serving the same purpose /
993 / Popups with only one item don't have a footer /
994 #BMB_bookmarksPopup menupopup[placespopup=true][singleitempopup=true] > hbox > .popup-internal-box > .arrowscrollbox-scrollbox > .scrollbox-innerbox,
995 / These popups never have a footer /
996 #BMB_bookmarksToolbarPopup > hbox > .popup-internal-box > .arrowscrollbox-scrollbox > .scrollbox-innerbox,
997 #BMB_unsortedBookmarksPopup > hbox > .popup-internal-box > .arrowscrollbox-scrollbox > .scrollbox-innerbox {
998 / And so they need some bottom padding: /
1002 / Disabled (empty) item is always alone and never has an icon, so fix its left padding /
1003 #BMB_bookmarksPopup menupopup[emptyplacesresult] .bookmark-item.subviewbutton {
1008 .PanelUI-subView menuseparator,
1009 .PanelUI-subView toolbarseparator,
1010 .cui-widget-panelview menuseparator {
1011 -moz-appearance: none;
1013 border-top: 1px solid #9C9CFF;
1018 .PanelUI-subView menuseparator,
1019 .PanelUI-subView toolbarseparator {
1020 /* -moz-margin-start: -5px;
1021 -moz-margin-end: -4px;*/
1024 .PanelUI-subView menuseparator.small-separator,
1025 .PanelUI-subView toolbarseparator.small-separator {
1026 /* margin-left: 5px;
1027 margin-right: 5px;*/
1030 .cui-widget-panelview menuseparator.small-separator {
1031 /* margin-left: 10px;
1032 margin-right: 10px;*/
1035 .subviewbutton > .menu-accel-container {
1036 -moz-box-pack: start;
1037 -moz-margin-start: 10px;
1038 -moz-margin-end: auto;
1042 #PanelUI-historyItems > toolbarbutton {
1043 list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
1046 #PanelUI-recentlyClosedWindows > toolbarbutton > .toolbarbutton-icon,
1047 #PanelUI-recentlyClosedTabs > toolbarbutton > .toolbarbutton-icon,
1048 #PanelUI-historyItems > toolbarbutton > .toolbarbutton-icon {
1053 toolbarbutton[panel-multiview-anchor="true"],
1054 toolbarbutton[panel-multiview-anchor="true"] > .toolbarbutton-menubutton-button {
1056 background-color: #008484;
1059 #PanelUI-help[panel-multiview-anchor="true"] + toolbarseparator {
1063 #PanelUI-help[panel-multiview-anchor="true"] {
1064 background-image: none;
1067 #PanelUI-help[panel-multiview-anchor="true"]::after {
1072 width: var(--panel-ui-exit-subview-gutter-width);
1073 background-image: url("chrome://browser/skin/customizableui/subView-arrow-back-inverted.png");
1074 background-repeat: no-repeat;
1075 background-color: #008484;
1076 background-position: left 10px center, 0;
1079 #PanelUI-help[panel-multiview-anchor="true"]:-moz-locale-dir(rtl)::after {
1080 background-image: url(chrome://browser/skin/customizableui/subView-arrow-back-inverted-rtl.png);
1081 background-position: right 10px center, 0;
1084 toolbarbutton[panel-multiview-anchor="true"] {
1085 background-image: url("chrome://browser/skin/customizableui/subView-arrow-back-inverted.png");
1086 background-position: right calc((22.35em / 3 - 0.1px) / 2 - var(--panel-ui-exit-subview-gutter-width) + 2px) center;
1087 background-repeat: no-repeat;
1090 toolbarbutton[panel-multiview-anchor="true"]:-moz-locale-dir(rtl) {
1091 background-image: url("chrome://browser/skin/customizableui/subView-arrow-back-inverted-rtl.png");
1092 background-position: left calc((22.35em / 3 - 0.1px) / 2 - var(--panel-ui-exit-subview-gutter-width) + 2px) center;
1095 toolbarpaletteitem[place="palette"] > .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker,
1096 #bookmarks-menu-button[cui-areatype="menu-panel"] > .toolbarbutton-menubutton-dropmarker {
1100 #search-container[cui-areatype="menu-panel"],
1101 #wrapper-search-container[place="panel"] {
1105 #search-container[cui-areatype="menu-panel"] {
1110 toolbarpaletteitem[place="palette"] > #search-container {
1115 .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) {
1117 transition-property: background-color, border-color;
1118 transition-duration: 150ms;
1121 /* Make direct siblings overlap borders: */
1122 .toolbaritem-combined-buttons + .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) {
1123 /* border-top-color: transparent !important; */
1126 .toolbaritem-combined-buttons + .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]),
1127 toolbarpaletteitem[haswideitem][place="panel"] + toolbarpaletteitem[haswideitem][place="panel"] {
1128 /* margin-top: -1px; */
1131 .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton {
1136 min-width: calc(22.35em / 3 - 0.1px);
1137 max-width: calc(22.35em / 3 - 0.1px);
1138 /* We'd prefer to use height: auto here but it leads to layout bugs in the panel. Cope:
1139 1.2em for line height + 2 * .5em padding + margin on the label (2 * 2px) */
1140 height: calc(2.2em + 4px);
1142 -moz-box-orient: horizontal;
1145 #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #copy-button,
1146 #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-reset-button {
1147 /* reduce the width with 2px for this button to compensate for two separators
1149 min-width: calc(22.35em / 3 - 0.1px - 2px);
1150 max-width: calc(22.35em / 3 - 0.1px - 2px);
1153 #main-window:not([customizing]) .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton[disabled] > .toolbarbutton-icon {
1157 #zoom-controls[cui-areatype="toolbar"] > #zoom-reset-button > .toolbarbutton-text {
1161 #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #cut-button:-moz-locale-dir(ltr),
1162 #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #paste-button:-moz-locale-dir(rtl),
1163 #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-out-button:-moz-locale-dir(ltr),
1164 #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-in-button:-moz-locale-dir(rtl) {
1165 border-top-right-radius: 0;
1166 border-bottom-right-radius: 0;
1169 #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #cut-button:-moz-locale-dir(rtl),
1170 #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #paste-button:-moz-locale-dir(ltr),
1171 #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-out-button:-moz-locale-dir(rtl),
1172 #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-in-button:-moz-locale-dir(ltr) {
1173 border-top-left-radius: 0;
1174 border-bottom-left-radius: 0;
1177 .toolbaritem-combined-buttons > separator {
1178 -moz-appearance: none;
1180 -moz-box-align: stretch;
1183 .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > separator {
1187 /* background: hsla(210,4%,10%,.15);*/
1188 transition-property: margin;
1189 transition-duration: 10ms;
1190 transition-timing-function: ease;
1193 .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]):hover > separator {
1197 #widget-overflow > .panel-arrowcontainer > .panel-arrowcontent {
1201 .cui-widget-panelview,
1202 #widget-overflow-scroller {
1207 #widget-overflow-scroller {
1210 margin-bottom: 10px;
1213 #widget-overflow-list {
1216 padding-right: 10px;
1219 toolbaritem[overflowedItem=true],
1220 toolbarbutton[overflowedItem=true] {
1224 background-repeat: no-repeat;
1225 background-position: 0 center;
1228 .widget-overflow-list .toolbarbutton-1,
1229 .widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-button {
1230 -moz-box-align: center;
1231 -moz-box-orient: horizontal;
1234 .widget-overflow-list .toolbarbutton-1:not(.toolbarbutton-combined) > .toolbarbutton-text,
1235 .widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-text {
1237 -moz-padding-start: .5em;
1240 #widget-overflow-list > .toolbaritem-combined-buttons {
1244 .widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-button::after {
1249 -moz-margin-end: -1px;
1252 .subviewbutton[checked="true"] {
1253 background-image: url("chrome://global/skin/menu/menu-check.gif");
1254 background-position: top 5px left 4px;
1255 background-repeat: no-repeat;
1258 .subviewbutton[checked="true"]:-moz-locale-dir(rtl) {
1259 background-position: top 5px right 4px;
1262 .subviewbutton[checked="true"]:hover {
1263 background-image: url("chrome://global/skin/menu/menu-check-hover.gif");
1266 .subbiewbutton > .menu-iconic-left {
1267 -moz-margin-end: 3px;
1270 menuitem[checked="true"].subviewbutton > .menu-iconic-left {
1274 .panel-mainview[panelid=customizationui-widget-panel],
1275 #customizationui-widget-multiview > .panel-viewcontainer,
1276 #customizationui-widget-multiview > .panel-viewcontainer > .panel-viewstack,
1277 #PanelUI-panicView > .panel-subview-body,
1279 #PanelUI-pocketView > .panel-subview-body,
1280 #PanelUI-pocketView {
1285 #PanelUI-panicView.cui-widget-panelview {
1289 #PanelUI-panic-timeframe {
1291 border-bottom: 1px solid #A09090;
1294 #panic-button-success-icon,
1295 #PanelUI-panic-timeframe-icon,
1296 #PanelUI-panic-timeframe-icon-small {
1297 background-color: transparent;
1298 -moz-margin-end: 10px;
1301 #panic-button-success-icon,
1302 #PanelUI-panic-timeframe-icon {
1303 list-style-image: url(chrome://browser/skin/panic-panel/header.png);
1308 #PanelUI-panic-timeframe-icon-small {
1309 list-style-image: url(chrome://browser/skin/panic-panel/header-small.png);
1314 /* current attribute is only set when in use as a subview instead of a main view */
1315 #PanelUI-panicView[current] #PanelUI-panic-timeframe-icon {
1319 #PanelUI-panicView.cui-widget-panelview #PanelUI-panic-timeframe-icon-small {
1323 #panic-button-success-header,
1324 #PanelUI-panic-header {
1325 -moz-box-align: center;
1329 #PanelUI-panicView.cui-widget-panelview #PanelUI-panic-header {
1333 #PanelUI-panic-timeframe-icon-small:-moz-locale-dir(rtl),
1334 #PanelUI-panic-timeframe-icon:-moz-locale-dir(rtl) {
1335 transform: scaleX(-1);
1342 .subviewradio@buttonStateHover@ {
1345 .subviewradio[selected],
1346 .subviewradio[selected]:hover,
1347 .subviewradio@buttonStateActive@ {
1350 .subviewradio > .radio-check {
1353 .subviewradio > .radio-check[selected] {
1357 #PanelUI-panic-explanations {
1358 padding: 10px 10px 0;
1361 #PanelUI-panic-actionlist-main-label {
1366 .PanelUI-panic-actionlist {
1367 -moz-padding-start: 20px;
1369 padding-bottom: 2px;
1370 background-size: 16px 16px;
1371 background-repeat: no-repeat;
1372 background-color: transparent;
1373 background-position: center left;
1376 .PanelUI-panic-actionlist:-moz-locale-dir(rtl) {
1377 background-position: center right;
1380 #PanelUI-panic-actionlist-cookies {
1381 background-image: -moz-image-rect(url(chrome://browser/skin/panic-panel/icons.png), 0, 16, 16, 0);
1384 #PanelUI-panic-actionlist-history {
1385 background-image: -moz-image-rect(url(chrome://browser/skin/panic-panel/icons.png), 0, 32, 16, 16);
1388 #PanelUI-panic-actionlist-windows {
1389 background-image: -moz-image-rect(url(chrome://browser/skin/panic-panel/icons.png), 0, 48, 16, 32);
1392 #PanelUI-panic-actionlist-newwindow {
1393 background-image: -moz-image-rect(url(chrome://browser/skin/panic-panel/icons.png), 0, 64, 16, 48);
1396 #PanelUI-panic-warning {
1403 #PanelUI-panic-view-button {
1404 background-color: #FF0000;
1408 #PanelUI-panic-view-button:hover {
1409 background-color: #FFCF00;
1412 #PanelUI-panic-view-button:hover:active {
1413 background-color: #FF9F00;
1416 #PanelUI-panic-view-button > .toolbarbutton-text {
1421 #panic-button-success-closebutton {
1424 #panic-button-success-closebutton:hover {
1427 #panic-button-success-closebutton:hover:active {
1430 /* === END panelUIOverlay.inc.css === */
1433 background-color: #000000;
1436 #PanelUI-contents #zoom-out-btn {
1438 padding-right: 12px;
1441 #PanelUI-contents #zoom-in-btn {
1443 padding-right: 12px;
1446 /* bookmark panel submenus */
1448 #BMB_bookmarksPopup menupopup[placespopup=true] {
1449 /* background: transparent;
1454 #BMB_bookmarksPopup menupopup[placespopup=true] > hbox {
1455 /* emulating chrome://browser/content/places/menu.xml#places-popup-arrow but without the arrow */
1456 /* background: var(--panel-arrowcontent-background);
1457 border: var(--panel-arrowcontent-border);
1458 border-radius: 3.5px;
1462 #BMB_bookmarksPopup menupopup {
1463 /* padding-top: 2px;*/
1466 /* Add some space at the top because there are no headers: */
1467 #BMB_bookmarksPopup menupopup[placespopup=true] > hbox > .popup-internal-box > .arrowscrollbox-scrollbox > .scrollbox-innerbox {
1468 /* padding-top: 4px;*/
1471 /* bookmark panel separator */
1472 #BMB_bookmarksPopup menuseparator {
1477 .subviewbutton > .menu-right,
1478 .subviewbutton > .menu-iconic-left {
1479 /* padding-top: 1px;
1481 margin-bottom: 2px;*/
1484 /* Disabled empty item looks too small otherwise, because it has no icon. */
1485 menuitem.subviewbutton[disabled]:not(.menuitem-iconic),
1486 /* Same for checkbox menu items, whose icons lose size due to -moz-appearance: none: */
1487 menuitem[type="checkbox"].subviewbutton {
1488 /* This is 16px for an icon + 3px for its margins + 1px for its padding +
1489 * 2px for its border, see above */
1490 /* min-height: 22px;*/
1493 .subviewbutton > .toolbarbutton-text {
1494 /* padding-top: 3px;
1495 padding-bottom: 3px;*/
1498 .widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-button {
1499 -moz-appearance: none;
1501 -moz-margin-start: 3px;
1504 .widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
1506 -moz-padding-start: 0;
1510 menu.subviewbutton > .menu-right:-moz-locale-dir(rtl) {
1511 /* transform: scaleX(-1); */
1514 .widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
1518 .subviewbutton > .toolbarbutton-text {
1519 -moz-padding-start: 16px;
1522 .subviewbutton:-moz-any([image],[targetURI],.cui-withicon, .restoreallitem, .bookmark-item) > .toolbarbutton-text {
1523 -moz-padding-start: 0;
1526 /* subviewbutton entries for social sidebars have images that come from external
1527 /* sources, and are not guaranteed to be the size we want, so force the size on
1529 toolbarbutton.social-provider-menuitem > .toolbarbutton-icon {
1534 .subviewbutton:-moz-any([image],[targetURI],.cui-withicon, .restoreallitem, .bookmark-item)[checked="true"] > .toolbarbutton-icon {
1538 menu.subviewbutton > .menu-right {
1539 list-style-image: url("chrome://global/skin/menu/menu-arrow.svg#arrow);
1540 /* Reset the rect we inherit from the button: */
1541 -moz-image-region: auto;
1543 menu.subviewbutton:not([disabled="true"]):hover > .menu-right,
1544 menu.subviewbutton:not([disabled="true"])[_moz-menuactive="true"] > .menu-right {
1545 list-style-image: url("chrome://global/skin/menu/menu-arrow.svg#arrow-hover");
1547 menu[disabled="true"].subviewbutton > .menu-right {
1548 list-style-image: url("chrome://global/skin/menu/menu-arrow.svg#arrow-disabled");