+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/*** userChrome.js ***
+ * https://github.com/Sporif/firefox-quantum-userchromejs
+ * Copyright (c) 2017 Haggai Nuchi
+ * Available for use under the MIT License:
+ * https://opensource.org/licenses/MIT
+ */
+ #PanelUI-menu-button {
+ -moz-binding: url("userChrome.xml#js");
+}
+
+
+/*** Settings ***/
+window {
+ --statusbar-height: 20px;
+}
+
+/*** Misc rules ***/
+/* Adjust padding from sidebar header */
+#sidebar-header {
+ padding: 0 3px !important;
+}
+
+/*** Tabs ***/
+/* Hide tab bar */
+window:not([tabsintitlebar="true"]):not([customizing])
+ /* #navigator-toolbox:not(:hover):not(:focus-within) */
+ #TabsToolbar {
+ visibility: collapse;
+}
+/* Hide tabs when in titlebar */
+window[tabsintitlebar="true"]:not([customizing])
+ /* #navigator-toolbox:not(:hover):not(:focus-within) */
+ #TabsToolbar {
+ opacity: 0;
+ pointer-events: none;
+}
+
+/*** Bottom bookmarks/personal toolbar ***/
+/* Adjust window size */
+window:not([inFullscreen="true"]) {
+ margin-bottom: calc(var(--statusbar-height) + 1px);
+}
+/* Move toolbar */
+window:not([inFullscreen="true"]) #PersonalToolbar
+{
+ position: fixed;
+ bottom: 0;
+ width: 100%;
+ height: var(--statusbar-height);
+}
+/* Move statuspanel to bar */
+/* XXX: opacity and collapse not really needed, just
+ * need to remove transitions.
+ * TODO: add box shadow to left of bar
+ * XXX: :hover doesn't fire because pointer disabled in xul?
+ */
+window:not([inFullscreen="true"]) #statuspanel:not(:hover) {
+ bottom: 0 !important;
+ offset-inline-start: auto;
+ offset-inline-end: 0;
+ margin-top: 0 !important;
+ max-width: 100% !important;
+ /* TODO: breaks it? thankfully fits as-is */
+ /* height: var(--statusbar-height) !important; */
+ opacity: 1 !important;
+}
+window:not([inFullscreen="true"]) #statuspanel-label {
+ margin: 0 !important;
+ border: none !important;
+ box-shadow: -5px 0 2px -2px var(--toolbar-bgcolor);
+}
+window:not([inFullscreen="true"]) #statuspanel[inactive] {
+ visibility: collapse;
+}
+
+/*** Tree Style Tabs */
+/* Hide sidebar with one tab */
+#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] {
+ transition: all 0.2s ease;
+}
+#main-window[titlepreface="[1] "]
+ #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"]:not(:hover) {
+ z-index: 2 !important;
+ overflow: hidden;
+ min-width: 30px !important;
+ max-width: 30px !important;
+}