Beiträge von Boersenfeger

Boersenfeger

Dito RIP

Boersenfeger

Zitat von Sören Hentzschel

Danke für den Hinweis. Ich hoffe, dass das in Zukunft wieder mehr berücksichtigt werden kann.

Bitte den Link zum Video noch entfernen, Danke!

graubaer So gern ich deine Musiklinks ab und an konsumiere, lehne ich deine politisch motivierten Links meistens doch ab. Ich würde es begrüßen, wenn du hier in diesem Forum darauf verzichten könntest. Vielen Dank!

Boersenfeger

😍

Das gefällt mir schon... habe einige Baustellen aus meinem alten Code hineinkopiert. Die Dinge, die auskommentiert sind, ziehen ungewollte Fehler nach sich.

CSS

			/*  Nummerierung der Erweiterungen, Themes und Plugins */
		.addon-card-collapsed::before {
			font-size:18px!important;  
			color: red !important;
			font-weight: bold !important;
			counter-increment: section;                 
			content: counter(section, decimal-leading-zero)". ";
			margin-left: -8px !important;
			padding-right: 8px !important; 
			margin-top:4px!important;
		}

		body {
			counter-reset: section;
		}

			/*  Bei "Themes" die Grafiken ausblenden */
		.card-heading-image {
			display: none !important;
		}
		  
		
			/*  Erweiterungssuche ausblenden *
		.main-search {
			display: none !important;
		}
		
			/*  Ausblenden Firefox Optionen */
			
		#preferencesButton,
		#addons-help-button	{
			display: none !important;
		}
		
		/*  Ausblenden Empfehlungen *
		#category-discover,
	    [data-l10n-id="help-button"]{
			display: none !important;
		}
		
		button[selected]::before {
			display: none !important;
		}

Alles anzeigen

Und der Body sollte weiter nach links.. Im Screenshot habe ich noch einiges markiert.

Auch ists horizontal zu breit, lieber so wie es auf nachfolgendem Bild aussieht. Nicht unbedingt das Design, aber diese Grundordnung sollte es haben, wobei die Buttons Entfernen, Bearbeiten, Verwalten entfallen können, die sind dann ja im 3 Punkte Menü!

Aber nur wenn du Spaß und Zeit hast

Boersenfeger

Ich habe jetzt das Schließkreuz ein paar Pixel nach links gerückt und den PlusButton verkleinert, so komme ich dann wohl zurecht. 😇

CSS

    /* Tabs rund und farbig */

    /* Angaben für die TAB-Leiste */

    /* TAB bei bei angewähltem TAB (aktiv): */
    /* Hintergrundfarbe, Rahmen,*/
    /* Schriftfarbe. */
 
    .tabbrowser-tab:is([visuallyselected], [multiselected]) > .tab-stack > .tab-background {
    background: red !important;
    border-radius: 18px !important;
    margin-top: 2px !important;  
    border: none !important;
    fill: black ! important; 
    margin-bottom: 0 !important;
    }
    
	.tab-background {
    outline: none !important;
    }

    /* Schliessen-Button nur wenn angewählt */

    tab:not([selected]) .tab-close-button {
	display: none !important; 
    }

    /* Schriftgröße Tabs */

    .tab-text {
    font-size: 18px !important;
    }

    /* Damit wird der Tabtext am Ende schleichend ausgeblendet */

    .tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
    .tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-locale-dir(ltr) {
    direction: ltr;
    mask-image: linear-gradient(to left, transparent, black 1em) !important; 
    }
    
    /* Doppelte Schliessung ausblenden */

    #TabsToolbar > .titlebar-buttonbox-container {
    display:none !important; 
    }

    .tabbrowser-tab[visuallyselected] .tab-label {
    font-weight:  bold !important;
    }

    #TabsToolbar .tabbrowser-tab:not([selected]) {
    border-radius: 16px !important;
    height: 22px ! important;
    margin-top: 5px !important;
    padding: 0 !important;
    fill: black ! important; 
    }
    
    /* Tab-Icon etwas größer,
    * links weniger, unten etwas mehr Abstand zum TAB-Rand */
	
    #TabsToolbar .tab-icon-image {
    height: 20px !important;
    width:  20px !important;
    margin-left: -2px !important;    
    margin-bottom: 2px !important;
    }
    
    /* Tab-Schließen-Button:
    * Rechts weniger Abstand zum TAB-Rand, etwas größer,
    * Textfarbe (Kreuz)
    * Hintergrundfarbe, an den Eckenradius des Buttons angepasst */
 
    #TabsToolbar .tab-close-button {
    margin-right: -4px !important; 
    font-weight: bold !important;    
    fill: black !important; 
    }

    #TabsToolbar .tab-close-button .toolbarbutton-icon {
    height: 6px !important;
    width:  6px !important;    
    background-color: red !important;
    border-radius: 12px !important;
    }
    
    /* Aktiver Tab breiter */
    
    .tabbrowser-tab:not([pinned]):not([selected]) {
    min-width: 185px !important;
	min-height: 30px !important;
	max-height: 40px !important;
    flex-grow: 0 !important;
    }
	
    .tabbrowser-tab:not([pinned])[selected] {
    min-width: 200px !important;
	min-height: 30px !important;
	max-height: 40px !important;
    flex-grow: 0 !important;
    }

	/* Lautsprechersymbol größer und ohne Hintergrund */
	
	.tab-audio-button[soundplaying] {
	--button-icon-fill: blue !important;
	scale: 1.8 !important;  
	border: none !important;
	--button-background-color-ghost-hover: transparent !important;
	}
	
	/* Lautsprechersymbol blauviolett bei Sound */
	
	[soundplaying] {
		fill: blueviolet !important;
	}
  
	/* Lautsprechersymbol gelb bei stumm */
		
	.tab-audio-button[muted] {
	--button-icon-fill: yellow !important;
	scale: 1.8 !important;  
	border: none !important;
	--button-background-color-ghost-hover: transparent !important;
	}
		
    /* Tab Beschriftung mittig */
    
    .tab-content {
    display: flex !important; 
    margin-top: -6px !important;
    justify-content: center !important;
    align-items: center !important;
    }
	
    
    #TabsToolbar .tabbrowser-tab[selected] .tab-content {
    margin-top: 2px !important;
    }

	.tabbrowser-tab {
	min-height: 40px !important;
	max-height: 40px !important;
	}

    .tab-label-container {
    margin: auto !important;
    }

    .tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button {
    padding: 0  !important; 
    width: 17px !important;
	height: 17px !important;
    }

    #TabsToolbar .toolbarbutton-1 {
    min-height: 34px !important;    
    margin-top: 2px !important;    
    margin-bottom: 2px !important;
    }
    
    #TabsToolbar .tabbrowser-tab:not([selected])  {
    min-height: 34px !important;
    border: 1px solid #B2B2B2 !important;
    }

    #TabsToolbar .toolbarbutton-1 > image {
    padding: 2px 4px !important;
    }

    /* Rahmen um die Tableiste durchsichtig */

    #TabsToolbar {
    border: 0.2px solid transparent !important;
    }
     
    #TabsToolbar:hover {
    border: 0.2px solid transparent !important;
    }

	/* Fortschrittsanzeige für das Laden der Seite */

	.tabbrowser-tab:not([usercontextid]) > .tab-stack > .tab-background > .tab-context-line {
    opacity: 0;
    background-color: #00ff00;
    height: 6px;
	margin-inline: 8px;
    margin-top: 2px;
	border-radius: 90px;
	}
	.tabbrowser-tab:is([busy], [progress]) > .tab-stack > .tab-background > .tab-context-line {
    opacity: 1;
    transform-origin: left center;
    animation: 2s ease-in-out scale;
	}
	.tabbrowser-tab[bursting] > .tab-stack > .tab-background > .tab-context-line {
    transition: opacity 2s ease-out;
	}
	@keyframes scale {
    0% {transform: scaleX(0);}
    100% {transform: scaleX(1);}
	}

	/* Tabs mittig */

	#tabbrowser-tabs:not([overflow], [orient="vertical"]) .tabbrowser-tab:nth-child(1 of :not([pinned], [hidden])) {
    margin-left: auto !important;
	}
	#tabbrowser-tabs:not([overflow], [orient="vertical"]) #tabbrowser-arrowscrollbox-periphery {
    margin-right: auto !important;
	}
	
	/* Tab Pluszeichen einfärben */
	
	#tabs-newtab-button, #TabsToolbar #new-tab-button {	
    fill: red!important;
    scale: 1.0 !important;
    }
    #tabs-newtab-button {
	margin-left: 10px !important;
	}

