Autohide tabs and adress bar (search bar), and reveal it on hover of cursor, but they at the bottom of the window

This page summarizes the projects mentioned and recommended in the original post on /r/FirefoxCSS

InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
featured
  • userstyles

    Home-made UserStyle CSS files, to be used with Stylus or similar browser addons.

  • @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); /* https://github.com/Arty2/userstyles @version 0.2.2 1. Find your profile folder `about:support > Profile Folder > Open Folder` or locate the exact profile in use by visiting `about:profiles`. 2. Create a folder named `chrome` then create a file named userChrome.css inside it and paste the following code. 3. If userChrome.css doesn’t seem to work, open `about:config` and set `toolkit.legacyUserProfileCustomizations.stylesheets=true`. 4. Restart Firefox. Other references: Firefox Support forum - Tabs below the URL bar: https://support.mozilla.org/en-US/kb/forum-response-tabs-below-url-bar Custom CSS tweaks for Firefox Quantum: https://github.com/Aris-t2/CustomCSSforFx */ /* tabs to bottom source: https://github.com/Arty2/userstyles/blob/master/tabs_to_bottom.userchrome.css UI model: #navigator-toolbox-background #navigator-toolbox #titlebar #toolbar-menubar #TabsToolbar #nav-bar #PersonalToolbar #browser */ /* bring the browser window to the top */ #browser { -moz-box-ordinal-group: 0 !important; } /* adjust paddings */ *|*:root[sizemode="maximized"] #TabsToolbar { /* a bug prohibits removing top paddint of #titlebar */ margin-top: -8px !important; } *|*:root[sizemode="maximized"] #browser { padding-top: 8px !important; } *|*:root[sizemode="normal"] #browser { padding-top: 0 !important; } /* hide tab toolbar when fullscreen */ #nav-bar[inFullscreen], #TabsToolbar[inFullscreen] { display: none; } /* restore top border */ /*TODO: find the proper color variable, it's not -moz-accent-color*/ *|*:root[sizemode="normal"] #browser { border-top: 1px solid #4d4d50 !important; } /* make toolbar border persist on fullscreen */ *|*:root[sizemode="maximized"] #navigator-toolbox { border-top: 1px solid -moz-accent-color !important; border-bottom: 1px solid -moz-accent-color !important; } /* hide titlebar buttons */ #TabsToolbar > .titlebar-buttonbox-container { display: none !important; }

  • CustomCSSforFx

    Custom CSS tweaks for Firefox

  • @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); /* https://github.com/Arty2/userstyles @version 0.2.2 1. Find your profile folder `about:support > Profile Folder > Open Folder` or locate the exact profile in use by visiting `about:profiles`. 2. Create a folder named `chrome` then create a file named userChrome.css inside it and paste the following code. 3. If userChrome.css doesn’t seem to work, open `about:config` and set `toolkit.legacyUserProfileCustomizations.stylesheets=true`. 4. Restart Firefox. Other references: Firefox Support forum - Tabs below the URL bar: https://support.mozilla.org/en-US/kb/forum-response-tabs-below-url-bar Custom CSS tweaks for Firefox Quantum: https://github.com/Aris-t2/CustomCSSforFx */ /* tabs to bottom source: https://github.com/Arty2/userstyles/blob/master/tabs_to_bottom.userchrome.css UI model: #navigator-toolbox-background #navigator-toolbox #titlebar #toolbar-menubar #TabsToolbar #nav-bar #PersonalToolbar #browser */ /* bring the browser window to the top */ #browser { -moz-box-ordinal-group: 0 !important; } /* adjust paddings */ *|*:root[sizemode="maximized"] #TabsToolbar { /* a bug prohibits removing top paddint of #titlebar */ margin-top: -8px !important; } *|*:root[sizemode="maximized"] #browser { padding-top: 8px !important; } *|*:root[sizemode="normal"] #browser { padding-top: 0 !important; } /* hide tab toolbar when fullscreen */ #nav-bar[inFullscreen], #TabsToolbar[inFullscreen] { display: none; } /* restore top border */ /*TODO: find the proper color variable, it's not -moz-accent-color*/ *|*:root[sizemode="normal"] #browser { border-top: 1px solid #4d4d50 !important; } /* make toolbar border persist on fullscreen */ *|*:root[sizemode="maximized"] #navigator-toolbox { border-top: 1px solid -moz-accent-color !important; border-bottom: 1px solid -moz-accent-color !important; } /* hide titlebar buttons */ #TabsToolbar > .titlebar-buttonbox-container { display: none !important; }

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • How do i fix this?

    1 project | /r/FirefoxCSS | 10 Dec 2023
  • FF 114 New Tab bottom border weak or missing, depending on theme. Also, CSS needed to reduce size of close tab button

    1 project | /r/FirefoxCSS | 30 Jun 2023
  • Firefox 114 Bookmarks Toolbar - Bookmark and Bookmark Icon sizing and padding new CSS??

    1 project | /r/FirefoxCSS | 21 Jun 2023
  • Help moving toolbar icon text back below icons

    1 project | /r/FirefoxCSS | 11 Jun 2023
  • Where/how in css can I adjust the tab height?

    1 project | /r/FirefoxCSS | 20 May 2023