Firefox: Add userChrome.css

1 files changed, 53 insertions, 0 deletions

diff --git a/.mozilla/firefox/5xd34j21.default/chrome/userChrome.css b/.mozilla/firefox/5xd34j21.default/chrome/userChrome.css
new file mode 100644
index 0000000..047b9d0
--- /dev/null
+++ b/.mozilla/firefox/5xd34j21.default/chrome/userChrome.css
@@ -0,0 +1,53 @@
+/* Hide top tab bar in FF Quantum */
+@-moz-document url("chrome://browser/content/browser.xul") {
+  #TabsToolbar {
+    visibility: collapse !important;
+    margin-bottom: 21px !important;
+  }
+}
+
+/* Hide autocomplete results */
+#PopupAutoCompleteRichResult {
+  display: none !important;
+}
+
+/* Auto hide sidebar */
+:root {
+  --sidebar-hover-width: 8px;
+  --sidebar-visible-width: 272px;
+}
+
+#sidebar-box {
+  position: relative !important;
+  overflow-x: hidden !important;
+  margin-right: calc(var(--sidebar-hover-width) * -1) !important;
+  left: var(--sidebar-hover-width) !important;
+  min-width: var(--sidebar-hover-width) !important;
+  max-width: var(--sidebar-hover-width) !important;
+  opacity: 0 !important;
+}
+
+#sidebar-box:hover {
+  margin-right: calc(var(--sidebar-visible-width) * -1) !important;
+  left: var(--sidebar-visible-width) !important;
+  min-width: var(--sidebar-visible-width) !important;
+  max-width: var(--sidebar-visible-width) !important;
+  opacity: 1 !important;
+}
+
+#sidebar {
+  opacity: 0 !important;
+}
+
+#sidebar:hover {
+  opacity: 1 !important;
+}
+
+/* #sidebar-header is hidden by default, change "none" to "inherit" to restore it. */
+#sidebar-header {
+  display: none !important;
+}
+
+/* #sidebar-splitter styles the divider between the sidebar and the rest of the browser. */
+#sidebar-splitter {
+}