Alles anzeigen

Boersenfeger

Jetzt stimmt allerdings der Abstand vom Pluszeichen zum letzten Tab nicht mehr...

CSS

    /* Tabs rund und farbig */

    /* Angaben für die TAB-Leiste */

    /* TAB bei bei angewähltem TAB (aktiv): */
    /* Hintergrundfarbe, Rahmen,*/
    /* Schriftfarbe. */
 
    .tabbrowser-tab:is([visuallyselected], [multiselected]) > .tab-stack > .tab-background {
    background: red !important;
    border-radius: 18px !important;
    margin-top: 2px !important;  
    border: none !important;
    fill: black ! important; 
    margin-bottom: 0 !important;
    }
    
	.tab-background {
    outline: none !important;
    }

    /* Schliessen-Button nur wenn angewählt */

    tab:not([selected]) .tab-close-button {
	display: none !important; 
    }

    /* Schriftgröße Tabs */

    .tab-text {
    font-size: 18px !important;
    }

    /* Damit wird der Tabtext am Ende schleichend ausgeblendet */

    .tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
    .tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-locale-dir(ltr) {
    direction: ltr;
    mask-image: linear-gradient(to left, transparent, black 1em) !important; 
    }
    
    /* Doppelte Schliessung ausblenden */

    #TabsToolbar > .titlebar-buttonbox-container {
    display:none !important; 
    }

    .tabbrowser-tab[visuallyselected] .tab-label {
    font-weight:  bold !important;
    }

    #TabsToolbar .tabbrowser-tab:not([selected]) {
    border-radius: 16px !important;
    height: 22px ! important;
    margin-top: 5px !important;
    padding: 0 !important;
    fill: black ! important; 
    }
    
    /* Tab-Icon etwas größer,
    * links weniger, unten etwas mehr Abstand zum TAB-Rand */
	
    #TabsToolbar .tab-icon-image {
    height: 20px !important;
    width:  20px !important;
    margin-left: -2px !important;    
    margin-bottom: 2px !important;
    }
    
    /* Tab-Schließen-Button:
    * Rechts weniger Abstand zum TAB-Rand, etwas größer,
    * Textfarbe (Kreuz)
    * Hintergrundfarbe, an den Eckenradius des Buttons angepasst */
 
    #TabsToolbar .tab-close-button {
    margin-right: -6px !important; 
    font-weight: bold !important;    
    fill: black !important; 
    }

    #TabsToolbar .tab-close-button .toolbarbutton-icon {
    height: 6px !important;
    width:  6px !important;    
    background-color: red !important;
    border-radius: 12px !important;
    }
    
    /* Aktiver Tab breiter */
    
    .tabbrowser-tab:not([pinned]):not([selected]) {
    min-width: 185px !important;
	min-height: 30px !important;
	max-height: 40px !important;
    flex-grow: 0 !important;
    }
	
    .tabbrowser-tab:not([pinned])[selected] {
    min-width: 200px !important;
	min-height: 30px !important;
	max-height: 40px !important;
    flex-grow: 0 !important;
    }

	/* Lautsprechersymbol größer und ohne Hintergrund */
	
	.tab-audio-button[soundplaying] {
	--button-icon-fill: blue !important;
	scale: 1.8 !important;  
	border: none !important;
	--button-background-color-ghost-hover: transparent !important;
	}
	
	/* Lautsprechersymbol blauviolett bei Sound */
	
	[soundplaying] {
		fill: blueviolet !important;
	}
  
	/* Lautsprechersymbol gelb bei stumm */
		
	.tab-audio-button[muted] {
	--button-icon-fill: yellow !important;
	scale: 1.8 !important;  
	border: none !important;
	--button-background-color-ghost-hover: transparent !important;
	}
		
    /* Tab Beschriftung mittig */
    
    .tab-content {
    display: flex !important; 
    margin-top: -6px !important;
    justify-content: center !important;
    align-items: center !important;
    }
	
    
    #TabsToolbar .tabbrowser-tab[selected] .tab-content {
    margin-top: 2px !important;
    }

	.tabbrowser-tab {
	min-height: 40px !important;
	max-height: 40px !important;
	}

    .tab-label-container {
    margin: auto !important;
    }

    .tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button {
    padding: 0  !important; 
    width: 17px !important;
	height: 17px !important;
    }

    #TabsToolbar .toolbarbutton-1 {
    min-height: 34px !important;    
    margin-top: 2px !important;    
    margin-bottom: 2px !important;
    }
    
    #TabsToolbar .tabbrowser-tab:not([selected])  {
    min-height: 34px !important;
    border: 1px solid #B2B2B2 !important;
    }

    #TabsToolbar .toolbarbutton-1 > image {
    padding: 2px 4px !important;
    }

    /* Rahmen um die Tableiste durchsichtig */

    #TabsToolbar {
    border: 0.2px solid transparent !important;
    }
     
    #TabsToolbar:hover {
    border: 0.2px solid transparent !important;
    }

	/* Fortschrittsanzeige für das Laden der Seite */

	.tabbrowser-tab:not([usercontextid]) > .tab-stack > .tab-background > .tab-context-line {
    opacity: 0;
    background-color: #00ff00;
    height: 6px;
	margin-inline: 8px;
    margin-top: 2px;
	border-radius: 90px;
	}
	.tabbrowser-tab:is([busy], [progress]) > .tab-stack > .tab-background > .tab-context-line {
    opacity: 1;
    transform-origin: left center;
    animation: 2s ease-in-out scale;
	}
	.tabbrowser-tab[bursting] > .tab-stack > .tab-background > .tab-context-line {
    transition: opacity 2s ease-out;
	}
	@keyframes scale {
    0% {transform: scaleX(0);}
    100% {transform: scaleX(1);}
	}

	/* Tabs mittig */

	#tabbrowser-tabs:not([overflow], [orient="vertical"]) .tabbrowser-tab:nth-child(1 of :not([pinned], [hidden])) {
    margin-left: auto !important;
	}
	#tabbrowser-tabs:not([overflow], [orient="vertical"]) #tabbrowser-arrowscrollbox-periphery {
    margin-right: auto !important;
	}
	
	/* Tab Pluszeichen einfärben */
	
	#tabs-newtab-button, #TabsToolbar #new-tab-button {	
    fill: red!important;
    scale: 1.8 !important;
    }
	#tabs-newtab-button {
	margin-left: 10px !important;
	}

