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.png);
18 background-size: 64px 64px;
23 transition: transform 1s ease-out;
24 animation: whimsyMoveX 3.05s linear 0s infinite alternate,
25 whimsyMoveY 3.4s linear 0s infinite alternate;
28 #PanelUI-popup #PanelUI-contents:not(:hover):empty::before {
29 filter: grayscale(100%);
32 #PanelUI-popup #PanelUI-contents:active:empty::before {
33 animation: whimsyMoveX 3.05s linear 0s infinite alternate,
34 whimsyMoveY 3.4s linear 0s infinite alternate,
35 whimsyRotate 1s linear 0s infinite normal;
38 #PanelUI-popup #PanelUI-contents:-moz-locale-dir(rtl):empty::before {
39 animation: whimsyMoveXRTL 3.05s linear 0s infinite alternate,
40 whimsyMoveY 3.4s linear 0s infinite alternate;
43 #PanelUI-popup #PanelUI-contents:-moz-locale-dir(rtl):active:empty::before {
44 animation: whimsyMoveXRTL 3.05s linear 0s infinite alternate,
45 whimsyMoveY 3.4s linear 0s infinite alternate,
46 whimsyRotate 1s linear 0s infinite normal;
49 @media (min-resolution: 2dppx) {
50 #PanelUI-popup #PanelUI-contents:empty::before {
51 background-image: url("chrome://browser/skin/customizableui/whimsy@2x.png");
55 @keyframes whimsyMoveX {
56 /* These values are adjusted for the padding on the panel. */
57 from { margin-left: -9px; } to { margin-left: calc(100% - 55px); }
60 @keyframes whimsyMoveXRTL {
61 /* These values are adjusted for the padding on the panel. */
62 from { margin-right: -9px; } to { margin-right: calc(100% - 55px); }
65 @keyframes whimsyMoveY {
66 /* These values are adjusted for the padding and height of the panel. */
67 from { margin-top: -.5em; } to { margin-top: calc(64px - .5em); }
70 @keyframes whimsyRotate {
71 to { transform: perspective(5000px) rotateY(360deg); }
74 #customization-panelHolder {
79 -moz-margin-start: 3px;
82 #PanelUI-button:-moz-locale-dir(rtl) {
85 #PanelUI-menu-button[badge-status] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
89 background-size: contain;
93 #PanelUI-menu-button[badge-status="update-succeeded"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
94 background: #008484 url(chrome://browser/skin/update-badge.svg) no-repeat center;
98 #PanelUI-menu-button[badge-status="update-failed"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
99 background: #FF0000 url(chrome://browser/skin/update-badge-failed.svg) no-repeat center;
103 #PanelUI-menu-button[badge-status="fxa-needs-authentication"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
104 background: transparent url(chrome://browser/skin/warning.svg) no-repeat center;
109 #PanelUI-menu-button[badge-status="fxa-needs-authentication"] > .toolbarbutton-badge-stack > .toolbarbutton-badge:-moz-window-inactive {
114 -moz-margin-start: var(--panel-ui-exit-subview-gutter-width);
117 .panel-viewstack[viewtype="main"] > .panel-subviews {
118 transform: translateX(22.35em);
121 .panel-viewstack[viewtype="main"] > .panel-subviews:-moz-locale-dir(rtl) {
122 transform: translateX(-22.35em);
125 panelmultiview[nosubviews=true] > .panel-viewcontainer > .panel-viewstack > .panel-subviews {
129 .panel-viewstack:not([viewtype="main"]) > .panel-mainview > #PanelUI-mainView {
133 .panel-subview-body {
139 #PanelUI-popup .panel-subview-body {
144 .panel-subview-header,
145 .subviewbutton.panel-subview-footer {
146 box-sizing: border-box;
147 /* min-height: 41px; */
151 .panel-subview-header {
153 background-color: #A09090;
155 font-variant: small-caps;
159 .panel-subview-footer {
160 border-top: 1px solid #A09090;
163 .cui-widget-panelview .panel-subview-header {
167 .cui-widget-panelview .subviewbutton.panel-subview-footer {
169 -moz-box-pack: center;
174 flex-direction: column;
178 #PanelUI-popup > arrowscrollbox > autorepeatbutton {
181 #PanelUI-popup > arrowscrollbox > scrollbox {
185 #PanelUI-popup > .panel-arrowcontainer > .panel-arrowcontent {
194 .panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-multiline-text,
195 .panelUI-grid .toolbarbutton-1 > .toolbarbutton-multiline-text {
196 /* line-height: 1.1;*/
200 .panelUI-grid .toolbarbutton-1:not([auto-hyphens="off"]) > .toolbarbutton-menubutton-button > .toolbarbutton-multiline-text,
201 .panelUI-grid .toolbarbutton-1:not([auto-hyphens="off"]) > .toolbarbutton-multiline-text {
205 .panelUI-grid:not([customize-transitioning]) .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-multiline-text,
206 .panelUI-grid:not([customize-transitioning]) .toolbarbutton-1 > .toolbarbutton-multiline-text {
208 clip: rect(auto, auto, 2.3em, auto);
211 .panelUI-grid .toolbarbutton-1 > .toolbarbutton-text,
212 .panelUI-grid .toolbarbutton-1 > .toolbarbutton-multiline-text {
214 /* Need to override toolkit theming which sets margin: 0 !important; */
215 margin: 2px 0 0 !important;
218 .panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-multiline-text {
223 #wrapper-edit-controls:-moz-any([place="palette"],[place="panel"]) > #edit-controls,
224 #wrapper-zoom-controls:-moz-any([place="palette"],[place="panel"]) > #zoom-controls {
225 -moz-margin-start: 0;
233 .panel-mainview:not([panelid="PanelUI-popup"]) {
237 /* Bug 1164419 - increase Pocket panel size to accomidate wider Russian text. */
238 panelmultiview[mainViewId=PanelUI-pocketView] > .panel-viewcontainer > .panel-viewstack > .panel-mainview:not([panelid="PanelUI-popup"]) {
239 max-width: 33em; /* standaloneSubviewWidth + 3 */
242 panelview:not([mainview]) .toolbarbutton-text,
243 .cui-widget-panel toolbarbutton > .toolbarbutton-text {
248 .cui-widget-panel > .panel-arrowcontainer > .panel-arrowcontent {
252 .cui-widget-panel[viewId="PanelUI-pocketView"] > .panel-arrowcontainer > .panel-arrowcontent {
257 .cui-widget-panel.cui-widget-panelWithFooter > .panel-arrowcontainer > .panel-arrowcontent {
261 .cui-widget-panel > :-moz-any(menu,menuitem,toolbarbutton):first-child {
262 border-radius: 4px 4px 0 0;
265 .cui-widget-panel > :-moz-any(menu,menuitem,toolbarbutton):last-child {
266 border-radius: 0 0 4px 4px;
277 #PanelUI-contents-scroller {
284 .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton > .toolbarbutton-icon {
290 toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-item),
291 .panelUI-grid .toolbarbutton-1,
292 .panel-customization-placeholder-child {
293 -moz-appearance: none;
294 -moz-box-orient: vertical;
295 width: calc(22.35em / 3 - 0.1px - 2px); /* LCARStrek: XXX: found out to be needed to fit the icons */
296 height: calc(51px + 2.2em);
299 /* In order to have button labels constrained appropriately, items inside the toolbarpaletteitem
300 * should have a min-width set so they abide by the width set above (which they do outside of
301 * customize mode because they're in a flexed container) */
302 toolbarpaletteitem[place="panel"]:not([haswideitem=true]) > .toolbarbutton-1 {
306 /* Help SDK buttons fit in. */
307 toolbarpaletteitem[place="palette"] > toolbarbutton[constrain-size="true"] > .toolbarbutton-icon,
308 toolbarpaletteitem[place="palette"] > toolbarbutton[constrain-size="true"] > .toolbarbutton-badge-stack > .toolbarbutton-icon,
309 toolbarbutton[constrain-size="true"][cui-areatype="menu-panel"] > .toolbarbutton-icon,
310 toolbarbutton[constrain-size="true"][cui-areatype="menu-panel"] > .toolbarbutton-badge-stack > .toolbarbutton-icon {
315 .customization-palette .toolbarbutton-1 {
316 -moz-appearance: none;
317 -moz-box-orient: vertical;
320 .panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button {
321 -moz-appearance: none;
322 -moz-box-orient: vertical;
323 width: calc(22.35em / 3 - 0.1px - 2px);
324 height: calc(49px + 2.2em);
328 .panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-text,
329 .panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-multiline-text {
330 margin-top: 2px; /* Hack needed to get the label of type=menu-button aligned with other buttons */
333 .panel-customization-placeholder-child {
335 /* padding: 2px 6px;*/
338 .panelUI-grid .toolbarbutton-1[type="menu"] {
339 background-image: url("chrome://global/skin/arrow/arrow-down-sharp.gif");
340 background-position: right 3px top 16px;
341 background-repeat: no-repeat;
344 .panelUI-grid .toolbarbutton-1[type="menu"]:-moz-locale-dir(rtl) {
345 background-position: left 3px top 16px;
348 .panelUI-grid .toolbarbutton-1 > .toolbarbutton-menu-dropmarker {
352 .panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
353 -moz-box-align: center;
355 -moz-margin-start: -16px;
357 margin-bottom: 2.2em;
361 .panelUI-grid .toolbarbutton-1:not([buttonover]):not([disabled]):-moz-any([open],:hover:active) > .toolbarbutton-menubutton-dropmarker {
362 border-radius: 0 0 0 2px;
365 .panelUI-grid .toolbarbutton-1:not([buttonover]):not([disabled]):-moz-any([open],:hover:active)> .toolbarbutton-menubutton-dropmarker:-moz-locale-dir(rtl) {
366 border-radius: 0 0 2px 0;
369 #main-window:not([customizing]) .panel-combined-button[disabled] > .toolbarbutton-icon {
373 toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-item) {
374 width: calc(22.35em / 3 - 0.1px);
375 margin: 0 !important;
378 toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-item) {
379 -moz-box-align: center;
380 -moz-box-pack: center;
383 toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"] > iframe {
387 #PanelUI-multiView[viewtype="subview"] > .panel-viewcontainer > .panel-viewstack > .panel-mainview > #PanelUI-mainView {
390 #PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-contents-scroller > #PanelUI-contents > .panel-wide-item,
391 #PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-contents-scroller > #PanelUI-contents > .toolbarbutton-1:not([panel-multiview-anchor="true"]),
392 #PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-update-status,
393 #PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-footer-fxa > #PanelUI-fxa-status > #PanelUI-fxa-avatar,
394 #PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-footer-fxa > #PanelUI-fxa-status > #PanelUI-fxa-label,
395 #PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-footer-fxa > #PanelUI-fxa-icon,
396 #PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-footer-inner > toolbarseparator,
397 #PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-footer-inner > #PanelUI-customize,
398 #PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-footer-inner > #PanelUI-help:not([panel-multiview-anchor="true"]) {
403 * XXXgijs: this is a workaround for a layout issue that was caused by these iframes,
404 * which was affecting subview display. Because of this, we're hiding the iframe *only*
405 * when displaying a subview. The discerning user might notice this, but it's not nearly
406 * as bad as the brokenness.
407 * This hack should be removed once https://bugzilla.mozilla.org/show_bug.cgi?id=975375
410 #PanelUI-multiView[viewtype="subview"] toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-item) > iframe {
414 toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-item) > .toolbarbutton-text {
418 .panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
419 .panelUI-grid .toolbarbutton-1 > .toolbarbutton-icon,
420 .panelUI-grid .toolbarbutton-1 > .toolbarbutton-badge-stack,
421 .customization-palette .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
422 .customization-palette .toolbarbutton-1 > .toolbarbutton-icon,
423 .customization-palette .toolbarbutton-1 > .toolbarbutton-badge-stack,
424 .panelUI-grid #bookmarks-toolbar-placeholder > .toolbarbutton-icon,
425 .customization-palette #bookmarks-toolbar-placeholder > .toolbarbutton-icon,
426 .panel-customization-placeholder-child > .toolbarbutton-icon {
429 /* Explanation for the below formula (A / B - C)
431 Each button is 22.35em / 3 - 0.1px wide
433 Each button has two margins.
435 The button icon is 32 pixels wide.
436 The button has 12px of horizontal padding (6 on each side).
437 The button has 0px of horizontal border (0 on each side).
438 Total width of button's icon + button padding should therefore be 44px,
439 which means each horizontal margin should be the half the button's width - (44/2) px.
441 margin: 4px calc((22.35em / 3 - 0.1px) / 2 - 22px);
444 /* above we treat the container as the icon for the margins, that is so the
445 /* badge itself is positioned correctly. Here we make sure that the icon itself
446 /* has the minum size we want, but no padding/margin. */
447 .panelUI-grid .toolbarbutton-1 > .toolbarbutton-badge-stack > .toolbarbutton-icon,
448 .customization-palette .toolbarbutton-1 > .toolbarbutton-badge-stack > .toolbarbutton-icon {
457 toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
461 #personal-bookmarks[overflowedItem=true] > #bookmarks-toolbar-placeholder {
465 #personal-bookmarks[cui-areatype="toolbar"][overflowedItem=true] > #bookmarks-toolbar-placeholder > .toolbarbutton-icon {
466 -moz-margin-end: 2px;
469 #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #copy-button,
470 #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-reset-button {
476 #zoom-in-button > .toolbarbutton-text,
477 #zoom-out-button > .toolbarbutton-text,
478 #zoom-reset-button > .toolbarbutton-icon {
485 flex-direction: column;
486 /* background-color: hsla(210,4%,10%,.07);*/
489 /* min-height: 4em;*/
490 border-bottom-right-radius: 4px;
491 border-bottom-left-radius: 4px;
494 #main-window[customizing] #PanelUI-footer-fxa > toolbarseparator {
498 #PanelUI-footer-fxa:not([fxastatus="signedin"]) > toolbarseparator,
499 #PanelUI-footer-fxa:not([fxastatus="signedin"]) > #PanelUI-fxa-icon,
500 #PanelUI-footer-fxa:not([fxaprofileimage]) > #PanelUI-fxa-status > #PanelUI-fxa-avatar {
504 #PanelUI-footer-fxa[fxastatus="error"] > #PanelUI-fxa-status::after {
505 content: url("chrome://browser/skin/warning.svg");
514 #PanelUI-update-status[update-status]::after {
518 margin-right: 16.5px;
520 background-size: contain;
524 #PanelUI-update-status[update-status="succeeded"]::after {
525 background-image: url(chrome://browser/skin/update-badge.svg);
526 background-color: #008484;
529 #PanelUI-update-status[update-status="failed"]::after {
530 background-image: url(chrome://browser/skin/update-badge-failed.svg);
531 background-color: #FF0000;
534 #PanelUI-fxa-status {
540 #PanelUI-footer-inner,
541 #PanelUI-footer-fxa:not([hidden]) {
543 border-top: 1px solid #9C9CFF;
546 #PanelUI-multiView[viewtype="subview"] #PanelUI-footer-inner,
547 #PanelUI-multiView[viewtype="subview"] #PanelUI-footer-fxa {
551 #PanelUI-footer-inner > toolbarseparator,
552 #PanelUI-footer-fxa > toolbarseparator {
554 border-left: 1px solid #9C9CFF;
558 #PanelUI-footer-inner:hover > toolbarseparator,
559 #PanelUI-footer-fxa:hover > toolbarseparator {
563 #PanelUI-update-status,
571 box-sizing: border-box;
576 transition: background-color;
577 -moz-box-orient: horizontal;
580 #PanelUI-update-status {
581 border-top: 1px solid #9C9CFF;
582 border-bottom: 1px solid transparent;
586 #PanelUI-update-status > .toolbarbutton-text {
587 width: 0; /* Fancy cropping solution for flexbox. */
590 #PanelUI-help[panel-multiview-anchor="true"] {
591 -moz-image-region: rect(0, 32px, 16px, 16px);
599 #PanelUI-update-status > .toolbarbutton-text,
600 #PanelUI-fxa-label > .toolbarbutton-text,
601 #PanelUI-customize > .toolbarbutton-text {
607 #PanelUI-help > .toolbarbutton-text,
608 #PanelUI-quit > .toolbarbutton-text,
609 #PanelUI-fxa-avatar > .toolbarbutton-text {
613 #PanelUI-update-status > .toolbarbutton-icon,
614 #PanelUI-fxa-label > .toolbarbutton-icon,
615 #PanelUI-fxa-icon > .toolbarbutton-icon,
616 #PanelUI-customize > .toolbarbutton-icon,
617 #PanelUI-help > .toolbarbutton-icon,
618 #PanelUI-quit > .toolbarbutton-icon {
623 -moz-padding-start: 15px;
624 -moz-padding-end: 15px;
630 -moz-padding-start: 15px;
631 -moz-border-start-style: none;
634 #PanelUI-footer-fxa[fxaprofileimage="set"] > #PanelUI-fxa-status > #PanelUI-fxa-label,
635 #PanelUI-footer-fxa[fxaprofileimage="enabled"]:not([fxastatus="error"]) > #PanelUI-fxa-status > #PanelUI-fxa-label {
636 -moz-padding-start: 0px;
639 #PanelUI-update-status {
640 width: calc(22.35em + 30px);
641 -moz-padding-start: 15px;
642 -moz-border-start-style: none;
645 #PanelUI-update-status {
646 list-style-image: url(chrome://branding/content/icon16.png);
651 list-style-image: url("chrome://browser/skin/syncFx-horizontalbar.png");
654 #PanelUI-footer-fxa[syncstatus="active"] > #PanelUI-fxa-icon {
655 list-style-image: url("chrome://browser/skin/syncFxProgress-horizontalbar.png");
658 #PanelUI-footer-fxa[fxastatus="migrate-signup"] > #PanelUI-fxa-status > #PanelUI-fxa-label,
659 #PanelUI-footer-fxa[fxastatus="migrate-verify"] > #PanelUI-fxa-status > #PanelUI-fxa-label {
660 list-style-image: url(chrome://browser/skin/warning.svg);
664 list-style-image: url("chrome://browser/skin/menuPanel-customize.png");
667 #customization-panelHolder #PanelUI-customize {
668 list-style-image: url("chrome://browser/skin/customizableui/menuPanel-customizeFinish.png");
672 list-style-image: url("chrome://browser/skin/menuPanel-help.png");
676 -moz-border-end-style: none;
677 list-style-image: url("chrome://browser/skin/menuPanel-exit.png");
685 -moz-image-region: rect(0, 16px, 16px, 0);
688 #PanelUI-footer-fxa[fxastatus="signedin"] > #PanelUI-fxa-status > #PanelUI-fxa-label > .toolbarbutton-icon,
689 #PanelUI-footer-fxa[fxastatus="error"][fxaprofileimage="set"] > #PanelUI-fxa-status > #PanelUI-fxa-label > .toolbarbutton-icon {
693 #PanelUI-footer-fxa[fxastatus="error"]:not([fxaprofileimage="set"]) > #PanelUI-fxa-status > #PanelUI-fxa-avatar {
697 #PanelUI-fxa-avatar[disabled],
698 #PanelUI-fxa-icon[disabled] {
702 #PanelUI-fxa-status[disabled] {
703 pointer-events: none;
706 #PanelUI-fxa-avatar {
710 background-repeat: no-repeat;
711 background-position: 0 0;
712 background-size: contain;
720 #PanelUI-footer-fxa[fxaprofileimage="enabled"] > #PanelUI-fxa-status > #PanelUI-fxa-avatar {
721 list-style-image: url(chrome://browser/skin/fxa/default-profile-image.svg);
724 #PanelUI-customize:hover,
725 #PanelUI-help:not([disabled]):hover,
726 #PanelUI-quit:not([disabled]):hover,
727 #PanelUI-customize:hover:active,
728 #PanelUI-help:not([disabled]):hover:active,
729 #PanelUI-quit:not([disabled]):hover:active {
730 -moz-image-region: rect(0, 32px, 16px, 16px);
733 #PanelUI-help[disabled],
734 #PanelUI-quit[disabled] {
735 -moz-image-region: rect(0, 48px, 16px, 32px);
738 #PanelUI-fxa-icon:not([disabled]):hover,
739 #PanelUI-help:not([disabled]):hover,
740 #PanelUI-customize:hover,
741 #PanelUI-quit:not([disabled]):hover {
744 #PanelUI-fxa-icon:not([disabled]):hover:active,
745 #PanelUI-help:not([disabled]):hover:active,
746 #PanelUI-customize:hover:active,
747 #PanelUI-quit:not([disabled]):hover:active {
750 #PanelUI-fxa-status:not([disabled]):hover,
751 #PanelUI-fxa-status:not([disabled]):hover:active,
752 #PanelUI-fxa-icon:not([disabled]):hover,
753 #PanelUI-fxa-icon:not([disabled]):hover:active {
756 #PanelUI-footer-fxa[fxastatus="error"] {
757 background-color: #FF0000;
761 #PanelUI-footer-fxa[fxastatus="error"] > #PanelUI-fxa-status:hover {
762 background-color: #FFCF00;
765 #PanelUI-footer-fxa[fxastatus="error"] > #PanelUI-fxa-status:hover:active {
766 background-color: #FF9F00;
769 #PanelUI-update-status {
773 #PanelUI-update-status[update-status="succeeded"] {
774 background-color: #008484;
778 #PanelUI-update-status[update-status="succeeded"]:not([disabled]):hover {
779 background-color: #FFCF00;
782 #PanelUI-update-status[update-status="succeeded"]:not([disabled]):hover:active {
783 background-color: #FF9F00;
786 #PanelUI-update-status[update-status="failed"] {
787 background-color: #FF0000;
791 #PanelUI-update-status[update-status="failed"]:not([disabled]):hover {
792 background-color: #FFCF00;
795 #PanelUI-update-status[update-status="failed"]:not([disabled]):hover:active {
796 background-color: #FF9F00;
799 #PanelUI-quit:not([disabled]):hover {
800 background-color: #FF0000;
803 #PanelUI-quit:not([disabled]):hover:active {
804 background-color: #FF9F00;
807 #customization-panelHolder #PanelUI-customize {
809 background-color: #008484;
814 #customization-panelHolder #PanelUI-customize + toolbarseparator {
818 #customization-panelHolder #PanelUI-customize:hover,
819 #customization-panelHolder #PanelUI-customize:hover:active {
820 background-color: #FFCF00;
824 #customization-palette .toolbarbutton-multiline-text,
825 #customization-palette .toolbarbutton-text {
829 panelview .toolbarbutton-1,
831 .widget-overflow-list .toolbarbutton-1,
832 .panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button,
833 .share-provider-button,
834 .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton {
836 background-color: hsla(210,4%,10%,0);
839 border-color: hsla(210,4%,10%,0);*/
842 panelview .toolbarbutton-1,
844 .widget-overflow-list .toolbarbutton-1,
845 .share-provider-button,
846 .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton {
850 .subviewbutton.panel-subview-footer {
851 /* border-radius: 0; */
855 .subviewbutton.panel-subview-footer > .menu-text {
856 -moz-margin-start: 0px !important;
857 -moz-padding-start: 6px;
858 -moz-padding-end: 6px;
863 .subviewbutton.panel-subview-footer > .toolbarbutton-icon {
867 .subviewbutton.panel-subview-footer > .toolbarbutton-text {
872 .subviewbutton.panel-subview-footer > .menu-accel-container {
873 -moz-padding-start: 6px;
876 .subviewbutton:not(.panel-subview-footer) {
880 .subviewbutton:not(.panel-subview-footer) > .toolbarbutton-text,
881 /* Bookmark items need a more specific selector. */
882 .PanelUI-subView .subviewbutton:not(.panel-subview-footer) > .menu-text,
883 .PanelUI-subView .subviewbutton:not(.panel-subview-footer) > .menu-iconic-text {
887 .PanelUI-subView .subviewbutton[shortcut]::after {
888 content: attr(shortcut);
893 .PanelUI-subView.cui-widget-panelview .subviewbutton[shortcut]::after {
894 -moz-margin-start: 10px;
897 /* This is a <label> but it should fit in with the menu font- and colorwise. */
898 #PanelUI-characterEncodingView-autodetect-label {
903 .cui-widget-panelview .subviewbutton:not(.panel-subview-footer) {
908 panelview .toolbarbutton-1,
909 .widget-overflow-list .toolbarbutton-1 {
914 panelview .toolbarbutton-1:not(:-moz-any([disabled],[open],:active)):hover,
915 toolbarbutton.subviewbutton:not(:-moz-any([disabled],[open],:active)):hover,
916 menu.subviewbutton:not(:-moz-any([disabled],:active))[_moz-menuactive],
917 menuitem.subviewbutton:not(:-moz-any([disabled],:active))[_moz-menuactive],
918 .share-provider-button:not(:-moz-any([disabled],[open],:active)):hover,
919 .widget-overflow-list .toolbarbutton-1:not(:-moz-any([disabled],[open],:active)):hover,
920 .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])
921 > toolbarbutton:not(:-moz-any([disabled],[checked="true"],[open],:active)):hover {
922 background-color: hsla(210,4%,10%,.08);
923 border-color: hsla(210,4%,10%,.11);
926 .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]):not(:-moz-any([disabled],[open],:active)):hover {
927 border-color: hsla(210,4%,10%,.11);
930 panelview .toolbarbutton-1:-moz-any(:not([disabled]):-moz-any([open],:hover:active),[checked=true]),
931 toolbarbutton.subviewbutton:not([disabled]):-moz-any([open],:hover:active),
932 menu.subviewbutton:not([disabled])[_moz-menuactive]:active,
933 menuitem.subviewbutton:not([disabled])[_moz-menuactive]:active,
934 .share-provider-button:not([disabled]):-moz-any([open],:hover:active),
935 .widget-overflow-list .toolbarbutton-1:not([disabled]):-moz-any([open],:hover:active),
936 .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])
937 > toolbarbutton:not([disabled]):-moz-any([open],:hover:active) {
938 background-color: hsla(210,4%,10%,.12);
939 border-color: hsla(210,4%,10%,.14);
940 box-shadow: 0 1px 0 hsla(210,4%,10%,.03) inset;
943 .subviewbutton.panel-subview-footer {
944 margin: 4px -4px -4px;
945 background-color: hsla(210,4%,10%,.07);
946 border-top: 1px solid hsla(210,4%,10%,.12);
951 menuitem.panel-subview-footer:not(:-moz-any([disabled],[open],:active)):hover,
952 .subviewbutton.panel-subview-footer:not(:-moz-any([disabled],[open],:active)):hover {
953 background-color: hsla(210,4%,10%,.1);
954 border-top: 1px solid hsla(210,4%,10%,.12);
957 menuitem.panel-subview-footer:not([disabled]):-moz-any([open],:hover:active),
958 .subviewbutton.panel-subview-footer:not([disabled]):-moz-any([open],:hover:active) {
959 background-color: hsla(210,4%,10%,.15);
960 border-top: 1px solid hsla(210,4%,10%,.12);
961 box-shadow: 0 1px 0 hsla(210,4%,10%,.05) inset;
964 #BMB_bookmarksPopup .subviewbutton {
969 #BMB_bookmarksPopup .subviewbutton:not([disabled="true"]) {
973 #BMB_bookmarksPopup > .panel-arrowcontainer > .panel-arrowcontent > .popup-internal-box > .autorepeatbutton-up,
974 #BMB_bookmarksPopup > .panel-arrowcontainer > .panel-arrowcontent > .popup-internal-box > .autorepeatbutton-down {
975 -moz-appearance: none;
980 / Remove padding on xul:arrowscrollbox to avoid extra padding on footer /
981 #BMB_bookmarksPopup arrowscrollbox {
985 #BMB_bookmarksPopup menupopup > .bookmarks-actions-menuseparator {
986 / Hide bottom separator as the styled footer includes a top border serving the same purpose /
990 / Popups with only one item don't have a footer /
991 #BMB_bookmarksPopup menupopup[placespopup=true][singleitempopup=true] > hbox > .popup-internal-box > .arrowscrollbox-scrollbox > .scrollbox-innerbox,
992 / These popups never have a footer /
993 #BMB_bookmarksToolbarPopup > hbox > .popup-internal-box > .arrowscrollbox-scrollbox > .scrollbox-innerbox,
994 #BMB_unsortedBookmarksPopup > hbox > .popup-internal-box > .arrowscrollbox-scrollbox > .scrollbox-innerbox {
995 / And so they need some bottom padding: /
999 / Disabled (empty) item is always alone and never has an icon, so fix its left padding /
1000 #BMB_bookmarksPopup menupopup[emptyplacesresult] .bookmark-item.subviewbutton {
1005 .PanelUI-subView menuseparator,
1006 .PanelUI-subView toolbarseparator,
1007 .cui-widget-panelview menuseparator {
1008 -moz-appearance: none;
1010 border-top: 1px solid #9C9CFF;
1015 .PanelUI-subView menuseparator,
1016 .PanelUI-subView toolbarseparator {
1017 /* -moz-margin-start: -5px;
1018 -moz-margin-end: -4px;*/
1021 .PanelUI-subView menuseparator.small-separator,
1022 .PanelUI-subView toolbarseparator.small-separator {
1023 /* margin-left: 5px;
1024 margin-right: 5px;*/
1027 .cui-widget-panelview menuseparator.small-separator {
1028 /* margin-left: 10px;
1029 margin-right: 10px;*/
1032 .subviewbutton > .menu-accel-container {
1033 -moz-box-pack: start;
1034 -moz-margin-start: 10px;
1035 -moz-margin-end: auto;
1039 #PanelUI-historyItems > toolbarbutton {
1040 list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
1043 #PanelUI-recentlyClosedWindows > toolbarbutton > .toolbarbutton-icon,
1044 #PanelUI-recentlyClosedTabs > toolbarbutton > .toolbarbutton-icon,
1045 #PanelUI-historyItems > toolbarbutton > .toolbarbutton-icon {
1050 toolbarbutton[panel-multiview-anchor="true"],
1051 toolbarbutton[panel-multiview-anchor="true"] > .toolbarbutton-menubutton-button {
1053 background-color: #008484;
1056 #PanelUI-help[panel-multiview-anchor="true"] + toolbarseparator {
1060 #PanelUI-help[panel-multiview-anchor="true"] {
1061 background-image: none;
1064 #PanelUI-help[panel-multiview-anchor="true"]::after {
1069 width: var(--panel-ui-exit-subview-gutter-width);
1070 background-image: url("chrome://browser/skin/customizableui/subView-arrow-back-inverted.png");
1071 background-repeat: no-repeat;
1072 background-color: #008484;
1073 background-position: left 10px center, 0;
1076 #PanelUI-help[panel-multiview-anchor="true"]:-moz-locale-dir(rtl)::after {
1077 background-image: url(chrome://browser/skin/customizableui/subView-arrow-back-inverted-rtl.png);
1078 background-position: right 10px center, 0;
1081 toolbarbutton[panel-multiview-anchor="true"] {
1082 background-image: url("chrome://browser/skin/customizableui/subView-arrow-back-inverted.png");
1083 background-position: right calc((22.35em / 3 - 0.1px) / 2 - var(--panel-ui-exit-subview-gutter-width) + 2px) center;
1084 background-repeat: no-repeat;
1087 toolbarbutton[panel-multiview-anchor="true"]:-moz-locale-dir(rtl) {
1088 background-image: url("chrome://browser/skin/customizableui/subView-arrow-back-inverted-rtl.png");
1089 background-position: left calc((22.35em / 3 - 0.1px) / 2 - var(--panel-ui-exit-subview-gutter-width) + 2px) center;
1092 toolbarpaletteitem[place="palette"] > .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker,
1093 #bookmarks-menu-button[cui-areatype="menu-panel"] > .toolbarbutton-menubutton-dropmarker {
1097 #search-container[cui-areatype="menu-panel"],
1098 #wrapper-search-container[place="panel"] {
1102 #search-container[cui-areatype="menu-panel"] {
1107 toolbarpaletteitem[place="palette"] > #search-container {
1112 .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) {
1114 transition-property: background-color, border-color;
1115 transition-duration: 150ms;
1118 /* Make direct siblings overlap borders: */
1119 .toolbaritem-combined-buttons + .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) {
1120 /* border-top-color: transparent !important; */
1123 .toolbaritem-combined-buttons + .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]),
1124 toolbarpaletteitem[haswideitem][place="panel"] + toolbarpaletteitem[haswideitem][place="panel"] {
1125 /* margin-top: -1px; */
1128 .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton {
1133 min-width: calc(22.35em / 3 - 0.1px);
1134 max-width: calc(22.35em / 3 - 0.1px);
1135 /* We'd prefer to use height: auto here but it leads to layout bugs in the panel. Cope:
1136 1.2em for line height + 2 * .5em padding + margin on the label (2 * 2px) */
1137 height: calc(2.2em + 4px);
1139 -moz-box-orient: horizontal;
1142 #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #copy-button,
1143 #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-reset-button {
1144 /* reduce the width with 2px for this button to compensate for two separators
1146 min-width: calc(22.35em / 3 - 0.1px - 2px);
1147 max-width: calc(22.35em / 3 - 0.1px - 2px);
1150 #main-window:not([customizing]) .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton[disabled] > .toolbarbutton-icon {
1154 #zoom-controls[cui-areatype="toolbar"] > #zoom-reset-button > .toolbarbutton-text {
1158 #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #cut-button:-moz-locale-dir(ltr),
1159 #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #paste-button:-moz-locale-dir(rtl),
1160 #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-out-button:-moz-locale-dir(ltr),
1161 #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-in-button:-moz-locale-dir(rtl) {
1162 border-top-right-radius: 0;
1163 border-bottom-right-radius: 0;
1166 #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #cut-button:-moz-locale-dir(rtl),
1167 #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #paste-button:-moz-locale-dir(ltr),
1168 #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-out-button:-moz-locale-dir(rtl),
1169 #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-in-button:-moz-locale-dir(ltr) {
1170 border-top-left-radius: 0;
1171 border-bottom-left-radius: 0;
1174 .toolbaritem-combined-buttons > separator {
1175 -moz-appearance: none;
1177 -moz-box-align: stretch;
1180 .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > separator {
1184 /* background: hsla(210,4%,10%,.15);*/
1185 transition-property: margin;
1186 transition-duration: 10ms;
1187 transition-timing-function: ease;
1190 .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]):hover > separator {
1194 #widget-overflow > .panel-arrowcontainer > .panel-arrowcontent {
1198 .cui-widget-panelview,
1199 #widget-overflow-scroller {
1204 #widget-overflow-scroller {
1207 margin-bottom: 10px;
1210 #widget-overflow-list {
1213 padding-right: 10px;
1216 toolbaritem[overflowedItem=true],
1217 toolbarbutton[overflowedItem=true] {
1221 background-repeat: no-repeat;
1222 background-position: 0 center;
1225 .widget-overflow-list .toolbarbutton-1,
1226 .widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-button {
1227 -moz-box-align: center;
1228 -moz-box-orient: horizontal;
1231 .widget-overflow-list .toolbarbutton-1:not(.toolbarbutton-combined) > .toolbarbutton-text,
1232 .widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-text {
1234 -moz-padding-start: .5em;
1237 #widget-overflow-list > .toolbaritem-combined-buttons {
1241 .widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-button::after {
1246 -moz-margin-end: -1px;
1249 .subviewbutton[checked="true"] {
1250 background-image: url("chrome://global/skin/menu/menu-check.gif");
1251 background-position: top 5px left 4px;
1252 background-repeat: no-repeat;
1255 .subviewbutton[checked="true"]:-moz-locale-dir(rtl) {
1256 background-position: top 5px right 4px;
1259 .subviewbutton[checked="true"]:hover {
1260 background-image: url("chrome://global/skin/menu/menu-check-hover.gif");
1263 .subbiewbutton > .menu-iconic-left {
1264 -moz-margin-end: 3px;
1267 menuitem[checked="true"].subviewbutton > .menu-iconic-left {
1271 .panel-mainview[panelid=customizationui-widget-panel],
1272 #customizationui-widget-multiview > .panel-viewcontainer,
1273 #customizationui-widget-multiview > .panel-viewcontainer > .panel-viewstack,
1274 #PanelUI-panicView > .panel-subview-body,
1276 #PanelUI-pocketView > .panel-subview-body,
1277 #PanelUI-pocketView {
1282 #PanelUI-panicView.cui-widget-panelview {
1286 #PanelUI-panic-timeframe {
1288 border-bottom: 1px solid #A09090;
1291 #panic-button-success-icon,
1292 #PanelUI-panic-timeframe-icon,
1293 #PanelUI-panic-timeframe-icon-small {
1294 background-color: transparent;
1295 -moz-margin-end: 10px;
1298 #panic-button-success-icon,
1299 #PanelUI-panic-timeframe-icon {
1300 list-style-image: url(chrome://browser/skin/panic-panel/header.png);
1305 #PanelUI-panic-timeframe-icon-small {
1306 list-style-image: url(chrome://browser/skin/panic-panel/header-small.png);
1311 /* current attribute is only set when in use as a subview instead of a main view */
1312 #PanelUI-panicView[current] #PanelUI-panic-timeframe-icon {
1316 #PanelUI-panicView.cui-widget-panelview #PanelUI-panic-timeframe-icon-small {
1320 #panic-button-success-header,
1321 #PanelUI-panic-header {
1322 -moz-box-align: center;
1326 #PanelUI-panicView.cui-widget-panelview #PanelUI-panic-header {
1330 #PanelUI-panic-timeframe-icon-small:-moz-locale-dir(rtl),
1331 #PanelUI-panic-timeframe-icon:-moz-locale-dir(rtl) {
1332 transform: scaleX(-1);
1339 .subviewradio@buttonStateHover@ {
1342 .subviewradio[selected],
1343 .subviewradio[selected]:hover,
1344 .subviewradio@buttonStateActive@ {
1347 .subviewradio > .radio-check {
1350 .subviewradio > .radio-check[selected] {
1354 #PanelUI-panic-explanations {
1355 padding: 10px 10px 0;
1358 #PanelUI-panic-actionlist-main-label {
1363 .PanelUI-panic-actionlist {
1364 -moz-padding-start: 20px;
1366 padding-bottom: 2px;
1367 background-size: 16px 16px;
1368 background-repeat: no-repeat;
1369 background-color: transparent;
1370 background-position: center left;
1373 .PanelUI-panic-actionlist:-moz-locale-dir(rtl) {
1374 background-position: center right;
1377 #PanelUI-panic-actionlist-cookies {
1378 background-image: -moz-image-rect(url(chrome://browser/skin/panic-panel/icons.png), 0, 16, 16, 0);
1381 #PanelUI-panic-actionlist-history {
1382 background-image: -moz-image-rect(url(chrome://browser/skin/panic-panel/icons.png), 0, 32, 16, 16);
1385 #PanelUI-panic-actionlist-windows {
1386 background-image: -moz-image-rect(url(chrome://browser/skin/panic-panel/icons.png), 0, 48, 16, 32);
1389 #PanelUI-panic-actionlist-newwindow {
1390 background-image: -moz-image-rect(url(chrome://browser/skin/panic-panel/icons.png), 0, 64, 16, 48);
1393 #PanelUI-panic-warning {
1400 #PanelUI-panic-view-button {
1401 background-color: #FF0000;
1405 #PanelUI-panic-view-button:hover {
1406 background-color: #FFCF00;
1409 #PanelUI-panic-view-button:hover:active {
1410 background-color: #FF9F00;
1413 #PanelUI-panic-view-button > .toolbarbutton-text {
1418 #panic-button-success-closebutton {
1421 #panic-button-success-closebutton:hover {
1424 #panic-button-success-closebutton:hover:active {
1427 /* === END panelUIOverlay.inc.css === */
1430 background-color: #000000;
1433 #PanelUI-contents #zoom-out-btn {
1435 padding-right: 12px;
1438 #PanelUI-contents #zoom-in-btn {
1440 padding-right: 12px;
1443 /* bookmark panel submenus */
1445 #BMB_bookmarksPopup menupopup[placespopup=true] {
1446 /* background: transparent;
1451 #BMB_bookmarksPopup menupopup[placespopup=true] > hbox {
1452 /* emulating chrome://browser/content/places/menu.xml#places-popup-arrow but without the arrow */
1453 /* background: var(--panel-arrowcontent-background);
1454 border: var(--panel-arrowcontent-border);
1455 border-radius: 3.5px;
1459 #BMB_bookmarksPopup menupopup {
1460 /* padding-top: 2px;*/
1463 /* Add some space at the top because there are no headers: */
1464 #BMB_bookmarksPopup menupopup[placespopup=true] > hbox > .popup-internal-box > .arrowscrollbox-scrollbox > .scrollbox-innerbox {
1465 /* padding-top: 4px;*/
1468 /* bookmark panel separator */
1469 #BMB_bookmarksPopup menuseparator {
1474 .subviewbutton > .menu-right,
1475 .subviewbutton > .menu-iconic-left {
1476 /* padding-top: 1px;
1478 margin-bottom: 2px;*/
1481 /* Disabled empty item looks too small otherwise, because it has no icon. */
1482 menuitem.subviewbutton[disabled]:not(.menuitem-iconic),
1483 /* Same for checkbox menu items, whose icons lose size due to -moz-appearance: none: */
1484 menuitem[type="checkbox"].subviewbutton {
1485 /* This is 16px for an icon + 3px for its margins + 1px for its padding +
1486 * 2px for its border, see above */
1487 /* min-height: 22px;*/
1490 .subviewbutton > .toolbarbutton-text {
1491 /* padding-top: 3px;
1492 padding-bottom: 3px;*/
1495 .widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-button {
1496 -moz-appearance: none;
1498 -moz-margin-start: 3px;
1501 .widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
1503 -moz-padding-start: 0;
1507 menu.subviewbutton > .menu-right:-moz-locale-dir(rtl) {
1508 /* transform: scaleX(-1); */
1511 .widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
1515 .subviewbutton > .toolbarbutton-text {
1516 -moz-padding-start: 16px;
1519 .subviewbutton:-moz-any([image],[targetURI],.cui-withicon, .restoreallitem, .bookmark-item) > .toolbarbutton-text {
1520 -moz-padding-start: 0;
1523 /* subviewbutton entries for social sidebars have images that come from external
1524 /* sources, and are not guaranteed to be the size we want, so force the size on
1526 toolbarbutton.social-provider-menuitem > .toolbarbutton-icon {
1531 .subviewbutton:-moz-any([image],[targetURI],.cui-withicon, .restoreallitem, .bookmark-item)[checked="true"] > .toolbarbutton-icon {
1535 menu.subviewbutton > .menu-right {
1536 list-style-image: url("chrome://global/skin/menu/menu-arrow.svg#arrow);
1537 /* Reset the rect we inherit from the button: */
1538 -moz-image-region: auto;
1540 menu.subviewbutton:not([disabled="true"]):hover > .menu-right,
1541 menu.subviewbutton:not([disabled="true"])[_moz-menuactive="true"] > .menu-right {
1542 list-style-image: url("chrome://global/skin/menu/menu-arrow.svg#arrow-hover");
1544 menu[disabled="true"].subviewbutton > .menu-right {
1545 list-style-image: url("chrome://global/skin/menu/menu-arrow.svg#arrow-disabled");