Uuuups...
UserChrome.css ;
CSS
/* Tableiste mehrreihig oben */
#tabbrowser-tabs, #tabbrowser-arrowscrollbox, #tabbrowser-tabs[positionpinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[pinned]
{
margin-top: -15px !important;
margin-bottom: -5px !important;
}
[tabsintitlebar="true"][sizemode="maximized"] #navigator-toolbox
{
padding-top: 10px !important;
}
#titlebar,#tabbrowser-tabs
{
appearance: none !important;
}
[tabsintitlebar="true"] #TabsToolbar > .titlebar-buttonbox-container,
#main-window[inFullscreen="true"] #window-controls
{
display: block;
}
/* Mehrreihige Tableiste, Anzahl der angezeigten Tabreihen = 3 Zeilen, weitere per Scrollbar */
box[class="scrollbox-clip"][orient="horizontal"],
tabs > arrowscrollbox
{
display: block;
contain: none !important;
}
scrollbox[part][orient="horizontal"]
{
display: flex;
flex-wrap: wrap;
max-height: calc(var(--tab-min-height) * 5); /* Anzahl der angezeigten Tabreihen = 4 Zeilen */
overflow-x: hidden;
overflow-y: auto;
}
#tabbrowser-arrowscrollbox /* Geändert nach Update-Fehler 2203 */
{
margin-top: 7px !important; /*margin-top: -3px !important; */
margin-bottom: 5px !important; /* margin-bottom: -10px !important; */
}
:root
{
--tab-min-height: 25px !important;
}
:root #tabbrowser-tabs
{
--tab-min-height: 25px !important;
}
/* Feste Breite der einzelnen Tabs wenn gewünscht, sonst entfernen bzw. verbreitern */
tabs tab[fadein]:not([pinned])
{
min-width: 110px !important;/* Minimale Tabbreite 76px */
max-width: 110px !important;/* Maximale Tabbreite 225px */
}
.tabbrowser-tab .tab-close-button
{
display: block !important;
}
tabs tab[fadein]:not([pinned])
{
flex-grow: 1;
}
/* Buttons/Zwischenräume Ausblenden */
hbox.titlebar-spacer,
#alltabs-button,tabs tab:not([fadein]),
[class="scrollbutton-up"],
[class="scrollbutton-up"] + spacer,
scrollbox[part][orient="horizontal"] + spacer,
[class="scrollbutton-down"]
{
display: none;
}
tab.tabbrowser-tab .tab-background
{
margin-top: -2px !important;
border: solid 1px hsla(0,0%,50%,.5) !important;
}
tabs tab:after,tabs tab:before
{
display: none;
}
#TabsToolbar > .titlebar-buttonbox-container
{
display: none !important;
}
#TabsToolbar:not(:-moz-lwtheme)
{
color:pink !important;
margin-top:-11px !important;
}
#TabsToolbar:-moz-lwtheme
{
margin-bottom: -7px !important;
margin-top:-10px !important;
}
#TabsToolbar
{
margin-bottom: 0px !important;
padding-top: 4px !important;
}
#menubar-items :not([fokus]), #tabbrowser-tabs :not([fokus])
{
opacity:1 !important;
}
/* Button for scrolling tabs to the left */
.scrollbutton-up
{
display:none;
}
/* Button for scrolling tabs to the right */
.scrollbutton-down
{
display:none;
}
/* Höhe für '+'-Button (newtab) */
.tabs-newtab-button
{
vertical-align:bottom !important;
/*vertical-align:top !important;*/
height:var(--tab-min-height:) !important;
}
/*Drop-down menu for all tabs */
#alltabs-button
{
display:none;
}
/* Darstellung Tabs aus alter UserChrome ####################################################### */
#TabsToolbar .tabbrowser-tab
{
margin:1px 1px 0 0 !important;
padding:0 !important;
height:22px !important;
border:1px solid #0081FD !important;
/*border-bottom:0 !important; */
border-top-left-radius:8px !important;
border-top-right-radius:8px !important;
/* alt: margin:1px 1px auto 0 !important;*/
font:11px 500 Arial, sans-serif !important;
color:#FFD700 !important;
-moz-box-flex:0 !important;
}
/* TAB bei Mauskontakt: * Hintergrundfarbe, Rahmen */
#TabsToolbar .tabbrowser-tab:hover
{
border:1px solid #FFF !important;
background:#2896FF !important;
color:#00478A !important;
}
/* TAB aktiv */
#TabsToolbar .tabbrowser-tab[selected="true"]
{
background:#002344 !important;
font-weight:bold !important;
color:#FF0 !important;
border-color:#FF0 !important;
}
/* Tab-Icons */
#TabsToolbar .tab-icon-image
{
height:16px !important;
width:16px !important;
margin-left:-8px !important;
margin-bottom:1px !important;
}
/* Tab-Close X */
#TabsToolbar .tab-close-button
{
margin-right:-14px !important;
/*margin-left:auto !important;*/
/*padding:0 !important;*/
color:#FFD700 !important;
}
#TabsToolbar .tab-close-button .toolbarbutton-icon
{
height:16px !important;
width:16px !important;
/*background-color:#BDFEFF !important;*/
/*border-radius:5px !important;*/
}
/* Close-Button inaktiver Tab */
tab:not([selected]) .tab-close-button
{
display:block !important;
color:#72B7F9 !important;
/*margin-right:-5px !important;*/
}
/* Alle anderen Elemente in TABs */
#TabsToolbar .tabbrowser-tab *
{
background:none !important;
}
/* Tab-Rahmenelemente entfernen (obere Linie aktiver Tab, Seitentrennlinien) */
#toolbar-menubar:not([autohide="true"]) + #TabsToolbar .tabbrowser-tab > .tab-stack > .tab-background,
:root:not([tabsintitlebar]) .tab-background,
:root[extradragspace] .tab-background
{
border-top-style:none !important;
}
.tabbrowser-tab::AFTER,
.tabbrowser-tab::BEFORE
{
border-left:none !important;
}
.searchbar-textbox, #urlbar
{
border-radius:10px !important;
min-height:30px !important;
padding:0 !important;
margin:0 !important;
background:#002344;
}
/* Schrift Tabs nachträglich */
.tab-text
{
font-size:11px !important;
font-weight:500;
color:#FFF !important;
}
.tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
.tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr)
{
direction:ltr;
mask-image:linear-gradient(to left, transparent, black 0em) !important;
}
Alles anzeigen