Alles anzeigen

..auch das Verändern des Wertes in Zeile 221 auf zum Beispiel 50px bewirkt nichts

Boersenfeger

Guten Morgen,

Dein Code hat hier in meinem Nightly folgende Auswirkung:

Mein bisheriger Code:

Boersenfeger

So sieht das jetzt aber wirklich guuut aus... dir einen schönen Abend und nochmals Dankeschön!

Boersenfeger

CSS

    /* Tabs rund und farbig */

    /* Angaben für die TAB-Leiste */

    /* TAB bei bei angewähltem TAB (aktiv): */
    /* Hintergrundfarbe, Rahmen,*/
    /* Schriftfarbe. */
 
  .tabbrowser-tab:is([visuallyselected], [multiselected]) > .tab-stack > .tab-background {
    background: red !important;
    border-radius: 18px !important;
    margin-top: 2px !important;  
    border: none !important;
    fill: black ! important; 
    margin-bottom: 0 !important;
    }
    
	.tab-background {
    outline: none !important;
    }

    /* Schliessen-Button nur wenn angewählt */

    tab:not([selected]) .tab-close-button {
	display: none !important; 
    }

    /* Schriftgröße Tabs */

    .tab-text {
    font-size: 18px !important;
    }

    /* Damit wird der Tabtext am Ende schleichend ausgeblendet */

    .tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
    .tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-locale-dir(ltr) {
    direction: ltr;
    mask-image: linear-gradient(to left, transparent, black 1em) !important; 
    }
    
    /* Doppelte Schliessung ausblenden */

    #TabsToolbar > .titlebar-buttonbox-container {
    display:none !important; 
    }

    .tabbrowser-tab[visuallyselected] .tab-label {
    font-weight:  bold !important;
    }

    #TabsToolbar .tabbrowser-tab:not([selected]) {
    border-radius: 16px !important;
    height: 22px ! important;
    margin-top: 5px !important;
    padding: 0 !important;
    fill: black ! important; 
    }
    
    /* Tab-Icon etwas größer,
    * links weniger, unten etwas mehr Abstand zum TAB-Rand */
	
    #TabsToolbar .tab-icon-image {
    height: 20px !important;
    width:  20px !important;
    margin-left: -2px !important;    
    margin-bottom: 2px !important;
    }
    
    /* Tab-Schließen-Button:
    * Rechts weniger Abstand zum TAB-Rand, etwas größer,
    * Textfarbe (Kreuz)
    * Hintergrundfarbe, an den Eckenradius des Buttons angepasst */
 
    #TabsToolbar .tab-close-button {
    margin-right: -6px !important; 
    font-weight: bold !important;    
    fill: black !important; 
    }

    #TabsToolbar .tab-close-button .toolbarbutton-icon {
    height: 6px !important;
    width:  6px !important;    
    background-color: red !important;
    border-radius: 12px !important;
    }
    
    /* Aktiver Tab breiter */
    
    .tabbrowser-tab:not([pinned]):not([selected]) {
    min-width: 185px !important;
	min-height: 30px !important;
	max-height: 40px !important;
    flex-grow: 0 !important;
    }
	
    .tabbrowser-tab:not([pinned])[selected] {
    min-width: 200px !important;
	min-height: 30px !important;
	max-height: 40px !important;
    flex-grow: 0 !important;
    }

	/* Lautsprechersymbol größer und ohne Hintergrund */
	
	.tab-audio-button[soundplaying] {
	--button-icon-fill: blue !important;
	scale: 1.8 !important;  
	border: none !important;
	--button-background-color-ghost-hover: transparent !important;
	}
	
	/* Lautsprechersymbol blauviolett bei Sound */
	
	[soundplaying] {
		fill: blueviolet !important;
	}
  
	/* Lautsprechersymbol gelb bei stumm */
		
	.tab-audio-button[muted] {
	--button-icon-fill: yellow !important;
	scale: 1.8 !important;  
	border: none !important;
	--button-background-color-ghost-hover: transparent !important;
	}
		
    /* Tab Beschriftung mittig */
    
    .tab-content {
    display: flex !important; 
    margin-top: -6px !important;
    justify-content: center !important;
    align-items: center !important;
    }
    
    #TabsToolbar .tabbrowser-tab[selected] .tab-content {
    margin-top: 2px !important;
    }

	.tabbrowser-tab {
	min-height: 40px !important;
	max-height: 40px !important;
	}

    .tab-label-container {
    margin: auto !important;
    }

    .tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button {
    padding: 0  !important; 
    width: 17px !important;
	height: 17px !important;
    }

    #TabsToolbar .toolbarbutton-1 {
    min-height: 34px !important;    
    margin-top: 2px !important;    
    margin-bottom: 2px !important;
    } 
    
    #TabsToolbar .tabbrowser-tab:not([selected])  {
    min-height: 34px !important;
    border: 1px solid #B2B2B2 !important;
    } 

    #TabsToolbar .toolbarbutton-1 > image {
    padding: 2px 4px !important;
    } 

    /* Rahmen um die Tableiste durchsichtig */

    #TabsToolbar {
    border: 0.2px solid transparent !important;
    }
     
    #TabsToolbar:hover {
    border: 0.2px solid transparent !important;
    }

	/* Fortschrittsanzeige für das Laden der Seite */

	.tabbrowser-tab:not([usercontextid]) > .tab-stack > .tab-background > .tab-context-line {
    opacity: 0;
    background-color: #00ff00;
    height: 6px;
	margin-inline: 8px;
    margin-top: 2px;
	border-radius: 90px;
	}
	.tabbrowser-tab:is([busy], [progress]) > .tab-stack > .tab-background > .tab-context-line {
    opacity: 1;
    transform-origin: left center;
    animation: 2s ease-in-out scale;
	}
	.tabbrowser-tab[bursting] > .tab-stack > .tab-background > .tab-context-line {
    transition: opacity 2s ease-out;
	}
	@keyframes scale {
    0% {transform: scaleX(0);}
    100% {transform: scaleX(1);}
	}

	/* Tabs mittig */

	#tabbrowser-tabs:not([overflow], [orient="vertical"]) .tabbrowser-tab:nth-child(1 of :not([pinned], [hidden])) {
    margin-left: auto !important;
	}
	#tabbrowser-tabs:not([overflow], [orient="vertical"]) #tabbrowser-arrowscrollbox-periphery {
    margin-right: auto !important;
	
	}

	/* 1. Tababstand vom linken Rand */
	
	.tabbrowser-tab:first-child {
	margin-left: 120px !important;
	}
	
	/* Tab Pluszeichen einfärben */
	
	#tabs-newtab-button, #TabsToolbar #new-tab-button {	
    fill: red!important;
    scale: 1.8 !important;
    }

