userchrome.css

/* 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: 200ms;

  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 .25s 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;

}