Problem mit Tab-Code / Firefox-Icon in neuem Tab entfernen

Hallo!

Ich hatte vor dem Verlust meines alten Rechners ein Code-Häppchen in meine userChrome.css eingefügt, der meine inaktiven Tabs kleiner als den aktiven machte. Es funktionierte tadellos, aber leider hatte ich mein Profil-Backup noch nicht auf den neuesten Stand gebracht.

Der jetzige Code, den ich mir zusammengesucht habe, scheint auf den ersten Blick zu tun, was er soll. Leider ist das wohl doch nicht der Fall, denn hin und wieder bleibt an der Stelle eines geschlossenen Tabs ein Leerraum. Dann hilft nur ein Neustart.

/* ------- tab bar ------- */
.tabbrowser-tab {
    min-width: 10px !important;
    clip-width: 10px !important;}

.tabbrowser-tab:not([selected]):not([pinned]) {
    max-width: 80px !important;}

.tabbrowser-tab:not([selected]):not([pinned]):hover {
    max-width: 80px !important;}

.tabbrowser-tab:not([pinned]):hover .tab-close-button {
    display: -moz-box !important;}

Außerdem suche ich nach einer Möglichkeit, das Firefox-Favicon in leeren Tabs zu ersetzen oder einfach komplett verschwinden zu lassen. Es läßt sich zu leicht mit der Mozilla Support-Seite verwechseln.

Dankeschön, das funktioniert wunderbar.

Keine Idee bezüglich des ersten Problems?

Die folgenden Codes betreffen die Tabs:

/* ------- pinned tab blue glow ------- */
.tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([visuallyselected="true"]) {
    background-image: none !important;}


/* ------- tab bar empty space ------- */
    .titlebar-spacer[type="pre-tabs"] {border-inline-end: 5px solid white !important; width: 5px !important;}


/* ------- tab close button ------- */
    #tabbrowser-tabs .tabbrowser-tab .tab-close-button {display:none!important;}