Alles anzeigen

Boersenfeger

2002Andreas ... also fast...

Das Pluszeichen sollte vielleicht doch ca. 5 bis 10 Pixel rechts vom aktivierten, zu schließenden Tab positioniert sein, da man sonst das X des Tabs nicht trifft und statt des Schließens ein neuer Tab geöffnet wird. Geht das?

Boersenfeger

Zitat von 2002Andreas

Ich lese das jetzt erst, sorry.
Hättest du gleich schreiben sollen

Ich hatte meine Antwort nach 3 Minuten editiert.

Aber vielen Dank, jetzt ist alles schick!

Boersenfeger

Danke, der Codeteil aus #5 bezog sich auf den Privat-Modus, den ich eh nicht nutze.

Es funktioniert, aber nur, wenn die geöffneten Tabs nicht die gesamte Breite der Tabs-Toolbar einnehmen.

Boersenfeger

Zitat von 2002Andreas

Ansonsten:
Dein Code aus Beitrag Nr. 1 funktioniert schon seit Fx 91 nicht mehr, eben mal geteste
Das funktioniert so auch nicht.

Erstens vorne der / und statt color muss es fill sein.

Wie vorne der / ?
im Code aus #1 stand das so nicht...
habe nun alle alleinstehenden "Color" in "Fill" umgewandelt, aber ohne Erfolg.

