From 8d6793b6cf1ea4e9f4400291aec9f00ee1409627 Mon Sep 17 00:00:00 2001
From: binaryDiv <binarydiv@gmail.com>
Date: Sun, 15 Nov 2020 18:08:45 +0100
Subject: [PATCH] misc/waterfox: add userChrome.css and Tree Style Tab user
 styles

---
 .../waterfox/TreeStyleTab/tst_userstyles.css  | 42 +++++++++++++++++++
 _misc/waterfox/chrome/userChrome.css          | 24 +++++++++++
 2 files changed, 66 insertions(+)
 create mode 100644 _misc/waterfox/TreeStyleTab/tst_userstyles.css
 create mode 100644 _misc/waterfox/chrome/userChrome.css

diff --git a/_misc/waterfox/TreeStyleTab/tst_userstyles.css b/_misc/waterfox/TreeStyleTab/tst_userstyles.css
new file mode 100644
index 0000000..6a8b926
--- /dev/null
+++ b/_misc/waterfox/TreeStyleTab/tst_userstyles.css
@@ -0,0 +1,42 @@
+/* Show title of unread tabs with red and italic font */
+:root.sidebar tab-item.unread .label-content {
+  color: red !important;
+  font-style: italic !important;
+}
+
+/* Change styling of pending (unloaded) tabs */
+tab-item.discarded {
+  opacity: 0.75;
+}
+
+tab-item.discarded .label-content {
+  color: gray;
+}
+
+tab-item.discarded:hover .label-content {
+  color: #bbbbbb !important;
+}
+
+/* Less visible tab dividers. */
+tab-item {
+  border-color: #666666; /* #666666 */
+}
+
+/* Change tab height */
+tab-item {
+  --tab-size: 30px !important;
+  height: var(--tab-size);
+  font-size: 11pt;
+}
+
+/* As little space before the tab name as possible.
+   The fold/unfold icon is not affected. */
+tab-item:not(.pinned) {
+  /* !important is required when there are enough tabs to cause a scrollbar */
+  padding-left: 0px !important;
+}
+
+/* Hide tab close button */
+tab-item tab-closebox {
+  display: none;
+}
diff --git a/_misc/waterfox/chrome/userChrome.css b/_misc/waterfox/chrome/userChrome.css
new file mode 100644
index 0000000..4a2abde
--- /dev/null
+++ b/_misc/waterfox/chrome/userChrome.css
@@ -0,0 +1,24 @@
+/*** Hide Tab Close buttons ***/
+.tabbrowser-tab .tab-close-button {
+  visibility: collapse !important;
+}
+
+
+/* == Tree Style Tab == */
+/* see: https://github.com/piroor/treestyletab/wiki/Code-snippets-for-custom-style-rules */
+
+/* Hide horizontal tab bar */
+#main-window[tabsintitlebar="true"]:not([extradragspace="true"]) #TabsToolbar > .toolbar-items {
+  opacity: 0;
+  pointer-events: none;
+}
+
+#main-window:not([tabsintitlebar="true"]) #TabsToolbar {
+    visibility: collapse !important;
+}
+
+/* Hide "Tree Style Tab" header at the top of the sidebar */
+#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header {
+  display: none;
+}
+