userChrome.css Firefox FF57 - tree-style-tab, tridactyl, remove tabs in top bar title

userChrome.css

/*
 * Settings for Firefox using Treestyle-Tabs and Tridactyl
 *
 * 1) find userChrome.css in: 
 *    Windows: %AppData%\Roaming\Mozilla\Firefox\Profiles\xyz.default-release\chrome\userChrome.css
 *    Linux: ~/snap/firefox/common/.mozilla/firefox/xyz.default/chrome
 *    Or go to: about:support => Profile Directory
 *    => If folder chrome does not exist, create!
 * 2) Enable usage of userChrome.css in about:config
 *    Set toolkit.legacyUserProfileCustomizations.stylesheets to true
 * 3) Tridactyl execute (optional, but help for better vimperator feeling)
 *   `:bind ge tabprev`
 *   `:bind gr tabnext`
 *   `:set hintfiltermode vimperator-reflow`
 *   `:set hintnames numeric`
 *   `:autocmd DocStart ^https://docs\.google\.com/ mode ignore`
 *   `:autocmd DocStart ^https://www\.notion\.so/ mode ignore`
 *   `:mkt!`
 * 4) Restart Firefox for changes to take effect.
 */

/* 
Hide horizontal tabs at the top of the window #1349
https://github.com/piroor/treestyletab/wiki/Code-snippets-for-custom-style-rules
Enable Titlebar instead:
In about:config, set browser.tabs.drawInTitlebar to true.
or: hamburger menu -> Customize, check "Title Bar" at the bottom.
(When hiding, in private mode, no tabs?!)
*/
#TabsToolbar {
    visibility: collapse !important;
}

/* As little space before the tab name as possible.
   The fold/unfold icon is not affected. */
.tab:not(.pinned) {
  padding-left: 0px !important; /* !important is required when there are enough tabs to cause a scrollbar */
}

/* Less visible tab dividers. 
   A black border with a very low alpha slightly darkens any color. */
.tab {
  border: solid 1px #00000012; 
}

.tab {
  height: 20px;
}

#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header {
  display: none;
}

#sidebar {
  min-width: 100px !important;
}

This is awesome. Thank you! ✨🍰✨

You are more than welcome. Enjoy and thanks for your feedback.