auto-hide-sidebar-treestyletabs.css

misc/hide-statuspanel.css

@@ -0,0 +1,22 @@
+/*
+ * Description: Hide the status panel at the bottom of the browser which shows the current activity. As it is too fast to read anyway. Makes the browser look much nicer.
+ *
+ * Contributor(s): Amar Singh, source https://support.mozilla.org/en-US/questions/976248
+ */
+
+/* Disable statuspanel completely, remove this if you want to keep the statuspanel */
+statuspanel {
+  display: none !important;
+}
+
+/*
+ * Alternatively, you can disable status panel messages selectively
+ *
+statuspanel[type="overLink"] .statuspanel-label
+,statuspanel[type="status"] .statuspanel-label[value^="Looking"]
+,statuspanel[type="status"] .statuspanel-label[value^="Connect"]
+,statuspanel[type="status"] .statuspanel-label[value^="Waiting"]
+,statuspanel[type="status"] .statuspanel-label[value^="Transfer"] {
+  display: none !important;
+}
+*/

navbar/merge-tabbar-navbar-linux.css

@@ -48,7 +48,7 @@
   margin-left: var(--tabs-margin-left) !important;
   padding-left: var(--space-before-tabs) !important;
   margin-right: var(--space-after-tabs) !important;
-  margin-bottom: -0.1em; !important; /* Remove bottom border */
+  margin-bottom: -0.1em !important; /* Remove bottom border */
 }
 
 /* Move nav bar to top left */

sidebar/auto-hide-sidebar-tst.css

@@ -0,0 +1,41 @@
+/*
+ * Description: A firefox userChrome.css modification to autohide sidebar when not in focus. It is based on the work of "TanzNukeTerror" and intended to be used with TreeStyleTabs.
+ *
+ * Screenshot: Original Theme - https://i.imgur.com/NKvSAYZ.jpg
+ *
+ * Contributor(s): img2tab, Chris Morgan, TanzNukeTerror, radamar
+ * 
+ */
+
+#sidebar {
+  max-width: none!important;
+  min-width: 0!important;
+}
+
+#sidebar-box+#sidebar-splitter {
+  display: none!important;
+}
+
+:root {
+  --thin-tab-width: 35px;
+  --wide-tab-width: 280px;
+}
+
+#sidebar-box {
+  overflow: hidden!important;
+  position: relative!important;
+  transition: all 100ms!important;
+  min-width: var(--thin-tab-width)!important;
+  max-width: var(--thin-tab-width)!important;
+}
+
+#sidebar-box #sidebar,#sidebar-box:hover {
+  transition: all 100ms!important;
+  min-width: var(--wide-tab-width)!important;
+  max-width: var(--wide-tab-width)!important;
+}
+
+/* For right sidebar change 'margin-right' to 'margin-left' */
+#sidebar-box:hover {
+  margin-right: calc((var(--wide-tab-width) - var(--thin-tab-width))*-1)!important;
+}

sidebar/hide-sidebar-header.css

@@ -4,9 +4,17 @@
  * so make sure you have some other way of doing so if you need to.
  * (For example, an extension can add a toolbar button which opens its sidebar pane.)
  *
- * Contributor(s): Chris Morgan
+ * Contributor(s): Chris Morgan, TanzNukeTerror
  */
 
 #sidebar-header {
   display: none;
 }
+
+/* 
+ * Alternatively, for TST users; Disables the sidebar header just for TreeStyleTabs sidebar.
+ *
+#sidebar-box[sidebarcommand=treestyletab_piro_sakura_ne_jp-sidebar-action] #sidebar-header {
+  visibility: collapse;
+}
+ */