Ich hatte noch einen kleinen Holperer darinnen: der aktive Tab war anders hoch als die nicht aktiven. Ab einem gewissen Schwellwert ließ sich das beeinflussen:
CSS
/*eckig*/
#TabsToolbar .tabbrowser-tab .tab-background
{
border-radius: unset !important;
margin-block: unset !important;
}
/*Linie über aktivem Tab: schiebt den Tab nach unten*/
.tabbrowser-tab[selected]
{
border-top: 9px solid grey !important;
}
/*Linie zwischen Tabs*/
.tabbrowser-tab:not([visuallyselected])
{
background-color: #bdc0af!important; /*Hintergrund nicht aktiver Tabs*/
border-right: 1px solid #92948a !important; /* Linie zw. benachbarten Tabs*/
border-bottom: 1px solid #92948a !important; /* Linie zw. nicht aktivem Tab und Symbolleiste*/
border-top: 7px solid transparent!important; /* ändert Abstand der Schrift + "x" vom oberen Rand im nichtaktiven Tab*/
margin-bottom: -4px !important; /*gleicht den Höhenunterschied zw. aktivem und nichtaktiven Tabs aus*/
}
/*Aktiver Tab hover HG pink*/
.tabbrowser-tab[visuallyselected]:hover > .tab-stack > .tab-background {
background: lightpink!important;
}
/* Abstand der Hintergrundfarbe der nichtaktiven Tabs von ihrem Rand*/
.tabbrowser-tab
{
padding-inline: unset !important;
}
/*****************************************************************************************************/
/* Höhe und Abstand der Tableiste*/
/*#TabsToolbar {
height: 10px !important;
/*margin-bottom: -5px !important; *//* zieht ab FF 133 die URL-Bar nach oben*/
}*/
/*Tab Inhalt Abstände, aktuell nicht nötig? */
/*:root {
--proton-tab-radius: 0px !important;
--proton-tab-block-margin: 0px !important;
--inline-tab-padding: 10px !important;
}*/
/*Höhe der Tabs*/
/*.tabbrowser-tab {
min-height: 30px !important;
max-height: 30px !important;
box-shadow: none !important;
}*/
/*Tabinhalt auf ganze Tabbreite*/
.tab-label-container {
margin: auto !important;
}
/*ab Fx121 Linie zw. aktivem Tab und Symbolleiste entfernen, aktuell ohne Funktion? */
/*#nav-bar:-moz-lwtheme {
box-shadow: none !important;
}*/
/*Linie unter aktivem Tab: schiebt den Tab nach oben */
/*.tabbrowser-tab[selected]
{
border-bottom: 1px solid red! important;
}*/
.tabbrowser-tab[visuallyselected] /*Entfernt linie zw. aktivem Tab und url-bar ab FF132*/
{
margin-bottom: -3.5px !important;
}
/* Schiebt die Tableiste nach oben, viele Wechselwirkungen mit anderen Einstellungen (2x border-top)*/
#TabsToolbar-customization-target {
margin-top: -9px !important;
}Man kann noch etwas mit der "Plastizität" des aktiven Tabs spielen, in dem man die Schrift dort etwas niedriger als im Rest setzt.
Alles recht vertrackt, da sich viele Einstellungen gegenseitig beeinflussen.
Finds gans gudd jezzz.
mfg
s.
