X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fbrowser.css;h=e554ef5973b7a4a0aaf2b1b6d4d91825f9e7a8be;hp=77af9bb80f689791e6a251c328f10e96390fa9a2;hb=9847cbdd4241685689b0eb95b26f05888c368e12;hpb=00f971bcdc3c62e89cac2618464efbad925b40bb diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index 77af9bb8..e554ef59 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -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; } @@ -1361,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); } @@ -1393,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; @@ -1413,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] > @@ -1535,71 +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; } -/* A number of buttons use :-moz-any(#palette-box, #navigator-toolbox[iconsize]) - this makes it only apply pre-Australis as iconsize and the palette-box don't exist afterwards */ -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #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); } -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #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); } -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #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); } -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #reload-button { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #reload-button { -moz-image-region: rect(0, 72px, 18px, 54px); } -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #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); } -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #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); } -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #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"); } -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #home-button { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #home-button { -moz-image-region: rect(0, 90px, 18px, 72px); } -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #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); } -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #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); } -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #downloads-button { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #downloads-button { -moz-image-region: rect(0, 108px, 18px, 90px); } -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #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); } -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #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); } @@ -1607,20 +1619,20 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon margin: 0; } -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #history-button { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #history-button { -moz-image-region: rect(0, 126px, 18px, 108px); } -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #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); } -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #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); } -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #bookmarks-button, -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #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); } @@ -1629,54 +1641,54 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon /* list-style-image: url("chrome://browser/skin/FxToolbar.png"); */ } -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #bookmarks-menu-button.toolbarbutton-1 { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #bookmarks-menu-button.toolbarbutton-1 { -moz-box-orient: horizontal; } -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #bookmarks-button:not([disabled="true"]):hover, -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #bookmarks-menu-button[open="true"], -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #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); } -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #bookmarks-button[disabled="true"], -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #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); } -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #print-button { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #print-button { -moz-image-region: rect(0, 162px, 18px, 144px); } -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #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); } -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #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); } -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #new-tab-button { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #new-tab-button { -moz-image-region: rect(0, 180px, 18px, 162px); } -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #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); } -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #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); } -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #new-window-button { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #new-window-button { -moz-image-region: rect(0, 198px, 18px, 180px); } -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #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); } -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #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); } @@ -1716,15 +1728,15 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon -moz-image-region: rect(36px, 252px, 54px, 234px); } -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #fullscreen-button { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #fullscreen-button { -moz-image-region: rect(0, 270px, 18px, 252px); } -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #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); } -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #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); } @@ -1753,38 +1765,38 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon -moz-image-region: rect(36px, 306px, 54px, 288px); } -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #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); } -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #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); } -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #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); } -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #feed-button { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #feed-button { -moz-image-region: rect(0, 342px, 18px, 324px); } -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #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); } -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #webrtc-status-button { +:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #webrtc-status-button { -moz-image-region: rect(0, 360px, 18px, 342px); } -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #webrtc-status-button:not([disabled="true"]):hover, -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #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); } -:-moz-any(#palette-box, #navigator-toolbox[iconsize]) #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); } @@ -1895,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; @@ -1904,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; @@ -1912,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; } @@ -1955,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); } @@ -2029,6 +2051,10 @@ html|*.urlbar-input:-moz-lwtheme::-moz-placeholder, color: #8050B0; } +#search-container { + min-width: calc(54px + 11ch); +} + /* identity box */ #identity-box { @@ -2043,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; @@ -2052,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; } @@ -3179,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);*/ } @@ -3210,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; } @@ -4185,10 +4223,6 @@ window > chatbox { padding: 6px 1px 2px; } -.click-to-play-plugins-notification-content { - width: 28em; -} - .click-to-play-plugins-notification-center-box { }