@media (-moz-windows-compositor) { @media not (-moz-os-version: windows-win7) { @media not (-moz-os-version: windows-win8) { @media (-moz-windows-default-theme) { :root[tabsintitlebar] .titlebar-buttonbox-container { height: 32px !important; margin: 0 !important; } :root[tabsintitlebar][sizemode=normal] .titlebar-buttonbox-container:not(#toolbar-menubar .titlebar-buttonbox-container) { margin-block-start: calc(0px - (var(--space-above-tabbar) + 1px)) !important; } :root[tabsintitlebar][sizemode=maximized] #toolbar-menubar .titlebar-buttonbox-container { height: 30px !important; margin-top: -4px !important; margin-bottom: -4px !important; } :root[tabsintitlebar] #toolbar-menubar:not([inactive="true"]) { height: 24px !important; } :root[tabsintitlebar] #toolbar-menubar:not([inactive="true"]) .titlebar-button { padding-block: 4px !important; } :root[tabsintitlebar][sizemode=maximized]:not([extradragspace]) .titlebar-buttonbox-container:not(#toolbar-menubar .titlebar-buttonbox-container) { -moz-box-align: start !important; margin-block-start: -5px !important; } @media (-moz-windows-accent-color-in-titlebar: 0) { :root[tabsintitlebar]:not(:-moz-lwtheme):not([privatebrowsingmode=temporary]) { background-color: #dee1e6 !important; color: #3c4043 !important; } :root[tabsintitlebar]:not(:-moz-lwtheme):not([privatebrowsingmode=temporary]):-moz-window-inactive { background-color: #e7eaed !important; color: #666a6d !important; } } } } } } #navigator-toolbox :-moz-any(toolbar, #nav-bar-customization-target):not(#toolbar-menubar) { -moz-box-align: center !important; } #navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)), /* no ::part workaround - may have side effects */ #scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton), #scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) { border-radius: 4px !important; transition: background-color .2s var(--ease-basic) !important; } #navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)), /* no ::part workaround - may have side effects */ #scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton), #scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) { font-size: 12px !important; padding: 0 !important; margin: 0 !important; border: 2px solid transparent !important; background-clip: padding-box !important; } #navigator-toolbox :-moz-any(.toolbarbutton-1, .scrollbutton-up, .scrollbutton-down), /* no ::part workaround - may have side effects */ .#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton), .#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) { max-height: 34px !important; height: 34px !important; min-height: 34px !important; } #navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton))[disabled], /* no ::part workaround - may have side effects */ #scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton)[disabled], #scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton)[disabled] { opacity: .42 !important; } #navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)):hover:not([disabled]), #navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)):-moz-any(:hover:active, [checked], [open]):not([disabled]), /* no ::part workaround - may have side effects */ #scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton):hover:not([disabled]), #scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton):hover:not([disabled]) { background-color: var(--toolbarbutton-hover-background) !important; } #navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)):-moz-any(:hover:active, [checked], [open]):not([disabled]), /* no ::part workaround - may have side effects */ #scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton):hover:active:not([disabled]), #scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton):hover:active:not([disabled]) { background-color: var(--toolbarbutton-active-background) !important; transition: none !important; } #navigator-toolbox :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack), /* no ::part workaround - may have side effects */ #scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton) > .toolbarbutton-icon, #scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) > .toolbarbutton-icon { fill-opacity: 1 !important; border: 0 !important; box-shadow: none !important; } #navigator-toolbox .toolbarbutton-1 > :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack) { width: 40px !important; height: 30px !important; } #navigator-toolbox .toolbarbutton-1 > :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack), /* no ::part workaround - may have side effects */ #scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton) > .toolbarbutton-icon, #scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) > .toolbarbutton-icon { padding: 7px 12px !important; background: 0 !important; } #TabsToolbar .toolbarbutton-1 > :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack) { padding: 6px !important; width: 28px !important; height: 28px !important; } /* hack: fix customization screen popping bug when changing ui density icon size is enforced and it doesn't like it when the normal density nav-bar height is less than 38px (it's 36px due to smaller back icon) */ :root:not([uidensity=compact]) #customization-content-container { padding-top: 1px !important; } :root:not([uidensity=compact]) :-moz-any(#customization-palette-container, #customization-panel-container) { margin-top: -1px !important; } .menu-iconic, .menuitem-iconic { fill: currentColor !important; } /* legacy */ #navigator-toolbox { border-bottom: 1px solid var(--chrome-content-separator-color, var(--toolbox-border-bottom-color)) !important; } /* legacy */ #navigator-toolbox::after { display: none !important; } .pointerlockfswarning { display: flex !important; border-radius: 4px !important; padding: 6px !important; background: #333 !important; border: 0 !important; font-size: 14px !important; box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12) !important; color: hsla(0,0%,100%,.87) !important; transition-timing-function: var(--ease-out), linear !important; transition-property: transform, top !important; } #fullscreen-warning { flex-direction: column !important; min-width: 344px !important; } .pointerlockfswarning[hidden] { visibility: hidden !important; } /* hack to keep it in same place as [ontop] */ /* probably doesn't work for single-line */ .pointerlockfswarning:not([hidden]):not([ontop]) { top: -32px !important; } .pointerlockfswarning[ontop] { top: 28px !important; } .pointerlockfswarning::before { display: none !important; } .pointerlockfswarning-domain-text { margin-block: 8px 18px !important; margin-inline: 10px !important; font-size: unset !important; font-weight: unset !important; align-self: start !important; } .pointerlockfswarning-domain { font-weight: unset !important; } #fullscreen-exit-button { -moz-appearance: none !important; border: 0 !important; height: 32px !important; display: flex !important; align-items: center !important; margin-inline: 8px 0 !important; text-transform: uppercase !important; font-weight: 500 !important; letter-spacing: .0892857143em !important; background: 0 !important; position: relative !important; color: var(--toolbarbutton-icon-fill-attention) !important; align-self: end !important; font-family: Roboto, inherit !important; } #fullscreen-exit-button::before { content: "" !important; display: block !important; z-index: -1 !important; position: absolute !important; left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; border-radius: 4px !important; background: currentColor !important; opacity: 0 !important; transition: opacity .3s var(--ease-basic) !important; } #fullscreen-exit-button:hover::before { opacity: .12 !important; } #fullscreen-exit-button:hover:active::before { opacity: .24 !important; transition-duration: .1s !important; } /* note: use Firefox account button instead */ #TabsToolbar .private-browsing-indicator { display: none !important; } .toolbarbutton-1:not(:hover):-moz-window-inactive, .bookmark-item:not(:hover):-moz-window-inactive, :root:not([customizing]) .toolbarbutton-1:-moz-window-inactive[disabled="true"] { opacity: 1 !important; } /* high DPI adjustments */ @media (min--moz-device-pixel-ratio: 2) { #navigator-toolbox { border-bottom-width: .5px !important; padding-bottom: .5px !important; box-shadow: inset 0 -.5px var(--toolbar-bgcolor) !important; } } #sidebar-box, #sidebar { appearance: none !important; } .sidebar-placesTree, #viewButton { color: #000 !important; } :root[lwt-sidebar-brighttext] :-moz-any(.sidebar-placesTree, #viewButton) { color: #fff !important; } #statuspanel { clip-path: inset(0) !important; } #statuspanel-label { background-color: var(--toolbar-bgcolor) !important; color: var(--toolbar-color) !important; border: 0 !important; box-shadow: 0 0 0 1px #0004, 0 4px 6px #0004 !important; padding: 3px 6px !important; }