@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */ /* Tabs: no icons */ /* .tabbrowser-tabs .tab-icon-image { display: none !important; } */ /* all the following is to have multiple rows of tabs */ /* The class .tabbrowser-tabs has been replaced with id #tabbrowser-tabs changed selectors accordingly */ .tabbrowser-tab:not([pinned]) { flex-grow:1; min-width:150px !important; /* Needed important tag, width can be whatever you like */ max-width: 150px !important; /* Makes the tabs always fill the toolbar width */ } .tabbrowser-tab,.tab-background { height:var(--tab-min-height); } .tab-stack { width: 100%; } #tabbrowser-tabs .scrollbox-innerbox { display: flex; flex-wrap: wrap; } #tabbrowser-tabs .arrowscrollbox-scrollbox { overflow: visible; display: block; } #titlebar,#titlebar-buttonbox{ height:var(--tab-min-height) !important; } #titlebar{ margin-bottom:calc(var(--tab-min-height)*-1) !important; } #main-window[sizemode="maximized"] #titlebar{ margin-bottom:calc(6px + var(--tab-min-height)*-1) !important; } #main-window[sizemode="maximized"] #TabsToolbar{ margin-left:var(--tab-min-height); } #titlebar:active{ margin-bottom:0 !important; } #titlebar:active #titlebar-content{ margin-bottom:var(--tab-min-height) !important; } #tabbrowser-tabs .scrollbutton-up,#tabbrowser-tabs .scrollbutton-down,#alltabs-button,.tabbrowser-tab:not([fadein]){ display: none; } /* This enables maximum width before scrollbar is shown */ #main-window[tabsintitlebar] #tabbrowser-tabs { -moz-window-dragging: no-drag; } #tabbrowser-tabs .scrollbox-innerbox { max-height: none; overflow-y:auto; }