+/* This is temporary until we have an email-link icon (Bug 932235) */
+#email-link-button[cui-areatype="menu-panel"] > image,
+:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #email-link-button > image {
+ transform: scale(-1, -1);
+}
+
+#characterencoding-button[cui-areatype="menu-panel"],
+:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #characterencoding-button {
+ -moz-image-region: rect(0px, 480px, 32px, 448px);
+}
+
+#characterencoding-button[cui-areatype="menu-panel"]:hover:not([disabled="true"]),
+:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #characterencoding-button:hover:not([disabled="true"]) {
+ -moz-image-region: rect(32px, 480px, 64px, 448px);
+}
+
+#characterencoding-button[cui-areatype="menu-panel"][disabled="true"],
+:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #characterencoding-button[disabled="true"] {
+ -moz-image-region: rect(64px, 480px, 96px, 448px);
+}
+
+#new-window-button[cui-areatype="menu-panel"],
+:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #new-window-button {
+ -moz-image-region: rect(0px, 512px, 32px, 480px);
+}
+
+#new-window-button[cui-areatype="menu-panel"]:hover,
+:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #new-window-button:hover {
+ -moz-image-region: rect(32px, 512px, 64px, 480px);
+}
+
+#new-tab-button[cui-areatype="menu-panel"],
+:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #new-tab-button {
+ -moz-image-region: rect(0px, 544px, 32px, 512px);
+}
+
+#new-tab-button[cui-areatype="menu-panel"]:hover,
+:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #new-tab-button:hover {
+ -moz-image-region: rect(32px, 544px, 64px, 512px);
+}
+
+#privatebrowsing-button[cui-areatype="menu-panel"],
+:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #privatebrowsing-button {
+ -moz-image-region: rect(0px, 576px, 32px, 544px);
+}
+
+#privatebrowsing-button[cui-areatype="menu-panel"]:hover,
+:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #privatebrowsing-button:hover {
+ -moz-image-region: rect(32px, 576px, 64px, 544px);
+}
+
+#find-button[cui-areatype="menu-panel"],
+:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #find-button {
+ -moz-image-region: rect(0px, 640px, 32px, 608px);
+}
+
+#find-button[cui-areatype="menu-panel"]:hover,
+:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #find-button:hover {
+ -moz-image-region: rect(32px, 640px, 64px, 608px);
+}
+
+#print-button[cui-areatype="menu-panel"],
+:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #print-button {
+ -moz-image-region: rect(0px, 672px, 32px, 640px);
+}
+
+#print-button[cui-areatype="menu-panel"]:hover,
+:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #print-button:hover {
+ -moz-image-region: rect(32px, 672px, 64px, 640px);
+}
+
+#fullscreen-button[cui-areatype="menu-panel"],
+:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #fullscreen-button {
+ -moz-image-region: rect(0px, 704px, 32px, 672px);
+}
+
+#fullscreen-button[cui-areatype="menu-panel"]:hover,
+:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #fullscreen-button:hover {
+ -moz-image-region: rect(32px, 704px, 64px, 672px);
+}
+
+#developer-button[cui-areatype="menu-panel"],
+:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #developer-button {
+ -moz-image-region: rect(0px, 736px, 32px, 704px);
+}
+
+#developer-button[cui-areatype="menu-panel"]:hover,
+:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #developer-button:hover {
+ -moz-image-region: rect(32px, 736px, 64px, 704px);
+}
+
+#preferences-button[cui-areatype="menu-panel"],
+:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #preferences-button {
+ -moz-image-region: rect(0px, 768px, 32px, 736px);
+}
+
+#preferences-button[cui-areatype="menu-panel"]:hover,
+:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #preferences-button:hover {
+ -moz-image-region: rect(32px, 768px, 64px, 736px);
+}
+
+/* Wide panel control icons */
+
+#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton,
+#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton,
+:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton,
+:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton {
+ list-style-image: url("chrome://browser/skin/menuPanel-small.png");
+}
+
+#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #cut-button,
+:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #edit-controls > #cut-button {
+ -moz-image-region: rect(0px, 32px, 16px, 16px);
+}
+
+#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #cut-button:hover:not([disabled="true"]),
+:-moz-any(#customization-palette, #panelUI-contents) > 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) > #cut-button[disabled="true"],
+:-moz-any(#customization-palette, #panelUI-contents) > 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) > #copy-button,
+:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #edit-controls > #copy-button {
+ -moz-image-region: rect(0px, 48px, 16px, 32px);
+}
+
+#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #copy-button:hover:not([disabled="true"]),
+:-moz-any(#customization-palette, #panelUI-contents) > 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) > #copy-button[disabled="true"],
+:-moz-any(#customization-palette, #panelUI-contents) > 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) > #paste-button,
+:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #edit-controls > #paste-button {
+ -moz-image-region: rect(0px, 64px, 16px, 48px);
+}
+
+#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #paste-button:hover:not([disabled="true"]),
+:-moz-any(#customization-palette, #panelUI-contents) > 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) > #paste-button[disabled="true"],
+:-moz-any(#customization-palette, #panelUI-contents) > 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) > #zoom-out-button,
+:-moz-any(#customization-palette, #panelUI-contents) > 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) > #zoom-out-button:hover:not([disabled="true"]),
+:-moz-any(#customization-palette, #panelUI-contents) > 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) > #zoom-out-button[disabled="true"],
+:-moz-any(#customization-palette, #panelUI-contents) > 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) > #zoom-in-button,
+:-moz-any(#customization-palette, #panelUI-contents) > 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) > #zoom-in-button:hover:not([disabled="true"]),
+:-moz-any(#customization-palette, #panelUI-contents) > 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) > #zoom-in-button[disabled="true"],
+:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button[disabled="true"] {
+ -moz-image-region: rect(32px, 96px, 48px, 80px);
+}
+
+/* === END menupanel.inc.css === */
+
+.toolbarbutton-1 {
+ list-style-image: url("chrome://browser/skin/FxToolbar.png");
+}
+
+.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:not([type="menu-button"]) {
+ -moz-box-orient: vertical;
+}
+
+.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;
+}
+
+/* ::::: small primary toolbar buttons ::::: */
+
+#nav-bar {
+ /* force iconsize="small" on this toolbar */
+ counter-reset: smallicons;
+}
+
+toolbar[mode="text"] .toolbarbutton-1,
+toolbar[mode="icons"] .toolbarbutton-1,
+toolbar[iconsize="small"] .toolbarbutton-1,
+:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1,
+toolbar[mode="text"] .toolbarbutton-menubutton-button,
+toolbar[mode="icons"] .toolbarbutton-menubutton-button,
+toolbar[iconsize="small"] .toolbarbutton-menubutton-button,
+:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button {
+ min-width: 0px;
+ min-height: 0px;
+}
+
+toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker {
+ padding-top: 4px;
+ padding-bottom: 8px;
+ -moz-padding-start: 1px;
+ -moz-padding-end: 1px;
+}
+
+toolbar[mode="icons"] .toolbarbutton-menubutton-dropmarker,
+toolbar[iconsize="small"] .toolbarbutton-menubutton-dropmarker,
+:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
+ padding-top: 0px;
+ padding-bottom: 13px;
+ -moz-padding-start: 1px;
+ -moz-padding-end: 1px;
+}
+
+toolbar[mode="text"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
+toolbar[mode="text"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker {
+ padding-top: 5px;
+ padding-bottom: 7px;
+ -moz-padding-start: 2px;
+ -moz-padding-end: 0px;
+}
+
+toolbar[mode="icons"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
+toolbar[mode="icons"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker,
+toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
+toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker,
+:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
+:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker {
+ padding-top: 1px;
+ padding-bottom: 12px;
+ -moz-padding-start: 2px;
+ -moz-padding-end: 0px;
+}
+
+toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker[disabled="true"] {
+ padding-top: 4px !important;
+ padding-bottom: 8px !important;
+ -moz-padding-start: 1px !important;
+ -moz-padding-end: 1px !important;
+}
+
+toolbar[mode="icons"] .toolbarbutton-menubutton-dropmarker[disabled="true"],
+toolbar[iconsize="small"] > .toolbarbutton-menubutton-dropmarker[disabled="true"] {
+ padding-top: 0px !important;
+ padding-bottom: 13px !important;
+ -moz-padding-start: 1px !important;
+ -moz-padding-end: 1px !important;
+}
+
+toolbar[mode="icons"] .toolbarbutton-text,
+toolbar[mode="text"] .toolbarbutton-icon {
+ display: none;
+}
+
+toolbar[mode="text"] .toolbarbutton-text {
+ padding: 4px 0;
+}
+
+toolbar[mode="text"] .toolbarbutton-1,
+toolbar[mode="text"] .toolbarbutton-1 > .toolbarbutton-menubutton-button {
+ -moz-box-orient: horizontal;
+}
+
+toolbar[mode="full"] .toolbarbutton-1,
+toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button {
+ min-width: 30px;
+}
+
+#navigator-toolbox[iconsize=small] > #nav-bar {
+}
+
+#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar {
+}
+
+
+/* unified back/forward button */
+
+/* Australis?
+#forward-button {
+ padding: 0 !important;
+}
+
+#forward-button > menupopup {
+ margin-top: 1px !important;
+}
+*/
+
+#back-button {
+ -moz-margin-end: 0;
+}
+
+/* A number of styles use :-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) - this makes it only apply pre-Australis as iconsize and palette-box or addon-bar don't exist afterwards */
+:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #back-button {
+ -moz-image-region: rect(0, 18px, 18px, 0);
+}
+
+:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #back-button:not([disabled="true"]):hover {
+ -moz-image-region: rect(18px, 18px, 36px, 0);
+}
+
+:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #back-button[disabled="true"] {
+ -moz-image-region: rect(36px, 18px, 54px, 0);
+}
+
+#forward-button {
+ -moz-margin-start: 0;
+}
+
+:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #forward-button {
+ -moz-image-region: rect(0, 36px, 18px, 18px);
+}
+
+:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #forward-button:not([disabled="true"]):hover {
+ -moz-image-region: rect(18px, 36px, 36px, 18px);
+}
+
+:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #forward-button[disabled="true"] {
+ -moz-image-region: rect(36px, 36px, 54px, 18px);
+}
+
+#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
+#forward-button:-moz-locale-dir(rtl),
+#forward-button:-moz-locale-dir(rtl) > .toolbarbutton-text {
+ transform: scaleX(-1);
+}
+/*
+#nav-bar #back-button:-moz-locale-dir(ltr) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+#nav-bar #back-button:-moz-locale-dir(rtl),
+#nav-bar #forward-button {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+*/
+/* Remove selector when Australis lands - this makes it only apply post-Australis as back/forward buttons are in the urlbar-container there */
+#urlbar-container > #back-button,