Permalink
Join GitHub today
GitHub is home to over 28 million developers working together to host and review code, manage projects, and build software together.
Sign up
| /* Firefox Quantum userChrome.css tweaks ************************************************/ | |
| /* Github: https://github.com/aris-t2/customcssforfx ************************************/ | |
| /****************************************************************************************/ | |
| @import "./tabs_below_navigation_toolbar.css"; | |
| /* move titlebar and its content (menubar, tabs toolbar) below navigation/bookmarks toolbar */ | |
| #titlebar { | |
| -moz-box-ordinal-group: 100 !important; | |
| } | |
| /* space above tabs toolbar */ | |
| #main-window[tabsintitlebar][sizemode="maximized"] * #titlebar { | |
| margin-top: -8px !important; | |
| } | |
| /* space for menubar above navigation toolbar (Firefox titlebar) */ | |
| #main-window[tabsintitlebar]:not([sizemode="fullscreen"]) #nav-bar { | |
| margin-top: 26px !important; | |
| } | |
| #main-window[tabsintitlebar][sizemode="maximized"]:not([sizemode="fullscreen"]) #nav-bar { | |
| margin-top: 26px !important; | |
| } | |
| /* add 'drag' feature to space above navigation toolbar */ | |
| #main-window[tabsintitlebar] #navigator-toolbox, | |
| #main-window[tabsintitlebar] #nav-bar { | |
| -moz-window-dragging: drag !important; | |
| } | |
| /* move menubar to the top and extend its with to full window width */ | |
| #toolbar-menubar { | |
| position: fixed !important; | |
| width: 100vw !important; | |
| -moz-window-dragging: drag !important; | |
| } | |
| /* move menubars / tab toolbars caption buttons to windows top right position */ | |
| #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container { | |
| position: fixed !important; | |
| right: 0 !important; | |
| visibility: visible !important; | |
| display: block !important; | |
| } | |
| /* menubar postion after moving to the top */ | |
| #toolbar-menubar { | |
| top: 0px !important; | |
| } | |
| /* Linux/macOS */ | |
| /* space above navigation toolbar (OS titlebar) */ | |
| /* set to '0', if no menubar is used */ | |
| #main-window:not([tabsintitlebar]):not([sizemode="fullscreen"]) #nav-bar { | |
| margin-top: 28px !important; | |
| } | |
| /* menubar postion in maximized mode after moving to the top */ | |
| #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar { | |
| top: 0px !important; | |
| } | |
| /* caption button position in maximized mode after moving to the top */ | |
| #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container, | |
| #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container { | |
| top: -14px !important; | |
| } | |
| /* Windows */ | |
| @media (-moz-os-version:windows-win10), (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) { | |
| /* set to '0', if no menubar is used */ | |
| #main-window:not([tabsintitlebar]):not([sizemode="fullscreen"]) #nav-bar { | |
| margin-top: 18px !important; | |
| } | |
| /* set to '0', if no menubar is used */ | |
| #main-window[tabsintitlebar][sizemode="maximized"]:not([sizemode="fullscreen"]) #nav-bar { | |
| margin-top: 34px !important; | |
| } | |
| #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar { | |
| top: 8px !important; | |
| } | |
| #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container { | |
| top: 0px !important; | |
| } | |
| #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container { | |
| top: 8px !important; | |
| } | |
| } | |
| /* hide line above navigation toolbar appearing in some cases */ | |
| #main-window:not([tabsintitlebar]) #nav-bar, | |
| #main-window:not([tabsintitlebar]) #navigator-toolbox { | |
| border-top: 0 !important; | |
| box-shadow: unset !important; | |
| } | |
| /* force buttons on menubar being very small to not break the toolbar */ | |
| #toolbar-menubar toolbaritem > toolbarbutton .toolbarbutton-icon, | |
| #toolbar-menubar > toolbarpaletteitem toolbarbutton .toolbarbutton-icon, | |
| #toolbar-menubar > toolbarbutton .toolbarbutton-icon { | |
| padding: 0px 0px !important; | |
| height: 16px !important; | |
| width: 16px !important; | |
| } | |
| #toolbar-menubar toolbaritem > toolbarbutton, | |
| #toolbar-menubar > toolbarpaletteitem toolbarbutton, | |
| #toolbar-menubar > toolbarbutton { | |
| position: relative !important; | |
| padding: 0px 0px !important; | |
| margin: 0px 0px !important; | |
| } | |
| #toolbar-menubar toolbaritem > toolbarbutton .toolbarbutton-icon, | |
| #TabsToolbar-customization-target > toolbarpaletteitem toolbarbutton .toolbarbutton-icon, | |
| #TabsToolbar-customization-target > toolbarbutton .toolbarbutton-icon { | |
| padding: unset !important; | |
| height: unset !important; | |
| width: unset !important; | |
| } | |
| /* make sure button icon colors set correctly */ | |
| #main-window:not(:-moz-lwtheme) #TabsToolbar-customization-target toolbarbutton .toolbarbutton-icon, | |
| #main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar-customization-target toolbarbutton .toolbarbutton-icon { | |
| fill: var(--classic_squared_tabs_new_tab_icon_color) !important; | |
| color: var(--classic_squared_tabs_new_tab_icon_color) !important; | |
| } | |
| /* tweaks for fullscreen mode */ | |
| #main-window[tabsintitlebar][sizemode="fullscreen"] * #TabsToolbar { | |
| -moz-padding-start: 0px !important; | |
| } | |
| /* tweaks for fullscreen mode */ | |
| #main-window[tabsintitlebar][sizemode="fullscreen"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container, | |
| #main-window[tabsintitlebar][sizemode="fullscreen"] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container, | |
| #main-window[tabsintitlebar][sizemode="fullscreen"] #navigator-toolbox #PanelUI-button, | |
| #main-window #TabsToolbar #window-controls { | |
| display: none !important; | |
| } | |
| /* hide non-required items */ | |
| #TabsToolbar .private-browsing-indicator, | |
| #TabsToolbar #window-controls, | |
| #TabsToolbar *[type="caption-buttons"], | |
| #TabsToolbar *[type="pre-tabs"], | |
| #TabsToolbar *[type="post-tabs"] { | |
| display: none !important; | |
| } | |
| /* Windows 7 extra tweaks */ | |
| @media (-moz-os-version: windows-win7) { | |
| @media all and (-moz-windows-compositor) { | |
| #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) * .titlebar-buttonbox-container { | |
| display: none !important; | |
| } | |
| } | |
| @media not all and (-moz-windows-compositor) { | |
| #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container { | |
| top: -8px !important; | |
| } | |
| #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container { | |
| top: 0px !important; | |
| } | |
| } | |
| } | |
| /* Windows 10 extra tweaks */ | |
| @media (-moz-os-version: windows-win10) { | |
| #main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme):hover:not([disabled="true"]), | |
| #main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme)[_moz-menuactive="true"]:not([disabled="true"]) { | |
| background-color: Highlight !important; | |
| color: HighlightText !important; | |
| } | |
| } | |
| /* disable Mozillas tab jumping nonsense when moving tabs */ | |
| #navigator-toolbox[movingtab] > #titlebar > #TabsToolbar { | |
| padding-bottom: unset !important; | |
| } | |
| #navigator-toolbox[movingtab] #tabbrowser-tabs { | |
| padding-bottom: unset !important; | |
| margin-bottom: unset !important; | |
| } | |
| #navigator-toolbox[movingtab] > #nav-bar { | |
| margin-top: unset !important; | |
| } |