X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fbrowser.css;h=e554ef5973b7a4a0aaf2b1b6d4d91825f9e7a8be;hp=a8b7c6d7aecbc525ca1d51547d43eb5afacb30fb;hb=9847cbdd4241685689b0eb95b26f05888c368e12;hpb=43cc28069c8593f92b99fa8b65e282ea51b9fca9 diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index a8b7c6d7..e554ef59 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -12,8 +12,8 @@ toolbar { -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar"); } -/* Remove selector when Australis lands - this makes it only apply post-Australis as tabsontop doesn't exist there */ -#navigator-toolbox:not([tabsontop]) > toolbar[customizable="true"] { +/* Remove selector when Australis lands - this makes it only apply post-Australis as iconsize doesn't exist there */ +#navigator-toolbox:not([iconsize]) > toolbar[customizable="true"] { -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-browsercustom"); } @@ -21,8 +21,8 @@ toolbar[type="menubar"][autohide="true"] { -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-menubar-autohide"); } -/* Remove selector when Australis lands - this makes it only apply post-Australis as tabsontop doesn't exist there */ -#navigator-toolbox:not([tabsontop]) > #toolbar-menubar[autohide="true"] { +/* Remove selector when Australis lands - this makes it only apply post-Australis as iconsize doesn't exist there */ +#navigator-toolbox:not([iconsize]) > #toolbar-menubar[autohide="true"] { -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-menubar-autohide-browsercustom"); } @@ -62,8 +62,8 @@ menubar { /* margin-top: 15px;*/ } -/* Remove selector when Australis lands - this makes it only apply post-Australis as tabsontop doesn't exist there */ -#navigator-toolbox:not([tabsontop]) > #toolbar-menubar:not([autohide="true"]) { +/* Remove selector when Australis lands - this makes it only apply post-Australis as iconsize doesn't exist there */ +#navigator-toolbox:not([iconsize]) > #toolbar-menubar:not([autohide="true"]) { -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-drag-browsercustom"); } @@ -435,14 +435,15 @@ menubar { /* ::::: bookmark buttons ::::: */ -/*.bookmark-item:not(#bookmarks-menu-button) > .toolbarbutton-icon */ -.bookmark-item > .toolbarbutton-icon { +.bookmark-item > .toolbarbutton-icon, +#personal-bookmarks[cui-areatype="toolbar"] > #bookmarks-toolbar-placeholder > .toolbarbutton-icon { width: 16px; height: 16px; } -/* Prevent [mode="icons"] from hiding the label */ -.bookmark-item > .toolbarbutton-text { +/* Force the display of the label for bookmarks */ +.bookmark-item > .toolbarbutton-text, +#personal-bookmarks[cui-areatype="toolbar"] > #bookmarks-toolbar-placeholder > .toolbarbutton-text { display: -moz-box !important; } @@ -454,7 +455,8 @@ menubar { background: url("chrome://communicator/skin/bookmarks/bookmarksToolbar.png") no-repeat center; } -.bookmarks-toolbar-customize { +.bookmarks-toolbar-customize, +#bookmarks-toolbar-placeholder { max-width: 15em !important; list-style-image: url("chrome://communicator/skin/bookmarks/bookmarksToolbar.png") !important; } @@ -547,315 +549,343 @@ menuitem.bookmark-item { /* === BEGIN toolbarbuttons.inc.css === */ /* Whole section of this included file: */ -/* Remove |#navigator-toolbox:not([tabsontop])| selector when Australis lands - this makes it only apply post-Australis as tabsontop doesn't exist there */ -#navigator-toolbox:not([tabsontop]) :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, +/* Remove |#navigator-toolbox:not([iconsize])| selector when Australis lands - this makes it only apply post-Australis as iconsize doesn't exist there */ +#navigator-toolbox:not([iconsize]) :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #cut-button, #copy-button, #paste-button, #fullscreen-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #sync-button, #feed-button, #tabview-button, #webrtc-status-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #switch-to-metro-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button), -#navigator-toolbox:not([tabsontop]) #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { +#navigator-toolbox:not([iconsize]) #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { list-style-image: url("chrome://browser/skin/ToolbarFx.png"); } -#navigator-toolbox:not([tabsontop]) #back-button { +#navigator-toolbox:not([iconsize]) #back-button { -moz-image-region: rect(0, 36px, 18px, 18px); } -#navigator-toolbox:not([tabsontop]) #back-button:hover:not([disabled="true"]) { +#navigator-toolbox:not([iconsize]) #back-button:hover:not([disabled="true"]) { -moz-image-region: rect(18px, 36px, 36px, 18px); } -#navigator-toolbox:not([tabsontop]) #back-button[disabled="true"] { +#navigator-toolbox:not([iconsize]) #back-button[disabled="true"] { -moz-image-region: rect(36px, 36px, 54px, 18px); } -#navigator-toolbox:not([tabsontop]) #forward-button { +#navigator-toolbox:not([iconsize]) #forward-button { -moz-image-region: rect(0, 72px, 18px, 54px); } -#navigator-toolbox:not([tabsontop]) #forward-button:hover:not([disabled="true"]) { +#navigator-toolbox:not([iconsize]) #forward-button:hover:not([disabled="true"]) { -moz-image-region: rect(18px, 72px, 36px, 54px); } -#navigator-toolbox:not([tabsontop]) #forward-button[disabled="true"] { +#navigator-toolbox:not([iconsize]) #forward-button[disabled="true"] { -moz-image-region: rect(36px, 72px, 54px, 54px); } -#navigator-toolbox:not([tabsontop]) #back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon, -#navigator-toolbox:not([tabsontop]) #forward-button:-moz-locale-dir(rtl) { +#navigator-toolbox:not([iconsize]) #back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon, +#navigator-toolbox:not([iconsize]) #forward-button:-moz-locale-dir(rtl) { transform: scaleX(-1); } -#navigator-toolbox:not([tabsontop]) #home-button[cui-areatype="toolbar"] { +#navigator-toolbox:not([iconsize]) #home-button[cui-areatype="toolbar"] { -moz-image-region: rect(0, 126px, 18px, 108px); } -#navigator-toolbox:not([tabsontop]) #home-button[cui-areatype="toolbar"]:hover { +#navigator-toolbox:not([iconsize]) #home-button[cui-areatype="toolbar"]:hover { -moz-image-region: rect(18px, 126px, 36px, 108px); } -#navigator-toolbox:not([tabsontop]) #bookmarks-menu-button[cui-areatype="toolbar"] { +#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"] { -moz-image-region: rect(0, 144px, 18px, 126px); } -#navigator-toolbox:not([tabsontop]) #bookmarks-menu-button[cui-areatype="toolbar"]:hover, -#navigator-toolbox:not([tabsontop]) #bookmarks-menu-button[cui-areatype="toolbar"][open="true"] { +#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"]:hover, +#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"][open="true"] { -moz-image-region: rect(18px, 144px, 36px, 126px); } -#navigator-toolbox:not([tabsontop]) #bookmarks-menu-button[cui-areatype="toolbar"][starred] { +#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"][starred] { -moz-image-region: rect(0, 162px, 18px, 144px); } -#navigator-toolbox:not([tabsontop]) #bookmarks-menu-button[cui-areatype="toolbar"][starred]:hover, -#navigator-toolbox:not([tabsontop]) #bookmarks-menu-button[cui-areatype="toolbar"][starred][open="true"] { +#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"][starred]:hover, +#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"][starred][open="true"] { -moz-image-region: rect(18px, 162px, 36px, 144px); } -#navigator-toolbox:not([tabsontop]) #bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { +#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { -moz-image-region: rect(0, 630px, 18px, 612px); } -#navigator-toolbox:not([tabsontop]) #bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker { +#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker { padding: 1px; -moz-box-align: center; } -#navigator-toolbox:not([tabsontop]) #bookmarks-menu-button[cui-areatype="toolbar"]:hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, -#navigator-toolbox:not([tabsontop]) #bookmarks-menu-button[cui-areatype="toolbar"][open="true"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { +#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"]:hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, +#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"][open="true"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { -moz-image-region: rect(18px, 630px, 36px, 612px); } -#navigator-toolbox:not([tabsontop]) #bookmarks-menu-button[cui-areatype="toolbar"]:hover:active > .toolbarbutton-menubutton-dropmarker, -#navigator-toolbox:not([tabsontop]) #bookmarks-menu-button[cui-areatype="toolbar"][open="true"] > .toolbarbutton-menubutton-dropmarker { +#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"]:hover:active > .toolbarbutton-menubutton-dropmarker, +#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"][open="true"] > .toolbarbutton-menubutton-dropmarker { padding-top: 2px; padding-bottom: 0px; -moz-padding-start: 2px; -moz-padding-end: 0px; } -#navigator-toolbox:not([tabsontop]) #history-panelmenu[cui-areatype="toolbar"] { +#navigator-toolbox:not([iconsize]) #history-panelmenu[cui-areatype="toolbar"] { -moz-image-region: rect(0, 180px, 18px, 162px); } -#navigator-toolbox:not([tabsontop]) #history-panelmenu[cui-areatype="toolbar"]:hover, -#navigator-toolbox:not([tabsontop]) #history-panelmenu[cui-areatype="toolbar"][open="true"] { +#navigator-toolbox:not([iconsize]) #history-panelmenu[cui-areatype="toolbar"]:hover, +#navigator-toolbox:not([iconsize]) #history-panelmenu[cui-areatype="toolbar"][open="true"] { -moz-image-region: rect(18px, 180px, 36px, 162px); } -#navigator-toolbox:not([tabsontop]) #downloads-button[cui-areatype="toolbar"] { +#navigator-toolbox:not([iconsize]) #downloads-button[cui-areatype="toolbar"] { -moz-image-region: rect(0, 198px, 18px, 180px); } -#navigator-toolbox:not([tabsontop]) #downloads-button[cui-areatype="toolbar"]:hover, -#navigator-toolbox:not([tabsontop]) #downloads-button[cui-areatype="toolbar"][open="true"] { +#navigator-toolbox:not([iconsize]) #downloads-button[cui-areatype="toolbar"]:hover, +#navigator-toolbox:not([iconsize]) #downloads-button[cui-areatype="toolbar"][open="true"] { -moz-image-region: rect(18px, 198px, 36px, 180px); } -#navigator-toolbox:not([tabsontop]) #add-ons-button[cui-areatype="toolbar"] { +#navigator-toolbox:not([iconsize]) #add-ons-button[cui-areatype="toolbar"] { -moz-image-region: rect(0, 216px, 18px, 198px); } -#navigator-toolbox:not([tabsontop]) #add-ons-button[cui-areatype="toolbar"]:hover { +#navigator-toolbox:not([iconsize]) #add-ons-button[cui-areatype="toolbar"]:hover { -moz-image-region: rect(18px, 216px, 36px, 198px); } -#navigator-toolbox:not([tabsontop]) #switch-to-metro-button[cui-areatype="toolbar"] { +#navigator-toolbox:not([iconsize]) #switch-to-metro-button[cui-areatype="toolbar"] { -moz-image-region: rect(0, 648px, 18px, 630px); } -#navigator-toolbox:not([tabsontop]) #switch-to-metro-button[cui-areatype="toolbar"]:hover { +#navigator-toolbox:not([iconsize]) #switch-to-metro-button[cui-areatype="toolbar"]:hover { -moz-image-region: rect(18px, 648px, 36px, 630px); } -#navigator-toolbox:not([tabsontop]) #open-file-button[cui-areatype="toolbar"] { +#navigator-toolbox:not([iconsize]) #open-file-button[cui-areatype="toolbar"] { -moz-image-region: rect(0, 234px, 18px, 216px); } -#navigator-toolbox:not([tabsontop]) #open-file-button[cui-areatype="toolbar"]:hover { +#navigator-toolbox:not([iconsize]) #open-file-button[cui-areatype="toolbar"]:hover { -moz-image-region: rect(18px, 234px, 36px, 216px); } -#navigator-toolbox:not([tabsontop]) #save-page-button[cui-areatype="toolbar"] { +#navigator-toolbox:not([iconsize]) #save-page-button[cui-areatype="toolbar"] { -moz-image-region: rect(0, 252px, 18px, 234px); } -#navigator-toolbox:not([tabsontop]) #save-page-button[cui-areatype="toolbar"]:hover { +#navigator-toolbox:not([iconsize]) #save-page-button[cui-areatype="toolbar"]:hover { -moz-image-region: rect(18px, 252px, 36px, 234px); } -#navigator-toolbox:not([tabsontop]) #sync-button[cui-areatype="toolbar"] { +#navigator-toolbox:not([iconsize]) #sync-button[cui-areatype="toolbar"] { -moz-image-region: rect(0, 270px, 18px, 252px); } -#navigator-toolbox:not([tabsontop]) #sync-button[cui-areatype="toolbar"]:hover { +#navigator-toolbox:not([iconsize]) #sync-button[cui-areatype="toolbar"]:hover { -moz-image-region: rect(18px, 270px, 36px, 252px); } -#navigator-toolbox:not([tabsontop]) #feed-button[cui-areatype="toolbar"] { +#navigator-toolbox:not([iconsize]) #feed-button[cui-areatype="toolbar"] { -moz-image-region: rect(0, 288px, 18px, 270px); } -#navigator-toolbox:not([tabsontop]) #feed-button[cui-areatype="toolbar"]:hover { +#navigator-toolbox:not([iconsize]) #feed-button[cui-areatype="toolbar"]:hover:not([disabled="true"]) { -moz-image-region: rect(18px, 288px, 36px, 270px); } -#navigator-toolbox:not([tabsontop]) #social-share-button[cui-areatype="toolbar"] { +#navigator-toolbox:not([iconsize]) #feed-button[cui-areatype="toolbar"][disabled="true"] { + -moz-image-region: rect(36px, 288px, 54px, 270px); +} + +#navigator-toolbox:not([iconsize]) #social-share-button[cui-areatype="toolbar"] { -moz-image-region: rect(0px, 306px, 18px, 288px); } -#navigator-toolbox:not([tabsontop]) #social-share-button[cui-areatype="toolbar"]:hover { +#navigator-toolbox:not([iconsize]) #social-share-button[cui-areatype="toolbar"]:hover { -moz-image-region: rect(18px, 306px, 36px, 288px); } -#navigator-toolbox:not([tabsontop]) #email-link-button[cui-areatype="toolbar"] { +#navigator-toolbox:not([iconsize]) #email-link-button[cui-areatype="toolbar"] { -moz-image-region: rect(0, 306px, 18px, 288px); /* This is temporary until we have an email-link icon (Bug 932235) */ transform: scale(-1, -1); } -#navigator-toolbox:not([tabsontop]) #email-link-button[cui-areatype="toolbar"]:hover { +#navigator-toolbox:not([iconsize]) #email-link-button[cui-areatype="toolbar"]:hover { -moz-image-region: rect(18px, 306px, 36px, 288px); } -#navigator-toolbox:not([tabsontop]) #characterencoding-button[cui-areatype="toolbar"] { +#navigator-toolbox:not([iconsize]) #characterencoding-button[cui-areatype="toolbar"] { -moz-image-region: rect(0, 324px, 18px, 306px); } -#navigator-toolbox:not([tabsontop]) #characterencoding-button[cui-areatype="toolbar"]:hover, -#navigator-toolbox:not([tabsontop]) #characterencoding-button[cui-areatype="toolbar"][open="true"] { +#navigator-toolbox:not([iconsize]) #characterencoding-button[cui-areatype="toolbar"]:hover:not([disabled="true"]), +#navigator-toolbox:not([iconsize]) #characterencoding-button[cui-areatype="toolbar"][open="true"] { -moz-image-region: rect(18px, 324px, 36px, 306px); } -#navigator-toolbox:not([tabsontop]) #new-window-button[cui-areatype="toolbar"] { +#navigator-toolbox:not([iconsize]) #characterencoding-button[cui-areatype="toolbar"][disabled="true"] { + -moz-image-region: rect(36px, 324px, 54px, 306px); +} + +#navigator-toolbox:not([iconsize]) #new-window-button[cui-areatype="toolbar"] { -moz-image-region: rect(0, 342px, 18px, 324px); } -#navigator-toolbox:not([tabsontop]) #new-window-button[cui-areatype="toolbar"]:hover { +#navigator-toolbox:not([iconsize]) #new-window-button[cui-areatype="toolbar"]:hover { -moz-image-region: rect(18px, 342px, 36px, 324px); } -#navigator-toolbox:not([tabsontop]) #new-tab-button[cui-areatype="toolbar"] { +#navigator-toolbox:not([iconsize]) #new-tab-button[cui-areatype="toolbar"] { -moz-image-region: rect(0, 360px, 18px, 342px); } -#navigator-toolbox:not([tabsontop]) #new-tab-button[cui-areatype="toolbar"]:hover { +#navigator-toolbox:not([iconsize]) #new-tab-button[cui-areatype="toolbar"]:hover { -moz-image-region: rect(18px, 360px, 36px, 342px); } -#navigator-toolbox:not([tabsontop]) #privatebrowsing-button[cui-areatype="toolbar"] { +#navigator-toolbox:not([iconsize]) #privatebrowsing-button[cui-areatype="toolbar"] { -moz-image-region: rect(0, 378px, 18px, 360px); } -#navigator-toolbox:not([tabsontop]) #privatebrowsing-button[cui-areatype="toolbar"]:hover { +#navigator-toolbox:not([iconsize]) #privatebrowsing-button[cui-areatype="toolbar"]:hover { -moz-image-region: rect(18px, 378px, 36px, 360px); } -#navigator-toolbox:not([tabsontop]) #find-button[cui-areatype="toolbar"] { +#navigator-toolbox:not([iconsize]) #find-button[cui-areatype="toolbar"] { -moz-image-region: rect(0, 396px, 18px, 378px); } -#navigator-toolbox:not([tabsontop]) #find-button[cui-areatype="toolbar"]:hover { +#navigator-toolbox:not([iconsize]) #find-button[cui-areatype="toolbar"]:hover { -moz-image-region: rect(18px, 396px, 36px, 378px); } -#navigator-toolbox:not([tabsontop]) #print-button[cui-areatype="toolbar"] { +#navigator-toolbox:not([iconsize]) #print-button[cui-areatype="toolbar"] { -moz-image-region: rect(0, 414px, 18px, 396px); } -#navigator-toolbox:not([tabsontop]) #print-button[cui-areatype="toolbar"]:hover { +#navigator-toolbox:not([iconsize]) #print-button[cui-areatype="toolbar"]:hover { -moz-image-region: rect(18px, 414px, 36px, 396px); } -#navigator-toolbox:not([tabsontop]) #fullscreen-button[cui-areatype="toolbar"] { +#navigator-toolbox:not([iconsize]) #fullscreen-button[cui-areatype="toolbar"] { -moz-image-region: rect(0, 432px, 18px, 414px); } -#navigator-toolbox:not([tabsontop]) #fullscreen-button[cui-areatype="toolbar"]:hover { +#navigator-toolbox:not([iconsize]) #fullscreen-button[cui-areatype="toolbar"]:hover { -moz-image-region: rect(18px, 432px, 36px, 414px); } -#navigator-toolbox:not([tabsontop]) #developer-button[cui-areatype="toolbar"] { +#navigator-toolbox:not([iconsize]) #developer-button[cui-areatype="toolbar"] { -moz-image-region: rect(0, 450px, 18px, 432px); } -#navigator-toolbox:not([tabsontop]) #developer-button[cui-areatype="toolbar"]:hover, -#navigator-toolbox:not([tabsontop]) #developer-button[cui-areatype="toolbar"][open="true"] { +#navigator-toolbox:not([iconsize]) #developer-button[cui-areatype="toolbar"]:hover, +#navigator-toolbox:not([iconsize]) #developer-button[cui-areatype="toolbar"][open="true"] { -moz-image-region: rect(18px, 450px, 36px, 432px); } -#navigator-toolbox:not([tabsontop]) #preferences-button[cui-areatype="toolbar"] { +#navigator-toolbox:not([iconsize]) #preferences-button[cui-areatype="toolbar"] { -moz-image-region: rect(0, 468px, 18px, 450px); } -#navigator-toolbox:not([tabsontop]) #preferences-button[cui-areatype="toolbar"]:hover { +#navigator-toolbox:not([iconsize]) #preferences-button[cui-areatype="toolbar"]:hover { -moz-image-region: rect(18px, 468px, 36px, 450px); } -#navigator-toolbox:not([tabsontop]) #PanelUI-menu-button { +#navigator-toolbox:not([iconsize]) #PanelUI-menu-button { -moz-image-region: rect(0, 486px, 18px, 468px); } -#navigator-toolbox:not([tabsontop]) #PanelUI-menu-button:hover, -#navigator-toolbox:not([tabsontop]) #PanelUI-menu-button[open="true"] { +#navigator-toolbox:not([iconsize]) #PanelUI-menu-button:hover, +#navigator-toolbox:not([iconsize]) #PanelUI-menu-button[open="true"] { -moz-image-region: rect(18px, 486px, 36px, 468px); } -#navigator-toolbox:not([tabsontop]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #cut-button { +#navigator-toolbox:not([iconsize]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #cut-button { -moz-image-region: rect(0, 504px, 18px, 486px); } -#navigator-toolbox:not([tabsontop]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #cut-button:hover { +#navigator-toolbox:not([iconsize]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #cut-button:hover:not([disabled="true"]) { -moz-image-region: rect(18px, 504px, 36px, 486px); } -#navigator-toolbox:not([tabsontop]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #copy-button { +#navigator-toolbox:not([iconsize]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #cut-button[disabled="true"] { + -moz-image-region: rect(36px, 504px, 54px, 486px); +} + +#navigator-toolbox:not([iconsize]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #copy-button { -moz-image-region: rect(0, 522px, 18px, 504px); } -#navigator-toolbox:not([tabsontop]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #copy-button:hover { +#navigator-toolbox:not([iconsize]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #copy-button:hover:not([disabled="true"]) { -moz-image-region: rect(18px, 522px, 36px, 504px); } -#navigator-toolbox:not([tabsontop]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #paste-button { +#navigator-toolbox:not([iconsize]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #copy-button[disabled="true"] { + -moz-image-region: rect(36px, 522px, 54px, 504px); +} + +#navigator-toolbox:not([iconsize]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #paste-button { -moz-image-region: rect(0, 540px, 18px, 522px); } -#navigator-toolbox:not([tabsontop]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #paste-button:hover { +#navigator-toolbox:not([iconsize]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #paste-button:hover:not([disabled="true"]) { -moz-image-region: rect(18px, 540px, 36px, 522px); } -#navigator-toolbox:not([tabsontop]) #zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #zoom-out-button { +#navigator-toolbox:not([iconsize]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #paste-button[disabled="true"] { + -moz-image-region: rect(36px, 540px, 54px, 522px); +} + +#navigator-toolbox:not([iconsize]) #zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #zoom-out-button { -moz-image-region: rect(0, 558px, 18px, 540px); } -#navigator-toolbox:not([tabsontop]) #zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #zoom-out-button:hover { +#navigator-toolbox:not([iconsize]) #zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #zoom-out-button:hover:not([disabled="true"]) { -moz-image-region: rect(18px, 558px, 36px, 540px); } -#navigator-toolbox:not([tabsontop]) #zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #zoom-in-button { +#navigator-toolbox:not([iconsize]) #zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #zoom-out-button[disabled="true"] { + -moz-image-region: rect(36px, 558px, 54px, 540px); +} + +#navigator-toolbox:not([iconsize]) #zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #zoom-in-button { -moz-image-region: rect(0, 576px, 18px, 558px); } -#navigator-toolbox:not([tabsontop]) #zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #zoom-in-button:hover { +#navigator-toolbox:not([iconsize]) #zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #zoom-in-button:hover:not([disabled="true"]) { -moz-image-region: rect(18px, 576px, 36px, 558px); } -#navigator-toolbox:not([tabsontop]) #webrtc-status-button:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) { +#navigator-toolbox:not([iconsize]) #zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #zoom-in-button[disabled="true"] { + -moz-image-region: rect(36px, 576px, 54px, 558px); +} + +#navigator-toolbox:not([iconsize]) #webrtc-status-button:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) { -moz-image-region: rect(0, 594px, 18px, 576px); } -#navigator-toolbox:not([tabsontop]) #webrtc-status-button:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)):hover, -#navigator-toolbox:not([tabsontop]) #webrtc-status-button:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem))[open="true"] { +#navigator-toolbox:not([iconsize]) #webrtc-status-button:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)):hover, +#navigator-toolbox:not([iconsize]) #webrtc-status-button:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem))[open="true"] { -moz-image-region: rect(18px, 594px, 36px, 576px); } -#navigator-toolbox:not([tabsontop]) #nav-bar-overflow-button { +#navigator-toolbox:not([iconsize]) #nav-bar-overflow-button { -moz-image-region: rect(0, 612px, 18px, 594px); } -#navigator-toolbox:not([tabsontop]) #nav-bar-overflow-button:hover, -#navigator-toolbox:not([tabsontop]) #nav-bar-overflow-button[open="true"] { +#navigator-toolbox:not([iconsize]) #nav-bar-overflow-button:hover, +#navigator-toolbox:not([iconsize]) #nav-bar-overflow-button[open="true"] { -moz-image-region: rect(18px, 612px, 36px, 594px); } @@ -884,66 +914,136 @@ menuitem.bookmark-item { -moz-image-region: rect(0px, 128px, 32px, 96px); } +#home-button[cui-areatype="menu-panel"]:hover, +:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #home-button:hover { + -moz-image-region: rect(32px, 128px, 64px, 96px); +} + #bookmarks-menu-button[cui-areatype="menu-panel"], :-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #bookmarks-menu-button { -moz-image-region: rect(0px, 160px, 32px, 128px); } +#bookmarks-menu-button[cui-areatype="menu-panel"]:hover, +:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #bookmarks-menu-button:hover { + -moz-image-region: rect(32px, 160px, 64px, 128px); +} + #bookmarks-menu-button[starred][cui-areatype="menu-panel"] { -moz-image-region: rect(0px, 192px, 32px, 160px); } +#bookmarks-menu-button[starred][cui-areatype="menu-panel"]:hover { + -moz-image-region: rect(32px, 192px, 64px, 160px); +} + #history-panelmenu[cui-areatype="menu-panel"], :-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #history-panelmenu { -moz-image-region: rect(0px, 224px, 32px, 192px); } +#history-panelmenu[cui-areatype="menu-panel"]:hover, +:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #history-panelmenu:hover { + -moz-image-region: rect(32px, 224px, 64px, 192px); +} + #downloads-button[cui-areatype="menu-panel"], #downloads-indicator[cui-areatype="menu-panel"], :-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #downloads-button { -moz-image-region: rect(0px, 256px, 32px, 224px); } +#downloads-button[cui-areatype="menu-panel"]:hover, +#downloads-indicator[cui-areatype="menu-panel"]:hover, +:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #downloads-button:hover { + -moz-image-region: rect(32px, 256px, 64px, 224px); +} + #switch-to-metro-button[cui-areatype="menu-panel"], :-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #switch-to-metro-button { -moz-image-region: rect(0px, 800px, 32px, 768px); } +#switch-to-metro-button[cui-areatype="menu-panel"]:hover, +:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #switch-to-metro-button:hover { + -moz-image-region: rect(32px, 800px, 64px, 768px); +} + #add-ons-button[cui-areatype="menu-panel"], :-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #add-ons-button { -moz-image-region: rect(0px, 288px, 32px, 256px); } +#add-ons-button[cui-areatype="menu-panel"]:hover, +:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #add-ons-button:hover { + -moz-image-region: rect(32px, 288px, 64px, 256px); +} + #open-file-button[cui-areatype="menu-panel"], :-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #open-file-button { -moz-image-region: rect(0px, 320px, 32px, 288px); } +#open-file-button[cui-areatype="menu-panel"]:hover, +:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #open-file-button:hover { + -moz-image-region: rect(32px, 320px, 64px, 288px); +} + #save-page-button[cui-areatype="menu-panel"], :-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #save-page-button { -moz-image-region: rect(0px, 352px, 32px, 320px); } +#save-page-button[cui-areatype="menu-panel"]:hover, +:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #save-page-button:hover { + -moz-image-region: rect(32px, 352px, 64px, 320px); +} + #sync-button[cui-areatype="menu-panel"], :-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #sync-button { -moz-image-region: rect(0px, 384px, 32px, 352px); } +#sync-button[cui-areatype="menu-panel"]:hover, +:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #sync-button:hover { + -moz-image-region: rect(32px, 384px, 64px, 352px); +} + #feed-button[cui-areatype="menu-panel"], :-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #feed-button { -moz-image-region: rect(0px, 416px, 32px, 384px); } +#feed-button[cui-areatype="menu-panel"]:hover:not([disabled="true"]), +:-moz-any(#customization-palette, #panelUI-contents) > 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"], +:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #feed-button[disabled="true"] { + -moz-image-region: rect(64px, 416px, 96px, 384px); +} + #social-share-button[cui-areatype="menu-panel"], :-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #social-share-button { -moz-image-region: rect(0px, 448px, 32px, 416px); } +#social-share-button[cui-areatype="menu-panel"]:hover, +:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #social-share-button:hover { + -moz-image-region: rect(32px, 448px, 64px, 416px); +} + #email-link-button[cui-areatype="menu-panel"], :-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #email-link-button { -moz-image-region: rect(0, 448px, 32px, 416px); } +#email-link-button[cui-areatype="menu-panel"]:hover, +:-moz-any(#customization-palette, #panelUI-contents) > 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, :-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #email-link-button > image { @@ -955,46 +1055,96 @@ menuitem.bookmark-item { -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, @@ -1009,26 +1159,76 @@ menuitem.bookmark-item { -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 { @@ -1163,30 +1363,46 @@ toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button { /* unified back/forward button */ +/* Australis? +#forward-button { + padding: 0 !important; +} + +#forward-button > menupopup { + margin-top: 1px !important; +} +*/ + #back-button { - -moz-image-region: rect(0, 18px, 18px, 0); -moz-margin-end: 0; } -#back-button:not([disabled="true"]):hover { +/* 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); } -#back-button[disabled="true"] { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #back-button[disabled="true"] { -moz-image-region: rect(36px, 18px, 54px, 0); } #forward-button { - -moz-image-region: rect(0, 36px, 18px, 18px); - border-left: none; -moz-margin-start: 0; } -#forward-button:not([disabled="true"]):hover { +:-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); } -#forward-button[disabled="true"] { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #forward-button[disabled="true"] { -moz-image-region: rect(36px, 36px, 54px, 18px); } @@ -1195,16 +1411,7 @@ toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button { #forward-button:-moz-locale-dir(rtl) > .toolbarbutton-text { transform: scaleX(-1); } - -#nav-bar #back-button { - -moz-margin-end: 0 !important; -} - -#nav-bar #forward-button { - border-left-style: none; - -moz-margin-start: 0 !important; -} - +/* #nav-bar #back-button:-moz-locale-dir(ltr) { border-top-right-radius: 0; border-bottom-right-radius: 0; @@ -1215,7 +1422,7 @@ toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-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, window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > @@ -1337,70 +1544,74 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon 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:not([switchingtabs]) > #forward-button { + #unified-back-forward-button:not([switchingtabs]) > #forward-button, +window:not([chromehidden~="toolbar"]) #urlbar-container:not([switchingtabs]) > #forward-button { transition: opacity 150ms ease-out; } 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:not(:hover) > #forward-button[disabled] { + #unified-back-forward-button:not(:hover) > #forward-button[disabled], +window:not([chromehidden~="toolbar"]) #urlbar-container:not(:hover) > #forward-button[disabled] { opacity: 0; } 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:hover > #forward-button[disabled] { + #unified-back-forward-button:hover > #forward-button[disabled], +window:not([chromehidden~="toolbar"]) #urlbar-container:hover > #forward-button[disabled] { background-color: transparent; } -#stop-button { +/* A number of buttons use :-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) - this makes it only apply pre-Australis as iconsize and the palette-box don't exist afterwards */ +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #stop-button { -moz-image-region: rect(0, 54px, 18px, 36px); } -#stop-button:not([disabled="true"]):hover { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #stop-button:not([disabled="true"]):hover { -moz-image-region: rect(18px, 54px, 36px, 36px); } -#stop-button[disabled="true"] { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #stop-button[disabled="true"] { -moz-image-region: rect(36px, 54px, 54px, 36px); } -#reload-button { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #reload-button { -moz-image-region: rect(0, 72px, 18px, 54px); } -#reload-button:not([disabled="true"]):hover { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #reload-button:not([disabled="true"]):hover { -moz-image-region: rect(18px, 72px, 36px, 54px); } -#reload-button[disabled="true"] { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #reload-button[disabled="true"] { -moz-image-region: rect(36px, 72px, 54px, 54px); } -#home-button.bookmark-item { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #home-button.bookmark-item { list-style-image: url("chrome://browser/skin/FxToolbar.png"); } -#home-button { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #home-button { -moz-image-region: rect(0, 90px, 18px, 72px); } -#home-button:not([disabled="true"]):hover { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #home-button:not([disabled="true"]):hover { -moz-image-region: rect(18px, 90px, 36px, 72px); } -#home-button[disabled="true"] { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #home-button[disabled="true"] { -moz-image-region: rect(36px, 90px, 54px, 72px); } -#downloads-button { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #downloads-button { -moz-image-region: rect(0, 108px, 18px, 90px); } -#downloads-button:not([disabled="true"]):hover { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #downloads-button:not([disabled="true"]):hover { -moz-image-region: rect(18px, 108px, 36px, 90px); } -#downloads-button[disabled="true"] { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #downloads-button[disabled="true"] { -moz-image-region: rect(36px, 108px, 54px, 90px); } @@ -1408,21 +1619,20 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon margin: 0; } -#history-button { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #history-button { -moz-image-region: rect(0, 126px, 18px, 108px); } -#history-button:not([disabled="true"]):hover { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #history-button:not([disabled="true"]):hover { -moz-image-region: rect(18px, 126px, 36px, 108px); } -#history-button[disabled="true"] { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #history-button[disabled="true"] { -moz-image-region: rect(36px, 126px, 54px, 108px); } -/* Remove section when Australis lands - this makes it only apply pre-Australis as tabsontop doesn't exist afterwards */ -#navigator-toolbox[tabsontop] #bookmarks-button, -#navigator-toolbox[tabsontop] #bookmarks-menu-button { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #bookmarks-button, +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #bookmarks-menu-button { list-style-image: url("chrome://browser/skin/FxToolbar.png") !important; /* for making the palette work */ -moz-image-region: rect(0, 144px, 18px, 126px); } @@ -1431,54 +1641,54 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon /* list-style-image: url("chrome://browser/skin/FxToolbar.png"); */ } -#bookmarks-menu-button.toolbarbutton-1 { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #bookmarks-menu-button.toolbarbutton-1 { -moz-box-orient: horizontal; } -#bookmarks-button:not([disabled="true"]):hover, -#bookmarks-menu-button[open="true"], -#bookmarks-menu-button:not([disabled="true"]):hover { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #bookmarks-button:not([disabled="true"]):hover, +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #bookmarks-menu-button[open="true"], +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #bookmarks-menu-button:not([disabled="true"]):hover { -moz-image-region: rect(18px, 144px, 36px, 126px); } -#bookmarks-button[disabled="true"], -#bookmarks-menu-button[disabled="true"] { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #bookmarks-button[disabled="true"], +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #bookmarks-menu-button[disabled="true"] { -moz-image-region: rect(36px, 144px, 54px, 126px); } -#print-button { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #print-button { -moz-image-region: rect(0, 162px, 18px, 144px); } -#print-button:not([disabled="true"]):hover { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #print-button:not([disabled="true"]):hover { -moz-image-region: rect(18px, 162px, 36px, 144px); } -#print-button[disabled="true"] { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #print-button[disabled="true"] { -moz-image-region: rect(36px, 162px, 54px, 144px); } -#new-tab-button { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #new-tab-button { -moz-image-region: rect(0, 180px, 18px, 162px); } -#new-tab-button:not([disabled="true"]):hover { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #new-tab-button:not([disabled="true"]):hover { -moz-image-region: rect(18px, 180px, 36px, 162px); } -#new-tab-button[disabled="true"] { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #new-tab-button[disabled="true"] { -moz-image-region: rect(36px, 180px, 54px, 162px); } -#new-window-button { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #new-window-button { -moz-image-region: rect(0, 198px, 18px, 180px); } -#new-window-button:not([disabled="true"]):hover { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #new-window-button:not([disabled="true"]):hover { -moz-image-region: rect(18px, 198px, 36px, 180px); } -#new-window-button[disabled="true"] { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #new-window-button[disabled="true"] { -moz-image-region: rect(36px, 198px, 54px, 180px); } @@ -1518,15 +1728,15 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon -moz-image-region: rect(36px, 252px, 54px, 234px); } -#fullscreen-button { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #fullscreen-button { -moz-image-region: rect(0, 270px, 18px, 252px); } -#fullscreen-button:not([disabled="true"]):hover { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #fullscreen-button:not([disabled="true"]):hover { -moz-image-region: rect(18px, 270px, 36px, 252px); } -#fullscreen-button[disabled="true"] { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #fullscreen-button[disabled="true"] { -moz-image-region: rect(36px, 270px, 54px, 252px); } @@ -1555,38 +1765,38 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon -moz-image-region: rect(36px, 306px, 54px, 288px); } -#sync-button:not([status]) { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #sync-button:not([status]) { list-style-image: url("chrome://browser/skin/FxToolbar.png") !important; /* for making the palette work */ -moz-image-region: rect(0, 324px, 18px, 306px); } -#sync-button[status="active"] { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #sync-button[status="active"] { list-style-image: url("chrome://browser/skin/sync-throbber.png"); -moz-image-region: rect(0, 18px, 18px, 0); } -#sync-button[disabled="true"] { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #sync-button[disabled="true"] { -moz-image-region: rect(36px, 324px, 54px, 306px); } -#feed-button { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #feed-button { -moz-image-region: rect(0, 342px, 18px, 324px); } -#feed-button[disabled="true"] { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #feed-button[disabled="true"] { -moz-image-region: rect(36px, 342px, 54px, 324px); } -#webrtc-status-button { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #webrtc-status-button { -moz-image-region: rect(0, 360px, 18px, 342px); } -#webrtc-status-button:not([disabled="true"]):hover, -#webrtc-status-button[open="true"] { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #webrtc-status-button:not([disabled="true"]):hover, +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #webrtc-status-button[open="true"] { -moz-image-region: rect(18px, 360px, 36px, 342px); } -#webrtc-status-button[disabled="true"] { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #webrtc-status-button[disabled="true"] { -moz-image-region: rect(36px, 360px, 54px, 342px); } @@ -1594,7 +1804,7 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon #tabview-button, #menu_tabview { - list-style-image: url("chrome://browser/skin/tabview/tabview.png"); + list-style-image: url("chrome://browser/skin/tabview/tabview.png") !important; } #tabview-button { @@ -1697,7 +1907,8 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon 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 + #urlbar-container { + #unified-back-forward-button + #urlbar-container, +window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper { padding-left: 22px; -moz-margin-start: -22px; position: relative; @@ -1706,7 +1917,8 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon 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 + #urlbar-container > #urlbar { + #unified-back-forward-button + #urlbar-container > #urlbar, +window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper > #urlbar { /* -moz-border-start: none; margin-left: 0; */ pointer-events: all; @@ -1714,40 +1926,46 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon 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:not([switchingtabs]) + #urlbar-container > #urlbar { + #unified-back-forward-button:not([switchingtabs]) + #urlbar-container > #urlbar, +window:not([chromehidden~="toolbar"]) #urlbar-container:not([switchingtabs]) > #urlbar-wrapper > #urlbar { transition: margin-left 150ms ease-out; } 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 + #urlbar-container > #urlbar:-moz-locale-dir(ltr) { + #unified-back-forward-button + #urlbar-container > #urlbar:-moz-locale-dir(ltr), +window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper > #urlbar:-moz-locale-dir(ltr) { /* border-top-left-radius: 0; border-bottom-left-radius: 0; */ } 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 + #urlbar-container > #urlbar:-moz-locale-dir(rtl) { + #unified-back-forward-button + #urlbar-container > #urlbar:-moz-locale-dir(rtl), +window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper > #urlbar:-moz-locale-dir(rtl) { /* border-top-right-radius: 0; border-bottom-right-radius: 0; */ } 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[forwarddisabled] + #urlbar-container > #urlbar { + #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar, +window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled] > #urlbar-wrapper > #urlbar { margin-left: -22px; } 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[forwarddisabled]:hover:not([switchingtabs]) + #urlbar-container > #urlbar { + #unified-back-forward-button[forwarddisabled]:hover:not([switchingtabs]) + #urlbar-container > #urlbar, +window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled]:hover:not([switchingtabs]) > #urlbar-wrapper > #urlbar { /* delay the hiding of the forward button when hovered to avoid accidental clicks on the url bar */ transition-delay: 100s; } 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[forwarddisabled]:not(:hover) + #urlbar-container > #urlbar { + #unified-back-forward-button[forwarddisabled]:not(:hover) + #urlbar-container > #urlbar, +window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled]:not(:hover) > #urlbar-wrapper > #urlbar { /* when not hovered anymore, trigger a new transition to hide the forward button immediately */ margin-left: -22.01px; } @@ -1757,7 +1975,9 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon #unified-back-forward-button + #urlbar-container:-moz-locale-dir(rtl), 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 + #urlbar-container > #urlbar:-moz-locale-dir(rtl) { + #unified-back-forward-button + #urlbar-container > #urlbar:-moz-locale-dir(rtl), +window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper:-moz-locale-dir(rtl), +window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper > #urlbar:-moz-locale-dir(rtl) { /* let winstripe-urlbar-back-button-clip-path clip the urlbar's right side for RTL */ transform: scaleX(-1); } @@ -1831,6 +2051,10 @@ html|*.urlbar-input:-moz-lwtheme::-moz-placeholder, color: #8050B0; } +#search-container { + min-width: calc(54px + 11ch); +} + /* identity box */ #identity-box { @@ -1845,7 +2069,8 @@ html|*.urlbar-input:-moz-lwtheme::-moz-placeholder, 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 + #urlbar-container > #urlbar > #identity-box { + #unified-back-forward-button + #urlbar-container > #urlbar > #identity-box, +window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper > #urlbar > #identity-box { /* border-radius: 0; */ -moz-padding-start: 2px; -moz-padding-end: 2px; @@ -1854,35 +2079,50 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon 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[forwarddisabled] + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) { + #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar > + #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr), +window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled] > #urlbar-wrapper > #urlbar > + #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) { padding-left: 2px; transition: padding-left; } 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[forwarddisabled] + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl) { + #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar > + #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl), +window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled] > #urlbar-wrapper > #urlbar > + #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl) { padding-right: 2px; transition: padding-right; } 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[forwarddisabled]:hover:not([switchingtabs]) + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box { + #unified-back-forward-button[forwarddisabled]:hover:not([switchingtabs]) + #urlbar-container > #urlbar > + #notification-popup-box[hidden] + #identity-box, +window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled]:hover:not([switchingtabs]) > #urlbar-wrapper > #urlbar > + #notification-popup-box[hidden] + #identity-box { /* forward button hiding is delayed when hovered */ transition-delay: 100s; } 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[forwarddisabled]:not(:hover) + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) { + #unified-back-forward-button[forwarddisabled]:not(:hover) + #urlbar-container > #urlbar > + #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr), +window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled]:not(:hover) > #urlbar-wrapper > #urlbar > + #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) { /* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */ padding-left: 2.01px; } 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[forwarddisabled]:not(:hover) + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl) { + #unified-back-forward-button[forwarddisabled]:not(:hover) + #urlbar-container > #urlbar > + #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl), +window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled]:not(:hover) > #urlbar-wrapper > #urlbar > + #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl) { /* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */ padding-right: 2.01px; } @@ -1929,7 +2169,8 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon background-color: transparent; } -#urlbar-container[combined="true"] > #urlbar > .urlbar-history-dropmarker { +#urlbar-container[combined="true"] > #urlbar > .urlbar-history-dropmarker, +#urlbar-wrapper > #urlbar > .urlbar-history-dropmarker { border: none; border-radius: 0px; } @@ -1969,6 +2210,7 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon width: 16px; height: 16px; list-style-image: url("chrome://browser/skin/identity-icons-generic.png"); + margin: 2px; } .chromeUI > #page-proxy-favicon[pageproxystate="valid"] { @@ -2321,28 +2563,29 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- /* star button */ -#star-button { +/* #urlbar-container only directly contains the urlbar pre-Australis, don't assign an icon in Australis */ +#urlbar-container > #urlbar > #urlbar-icons > #star-button { list-style-image: url("chrome://communicator/skin/bookmarks/bookmark.png"); -moz-image-region: rect(16px 16px 32px 0px); } -#star-button:hover { +#urlbar-container > #urlbar > #urlbar-icons > #star-button:hover { -moz-image-region: rect(16px 32px 32px 16px); } -#star-button:hover:active { +#urlbar-container > #urlbar > #urlbar-icons > #star-button:hover:active { -moz-image-region: rect(16px 48px 32px 32px); } -#star-button[starred="true"] { +#urlbar-container > #urlbar > #urlbar-icons > #star-button[starred="true"] { -moz-image-region: rect(0px 16px 16px 0px); } -#star-button[starred="true"]:hover { +#urlbar-container > #urlbar > #urlbar-icons > #star-button[starred="true"]:hover { -moz-image-region: rect(0px 32px 16px 16px); } -#star-button[starred="true"]:hover:active { +#urlbar-container > #urlbar > #urlbar-icons > #star-button[starred="true"]:hover:active { -moz-image-region: rect(0px 48px 16px 32px); } @@ -2440,8 +2683,8 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- /* Tabstrip */ -/* Remove selector when Australis lands - this makes it only apply post-Australis as tabsontop doesn't exist there */ -#navigator-toolbox:not([tabsontop]) > #TabsToolbar, +/* Remove selector when Australis lands - this makes it only apply post-Australis as iconsize doesn't exist there */ +#navigator-toolbox:not([iconsize]) > #TabsToolbar, #TabsToolbar { min-height: 0; padding: 0; @@ -2978,23 +3221,19 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon list-style-image: url("chrome://browser/skin/notification-pluginNormal.png"); } -#alert-plugins-notification-icon { +#plugins-notification-icon.plugin-hidden { list-style-image: url("chrome://browser/skin/notification-pluginAlert.png"); } -#blocked-plugins-notification-icon { +#plugins-notification-icon.plugin-blocked { list-style-image: url("chrome://browser/skin/notification-pluginBlocked.png"); } -#plugins-notification-icon, -#alert-plugins-notification-icon, -#blocked-plugins-notification-icon { +#plugins-notification-icon { /* -moz-image-region: rect(0, 16px, 16px, 0);*/ } -#plugins-notification-icon:hover, -#alert-plugins-notification-icon:hover, -#blocked-plugins-notification-icon:hover { +#plugins-notification-icon:hover { /* -moz-image-region: rect(0, 32px, 16px, 16px);*/ } @@ -3009,7 +3248,7 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon visibility: collapse; } -#blocked-plugins-notification-icon[showing] { +#plugins-notification-icon.plugin-blocked[showing] { animation: pluginBlockedNotification 500ms ease 0s 5 alternate both; } @@ -3984,10 +4223,6 @@ window > chatbox { padding: 6px 1px 2px; } -.click-to-play-plugins-notification-content { - width: 28em; -} - .click-to-play-plugins-notification-center-box { }