Can you provide us the userchrome.css you are using?
Sure thing!
Code: css
- /************************************************/ /* cheat main menu button into title bar ********/ /************************************************/ /* workaround for Firefox 71+ *******************/ :root { --space_required_for_appbutton_fix: 36px; --space_required_for_appbutton_fix2: 2px; } :root[uidensity="compact"] { --space_required_for_appbutton_fix: 34px; } :root[uidensity="touch"] { --space_required_for_appbutton_fix: 42px; } /* menubar adjustments */ #main-window[tabsintitlebar] #toolbar-menubar { -moz-margin-start: 95px !important; } #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar { -moz-margin-start: 94px !important; } #main-window[uidensity=compact][tabsintitlebar] #toolbar-menubar { -moz-margin-start: 93px !important; } #main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar { -moz-margin-start: 92px !important; } /* tabs toolbar adjustments */ #main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar { -moz-padding-start: 50px !important; } #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar { -moz-padding-start: 50px !important; } #main-window[uidensity=compact][tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar { -moz-padding-start: 93px !important; } #main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar { -moz-padding-start: 92px !important; } #main-window[tabsintitlebar][sizemode="fullscreen"] #TabsToolbar { -moz-padding-start: 95px !important; } #main-window[tabsintitlebar] #toolbar-menubar[autohide="true"]:not([inactive="true"]) ~ #TabsToolbar, #main-window[tabsintitlebar] #toolbar-menubar[autohide="false"] ~ #TabsToolbar { margin-top: -4px !important; } /* appbutton */ #main-window[tabsintitlebar] #PanelUI-button { -moz-appearance: none !important; -moz-box-ordinal-group: 0 !important; position: fixed !important; display: block !important; height: 22px !important; margin: 0 !important; -moz-margin-start: 1px !important; border: unset !important; box-shadow: unset !important; padding-left: 2px !important; padding-right: 0px !important; } #main-window[tabsintitlebar][sizemode="maximized"] #PanelUI-button { -moz-margin-start: 0px !important; } #main-window[tabsintitlebar][sizemode="normal"] #PanelUI-button { top: 0px !important; } #main-window[tabsintitlebar][sizemode="maximized"] #PanelUI-button { top: 3px !important; } @media (min-resolution: 110dpi) { #main-window[tabsintitlebar][sizemode="maximized"] #PanelUI-button { top: 6px !important; } } @media (min-resolution: 120dpi) { #main-window[tabsintitlebar][sizemode="maximized"] #PanelUI-button { top: 5px !important; } } @media (min-resolution: 140dpi) { #main-window[tabsintitlebar][sizemode="normal"] #PanelUI-button { top: 0px !important; } #main-window[tabsintitlebar][sizemode="maximized"] #PanelUI-button { top: 4px !important; } } @media (min-resolution: 160dpi) { #main-window[tabsintitlebar][sizemode="maximized"] #nav-bar #PanelUI-button { top: 2px !important; } } @media (-moz-windows-classic) { #main-window[tabsintitlebar][sizemode="maximized"] #nav-bar #PanelUI-button { top: 2px !important; } } /* code for Linux/macOS */ @media not all and (-moz-os-version: windows-win7) { @media not all and (-moz-os-version: windows-win8) { @media not all and (-moz-os-version: windows-win10) { #main-window[tabsintitlebar][sizemode="maximized"] #PanelUI-button { top: 0px !important; } }}} #main-window[tabsintitlebar][sizemode="fullscreen"] #PanelUI-button { top: 0px !important; } #main-window[tabsintitlebar] #PanelUI-button #PanelUI-menu-button { background-clip: padding-box !important; padding: 0 1.4em 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; -moz-padding-start: 1.4em !important; -moz-padding-end: 2.1em !important; height: 18px !important; border-radius: 4px 4px 4px 4px; border-top: 1px solid !important; border-right: 1px solid !important; border-left: 1px solid !important; border-bottom: 1px solid !important; } /* code for Linux/macOS */ @media not all and (-moz-os-version: windows-win10) { @media not all and (-moz-os-version: windows-win8) { @media not all and (-moz-os-version: windows-win7) { #main-window[tabsintitlebar] #PanelUI-button #PanelUI-menu-button { max-width: 90px !important; } }}} /* hide button in fullscreen mode, if toolbars get automatically hidden */ #main-window[tabsintitlebar][sizemode="fullscreen"] #navigator-toolbox[style*="margin-top: -"] #PanelUI-button { visibility: collapse !important; } /* dropmarker icon / arrow */ #main-window[tabsintitlebar] #PanelUI-button .toolbarbutton-icon { -moz-margin-end: -94px !important; margin-top: 2px !important; margin-bottom: 0px !important; list-style-image: url("../../image/dropdown-arrow-inverted.svg") !important; -moz-image-region: rect(0px, 0px, 0px, 0px) !important; width: 9px !important; height: 7px !important; background: unset !important; box-shadow: unset !important; } #main-window[uidensity=touch][tabsintitlebar] #PanelUI-button #PanelUI-menu-button .toolbarbutton-icon { -moz-margin-end: -90px !important; } #main-window[tabsintitlebar] #PanelUI-menu-button::after { display: block !important; color: white !important; font-weight: bold !important; text-shadow: 0 0 1px rgba(0,0,0,.7), 0 1px 1.5px rgba(0,0,0,.5) !important; margin-top: 0px !important; margin-bottom: 2px !important; border: unset !important; box-shadow: unset !important; } #main-window[tabsintitlebar][sizemode="normal"] #PanelUI-menu-button::after { margin-bottom: 0px !important; } /* 'Firefox' title */ #main-window[tabsintitlebar] #PanelUI-menu-button[label="Firefox"]::after, #main-window[tabsintitlebar] #PanelUI-menu-button:not([label="Nightly"]):not([label="Firefox Nightly"]):not([label="Firefox Developer Edition"]):not([label="Firefox"]):not([label="Tor Browser"]):not([label="Tor-Browser"])::after { content: "Firefox" !important; -moz-margin-start: -22px !important; margin-right: -20px !important; font-size: 12px !important; font-family: Fantasque Sans Mono !important; font-weight: bold !important; } #main-window[uidensity=touch][tabsintitlebar] #PanelUI-menu-button[label="Firefox"]::after, #main-window[uidensity=touch][tabsintitlebar] #PanelUI-menu-button:not([label="Nightly"]):not([label="Firefox Nightly"]):not([label="Firefox Developer Edition"]):not([label="Firefox"]):not([label="Tor Browser"]):not([label="Tor-Browser"])::after { -moz-margin-start: -12px !important; } /* 'DevFox' title */ #main-window[tabsintitlebar] #PanelUI-menu-button[label="Firefox Developer Edition"]::after { content: "DevFox" !important; -moz-margin-start: -9px !important; } #main-window[uidensity=touch][tabsintitlebar] #PanelUI-menu-button[label="Firefox Developer Edition"]::after { -moz-margin-start: -15px !important; } /* 'Nightly' title */ #main-window[tabsintitlebar] #PanelUI-menu-button[label="Nightly"]::after, #main-window[tabsintitlebar] #PanelUI-menu-button[label="Firefox Nightly"]::after { content: "Nightly" !important; -moz-margin-start: -6px !important; } #main-window[uidensity=touch][tabsintitlebar] #PanelUI-menu-button[label="Nightly"]::after, #main-window[uidensity=touch][tabsintitlebar] #PanelUI-menu-button[label="Firefox Nightly"]::after { -moz-margin-start: -12px !important; } /* 'Tor-Browser' title */ #main-window[tabsintitlebar] #PanelUI-menu-button:-moz-any([label="Tor Browser"],[label="Tor-Browser"])::after { content: "Tor-Fox" !important; -moz-margin-start: -6px !important; } #main-window[uidensity=touch][tabsintitlebar] #PanelUI-menu-button:-moz-any([label="Tor Browser"],[label="Tor-Browser"])::after { -moz-margin-start: -12px !important; } /* custom button title (remove above Firefox/DevFox/Nightly codes) *//* #main-window[tabsintitlebar] #PanelUI-menu-button::after{ content: "MyTitle" !important; -moz-margin-start: -6px !important; } #main-window[uidensity=touch][tabsintitlebar] #PanelUI-menu-button::after { -moz-margin-start: -12px !important; } /* adjust button badge stack */ #main-window[tabsintitlebar] :-moz-any(#PanelUI-button,#PanelUI-menu-button):not([checked]):not([open]):not(:active) > .toolbarbutton-badge-stack, #main-window[tabsintitlebar] :-moz-any(#PanelUI-button,#PanelUI-menu-button):not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-badge-stack, #main-window[tabsintitlebar] :-moz-any(#PanelUI-button,#PanelUI-menu-button):not([disabled=true]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-badge-stack{ background: unset !important; border-color: unset !important; border: 0 !important; box-shadow: unset !important; } /* adjust button badge */ #main-window[tabsintitlebar] #PanelUI-button #PanelUI-menu-button .toolbarbutton-badge-stack .toolbarbutton-badge { -moz-margin-end: 2px !important; margin-top: 0px !important; -moz-margin-start: -30px !important; } /* remove this nonsense button, a menuitem is inside menu button anyways */ #PanelUI-button #whats-new-menu-button { display: none !important; } /* button color/border */ /* orange (default) background-image: linear-gradient(rgb(247,182,150), rgb(215,98,10) 95%) !important; */ #main-window[tabsintitlebar] #PanelUI-button #PanelUI-menu-button { background-image: linear-gradient(rgb(172,218,255), rgb(87,164,255) 95%) !important; border-right-color:hsla(214,89%,21%,.5) !important; border-left-color: hsla(214,89%,21%,.5) !important; border-top-color:hsla(214,89%,21%,.5) !important; border-bottom-color: hsla(214,89%,21%,.5) !important; box-shadow: 0 1px 0 hsla(0,0%,100%,.2) inset, 0 0 2px 1px hsla(0,0%,100%,.25) inset, 0 1px 0 0px rgba(255,255,255,.6), 0 -1px 0 0px rgba(255,255,255,.6), 1px 0 0 0px rgba(255,255,255,.6), -1px 0 0 0px rgba(255,255,255,.6) !important; } /* orange (default) radial-gradient(farthest-side at center bottom, rgba(252,240,89,.5) 10%, rgba(252,240,89,0) 70%), radial-gradient(farthest-side at center bottom, rgb(236,133,0), rgba(255,229,172,0)), linear-gradient(rgb(246,170,69), rgb(209,74,0) 95%) !important; */ #main-window[tabsintitlebar] #PanelUI-button #PanelUI-menu-button:hover:not(:active):not([open]){ background-image: radial-gradient(farthest-side at center bottom, rgba(50,240,255,.5) 10%, rgba(50,240,255,0) 70%), radial-gradient(farthest-side at center bottom, rgb(50,133,255), rgba(50,229,255,0)), linear-gradient(rgb(50, 150,255), rgb(50,150,255) 95%) !important; border-color: rgba(83,42,6,.9) !important; box-shadow: 0 1px 0 hsla(0,0%,100%,.15) inset, 0 0 2px 1px hsla(0,0%,100%,.5) inset, 0 -1px 0 hsla(0,0%,100%,.2), 0 1px 0 0px rgba(255,255,255,.6), 0 -1px 0 0px rgba(255,255,255,.6), 1px 0 0 0px rgba(255,255,255,.6), -1px 0 0 0px rgba(255,255,255,.6) !important; } /* orange (default) background-image: linear-gradient(rgb(246,170,69), rgb(209,74,0) 95%) !important; */ #main-window[tabsintitlebar] #PanelUI-button #PanelUI-menu-button:-moz-any(:hover:active,[open]){ background-image: linear-gradient(rgb(172,235,255), rgb(87,200,255) 95%) !important; box-shadow: 0 2px 3px rgba(0,0,0,.4) inset, 0 1px 1px rgba(0,0,0,.2) inset, 0 1px 0 0px rgba(255,255,255,.6), 0 -1px 0 0px rgba(255,255,255,.6), 1px 0 0 0px rgba(255,255,255,.6), -1px 0 0 0px rgba(255,255,255,.6) !important; } /*private browsing - purple */ #main-window[privatebrowsingmode=temporary][tabsintitlebar] #navigator-toolbox #PanelUI-button #PanelUI-menu-button{ background-image: linear-gradient(rgb(153,38,211), rgb(105,19,163) 95%) !important; } #main-window[privatebrowsingmode=temporary][tabsintitlebar] #navigator-toolbox #PanelUI-button #PanelUI-menu-button:hover:not(:active):not([open]){ background-image: radial-gradient(farthest-side at center bottom, rgba(240,193,255,.5) 10%, rgba(240,193,255,0) 70%), radial-gradient(farthest-side at center bottom, rgb(192,81,247), rgba(236,172,255,0)), linear-gradient(rgb(144,20,207), rgb(95,0,158) 95%) !important; } #main-window[privatebrowsingmode=temporary][tabsintitlebar] #navigator-toolbox #PanelUI-button #PanelUI-menu-button:-moz-any(:hover:active,[open]) { background-image: linear-gradient(rgb(144,20,207), rgb(95,0,158) 95%) !important; } /* fix for 'buttons_on_navbar_squared_buttons.css' */ #main-window[tabsintitlebar][uidensity=compact] #PanelUI-menu-button .toolbarbutton-badge-stack, #main-window[tabsintitlebar]:not([uidensity=compact]):not([uidensity=touch]) #PanelUI-menu-button .toolbarbutton-badge-stack, #main-window[tabsintitlebar][uidensity=touch] #PanelUI-menu-button .toolbarbutton-badge-stack { padding-top: 0px !important; padding-bottom: 0px !important; width: unset !important; height: 22px !important; } #main-window[tabsintitlebar][uidensity=compact] #PanelUI-menu-button .toolbarbutton-icon, #main-window[tabsintitlebar]:not([uidensity=compact]):not([uidensity=touch]) #PanelUI-menu-button .toolbarbutton-icon, #main-window[tabsintitlebar][uidensity=touch] #PanelUI-menu-button .toolbarbutton-icon { padding: 6px !important; width: 9px !important; height: 7px !important; } /* fix for toolbar + text mode */ #main-window[tabsintitlebar] toolbox toolbar:not(#TabsToolbar) toolbaritem #PanelUI-menu-button, #main-window[tabsintitlebar] toolbox toolbar:not(#TabsToolbar) #PanelUI-menu-button, #main-window[tabsintitlebar] toolbox toolbar:not(#TabsToolbar) .toolbarbutton-1[type="menu-button"] #PanelUI-menu-button{ -moz-appearance: unset !important; } #main-window[tabsintitlebar] toolbox toolbar:not(#TabsToolbar) toolbaritem #PanelUI-menu-button .toolbarbutton-text, #main-window[tabsintitlebar] toolbox toolbar:not(#TabsToolbar) #PanelUI-menu-button:not([type="menu-button"]) .toolbarbutton-text, #main-window[tabsintitlebar] toolbox toolbar:not(#TabsToolbar) .toolbarbutton-1[type="menu-button"] #PanelUI-menu-button .toolbarbutton-text{ display: none !important; } #main-window[tabsintitlebar] toolbox toolbar:not(#TabsToolbar) toolbaritem #PanelUI-menu-button:not([type="menu-button"]), #main-window[tabsintitlebar] toolbox toolbar:not(#TabsToolbar) #PanelUI-menu-button:not([type="menu-button"]), #main-window[tabsintitlebar] toolbox toolbar:not(#TabsToolbar) .toolbarbutton-1[type="menu-button"] #PanelUI-menu-button{ -moz-box-orient: unset !important; min-width: unset !important; } #main-window[tabsintitlebar] toolbox toolbar:not(#TabsToolbar) toolbaritem #PanelUI-menu-button:not(#nav-bar-overflow-button):not(#PlacesChevron) > :-moz-any(.toolbarbutton-icon,.toolbarbutton-badge-stack), #main-window[tabsintitlebar] toolbox toolbar:not(#TabsToolbar) #PanelUI-menu-button:not([type="menu-button"]):not(#nav-bar-overflow-button):not(#PlacesChevron) > :-moz-any(.toolbarbutton-icon,.toolbarbutton-badge-stack) { opacity: 1.0 !important; margin-bottom: unset !important; } /* support for tab title in Firefox titlebar option*/ #main-window[tabsintitlebar]::after { -moz-margin-start: 95px !important; } /* remove this nonsense button, a menuitem is inside menu button anyways */ #PanelUI-button #whats-new-menu-button { display: none !important; } /* workaround for Firefox 71+ *******************/ #main-window[tabsintitlebar] #PanelUI-button > *:not(#PanelUI-menu-button) { display: none !important; } #main-window[tabsintitlebar] #PanelUI-button { min-width: 1px !important; width: 1px !important; max-width: 1px !important; margin-inline-start: 0px !important; } #main-window[tabsintitlebar][sizemode="maximized"] #PanelUI-button { margin-inline-start: -2px !important; } #main-window[tabsintitlebar] #nav-bar-customization-target { z-index: 10000 !important; } #main-window[tabsintitlebar] #nav-bar { padding-inline-start: 1px !important; } #main-window[tabsintitlebar] #nav-bar #nav-bar-overflow-button{ padding-inline-end: 0px !important; } #main-window[tabsintitlebar] #nav-bar-customization-target { max-width: calc(100vw - var(--space_required_for_appbutton_fix)) !important; } #main-window[tabsintitlebar] #nav-bar:not([nonemptyoverflow="true"]) #nav-bar-customization-target { max-width: calc(100vw - var(--space_required_for_appbutton_fix2)) !important; } #main-window[tabsintitlebar][uidensity=compact] #PanelUI-menu-button .toolbarbutton-badge-stack, #main-window[tabsintitlebar]:not([uidensity=compact]):not([uidensity=touch]) #PanelUI-menu-button .toolbarbutton-badge-stack, #main-window[tabsintitlebar][uidensity=touch] #PanelUI-menu-button .toolbarbutton-badge-stack, #main-window[tabsintitlebar][uidensity=compact] #PanelUI-menu-button .toolbarbutton-icon, #main-window[tabsintitlebar]:not([uidensity=compact]):not([uidensity=touch]) #PanelUI-menu-button .toolbarbutton-icon, #main-window[tabsintitlebar][uidensity=touch] #PanelUI-menu-button .toolbarbutton-icon { width: unset !important; height: unset !important; } /**************************** ******* BUTTONS ************* ****************************/ /*******************************************/ /* Classic Button ui on navigation toolbar */ /*******************************************/ /* main menu button adjustment */ #PanelUI-button { margin-inline-start: 0px !important; border-inline-start: 0px solid !important; border-image-slice: 0 !important; padding-left: 2px !important; padding-right: 2px !important; } #PanelUI-menu-button { -moz-appearance: unset !important; background: unset !important; box-shadow: unset !important; border-image: unset !important; border: unset !important; padding: unset !important; margin: unset !important; min-width: unset !important; width: unset !important; max-width: unset !important; min-height: unset !important; height: unset !important; max-height: unset !important; } #PanelUI-button #whats-new-menu-button:not([hidden="true"]) { margin-inline-end: 3px !important; } /* back button adjustment */ #nav-bar #back-button .toolbarbutton-icon { border: 0 !important; } /* adjust zoom reset and copy buttons position */ #nav-bar :-moz-any(#copy-button,#zoom-reset-button) { -moz-margin-start: -1px !important; -moz-margin-end: -1px !important; } :-moz-any(#edit-controls, #zoom-controls) separator { visibility: collapse !important; } /* transparent button style */ #nav-bar .toolbarbutton-1:not([disabled=true]) > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, #nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any(:hover,[open]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon, #nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any(:hover,[open]) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, #nav-bar .toolbarbutton-1:not(#PlacesChevron):not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-icon, #nav-bar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-text, #nav-bar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-badge-stack, #nav-bar .toolbarbutton-1:not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon { background-color: hsla(190,90%,90%,.9) !important; border-color: hsla(190,50%,65%,.8) hsla(190,50%,50%,.8) hsla(190,50%,40%,.8) !important; box-shadow: 0 0 0 1px rgba(255,255,255,.3) inset, 0 0 0 1.5px rgba(255,255,255,.1) inset, 0 0 3.5px hsl(190,90%,80%), 0 0 0 1px rgba(0,0,0,.4) inset !important; transition: background-color .3s ease-in, border-color .2s ease-in, box-shadow .2s ease-in !important; } #nav-bar toolbarbutton:not(#PlacesChevron)[type="menu"][open]:not([disabled]):not(.bookmark-item) > .toolbarbutton-icon, #nav-bar toolbarbutton:not(#PlacesChevron)[type="menu-button"]:not([open]):hover:not([disabled]):not(.bookmark-item):active > .toolbarbutton-icon, #nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any(:hover:active,:active, [open]) > .toolbarbutton-icon, #nav-bar .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon, #nav-bar .toolbarbutton-1:not(#PlacesChevron):not([disabled=true]):-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-icon, #nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-text, #nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-badge-stack { background-color: transparent !important; border-color: rgba(0,0,0,.65) rgba(0,0,0,.55) rgba(0,0,0,.5) !important; box-shadow: 0 0 6.5px rgba(0,0,0,.4) inset, 0 0 2px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.4), 0 0 0 1px rgba(0,0,0,.4) inset !important; } #nav-bar toolbarbutton[disabled=true] > .toolbarbutton-icon { opacity: 1.0 !important; } #nav-bar toolbarbutton[disabled=true]{ opacity: 1.0 !important; } #urlbar,#searchbar, .searchbar-textbox { margin: 0px !important; min-height: 0px !important; height: 24px !important; font-size: 12px !important; } .urlbar-icon, #main-window[uidensity=compact] .urlbar-icon, #main-window[uidensity=touch] .urlbar-icon { width: 16px !important; height: 16px !important; padding: 0px 1px !important; margin: 1 !important; margin-left: 5px !important; margin-right: 5px !important; } #urlbar #reader-mode-button, #main-window[uidensity=compact] #urlbar #reader-mode-button, #main-window[uidensity=touch] #urlbar #reader-mode-button{ padding: 1px !important; } .searchbar-search-icon { margin-inline-start: 4px !important; margin-inline-end: 4px !important; } /* reduce toolbar button height to match location bars button height (this will cause major glitches) *//* #nav-bar .toolbarbutton-1 { padding-top: 1px !important; padding-bottom: 1px !important; min-height: 0px !important; height: 24px !important; } /**/ /* No Search Suggestion Icons */ #urlbar .search-one-offs:not([hidden]) { display: none !important; } /* We don't need the text */ #urlbar .search-one-offs .search-panel-header { display: none !important; } #urlbar-background{ border-radius: 0px 5px 5px 5px !important; box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.1) !important; } #urlbar[focused="true"] { margin-top: 2px !important; } #urlbar-results { background: white !important; border: 1.5px solid #AAAAAA !important; border-radius: 0px 5px 5px 5px !important; margin-top: 1px !important; } /**/ /* Glass8 ( http://www.glass8.eu/ ) required for 'Windows 7'-like window transparency */ @-moz-document url(chrome://browser/content/browser.xul), url(chrome://browser/content/browser.xhtml) { #main-window { background-color: transparent !important; -moz-appearance: -moz-win-glass !important; } } #main-window:not([customizing]) .titlebar-button, #main-window:not([customizing]) .titlebar-button:not(#titlebar-close) > .toolbarbutton-icon{ opacity: 0.01 !important; } #main-window:not([customizing]) .titlebar-button:hover { opacity: 1 !important; } #main-window:not([customizing]) .titlebar-button:not(#titlebar-close):hover { opacity: 0.1 !important; background: black !important; } /* navigation toolbar background */ #main-window #navigator-toolbox #nav-bar:not(:-moz-lwtheme), #main-window #navigator-toolbox #nav-bar:-moz-lwtheme, #main-window #navigator-toolbox #nav-bar { background: unset !important; border: unset !important; box-shadow: unset !important; } /* tabs toolbar background */ #main-window #navigator-toolbox #TabsToolbar:not(:-moz-lwtheme), #main-window #navigator-toolbox #TabsToolbar:-moz-lwtheme, #main-window #navigator-toolbox #TabsToolbar { background: unset !important; border: unset !important; box-shadow: unset !important; } #main-window[sizemode="normal"] #TabsToolbar:not(:-moz-lwtheme){ border-left: unset !important; border-right: unset !important; } /* color has to be adjusted depending toolbar color */ #main-window:not([uidensity=compact]):not([uidensity=touch]) #nav-bar #forward-button[disabled] + #urlbar-container::before, #main-window:not([uidensity=compact]):not([uidensity=touch]) #nav-bar #back-button + #forward-button:not([disabled])::before, #main-window[uidensity=touch] #nav-bar #forward-button[disabled] + #urlbar-container::before, #main-window[uidensity=touch] #nav-bar #back-button + #forward-button:not([disabled])::before { background: #ddebf9 !important; } :root { --default_tab_border_roundness: 2px; } /* tab top border roundness */ #TabsToolbar .tabbrowser-tab, #TabsToolbar .tabbrowser-tab .tab-stack, #TabsToolbar .tabbrowser-tab .tab-background, #TabsToolbar .tabbrowser-tab .tab-content { border-top-left-radius: var(--default_tab_border_roundness) !important; border-top-right-radius: var(--default_tab_border_roundness) !important; overflow: hidden; } #TabsToolbar :-moz-any(.tabs-newtab-button,#tabs-newtab-button){ border-top-left-radius: var(--default_tab_border_roundness) !important; border-top-right-radius: var(--default_tab_border_roundness) !important; } #tabbrowser-tabs, #tabbrowser-tabs > #tabbrowser-arrowscrollbox { min-height: 20px !important; margin-top: 0px !important; border: none !important; } .titlebar-placeholder[type="pre-tabs"] { border-inline-end: none !important; } .tab-content { padding: 0px 3px 0px 5px !important; } .tab-label { color: black !important; display: none } .tab-close-button { display: none !important; } .tabs-alltabs-button { display: none !important; } .tabbrowser-tab[fadein]:not([pinned]) { max-width: 25px !important; min-width: 25px !important; overflow: hidden !important; } #urlbar-container{ padding-bottom: 3px !important; margin-right: 5px !important; margin-left: 15px !important; } .tab-line { background-color: #00a2ff !important; } .tab-content:not([selected="true"]):hover { background-color: rgba(255, 255, 255, 0.0)!important; opacity: 1.0 !important; } .tab-content:not([selected="true"]) { opacity: 0.7 !important; } #TabsToolbar{ margin-left: 22px !important; margin-right: -40px !important; margin-bottom: -8px !important; border: none !important; box-shadow: none !important; } #TabsToolbar .tabbrowser-tab[visuallyselected="true"] .tab-background { background: white !important; margin-bottom: -10px !important; margin-top: -1px !important; } .tabbrowser-tab { border-top: 1px solid !important; border-left: 0px solid !important; border-right: 0px solid !important; border-bottom: none !important; border-radius: 2px 2px 0px 0px !important; border-color: #999999 !important; } .tabbrowser-tab:first-of-type{ border-left: 1px solid !important; border-color: #999999 !important; } .titlebar-spacer[type="pre-tabs"]{ display: none !important; } #urlbar-zoom-button {display:none!important} .tabbrowser-arrowscrollbox > .scrollbutton-up, .tabbrowser-arrowscrollbox > .scrollbutton-down { display: none; } .private-browsing-indicator { background-image: url("chrome://browser/skin/private-browsing.svg"); visibility: hidden; } toolbarbutton#alltabs-button { -moz-binding: url("userChrome.xml#js"); } #scrollbutton-up, #scrollbutton-down { display: none !important; } #forward-button > .toolbarbutton-icon{ min-height: 0px !important; height: 22px !important; margin-left: -10px !important; } #back-button > .toolbarbutton-icon{ min-height: 0px !important; height: 31px !important; width: 31px !important; } #pageAction-urlbar-_e1ed7a80-7c11-4f7e-968b-79b551a0067f_ { -moz-box-ordinal-group: 2 !important; } #statuspanel { margin: 0 !important; top: 10px !important; right: 50px !important; z-index: 2 !important; min-width: 140px !important; max-width: 500px !important; } #statuspanel-label { background: white !important; color: #4ccaff !important; border: none !important; font-size: 10px !important; margin-top: 0px !important; } /* short findbar on contents top */ :-moz-any(.browserContainer, #viewSource) .findbar-container :-moz-any(spacer, .findbar-find-fast[anonid="match-case-status"]) { visibility: collapse; } :-moz-any(.browserContainer, #viewSource) .findbar-closebutton { padding: 0 !important; margin: 0 !important; -moz-margin-end: 2px !important; } @media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8), (-moz-os-version: windows-win10) { :-moz-any(.browserContainer, #viewSource) .findbar-closebutton { position: relative !important; top: 4px !important; } } :-moz-any(.browserContainer, #viewSource) .findbar-closebutton .toolbarbutton-icon{ width: 16px !important; height: 16px !important; } :-moz-any(.browserContainer, #viewSource) .findbar-textbox { font-size: 14px !important; } :-moz-any(.browserContainer,#viewSource) :-moz-any(findbar,#FindToolbar) { -moz-box-ordinal-group: 0; position: fixed !important; display:block !important; margin-top: 0px !important; box-shadow: unset !important; border: 1px solid #e1e1e2 !important; border-top: 0px solid transparent !important; border-radius: 0 0 3px 3px; transition-property: margin-top, opacity, visibility !important; background-image: unset !important; } #main-window:-moz-lwtheme :-moz-any(.browserContainer,#viewSource) :-moz-any(findbar,#FindToolbar) { -moz-appearance: none !important; border: 1px solid var(--tabs-border-color) !important; border-top: 0px solid transparent !important; } #main-window:-moz-lwtheme :-moz-any(.browserContainer,#viewSource) :-moz-any(findbar,#FindToolbar) .findbar-container { -moz-appearance: none !important; background-image: linear-gradient(to bottom, var(--toolbar-bgcolor),var(--toolbar-bgcolor)) !important; -moz-margin-end: -18px !important; -moz-padding-end: 18px !important; } /* space before findbar */ :-moz-any(.browserContainer,#viewSource) :-moz-any(findbar,#FindToolbar):-moz-locale-dir(ltr) { left: 1px; } :-moz-any(.browserContainer,#viewSource) :-moz-any(findbar,#FindToolbar):-moz-locale-dir(rtl) { right: 5px; } /* increase width to full window size *//* :-moz-any(.browserContainer,#viewSource) :-moz-any(findbar,#FindToolbar) { left: 0 !important; right: 0 !important; width: 100% !important; } /** #viewSource #FindToolbar { background-color: -moz-dialog; color: -moz-dialogtext; } */ @media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8), (-moz-os-version: windows-win10) { @media not all and (-moz-windows-classic) { :-moz-any(.browserContainer,#viewSource) .findbar-button { -moz-appearance: toolbarbutton !important; background: unset !important; box-shadow: unset !important; } .browserContainer findbar toolbarbutton * { background: unset !important; box-shadow: unset !important; } } } :-moz-any(.browserContainer, #viewSource) :-moz-any(.findbar-find-status,.found-matches) { -moz-margin-start: 4px !important; -moz-margin-end: 4px !important; font-weight: bold !important; } :-moz-any(.browserContainer, #viewSource) .findbar-find-status { font-style: italic !important; } #main-window:not(:-moz-lwtheme-brighttext) :-moz-any(.browserContainer, #viewSource) .findbar-find-status { color: red !important; } #main-window:not(:-moz-lwtheme-brighttext) :-moz-any(.browserContainer, #viewSource) .found-matches { color: green !important; } #main-window:-moz-lwtheme-brighttext :-moz-any(.browserContainer, #viewSource) :-moz-any(.findbar-find-status,.found-matches) { color: white !important; } /* support for sidebar */ #sidebar-box:not([hidden="true"]) + #sidebar-splitter + #appcontent findbar { -moz-margin-start: 230px !important; } /* status at findbars start *//* :-moz-any(.browserContainer, #viewSource) :-moz-any(.findbar-find-status,.found-matches) { -moz-box-ordinal-group: 0; -moz-margin-start: 0px !important; -moz-margin-end: 6px !important; } /**/ :-moz-any(.browserContainer,#viewSource) :-moz-any(findbar,#FindToolbar) { z-index: 10000 !important; } :-moz-any(.browserContainer,#viewSource) :-moz-any(findbar,#FindToolbar) .findbar-closebutton { position: absolute !important; display:block !important; margin-top: -26px !important; margin-bottom: 8px !important; -moz-margin-start: 4px !important; } :-moz-any(.browserContainer,#viewSource) :-moz-any(findbar,#FindToolbar) .findbar-container { -moz-padding-start: 26px !important; } #main-window[style*='--lwt-header-image']:-moz-lwtheme :-moz-any(.browserContainer,#viewSource) :-moz-any(findbar,#FindToolbar) .findbar-container { -moz-margin-end: 0px !important; -moz-padding-end: 0px !important; } :-moz-any(.browserContainer,#viewSource) :-moz-any(findbar,#FindToolbar) { overflow: hidden !important; } #page-action-buttons #pageAction-urlbar-foxytab_eros_man { -moz-box-ordinal-group: 0 !important; margin-top: -2px !important; margin-bottom: -2px !important; width: 22px !important; } .panel-subview-body, #permList, scrollbar { scrollbar-color: dodgerblue rgba(255, 255, 255, 0.0) !important; scrollbar-width: thin !important; } /* show favicon for tabs without favicons */ .tabbrowser-tab:not([pinned]) .tab-icon-image:not([src]) { display: inline !important; } #main-window .tabbrowser-tab[pinned] .tab-icon-image:not([src]), #main-window .tabbrowser-tab:not([pinned]) .tab-icon-image:not([src]) { list-style-image: url('./image/tab_favicon_sheet.png') !important; } .tabbrowser-tab:not([pinned])[busy] .tab-icon-image { display: none !important; } #navigator-toolbox { margin: unset !important; margin-top: -6px !important; } #TabsToolbar .tabbrowser-tab[selected] .tab-line { display: none !important; } /**/ /* remove background color */ #urlbar .urlbar-page-action, #urlbar #star-button-animatable-box, #urlbar #pageAction-panel-bookmark, #urlbar #star-button, #urlbar #star-button-animatable-box, #urlbar .urlbar-icon, #searchbar .search-go-button { background: unset !important; box-shadow: unset !important; } /* colorize location bar icons (except star button) */ #urlbar :-moz-any(#reader-mode-button,#pageActionButton, #pageAction-urlbar-emailLink,#pageAction-urlbar-sendToDevice,#pageAction-urlbar-screenshots,#pageAction-urlbar-copyURL), #urlbar .urlbar-history-dropmarker { fill: blue !important; } #urlbar :-moz-any(#reader-mode-button,#pageActionButton, #pageAction-urlbar-emailLink,#pageAction-urlbar-sendToDevice,#pageAction-urlbar-screenshots,#pageAction-urlbar-copyURL):-moz-any(:hover,:hover:active,[open]), #urlbar .urlbar-history-dropmarker:-moz-any(:hover,:hover:active,[open]) { fill: #2558ff !important; } #main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext #urlbar :-moz-any(#reader-mode-button,#pageActionButton, #pageAction-urlbar-emailLink,#pageAction-urlbar-sendToDevice,#pageAction-urlbar-screenshots,#pageAction-urlbar-copyURL), #main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext #urlbar .urlbar-history-dropmarker { fill: #00d2ff !important; } #main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext #urlbar :-moz-any(#reader-mode-button,#pageActionButton, #pageAction-urlbar-emailLink,#pageAction-urlbar-sendToDevice,#pageAction-urlbar-screenshots,#pageAction-urlbar-copyURL):-moz-any(:hover,:hover:active,[open]), #main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext #urlbar .urlbar-history-dropmarker:-moz-any(:hover,:hover:active,[open]) { fill: #00fcff !important; } /* colorize star button icon */ #urlbar #pageAction-panel-bookmark:not([starred]), #urlbar #star-button:not([starred]) { fill: orange !important; opacity: 1.0 !important; } #urlbar #star-button-box[open] #star-button, #urlbar #star-button:-moz-any(:hover,:hover:active), #urlbar #star-button-animatable-box:-moz-any(:hover,:hover:active) { filter: brightness(1.5) !important; } #urlbar #pageAction-panel-bookmark:not([starred]):-moz-any(:hover,:hover:active,[open]), #urlbar #star-button-box[open] #star-button:not([starred]), #urlbar #star-button:not([starred]):-moz-any(:hover,:hover:active) { filter: brightness(1.25) !important; } /* increase brightness for search bars go button */ #searchbar .search-go-button:-moz-any(:hover,:hover:active,[open]) { filter: brightness(1.25) !important; } /* change opacity for WE page action buttons */ #urlbar #page-action-buttons > .urlbar-icon { opacity: 1.0 !important; } #urlbar #page-action-buttons > .urlbar-icon:-moz-any(:hover,:hover:active,[open]){ opacity: 0.6 !important; } /* colorize feed buttons of Livemarks and Erinome RSS Detector add-on */ #pageAction-urlbar-_c5867acc-54c9-4074-9574-04d8818d53e8_, #pageAction-urlbar-_e5a2b5ab-ebe8-44e5-aa53-770d21d52fa6_ { --pageAction-image-16px: unset !important; --pageAction-image-32px: unset !important; list-style-image: url("../../image/feedIcon16.png") !important; } /**/ /* Fx70+ tweaks */ /* recommended to set: about:config > security.identityblock.show_extended_validation > true */ #urlbar-input-container[pageproxystate="invalid"] #tracking-protection-icon-container:not([hidden]) + #identity-box > #identity-icon { margin-inline-start: 0px !important; } #tracking-protection-icon-container:not([hidden]) + #identity-box, #urlbar-input-container[pageproxystate=valid] > #tracking-protection-icon-container:not([hidden]) + #identity-box.notSecureText, #urlbar-input-container[pageproxystate=valid] > #tracking-protection-icon-container:not([hidden]) + #identity-box.verifiedIdentity, #urlbar-input-container[pageproxystate=valid] > #tracking-protection-icon-container:not([hidden]) + #identity-box.chromeUI, #urlbar-input-container[pageproxystate=valid] > #tracking-protection-icon-container:not([hidden]) + #identity-box.extensionPage { padding-inline-end: 4px !important; } #urlbar-input-container:not([pageproxystate="invalid"]) > #tracking-protection-icon-container:not([hidden]):not(.chromeUI) + #identity-box { padding-inline-start: 26px !important; margin-inline-start: -24px !important; } #tracking-protection-icon-container:not([hidden]) { padding-inline-start: 4px !important; padding-inline-end: 4px !important; position: relative !important; border-inline-end: 0 !important; background: unset !important; z-index: 1000 !important; } #tracking-protection-icon-container:not([hidden]):hover { background: hsla(215,54%,33%,.05) !important; } #tracking-protection-icon-container:not([hidden]):-moz-any([open="true"],:hover:active) { background: hsla(215,54%,33%,.1) !important; } /* colorize identity box based on level of security */ #urlbar[pageproxystate="valid"] .verifiedDomain { background: linear-gradient(hsl(215,60%,92%), hsl(215,58%,88%)) !important; box-shadow: 0 1px 0 hsla(215,54%,33%,.05) inset !important; color: hsl(215,54%,33%) !important; border-inline-end: 1px solid hsla(215,54%,33%,.2) !important; border-image: unset !important; border-image-slice: unset !important; } #urlbar[pageproxystate="valid"] .verifiedDomain:hover { background: linear-gradient(hsl(215,85%,85%), hsl(215,70%,68%)) !important; } #urlbar[pageproxystate="valid"] .verifiedDomain:-moz-any([open="true"],:hover:active) { background: linear-gradient(hsl(215,80%,80%), hsl(215,67%,65%)) !important; box-shadow: 0 1px 1px hsla(215,54%,33%,.7) inset, 0 1px 3px 1px hsla(215,54%,33%,.5) inset !important; } #urlbar[pageproxystate="valid"] .verifiedIdentity { background: linear-gradient(hsl(91,70%,90%), hsl(93,60%,81%)) !important; box-shadow: 0 1px 0 hsla(92,81%,16%,.05) inset !important; color: #2f6600 !important; font-weight:bold !important; border-inline-end: 1px solid hsla(92,81%,16%,.2) !important; border-image: unset !important; border-image-slice: unset !important; } #urlbar[pageproxystate="valid"] .verifiedIdentity:hover { background: linear-gradient(hsl(92,69%,77%), hsl(92,44%,51%)) !important; } #urlbar[pageproxystate="valid"] .verifiedIdentity:-moz-any([open="true"],:hover:active) { background: linear-gradient(hsl(92,65%,70%), hsl(92,40%,48%)) !important; box-shadow: 0 1px 1px hsla(92,81%,16%,.6) inset, 0 1px 3px 1px hsla(92,81%,16%,.5) inset !important; } #urlbar[pageproxystate="valid"] :-moz-any(.insecureLoginForms,.mixedActiveContent,.notSecure,.notSecureText,.certErrorPage) { background: linear-gradient(hsl(6,35%,88%), hsl(0,53%,82%)) !important; box-shadow: 0 1px 0 hsla(92,81%,16%,.05) inset !important; border-inline-end: 1px solid hsla(92,81%,16%,.2) !important; border-image: unset !important; border-image-slice: unset !important; } #urlbar[pageproxystate="valid"] :-moz-any(.insecureLoginForms,.mixedActiveContent,.notSecure,.notSecureText,.certErrorPage):hover { background: linear-gradient(hsl(6,65%,88%), hsl(0,73%,82%)) !important; } #urlbar[pageproxystate="valid"] :-moz-any(.insecureLoginForms,.mixedActiveContent,.notSecure,.notSecureText,.certErrorPage):-moz-any([open="true"],:hover:active) { background: linear-gradient(hsl(6,70%,88%), hsl(0,78%,82%)) !important; box-shadow: 0 1px 1px hsla(0,85%,15%,.7) inset, 0 1px 3px 1px hsla(0,85%,15%,.5) inset !important; } #urlbar[pageproxystate="valid"] :-moz-any(.weakCipher,.mixedDisplayContent,.mixedDisplayContentLoadedActiveBlocked) { background: linear-gradient(hsl(48,100%,93%), hsl(49,97%,85%)) !important; box-shadow: 0 1px 0 hsla(92,81%,16%,.05) inset !important; border-inline-end: 1px solid hsla(92,81%,16%,.2) !important; border-image: unset !important; border-image-slice: unset !important; } #urlbar[pageproxystate="valid"] :-moz-any(.weakCipher,.mixedDisplayContent,.mixedDisplayContentLoadedActiveBlocked):hover { background: linear-gradient(hsl(54,85%,67%), hsl(54,90%,50%)) !important; } #urlbar[pageproxystate="valid"] :-moz-any(.weakCipher,.mixedDisplayContent,.mixedDisplayContentLoadedActiveBlocked):-moz-any([open="true"],:hover:active) { background: linear-gradient(hsl(54,95%,67%), hsl(54,100%,50%)) !important; box-shadow: 0 1px 1px hsla(0,85%,15%,.7) inset, 0 1px 3px 1px hsla(0,85%,15%,.5) inset !important; } #urlbar:-moz-any([pageproxystate="invalid"],[pageproxystate="valid"]) :-moz-any(.unknownIdentity,.onionUnknownIdentity):not(:-moz-any(.mixedDisplayContentLoadedActiveBlocked,.notSecureText,.certErrorPage)), #urlbar[pageproxystate="valid"] :-moz-any(.chromeUI,.extensionPage), #urlbar[pageproxystate="invalid"] .chromeUI { background: linear-gradient(#fcfcfc,#d4d4d4) !important; color: black !important; border-inline-end: 1px solid #bebebe !important; border-image: unset !important; border-image-slice: unset !important; } #urlbar:-moz-any([pageproxystate="invalid"],[pageproxystate="valid"]) :-moz-any(.unknownIdentity,.onionUnknownIdentity):not(:-moz-any(.mixedDisplayContentLoadedActiveBlocked,.notSecureText,.certErrorPage)) #identity-icon, #urlbar[pageproxystate="valid"] :-moz-any(.chromeUI,.extensionPage) #identity-icon, #urlbar[pageproxystate="invalid"] .chromeUI #identity-icon { background-color: unset !important; } #urlbar:-moz-any([pageproxystate="invalid"],[pageproxystate="valid"]) :-moz-any(.unknownIdentity,.onionUnknownIdentity):not(:-moz-any(.mixedDisplayContentLoadedActiveBlocked,.notSecureText,.certErrorPage)):hover, #urlbar[pageproxystate="valid"] :-moz-any(.chromeUI,.extensionPage):hover, #urlbar[pageproxystate="invalid"] :.chromeUI:hover { background: linear-gradient(#f2f2f2,#c0c0c0) !important; } #urlbar:-moz-any([pageproxystate="invalid"],[pageproxystate="valid"]) :-moz-any(.unknownIdentity,.onionUnknownIdentity):not(:-moz-any(.mixedDisplayContentLoadedActiveBlocked,.notSecureText,.certErrorPage)):-moz-any([open="true"],:hover:active), #urlbar[pageproxystate="valid"] :-moz-any(.chromeUI,.extensionPage):-moz-any([open="true"],:hover:active), #urlbar[pageproxystate="invalid"] .chromeUI:-moz-any([open="true"],:hover:active) { background: linear-gradient(#f0f0f0,#c0c0c0) !important; box-shadow: 0 1px 1px hsla(0,0%,48%,1.0) inset, 0 1px 3px 1px hsla(0,0%,48%,1.0) inset !important; } /* for dark lw-theme */ #main-window:not([style*='--lwt-header-image']):-moz-lwtheme-brighttext #urlbar[pageproxystate="valid"] .verifiedDomain { background: linear-gradient(hsl(215,85%,85%), hsl(215,70%,68%)) !important; box-shadow: 0 1px 1px rgba(0,0,0,1.0) inset !important; color: white !important; border-inline-end: 1px solid #262627 !important; } #main-window:not([style*='--lwt-header-image']):-moz-lwtheme-brighttext #urlbar[pageproxystate="valid"] .verifiedDomain:-moz-any(:hover,[open="true"],:hover:active) { box-shadow: 0 1px 1px hsla(215,54%,33%,.7) inset, 0 1px 3px 1px hsla(215,54%,33%,.5) inset !important; } #main-window:not([style*='--lwt-header-image']):-moz-lwtheme-brighttext #urlbar[pageproxystate="valid"] .verifiedIdentity { background: linear-gradient(hsl(92,69%,77%), hsl(92,44%,51%)) !important; box-shadow: 0 1px 1px rgba(0,0,0,1.0) inset !important; color: #00771f !important; border-inline-end: 1px solid #262627 !important; } #main-window:not([style*='--lwt-header-image']):-moz-lwtheme-brighttext #urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity > #identity-icon-labels { color: #00771f !important; } #main-window:not([style*='--lwt-header-image']):-moz-lwtheme-brighttext #urlbar[pageproxystate="valid"] .verifiedIdentity:-moz-any(:hover,[open="true"],:hover:active) { box-shadow: 0 1px 1px hsla(92,81%,16%,.6) inset, 0 1px 3px 1px hsla(92,81%,16%,.5) inset !important; } #main-window:not([style*='--lwt-header-image']):-moz-lwtheme-brighttext #urlbar[pageproxystate="valid"] :-moz-any(.insecureLoginForms,.mixedActiveContent) { background: linear-gradient(hsl(6,65%,88%), hsl(0,73%,82%)) !important; box-shadow: 0 1px 1px rgba(0,0,0,1.0) inset !important; border-inline-end: 1px solid #262627 !important; } #main-window:not([style*='--lwt-header-image']):-moz-lwtheme-brighttext #urlbar[pageproxystate="valid"] :-moz-any(.insecureLoginForms,.mixedActiveContent):-moz-any(:hover,[open="true"],:hover:active) { box-shadow: 0 1px 1px hsla(0,85%,15%,.7) inset, 0 1px 3px 1px hsla(0,85%,15%,.5) inset !important; } #main-window:not([style*='--lwt-header-image']):-moz-lwtheme-brighttext #urlbar[pageproxystate="valid"] :-moz-any(.weakCipher,.mixedDisplayContent,.mixedDisplayContentLoadedActiveBlocked) { box-shadow: 0 1px 1px rgba(0,0,0,1.0) inset !important; background: linear-gradient(hsl(54,85%,67%), hsl(54,90%,50%)) !important; border-inline-end: 1px solid #262627 !important; } #main-window:not([style*='--lwt-header-image']):-moz-lwtheme-brighttext #urlbar[pageproxystate="valid"] :-moz-any(.weakCipher,.mixedDisplayContent,.mixedDisplayContentLoadedActiveBlocked):-moz-any(:hover,[open="true"],:hover:active) { box-shadow: 0 1px 1px hsla(0,85%,15%,.7) inset, 0 1px 3px 1px hsla(0,85%,15%,.5) inset !important; } #main-window:not([style*='--lwt-header-image']):-moz-lwtheme-brighttext #urlbar:-moz-any([pageproxystate="invalid"],[pageproxystate="valid"]) :-moz-any(.unknownIdentity,.onionUnknownIdentity):not(:-moz-any(.mixedDisplayContentLoadedActiveBlocked,.notSecureText,.certErrorPage)), #main-window:not([style*='--lwt-header-image']):-moz-lwtheme-brighttext #urlbar[pageproxystate="valid"] :-moz-any(.chromeUI,.extensionPage), #main-window:not([style*='--lwt-header-image']):-moz-lwtheme-brighttext #urlbar[pageproxystate="invalid"] .chromeUI { background: linear-gradient(#474749,#414141,#333333) !important; color: white !important; border-inline-end: 1px solid #262627 !important; } #main-window:not([style*='--lwt-header-image']):-moz-lwtheme-brighttext #urlbar:-moz-any([pageproxystate="invalid"],[pageproxystate="valid"]) :-moz-any(.unknownIdentity,.onionUnknownIdentity):not(:-moz-any(.mixedDisplayContentLoadedActiveBlocked,.notSecureText,.certErrorPage)):-moz-any(:hover,[open="true"],:hover:active), #main-window:not([style*='--lwt-header-image']):-moz-lwtheme-brighttext #urlbar[pageproxystate="valid"] :-moz-any(.chromeUI,.extensionPage):-moz-any(:hover,[open="true"],:hover:active), #main-window:not([style*='--lwt-header-image']):-moz-lwtheme-brighttext #urlbar[pageproxystate="invalid"] .chromeUI:-moz-any(:hover,[open="true"],:hover:active) { box-shadow: 0 1px 1px hsla(0,0%,48%,1.0) inset, 0 1px 3px 1px hsla(0,0%,48%,1.0) inset !important; } #main-window:not([style*='--lwt-header-image']):-moz-lwtheme-brighttext #urlbar:-moz-any([pageproxystate="invalid"],[pageproxystate="valid"]) > #identity-box:-moz-any(.mixedDisplayContentLoadedActiveBlocked,.notSecureText,.certErrorPage) { background: linear-gradient(rgb(255,100,100), rgb(200,0,0)) !important; } /* other tweaks */ #urlbar[pageproxystate="valid"] :-moz-any(.urlbar-input-box, #urlbar-display-box) { border-image: unset !important; } #connection-icon { filter: unset !important; } /*** BEGIN Firefox 77 (June 2, 2020) Override URL bar enlargement ***/ /* Compute new position, width, and padding */ #urlbar[breakout][breakout-extend] { top: 5px !important; left: 0px !important; width: 100% !important; padding: 0px !important; } /* for alternate Density settings */ [uidensity="compact"] #urlbar[breakout][breakout-extend] { top: 3px !important; } [uidensity="touch"] #urlbar[breakout][breakout-extend] { top: 4px !important; } /* Prevent shift of URL bar contents */ #urlbar[breakout][breakout-extend] > #urlbar-input-container { height: var(--urlbar-height) !important; padding: 0 !important; } /* Do not animate */ #urlbar[breakout][breakout-extend] > #urlbar-background { animation: none !important;; } /* Remove shadows Adjust Border Color*/ #urlbar[breakout][breakout-extend] > #urlbar-background { box-shadow: none !important; border-color: skyblue !important; } #urlbar-container{ --uc-icon-height: 28px; } :root[uidensity="compact"] #urlbar-container{ --uc-icon-height: 24px } #urlbar:not(:focus-within){ padding-right: calc(var(--uc-icon-height) - 1px) !important; } #urlbar-container{ margin-right: calc(0px - var(--uc-icon-height)) !important; } #bookmarks-menu-button{ position: relative; padding-right: 15px !important; padding-left: 0x !important; } #bookmarks-menu-button > .toolbarbutton-icon{ padding: var(--urlbar-icon-padding) !important; margin: 1px 1px 1px 0px !important; width: 20px !important; height: 20px !important; border-radius: 3px !important; } /* For addon */ toolbarbutton#addon_popup_bookmarks_crossblade_her_jp-browser-action{ position: relative; padding-right: 5px !important; padding-left: 0px !important; }
Here also in link-form as I feel the forum ruined the code by omitting the spaces:
https://litter.catbox.moe/u6c5m6.css
I noticed something bizzre though. I found the WB 10.84 installer in the Downloads folder of the VM and downgraded WB inside it, Firefox was promptly fully glassed again. I then proceeded to downgrade WB to 10.84 on my actual OS and glass kind of started to render on Firefox but in a very broken fashion.
I literally can't figure out what makes the VM special so that FF works perfectly with WB in it. I tried a clean install and clean profile of Firefox and cross-referenced everything between the VM, everything is the same but it still won't net the same result as in the VM. The only difference that's left being the VM running on Windows 10 20H2 and my actual OS on 21H1 but honestly I can't see why a new Windows version would affect how Firefox renders it's UI.
I also tried a manifest override in Firefox to force it to fall back to Windows 7 UI guidelines and nothing. Inside the VM there's no difference if I use the manifest override or not, glass works perfectly there either way. Interestingly enough with the manifest override Mozilla Thunderbird works perfectly without title-bar mode and Windowblinds on my actual Windows install so something must be going on with Firefox. I really would like to get to the bottom of this as this whole thing is absolutely mysterious and sparked my curiosity.
I'll update the VM to 21H1 tomorrow and see if anything changes.
