userchrome css for Sideberry config

userChrome.css

/* Remove Tabs */

#main-window[tabsintitlebar="true"]:not([extradragspace="true"])
  #TabsToolbar
  > .toolbar-items {
  opacity: 0;
  pointer-events: none;
}
#main-window:not([tabsintitlebar="true"]) #TabsToolbar {
  visibility: collapse !important;
}

/* remove empty titlebar and move stoplight buttons to toolbar */
#titlebar {
  appearance: none !important;
  height: 0px;
}

#titlebar > #toolbar-menubar {
  margin-top: 0px;
}

#TabsToolbar {
  min-width: 0 !important;
  min-height: 0 !important;
}

#TabsToolbar > .titlebar-buttonbox-container {
  display: block;
  position: absolute;
  top: 12px;
  left: 0px;
}

/* Move toolbar icons over */
:root {
  --x-sidebar-static-width: 250px;
  --x-urlbar-height: 40px;
}
:root[tabsintitlebar] #titlebar {
  transition: none;
  will-change: none;
}

#nav-bar:not([tabs-hidden="true"]) {
  left: var(--x-sidebar-static-width);
  width: calc(100% - var(--x-sidebar-static-width));
  /* border-bottom: 1px solid light-dark(rgb(204, 204, 204), hsl(240, 5%, 5%)) !important;*/
  z-index: 10; /* when pulling sidebar up into titlebar, don't let the sidebar cover up nav buttons */
}

/*
 * Sideberry UX customizations to move sidebar header into title bar
 */

#navigator-toolbox {
  background-color: var(--toolbar-bgcolor) !important;
}

/* browser.css | chrome://browser/skin/browser.css */

#sidebar-box {
  margin-top: -41px;
}

/* sidebar.css | chrome://browser/skin/sidebar.css */

#sidebar-header {
  /* padding: 8px; */
  /* border-bottom: 1px solid var(--sidebar-border-color); */
  padding: 7px 0px 7px 70px !important;
  /*border-bottom: 2px solid light-dark(rgb(204, 204, 204), hsl(240, 5%, 5%)) !important;*/
  background-color: rgb(43, 42, 51);
}

/* Inline #57 | chrome://browser/content/browser.xhtml */

#sidebar-close {
  display: none;
}

/* Remove TreeStyleTab header from top of sidebar */
/*
#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"]
  #sidebar-header {
  display: none;
} */

/* Adjust sidebar and titlebar for modern layout */
/* #sidebar-box {
  position: relative;
  top: calc(-1 * var(--x-urlbar-height));
  margin-top: var(--x-urlbar-height);
  height: calc(100% + var(--x-urlbar-height));
}

#navigator-toolbox {
  border-bottom: none !important;
} */