Boersenfeger

Komisch, auch wenn ich diesen Code noch deaktiviere, bleibt das Pluszeichen schwarz...

CSS

/* Tabs runter, Tableiste schmaler */ 

	*|*:root { 
	--tab-toolbar-navbar-overlap: 0px !important;  
	--tab-min-height: 27px !important;
}

	#TabsToolbar {
	position: absolute !important;
	display: flex !important;
	bottom: 0;
	width: 100vw;
	background-clip: padding-box;
	color: var(--toolbar-color);
}

	#navigator-toolbox {
    position: relative;
    padding-bottom: calc( var(--tab-min-height) + 14px );
}

	.titlebar-buttonbox-container {
    position: fixed;
    right: 0;
    visibility: visible;
    display: block;
}

	#TabsToolbar .titlebar-buttonbox-container,
	#TabsToolbar #window-controls {
    display: none;
}

	#main-menubar {
    height: 28px !important;
}  

/*...................Ab hier nur Privater Modus...................*/

/* Das lila Icon für privaten Modus oben rechts eingefügt */

	#main-window[privatebrowsingmode=temporary] #PanelUI-button::before {
    margin-left: 0px!important;
    margin-right: 0px !important;
    content: '' !important;
    display: block !important;
    width: 20px !important;
    height: 30px !important;
    background: url("chrome://global/skin/icons/indicator-private-browsing.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 0px 8px !important;
    background-size: 25px 17px !important;
}

