-#developer-button[cui-areatype="menu-panel"],
-toolbarpaletteitem[place="palette"] > #developer-button {
- -moz-image-region: rect(0px, 736px, 32px, 704px);
-}
-
-#developer-button[cui-areatype="menu-panel"]:hover,
-toolbarpaletteitem[place="palette"] > #developer-button:hover {
- -moz-image-region: rect(32px, 736px, 64px, 704px);
-}
-
-#developer-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
- -moz-image-region: rect(32px, 736px, 64px, 704px);
-}
-
-#preferences-button[cui-areatype="menu-panel"],
-toolbarpaletteitem[place="palette"] > #preferences-button {
- -moz-image-region: rect(0px, 768px, 32px, 736px);
-}
-
-#preferences-button[cui-areatype="menu-panel"]:hover,
-toolbarpaletteitem[place="palette"] > #preferences-button:hover {
- -moz-image-region: rect(32px, 768px, 64px, 736px);
-}
-
-#email-link-button[cui-areatype="menu-panel"],
-toolbarpaletteitem[place="palette"] > #email-link-button {
- -moz-image-region: rect(0, 800px, 32px, 768px);
-}
-
-#email-link-button[cui-areatype="menu-panel"]:hover:not([disabled="true"]),
-toolbarpaletteitem[place="palette"] > #email-link-button:hover:not([disabled="true"]) {
- -moz-image-region: rect(32px, 800px, 64px, 768px);
-}
-
-#email-link-button[cui-areatype="menu-panel"][disabled="true"],
-toolbarpaletteitem[place="palette"] > #email-link-button[disabled="true"] {
- -moz-image-region: rect(64px, 800px, 96px, 768px);
-}
-
-#sidebar-button[cui-areatype="menu-panel"],
-toolbarpaletteitem[place="palette"] > #sidebar-button {
- -moz-image-region: rect(0, 864px, 32px, 832px);
-}
-
-#sidebar-button[cui-areatype="menu-panel"]:hover,
-toolbarpaletteitem[place="palette"] > #sidebar-button:hover,
-#sidebar-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
- -moz-image-region: rect(32px, 864px, 64px, 832px);
-}
-
-#panic-button[cui-areatype="menu-panel"],
-toolbarpaletteitem[place="palette"] > #panic-button {
- -moz-image-region: rect(0, 896px, 32px, 864px);
-}
-
-#panic-button[cui-areatype="menu-panel"]:hover,
-toolbarpaletteitem[place="palette"] > #panic-button:hover,
-#panic-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
- -moz-image-region: rect(32px, 896px, 64px, 864px);
-}
-
-#web-apps-button[cui-areatype="menu-panel"],
-toolbarpaletteitem[place="palette"] > #web-apps-button {
- -moz-image-region: rect(0, 928px, 32px, 896px);
-}
-
-#web-apps-button[cui-areatype="menu-panel"]:hover,
-toolbarpaletteitem[place="palette"] > #web-apps-button:hover {
- -moz-image-region: rect(32px, 928px, 64px, 896px);
-}
-
-toolbaritem[sdkstylewidget="true"] > toolbarbutton {
- -moz-image-region: rect(0, 832px, 32px, 800px);
-}
-
-#loop-button-throttled[cui-areatype="menu-panel"] > .toolbarbutton-badge-container,
-toolbarpaletteitem[place="palette"] > #loop-button-throttled > .toolbarbutton-badge-container,
-#loop-button[cui-areatype="menu-panel"] > .toolbarbutton-badge-container,
-toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container {
- list-style-image: url("chrome://browser/skin/loop/menuPanel.png");
- -moz-image-region: rect(0, 32px, 32px, 0);
-}
-
-/* Make sure that the state icons are not shown in the customization palette. */
-toolbarpaletteitem[place="palette"] > #loop-button-throttled > .toolbarbutton-badge-container,
-toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container {
- -moz-image-region: rect(0, 32px, 32px, 0) !important;
-}
-
-#loop-button-throttled[cui-areatype="menu-panel"]:not([disabled="true"]):-moz-any(:hover,:hover:active,[open]) > .toolbarbutton-badge-container,
-#loop-button[cui-areatype="menu-panel"]:not([disabled="true"]):-moz-any(:hover,:hover:active,[open]) > .toolbarbutton-badge-container {
- -moz-image-region: rect(0, 160px, 32px, 128px);
-}
-
-#loop-button-throttled[cui-areatype="menu-panel"][state="disabled"] > .toolbarbutton-badge-container,
-#loop-button-throttled[cui-areatype="menu-panel"][disabled="true"] > .toolbarbutton-badge-container,
-#loop-button[cui-areatype="menu-panel"][state="disabled"] > .toolbarbutton-badge-container,
-#loop-button[cui-areatype="menu-panel"][disabled="true"] > .toolbarbutton-badge-container {
- -moz-image-region: rect(0, 64px, 32px, 32px);
-}
-
-#loop-button-throttled[cui-areatype="menu-panel"][disabled="true"]:-moz-any(:hover,:hover:active,[open]) > .toolbarbutton-badge-container,
-#loop-button[cui-areatype="menu-panel"][disabled="true"]:-moz-any(:hover,:hover:active,[open]) > .toolbarbutton-badge-container {
- -moz-image-region: rect(0, 224px, 32px, 192px);
-}
-
-#loop-button-throttled[cui-areatype="menu-panel"]:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container,
-#loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container {
- -moz-image-region: rect(0, 96px, 32px, 64px);
-}
-
-#loop-button-throttled[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container,
-#loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container {
- -moz-image-region: rect(0, 128px, 32px, 96px);
-}
-
-#loop-button-throttled[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container,
-#loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container {
- -moz-image-region: rect(0, 192px, 32px, 160px);
-}
-
-/* Wide panel control icons */
-
-#edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton,
-#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton,
-toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton,
-toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton {
- list-style-image: url("chrome://browser/skin/menuPanelFx-small.png"); /* avoid aero overrides with changed filename */
-}
-
-#edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #cut-button,
-toolbarpaletteitem[place="palette"] > #edit-controls > #cut-button {
- -moz-image-region: rect(0px, 32px, 16px, 16px);
-}
-
-#edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #cut-button:hover:not([disabled="true"]),
-toolbarpaletteitem[place="palette"] > #edit-controls > #cut-button:hover:not([disabled="true"]) {
- -moz-image-region: rect(16px, 32px, 32px, 16px);
-}
-
-#edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #cut-button[disabled="true"],
-toolbarpaletteitem[place="palette"] > #edit-controls > #cut-button[disabled="true"] {
- -moz-image-region: rect(32px, 32px, 48px, 16px);
-}
-
-#edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #copy-button,
-toolbarpaletteitem[place="palette"] > #edit-controls > #copy-button {
- -moz-image-region: rect(0px, 48px, 16px, 32px);
-}
-
-#edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #copy-button:hover:not([disabled="true"]),
-toolbarpaletteitem[place="palette"] > #edit-controls > #copy-button:hover:not([disabled="true"]) {
- -moz-image-region: rect(16px, 48px, 32px, 32px);
-}
-
-#edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #copy-button[disabled="true"],
-toolbarpaletteitem[place="palette"] > #edit-controls > #copy-button[disabled="true"] {
- -moz-image-region: rect(32px, 48px, 48px, 32px);
-}
-
-#edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #paste-button,
-toolbarpaletteitem[place="palette"] > #edit-controls > #paste-button {
- -moz-image-region: rect(0px, 64px, 16px, 48px);
-}
-
-#edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #paste-button:hover:not([disabled="true"]),
-toolbarpaletteitem[place="palette"] > #edit-controls > #paste-button:hover:not([disabled="true"]) {
- -moz-image-region: rect(16px, 64px, 32px, 48px);
-}
-
-#edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #paste-button[disabled="true"],
-toolbarpaletteitem[place="palette"] > #edit-controls > #paste-button[disabled="true"] {
- -moz-image-region: rect(32px, 64px, 48px, 48px);
-}
-
-#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-out-button,
-toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-out-button {
- -moz-image-region: rect(0px, 80px, 16px, 64px);
-}
-
-#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-out-button:hover:not([disabled="true"]),
-toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-out-button:hover:not([disabled="true"]) {
- -moz-image-region: rect(16px, 80px, 32px, 64px);
-}
-
-#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-out-button[disabled="true"],
-toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-out-button[disabled="true"] {
- -moz-image-region: rect(32px, 80px, 48px, 64px);
-}
-
-#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-in-button,
-toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
- -moz-image-region: rect(0px, 96px, 16px, 80px);
-}
-
-#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-in-button:hover:not([disabled="true"]),
-toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button:hover:not([disabled="true"]) {
- -moz-image-region: rect(16px, 96px, 32px, 80px);
-}
-
-#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-in-button[disabled="true"],
-toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button[disabled="true"] {
- -moz-image-region: rect(32px, 96px, 48px, 80px);
-}
-
-/* === END menupanel.inc.css === */
-
-.toolbarbutton-1:not([type="menu-button"]) {
- -moz-box-orient: vertical;
-}
-
-.toolbarbutton-1,
-.toolbarbutton-1 > .toolbarbutton-menubutton-button {
-/* min-width: 36px;
- min-height: 36px;*/
-}
-
-.toolbarbutton-1,
-.toolbarbutton-1 > .toolbarbutton-menubutton-button,
-.toolbarbutton-1[disabled="true"]:hover:active,
-.toolbarbutton-1[disabled="true"]:hover:active > .toolbarbutton-menubutton-button {
- padding: 1px 2px;
-}
-
-.toolbarbutton-1:hover:active,
-.toolbarbutton-1[open="true"],
-.toolbarbutton-1:hover:active > .toolbarbutton-menubutton-button {
- padding-top: 2px;
- padding-bottom: 0px;
- -moz-padding-start: 3px;
- -moz-padding-end: 1px;
-}
-
-#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-icon,
-#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menu-dropmarker,
-#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menubutton-dropmarker,
-#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
-#main-window:not([customizing]) .toolbarbutton-1 > .toolbarbutton-menubutton-button[disabled=true] > .toolbarbutton-icon {
-}
-
-.toolbarbutton-1 > .toolbarbutton-menu-dropmarker,
-.toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
-}
-
-toolbar .toolbarbutton-1 > .toolbarbutton-menu-dropmarker:-moz-lwtheme-brighttext,
-toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker:-moz-lwtheme-brighttext {
-}
-
-.toolbarbutton-1 > .toolbarbutton-icon,
-.toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
-}
-
-#nav-bar .toolbarbutton-1,
-#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button {
-}
-
-#nav-bar .toolbarbutton-1:not([type=menu-button]),
-#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button,
-#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
-}
-
-#nav-bar #PanelUI-menu-button {
-/* -moz-padding-start: 7px;
- -moz-padding-end: 5px;*/
-}
-
-#nav-bar .toolbarbutton-1[type=menu]:not(#back-button):not(#forward-button):not(#feed-button):not(#social-provider-button):not(#PanelUI-menu-button) {
-/* padding-left: 5px;
- padding-right: 5px;*/
-}
-
-#nav-bar .toolbarbutton-1 > menupopup {
-/* margin-top: -3px;*/
-}
-
-#nav-bar .toolbarbutton-1 > menupopup.cui-widget-panel {
- margin-top: -4px;
-}
-
-#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button {
-/* -moz-padding-end: 0;*/
-}
-
-#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
-/* -moz-padding-start: 0;
- -moz-box-align: center;*/
-}
-
-#nav-bar .toolbarbutton-1 > .toolbarbutton-icon,
-#nav-bar .toolbarbutton-1 > .toolbarbutton-text,
-#nav-bar .toolbarbutton-1 > .toolbarbutton-badge-container,
-#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
-#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
-window:not([chromehidden~="toolbar"]) #urlbar-wrapper > .toolbarbutton-1:-moz-any([disabled=true],:not([open]):not([disabled=true]):not(:active)) > .toolbarbutton-icon {
-/* padding: 2px 6px;
- border: 1px solid;
- border-color: transparent;
- transition-property: background-color, border-color;
- transition-duration: 150ms;*/
-}
-/*
-#nav-bar .toolbarbutton-1:not(:-moz-any(@primaryToolbarButtons@)) > .toolbarbutton-icon,
-#nav-bar .toolbarbutton-1:not(:-moz-any(@primaryToolbarButtons@)) > .toolbarbutton-badge-container,
-#nav-bar .toolbarbutton-1:not(:-moz-any(@primaryToolbarButtons@)) > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
- padding: 3px 7px;
-}
-*/
-
-/* Help SDK icons fit: */
-toolbarbutton[sdk-button="true"][cui-areatype="toolbar"] > .toolbarbutton-icon {
- width: 16px;
-}
-
-#nav-bar toolbarbutton[sdk-button="true"][cui-areatype="toolbar"] > .toolbarbutton-icon {
- /* XXXgijs box models strike again: this is 16px + 2 * 7px padding + 2 * 1px border (from the rules above) */
- width: 32px;
-}
-
-#nav-bar .toolbarbutton-1[type=menu]:not(#back-button):not(#forward-button):not(#feed-button):not(#social-provider-button):not(#PanelUI-menu-button) > .toolbarbutton-icon,
-#nav-bar .toolbarbutton-1[type=menu] > .toolbarbutton-text /* hack for add-ons that forcefully display the label */ {
-/* -moz-padding-end: 17px;*/
-}
-
-#nav-bar .toolbarbutton-1 > .toolbarbutton-menu-dropmarker {
-}
-
-#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
-}
-
-#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
-}
-
-#nav-bar .toolbaritem-combined-buttons {
-/* margin-left: 2px;
- margin-right: 2px;*/
-}
-
-#nav-bar .toolbaritem-combined-buttons > .toolbarbutton-1 {
-/* padding-left: 0;
- padding-right: 0;*/
-}
-
-#nav-bar .toolbarbutton-1:not(:hover):not(:active):not([open]) > .toolbarbutton-menubutton-dropmarker::before,
-#nav-bar .toolbaritem-combined-buttons > .toolbarbutton-1:-moz-any(:not(:hover):not([open]),[disabled=true]) + .toolbarbutton-1:-moz-any(:not(:hover):not([open]),[disabled=true])::before {
-/*
- content: "";
- display: -moz-box;
- width: 1px;
- height: 16px;
- -moz-margin-end: -1px;
-*/
-}
-
-window:not([chromehidden~="toolbar"]) #urlbar-wrapper > .toolbarbutton-1:-moz-any([disabled=true],:not([open]):not([disabled=true]):not(:active)) > .toolbarbutton-icon {
-}
-
-#nav-bar .toolbarbutton-1:not([disabled=true]) > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
-#nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any(:hover,[open]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
-#nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any(:hover,[open]) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
-#nav-bar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-icon,
-#nav-bar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-text,
-#nav-bar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-badge-container,
-window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button:not([open]):not(:active):not([disabled=true]):hover > .toolbarbutton-icon,
-#nav-bar .toolbarbutton-1:not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon {
-}
-
-#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any(:hover:active, [open]) > .toolbarbutton-icon,
-#nav-bar .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon,
-#nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-icon,
-#nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-text,
-#nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-badge-container {
-}
-
-#TabsToolbar .toolbarbutton-1,
-#TabsToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button,
-.tabbrowser-arrowscrollbox > .scrollbutton-up,
-.tabbrowser-arrowscrollbox > .scrollbutton-down {
-}
-
-#TabsToolbar .toolbarbutton-1:not([disabled=true]):hover,
-#TabsToolbar .toolbarbutton-1[open],
-#TabsToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled=true]):hover,
-.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled=true]):hover,
-.tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled=true]):hover {
-}
-
-/* unified back/forward button */
-
-#forward-button {
- -moz-box-align: stretch; /* let the button shape grow vertically with the location bar */
-}
-
-#forward-button > menupopup {
- margin-top: 1px !important;
-}
-
-#forward-button > .toolbarbutton-icon {
- background-clip: padding-box !important;
- /*mask: url(keyhole-forward-mask.svg#mask); XXX: this regresses twinopen */
- /*clip-path: url(chrome://browser/content/browser.xul#keyhole-forward-clip-path) !important;*/
-}
-
-#forward-button {
- -moz-margin-start: -4px !important;
- padding-left: 4px;
- padding-right: 2px;
- margin-top: 3px;
- margin-bottom: 3px;
- border-radius: 0 10000px 10000px 0;
-}
-
-#forward-button:-moz-locale-dir(rtl) {
- border-radius: 10000px 0 0 10000px;
-}
-
-window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not([switchingtabs]) > #forward-button {
- transition: margin-left 150ms ease-out;
-}
-
-window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button[disabled] {
- margin-left: -27px !important;
-}
-
-window:not([chromehidden~="toolbar"]) #urlbar-wrapper:hover:not([switchingtabs]) > #forward-button[disabled] {
- /* delay the hiding of the forward button when hovered to avoid accidental clicks on the url bar */
- transition-delay: 100s;
-}
-
-window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-button[disabled] {
- /* when not hovered anymore, trigger a new transition to hide the forward button immediately */
- margin-left: -27.01px !important;
-}
-
-#back-button {
-/* padding-top: 3px !important;
- padding-bottom: 3px !important;
- -moz-padding-start: 5px !important;
- -moz-padding-end: 0 !important;*/
- position: relative;
- z-index: 1;
- border-radius: 10000px;
- width: 30px;
- height: 30px;
- margin-top: -2px;
- margin-bottom: -2px;
-}
-
-#back-button:-moz-locale-dir(rtl) {