userchrome.css

/*
    dawnvoid.neocities.org
    This is my userchrome.css for firefox.
*/

/*
    This stuff at the top is to stop the window buttons (x, minimize, maximize) from looking funky when using a custom windows theme.
*/
.titlebar-button{
    background-color: transparent !important;
    stroke: currentColor !important;
}
.titlebar-button:hover{ background-color: hsla(0,0%,100%,.32) !important }
.titlebar-close:hover{ background-color: hsl(355,86%,49%) !important }
.titlebar-close{ list-style-image: url(chrome://browser/skin/window-controls/close.svg) !important }
.titlebar-min{ list-style-image: url(chrome://browser/skin/window-controls/minimize.svg) !important }
.titlebar-max{ list-style-image: url(chrome://browser/skin/window-controls/maximize.svg) !important }
.titlebar-restore{ list-style-image: url(chrome://browser/skin/window-controls/restore.svg) !important }

/*
    This stuff is for hiding the tabs at the top. I'm using the Sidebery extension for vertical tabs, so I don't need horizontal ones.
*/
/* #titlebar { visibility: collapse !important; } */
/* #TabsToolbar { display: none; } */
#tabbrowser-tabs { display: none; }
#sidebar-header { display: none; }
/* #sidebar-splitter { display: none; } */

/*
    The following is from <https://github.com/piroor/treestyletab/wiki/Code-snippets-for-custom-style-rules#hide-horizontal-tabs-at-the-top-of-the-window-1349-1672-2147>

*/
/* Hide 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;
} */

/* Adding empty space for buttons */
#nav-bar {
    margin-right:140px;
}

/* 15px for dragging whole window by mouse*/
#titlebar {
    appearance: none !important;
    height: 15px;
}

/* Fix for main menu calling by Alt button */
#titlebar > #toolbar-menubar {
    margin-top: 10px;
}

/* Move minimize/restore/close buttons to empty space */
#TabsToolbar > .titlebar-buttonbox-container {
    display: block;
    position: absolute;
    top: 17px;
    right: 1px;
}