+#downloads-button[cui-areatype="menu-panel"],
+toolbarpaletteitem[place="palette"] > #downloads-button {
+ -moz-image-region: rect(0px, 256px, 32px, 224px);
+}
+
+#downloads-button[cui-areatype="menu-panel"]:hover,
+toolbarpaletteitem[place="palette"] > #downloads-button:hover {
+ -moz-image-region: rect(32px, 256px, 64px, 224px);
+}
+
+#switch-to-metro-button[cui-areatype="menu-panel"],
+toolbarpaletteitem[place="palette"] > #switch-to-metro-button {
+ -moz-image-region: rect(0px, 800px, 32px, 768px);
+}
+
+#switch-to-metro-button[cui-areatype="menu-panel"]:hover,
+toolbarpaletteitem[place="palette"] > #switch-to-metro-button:hover {
+ -moz-image-region: rect(32px, 800px, 64px, 768px);
+}
+
+#add-ons-button[cui-areatype="menu-panel"],
+toolbarpaletteitem[place="palette"] > #add-ons-button {
+ -moz-image-region: rect(0px, 288px, 32px, 256px);
+}
+
+#add-ons-button[cui-areatype="menu-panel"]:hover,
+toolbarpaletteitem[place="palette"] > #add-ons-button:hover {
+ -moz-image-region: rect(32px, 288px, 64px, 256px);
+}
+
+#open-file-button[cui-areatype="menu-panel"],
+toolbarpaletteitem[place="palette"] > #open-file-button {
+ -moz-image-region: rect(0px, 320px, 32px, 288px);
+}
+
+#open-file-button[cui-areatype="menu-panel"]:hover,
+toolbarpaletteitem[place="palette"] > #open-file-button:hover {
+ -moz-image-region: rect(32px, 320px, 64px, 288px);
+}
+
+#save-page-button[cui-areatype="menu-panel"],
+toolbarpaletteitem[place="palette"] > #save-page-button {
+ -moz-image-region: rect(0px, 352px, 32px, 320px);
+}
+
+#save-page-button[cui-areatype="menu-panel"]:hover,
+toolbarpaletteitem[place="palette"] > #save-page-button:hover {
+ -moz-image-region: rect(32px, 352px, 64px, 320px);
+}
+
+#sync-button[cui-areatype="menu-panel"],
+toolbarpaletteitem[place="palette"] > #sync-button {
+ -moz-image-region: rect(0px, 384px, 32px, 352px);
+}
+
+#sync-button[cui-areatype="menu-panel"]:hover,
+toolbarpaletteitem[place="palette"] > #sync-button:hover {
+ -moz-image-region: rect(32px, 384px, 64px, 352px);
+}
+
+#feed-button[cui-areatype="menu-panel"],
+toolbarpaletteitem[place="palette"] > #feed-button {
+ -moz-image-region: rect(0px, 416px, 32px, 384px);
+}
+
+#feed-button[cui-areatype="menu-panel"]:hover:not([disabled="true"]),
+toolbarpaletteitem[place="palette"] > #feed-button:hover:not([disabled="true"]) {
+ -moz-image-region: rect(32px, 416px, 64px, 384px);
+}
+
+#feed-button[cui-areatype="menu-panel"][disabled="true"],
+toolbarpaletteitem[place="palette"] > #feed-button[disabled="true"] {
+ -moz-image-region: rect(64px, 416px, 96px, 384px);
+}
+
+#social-share-button[cui-areatype="menu-panel"],
+toolbarpaletteitem[place="palette"] > #social-share-button {
+ -moz-image-region: rect(0px, 448px, 32px, 416px);
+}
+
+#social-share-button[cui-areatype="menu-panel"]:hover,
+toolbarpaletteitem[place="palette"] > #social-share-button:hover {
+ -moz-image-region: rect(32px, 448px, 64px, 416px);
+}
+
+#email-link-button[cui-areatype="menu-panel"],
+toolbarpaletteitem[place="palette"] > #email-link-button {
+ -moz-image-region: rect(0, 448px, 32px, 416px);
+}
+
+#email-link-button[cui-areatype="menu-panel"]:hover,
+toolbarpaletteitem[place="palette"] > #email-link-button:hover {
+ -moz-image-region: rect(32px, 448px, 64px, 416px);
+}
+
+/* This is temporary until we have an email-link icon (Bug 932235) */
+#email-link-button[cui-areatype="menu-panel"] > image,
+toolbarpaletteitem[place="palette"] > #email-link-button > image {
+ transform: scale(-1, -1);
+}
+
+#characterencoding-button[cui-areatype="menu-panel"],
+toolbarpaletteitem[place="palette"] > #characterencoding-button {
+ -moz-image-region: rect(0px, 480px, 32px, 448px);
+}
+
+#characterencoding-button[cui-areatype="menu-panel"]:hover:not([disabled="true"]),
+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"],
+toolbarpaletteitem[place="palette"] > #characterencoding-button[disabled="true"] {
+ -moz-image-region: rect(64px, 480px, 96px, 448px);
+}
+
+#new-window-button[cui-areatype="menu-panel"],
+toolbarpaletteitem[place="palette"] > #new-window-button {
+ -moz-image-region: rect(0px, 512px, 32px, 480px);
+}
+
+#new-window-button[cui-areatype="menu-panel"]:hover,
+toolbarpaletteitem[place="palette"] > #new-window-button:hover {
+ -moz-image-region: rect(32px, 512px, 64px, 480px);
+}
+
+#new-tab-button[cui-areatype="menu-panel"],
+toolbarpaletteitem[place="palette"] > #new-tab-button {
+ -moz-image-region: rect(0px, 544px, 32px, 512px);
+}
+
+#new-tab-button[cui-areatype="menu-panel"]:hover,
+toolbarpaletteitem[place="palette"] > #new-tab-button:hover {
+ -moz-image-region: rect(32px, 544px, 64px, 512px);
+}
+
+#privatebrowsing-button[cui-areatype="menu-panel"],
+toolbarpaletteitem[place="palette"] > #privatebrowsing-button {
+ -moz-image-region: rect(0px, 576px, 32px, 544px);
+}
+
+#privatebrowsing-button[cui-areatype="menu-panel"]:hover,
+toolbarpaletteitem[place="palette"] > #privatebrowsing-button:hover {
+ -moz-image-region: rect(32px, 576px, 64px, 544px);
+}
+
+#find-button[cui-areatype="menu-panel"],
+toolbarpaletteitem[place="palette"] > #find-button {
+ -moz-image-region: rect(0px, 640px, 32px, 608px);
+}
+
+#find-button[cui-areatype="menu-panel"]:hover,
+toolbarpaletteitem[place="palette"] > #find-button:hover {
+ -moz-image-region: rect(32px, 640px, 64px, 608px);
+}
+
+#print-button[cui-areatype="menu-panel"],
+toolbarpaletteitem[place="palette"] > #print-button {
+ -moz-image-region: rect(0px, 672px, 32px, 640px);
+}
+
+#print-button[cui-areatype="menu-panel"]:hover,
+toolbarpaletteitem[place="palette"] > #print-button:hover {
+ -moz-image-region: rect(32px, 672px, 64px, 640px);
+}
+
+#fullscreen-button[cui-areatype="menu-panel"],
+toolbarpaletteitem[place="palette"] > #fullscreen-button {
+ -moz-image-region: rect(0px, 704px, 32px, 672px);
+}
+
+#fullscreen-button[cui-areatype="menu-panel"]:hover,
+toolbarpaletteitem[place="palette"] > #fullscreen-button:hover {
+ -moz-image-region: rect(32px, 704px, 64px, 672px);
+}
+
+#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);
+}
+
+#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);
+}
+
+/* Wide panel control icons */
+
+#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton,
+#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton,
+toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton,
+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,
+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"]),
+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"],
+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,
+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"]),
+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"],
+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,
+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"]),
+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"],
+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,
+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"]),
+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"],
+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,
+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"]),
+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"],
+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: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;
+}
+
+/* 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;
+}
+
+/* ::::: 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;
+}
+
+#forward-button {
+ -moz-margin-start: 0;
+}
+
+#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;
+}
+*/
+#back-button,
+window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
+ :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
+ #unified-back-forward-button > #back-button {
+ border-radius: 10000px;
+ width: 30px;
+ height: 30px;
+ position: relative;
+ z-index: 1;
+ margin-top: -2px;
+ margin-bottom: -2px;
+ border: none;
+ -moz-image-region: rect(54px, 20px, 74px, 0);