/* Der neue zusätzliche Eintrag: Privater Modus unter dem Tab entfernt */

	#private-browsing-indicator-with-label {
    display: none !important;
} 

	.tab-line {
   display: none;
}

/	.tab-close-button {
   color: red!important;
}

Alles anzeigen

Ebenso, wenn ich mein Theme deaktiviere und das System-Theme (Hell) aktiv ist.
Na dann gehts halt nicht...

Boersenfeger

Hm, da tut sich nix... ich poste mal den ganzen Code, dein Vorschlag ist am Ende eingefügt..

CSS

    /* Tabs rund und farbig */

    /* Angaben für die TAB-Leiste */

    /* TAB bei bei angewähltem TAB (aktiv): */
    /* Hintergrundfarbe, Rahmen,*/
    /* Schriftfarbe. */
 
  .tabbrowser-tab:is([visuallyselected], [multiselected]) > .tab-stack > .tab-background {
    background: red !important;
    border-radius: 18px !important;
    margin-top: 2px !important;  
    border: none !important;
    color: black ! important; 
    margin-bottom: 0 !important;
    }
    
	.tab-background {
    outline: none !important;
    }

    /* Schliessen-Button nur wenn angewählt */

    tab:not([selected]) .tab-close-button {
	display: none !important; 
    }

    /* Schriftgröße Tabs */

    .tab-text {
    font-size: 18px !important;
    }

    /* Damit wird der Tabtext am Ende schleichend ausgeblendet */

    .tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
    .tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-locale-dir(ltr) {
    direction: ltr;
    mask-image: linear-gradient(to left, transparent, black 1em) !important; 
    }
    
    /* Doppelte Schliessung ausblenden */

    #TabsToolbar > .titlebar-buttonbox-container {
    display:none !important; 
    }

    .tabbrowser-tab[visuallyselected] .tab-label {
    font-weight:  bold !important;
    }

    #TabsToolbar .tabbrowser-tab:not([selected]) {
    border-radius: 16px !important;
    height: 22px ! important;
    margin-top: 5px !important;
    padding: 0 !important;
    color: black ! important; 
    }
    
    /* Tab-Icon etwas größer,
    * links weniger, unten etwas mehr Abstand zum TAB-Rand */
	
    #TabsToolbar .tab-icon-image {
    height: 20px !important;
    width:  20px !important;
    margin-left: -2px !important;    
    margin-bottom: 2px !important;
    }
    
    /* Tab-Schließen-Button:
    * Rechts weniger Abstand zum TAB-Rand, etwas größer,
    * Textfarbe (Kreuz)
    * Hintergrundfarbe, an den Eckenradius des Buttons angepasst */
 
    #TabsToolbar .tab-close-button {
    margin-right: -6px !important; 
    font-weight: bold !important;    
    color: black !important; 
    }

    #TabsToolbar .tab-close-button .toolbarbutton-icon {
    height: 6px !important;
    width:  6px !important;    
    background-color: red !important;
    border-radius: 12px !important;
    }
    
    /* Aktiver Tab breiter */
    
    .tabbrowser-tab:not([pinned]):not([selected]) {
    min-width: 185px !important;
	min-height: 30px !important;
	max-height: 40px !important;
    flex-grow: 0 !important;
    }
	
    .tabbrowser-tab:not([pinned])[selected] {
    min-width: 200px !important;
	min-height: 30px !important;
	max-height: 40px !important;
    flex-grow: 0 !important;
    }

	/* Lautsprechersymbol größer und ohne Hintergrund */
	
	.tab-audio-button[soundplaying] {
	--button-icon-fill: blue !important;
	scale: 1.8 !important;  
	border: none !important;
	--button-background-color-ghost-hover: transparent !important;
	}
	
	/* Lautsprechersymbol blauviolett bei Sound */
	
	[soundplaying] {
		fill: blueviolet !important;
	}
  
	/* Lautsprechersymbol gelb bei stumm */
		
	.tab-audio-button[muted] {
	--button-icon-fill: yellow !important;
	scale: 1.8 !important;  
	border: none !important;
	--button-background-color-ghost-hover: transparent !important;
	}
		
    /* Tab Beschriftung mittig */
    
    .tab-content {
    display: flex !important; 
    margin-top: -6px !important;
    justify-content: center !important;
    align-items: center !important;
    }
    
    #TabsToolbar .tabbrowser-tab[selected] .tab-content {
    margin-top: 2px !important;
    }

	.tabbrowser-tab {
	min-height: 40px !important;
	max-height: 40px !important;
	}

    .tab-label-container {
    margin: auto !important;
    }

    .tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button {
    padding: 0  !important; 
    width: 17px !important;
	height: 17px !important;
    }

    #TabsToolbar .toolbarbutton-1 {
    min-height: 34px !important;    
    margin-top: 2px !important;    
    margin-bottom: 2px !important;
    } 
    
    #TabsToolbar .tabbrowser-tab:not([selected])  {
    min-height: 34px !important;
    border: 1px solid #B2B2B2 !important;
    } 

    #TabsToolbar .toolbarbutton-1 > image {
    padding: 2px 4px !important;
    } 

    /* Rahmen um die Tableiste durchsichtig */

    #TabsToolbar {
    border: 0.2px solid transparent !important;
    }
     
    #TabsToolbar:hover {
    border: 0.2px solid transparent !important;
    }

	/* Fortschrittsanzeige für das Laden der Seite */

	.tabbrowser-tab:not([usercontextid]) > .tab-stack > .tab-background > .tab-context-line {
    opacity: 0;
    background-color: #00ff00;
    height: 6px;
	margin-inline: 8px;
    margin-top: 2px;
	border-radius: 90px;
	}
	.tabbrowser-tab:is([busy], [progress]) > .tab-stack > .tab-background > .tab-context-line {
    opacity: 1;
    transform-origin: left center;
    animation: 2s ease-in-out scale;
	}
	.tabbrowser-tab[bursting] > .tab-stack > .tab-background > .tab-context-line {
    transition: opacity 2s ease-out;
	}
	@keyframes scale {
    0% {transform: scaleX(0);}
    100% {transform: scaleX(1);}
	}

	/* Tabs mittig */

	#tabbrowser-tabs:not([overflow], [orient="vertical"]) .tabbrowser-tab:nth-child(1 of :not([pinned], [hidden])) {
    margin-left: auto !important;
	}
	#tabbrowser-tabs:not([overflow], [orient="vertical"]) #tabbrowser-arrowscrollbox-periphery {
    margin-right: auto !important;
	
	}

	/* 1.Tababstand vom linken Rand */
	
	.tabbrowser-tab:first-child {
	margin-left: 20px !important;
	}
	
	/* Tab Pluszeichen einfärben */
	
	#tabs-newtab-button {
    fill: red !important;
    scale: 1.5 !important;
    }

