Add librewolf userChrome

librewolf-chrome/userChrome.css

@@ -0,0 +1,123 @@
+
+/* Add rounded bezel to browser elements */
+/*
+browser {
+
+  border-radius: 10px !important;
+
+  margin: 5px !important;
+
+}
+*/
+
+
+/* hides the native tabs */
+
+#TabsToolbar {
+
+  visibility: collapse;
+
+}
+
+
+
+
+
+/* remove sidebar header */
+
+#sidebar-header {
+
+  display: none;
+
+}
+
+
+
+
+
+/* Makes the window draggable from urlbar when urlbar is not focused. This means you can't click the urlbar text to activate it normally. But right-click works to activate urlbar. */
+
+
+/*
+.urlbar-input-box,#urlbar-input,#urlbar-scheme,#urlbar-container{
+
+  -moz-window-dragging: drag;
+
+  cursor: default;
+
+}
+
+#urlbar-input-container > box,
+
+#page-action-buttons,
+
+#urlbar-container:focus-within,
+
+#urlbar-container:focus-within :is(.urlbar-input-box,#urlbar-input,#urlbar-scheme,#urlbar-container){
+
+  -moz-window-dragging: no-drag;
+
+  cursor: auto;
+
+}
+
+*/
+
+ 
+
+/* Show sidebar only when the cursor is over it  */
+
+/* The border controlling sidebar width will be removed so you'll need to modify these values to change width */
+
+ 
+
+#sidebar-box{
+
+  --sidebar-width: 60px !important;
+
+  --sidebar-hover-width: 300px;
+
+  --autohide-sidebar-delay: 0ms;
+
+  position: relative;
+
+  min-width: var(--sidebar-width) !important;
+
+  width: var(--sidebar-width) !important;
+
+  max-width: var(--sidebar-width) !important;
+
+  z-index:1;
+
+}
+
+ 
+
+#sidebar-splitter {
+
+  display: none
+
+}
+
+#sidebar-box > #sidebar {
+
+  transition: min-width .1s cubic-bezier(.83, 0, .17, 1) var(--autohide-sidebar-delay) !important; 
+  min-width: var(--sidebar-width) !important;
+
+}
+
+ 
+
+#sidebar-box:hover > #sidebar{
+
+  min-width: var(--sidebar-hover-width) !important;
+
+  transition-delay: var(--autohide-sidebar-delay) !important;
+
+}
+
+
+
+
+
+