diff --git a/librewolf-chrome/userChrome.css b/librewolf-chrome/userChrome.css new file mode 100644 index 0000000..582700a --- /dev/null +++ b/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; + +} + + + + + +