Alles anzeigen

Boersenfeger

2002Andreas hatte Recht und ich das Violentmonkey-Script überhaupt nicht auf dem Schirm... Vielen Dank an alle Beteiligten!

Boersenfeger

Moin, ich finde in meinem Profil die Einstellung nicht, in der ich die Angabe über das verwendete Betriebssystem bei Erstellung eines neuen Beitrags ändern kann.
Es wird

angezeigt, ich habe aber meinen Computer jüngst auf Win 11 Pro 26h2 aktualisiert.

Kann mich mal jemand schubsen?

Boersenfeger

Moin, seit einiger Zeit funktioniert dieser CSS-Codeschnipsel nicht mehr:

CSS

/* Tab Pluszeichen einfärben*/
	
	#tabs-newtab-button {
    color: red !important;
	font-size: 100px !important;
	font-weight: bold !important;
    }

Nur bei mir so?

Boersenfeger

Meine Lesezeichen sind in der Sidebar erreichbar, welche ich durch hover anzeigen lasse, wenn ich Bedarf habe. Dadurch ist oben eine Lesezeichensymbolleiste verzichtbar und spart nochmal Platz. Bei Bedarf stelle ich den hier im Forum entwickelten CSS dafür gern zur Verfügung.

Boersenfeger

Sportschau live

Boersenfeger

Zitat von 2002Andreas

Wenn ich aber auf einen Vorschlag aus dem Popup klicke, dann wird das Feld nicht geleert.

Hier erscheint kein PopUp und das ist auch so gewollt.

Beiträge von Boersenfeger

In memoriam

Was schaut ihr gerade?

Anzeige unter about:addons in Nightly verändert

Neuer Tab Pluszeichen einfärben funktioniert nicht mehr

Neuer Tab Pluszeichen einfärben funktioniert nicht mehr

Neuer Tab Pluszeichen einfärben funktioniert nicht mehr

Neuer Tab Pluszeichen einfärben funktioniert nicht mehr

Neuer Tab Pluszeichen einfärben funktioniert nicht mehr

Neuer Tab Pluszeichen einfärben funktioniert nicht mehr

Neuer Tab Pluszeichen einfärben funktioniert nicht mehr

Neuer Tab Pluszeichen einfärben funktioniert nicht mehr

Neuer Tab Pluszeichen einfärben funktioniert nicht mehr

Neuer Tab Pluszeichen einfärben funktioniert nicht mehr

Neuer Tab Pluszeichen einfärben funktioniert nicht mehr

Wie kann ich die Angabe meines BS ändern?

Wie kann ich die Angabe meines BS ändern?

Neuer Tab Pluszeichen einfärben funktioniert nicht mehr

Letzte Platzverschwendung beseitigen

Was hört Ihr gerade?

Clear Search.uc.js anpassen wieder