1. Nachrichten
  2. Forum
    1. Unerledigte Themen
    2. Forenregeln
  3. Spenden
  • Anmelden
  • Registrieren
  • Suche
Alles
  • Alles
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
  1. camp-firefox.de
  2. grisu2099

Beiträge von grisu2099

  • Firefox View

    • grisu2099
    • 25. Juni 2026 um 13:57

    Nimm das als Inspiration und bastel dir was schönes... ;)

    CSS
    			/** PopUp 3-Punkte-Button **/
    		/* Separator */
    	panel-list {
    		--fxview-element-background-hover: rgb(0,150,0) !important;
    		--button-background-color-hover: rgb(0,150,0) !important;
    		border: 2px ridge rgb(211,211,211) !important;
    		border-radius: 10px !important;
    		background-color: rgb(40,40,42) !important;
    		padding: 5px !important;
    		& > hr {
    			border-top: 2px ridge rgb(0,128,0) !important;
    			height: 0 !important;
    			margin: 2px 0 !important;
    		}
    	}
    	panel-list > panel-item[data-l10n-id="fxviewtabrow-move-tab"] {
    		background-image: url("file:///E:/ICONS/FF/move-tab.png") !important;
    	}
    		/* Untermenü */
    	panel-list > panel-item[data-l10n-id="fxviewtabrow-move-tab-start"] {
    		background-image: url("file:///E:/ICONS/FF/arrow-start.png") !important;
    	}
    	panel-list > panel-item[data-l10n-id="fxviewtabrow-move-tab-end"] {
    		background-image: url("file:///E:/ICONS/FF/arrow-stop.png") !important;
    	}
    	panel-list > panel-item[data-l10n-id="fxviewtabrow-move-tab-window"] {
    		background-image: url("file:///E:/ICONS/FF/window-new.png") !important;
    	}
    		/* Ende Untermenü */
    
    	panel-list > panel-item[data-l10n-id="fxviewtabrow-pin-tab"] {
    		border-radius: 3px !important;
    		background-image: url("file:///E:/ICONS/FF/pin-grün.png") !important;
    	}
    	panel-list > panel-item[data-l10n-id="fxviewtabrow-unpin-tab"] {
    		background: url("file:///E:/ICONS/FF/pin-rot.png") !important;
    	}
    	panel-list > panel-item[data-l10n-id="fxviewtabrow-mute-tab"] {
    		background-image: url("file:///E:/ICONS/FF/sound-off.png") !important;
    	}
    	panel-list > panel-item[data-l10n-id="fxviewtabrow-unmute-tab"] {
    		background-image: url("file:///E:/ICONS/FF/sound-on.png") !important;
    	}
    	panel-list > panel-item[data-l10n-id="fxviewtabrow-copy-link"] {
    		background-image: url("file:///E:/ICONS/FF/copy.png") !important;
    	}
    	panel-list > panel-item[data-l10n-id="fxviewtabrow-send-to-device"] {
    		background-image: url("file:///E:/ICONS/FF/share2.png") !important;
    	}
    		/* Untermenü */
    	#send-tab-menu > panel-item[device-id="f81c820bcbd0e38f355b4f3ad6771142"] {
    		background-image: url("file:///E:/ICONS/FF/Laptop16.png") !important;
    	}
    		/* Ende Untermenü */
    	
    	panel-list > panel-item[data-l10n-id="fxviewtabrow-open-in-window"],
    	panel-list > panel-item[data-l10n-id="fxviewtabrow-open-in-private-window"] {
    		background-image: url("file:///E:/ICONS/FF/window-new.png") !important;
    	}
    	panel-list > panel-item[data-l10n-id="firefoxview-history-context-delete"] {
    		background-image: url("file:///E:/ICONS/FF/Trashcan.png") !important;
    	}
    	panel-list > panel-item[data-l10n-id="firefoxview-history-context-forget-site"] {
    		background-image: url("file:///E:/ICONS/FF/cross3.png") !important;
    	}
    	panel-list > panel-item {
    		border-radius: 3px !important;
    		background-repeat: no-repeat !important;
    		background-position: 5px 3px !important;
    	}
    	panel-list > panel-item:hover {
    		background-color: rgb(0,150,0) !important;
    	}
    	button[role="menuitem"] {
    		border-radius: 3px !important;
    		padding: 3px 5px 3px 10px !important;
    		margin-left: 21px !important;
    	}
    Alles anzeigen
  • Firefox View

    • grisu2099
    • 22. Juni 2026 um 21:57

    Kein Problem. Mittlerweile ist ja bestätigt, daß der Code funktioniert... ;)

  • Firefox View

    • grisu2099
    • 22. Juni 2026 um 19:42

    Das hatte ich auch gesehen, fand aber die "Zweifarbigkeit" nicht so toll. Genau deswegen habe ich dann noch mal angefangen zu basteln... :saint:

  • Firefox View

    • grisu2099
    • 22. Juni 2026 um 19:28

    Das war die einzige Möglichkeit, die ich gefunden habe, um die Hoverfarbe links im Navi-Bereich so zu gestalten. Irgendeine Krücke muß man dann halt einbauen... ;):saint:

  • Firefox View

    • grisu2099
    • 22. Juni 2026 um 19:23

    Nein. die habe ich dann im kompletten Code anders angesprochen... ;)

  • Firefox View

    • grisu2099
    • 22. Juni 2026 um 15:40
    Zitat von edvoldi

    Mir gelingst es aber nicht eine Hover Farbe für die nicht aktive Button zu ändern.

    Weil du die Zeilen 1-4 aus meinem Code weggelassen hast... ;)

    Zeile 2 ist nicht so wichtig, aber die anderen.

  • Firefox View

    • grisu2099
    • 22. Juni 2026 um 15:11
    Zitat von 2002Andreas

    Auch hier ohne Icons im Nightly

    Logisch, da muß natürlich der Pfad angepaßt werden... ;)

    Aber immerhin sieht es ansonsten so aus wie bei mir. Keine Ahnung, was da bei Sören anders ist. :/


    Mittlerweile auch in der 152.0.1 bei about:preferences getestet: Funktioniert auch dort...

  • Firefox View

    • grisu2099
    • 22. Juni 2026 um 14:03
    Zitat von Sören Hentzschel

    Wobei es nur mit dem Code aus deinem Beitrag bei mir ganz anders als in deinem Screenshot aussieht …

    Hast du einen Screenshot - damit ich weiß, was da an Code noch fehlt. Ich hatte das aus meinem Komplett-Code für about:preferences rauskopiert...

    Ergänzung: Dieser Code ist für die Nightly gebastelt - evtl. erklärt das auch Abweichungen...

  • Firefox View

    • grisu2099
    • 22. Juni 2026 um 13:44

    Gut zu wissen - so weit war ich noch nicht... ;):saint:

  • Firefox View

    • grisu2099
    • 22. Juni 2026 um 13:15

    Ich hab da nochmal gebastelt...

    So sieht das dann in den Preferences aus. Das gleiche Prinzip funktioniert auch bei about:Addons und bei FirefoxView. Es muß nur das "title"-Argument des jeweiligen Buttons geändert/angepaßt werden. Eigene Icons, Hoverfarbe (auch für den selektierten Button!) und andere Farbe für den selektierten Button sind damit möglich

    CSS
    	:root {
    		--background-color-canvas: rgb(40,40,42) !important;				/* Hintergrundfarbe für die ganze Seite */
    		--button-background-color-hover: rgb(255,99,71) !important;			/* Hoverfarbe für die Navi-Buttons links */
    	}
    
    			/** Allgemeines **/
    	#categories {
    		border-right: 2px ridge rgb(0,128,0) !important;
    		width: 346px !important;
    		padding: 30px 0 0 !important;
    		margin: 0 0 0 15px !important;
    	}
    		/* Überschrift links in Navigation */
    	.page-nav-heading-wrapper {
    		border-bottom: none !important;
    		gap: 0 !important;
    		height: 48px !important;
    		padding: 0 10px 20px !important;
    		margin: 0 !important;
    		& > .logo {
    			height: 54px !important;
    			width: 48px !important;
    			background: url("file:///E:/ICONS/Nightly-Logo.svg") no-repeat center -6px !important;
    			background-size: 48px !important;
    			margin: -3px 0 0 -2px !important;
    		}
    	}
    	#page-nav-heading {
    		border: 2px ridge rgb(211,211,211) !important;
    		border-radius: 15px !important;
    		background-color: rgb(144,238,144) !important;
    		color: #000000 !important;
    		font-size: 20px !important;
    		font-weight: 600 !important;
    		text-align: center !important;
    		line-height: 38px !important;
    		height: 40px !important;
    		padding: 0 50px !important;
    		margin: 4px auto 0px 29px !important;
    	}
    	
    		/* Die Buttons */
    	.page-nav-icon {
    		display: none !important;
    	}
    	nav {
    		--page-nav-button-gap: 10px !important;
    	}
    	button[role="tab"] {
    		--page-nav-button-background-color: rgb(222,184,135) !important;
    		--page-nav-button-background-color-selected: rgb(144,238,144) !important;
    		border: 2px ridge rgb(211,211,211) !important;
    		border-radius: 10px !important;
    		background-position: 10px 7px !important;
    		background-repeat: no-repeat !important;
    		color: #000000 !important;
    		font-weight: bold !important;
    		max-width: 335px !important;
    		padding: 5px 0 5px 36px !important;
    		margin: 0 !important;
    		&:hover {
    			--page-nav-button-background-color: rgb(255,99,71) !important;
    			--page-nav-button-background-color-selected: rgb(255,99,71) !important;
    		}
    		&::before {
    			display: none !important;
    		}
    	}
    	button[role="tab"][title="Konto und Synchronisation"] {
    		background-image: url("file:///E:/ICONS/FF/Sync.png") !important;
    	}
    	button[role="tab"][title="Startseite"] {
    		background-image: url("file:///E:/ICONS/FF/Home.png") !important;
    	}
    	button[role="tab"][title="Suche"] {
    		background-image: url("file:///E:/ICONS/FF/search.png") !important;
    	}
    	button[role="tab"][title="Datenschutz & Sicherheit"] {
    		background-image: url("file:///E:/ICONS/FF/padlock.png") !important;
    	}
    	button[role="tab"][title="Passwörter und Autovervollständigung"] {
    		background-image: url("file:///E:/ICONS/FF/Passwort.png") !important;
    	}
    	button[role="tab"][title="Erscheinungsbild"] {
    		background-image: url("file:///E:/ICONS/FF/Palette.png") !important;
    	}
    	button[role="tab"][title="Downloads"] {
    		background-image: url("file:///E:/ICONS/FF/download3.png") !important;
    	}
    	button[role="tab"][title="Tabs und Surfen"] {
    		background-image: url("file:///E:/ICONS/FF/tab-blau.png") !important;
    	}
    	button[role="tab"][title="Barrierefreiheit"] {
    		background-image: url("file:///E:/ICONS/FF/Barrierefreiheit.png") !important;
    	}
    	button[role="tab"][title="Sprachen"] {
    		background-image: url("file:///E:/ICONS/FF/Sprachen.png") !important;
    	}
    	button[role="tab"][title="KI-Einstellungen"] {
    		background-image: url("file:///E:/ICONS/FF/KI16.png") !important;
    	}
    	button[role="tab"][title="Berechtigungen und Daten"] {
    		background-image: url(chrome://browser/skin/permissions.svg) !important;
    		-moz-context-properties: fill !important;
    		fill: rgb(65,105,225) !important;
    	}
    	button[role="tab"][title="Firefox Labs"] {
    		background-image: url("file:///E:/ICONS/FF/Experimente.png") !important;
    	}
    	button[role="tab"][title="Über Nightly"] {
    		background-image: url("file:///E:/ICONS/FF/Nightly.png") !important;
    	}
    	#addonsButton {
    		border: 2px ridge rgb(211,211,211) !important;
    		border-radius: 10px !important;
    		background: rgb(95,158,160) url("file:///E:/ICONS/FF/Addons.png")  no-repeat 10px 7px !important;
    		color: #000000 !important;
    		font-weight: bold !important;
    		padding: 0 0 0 36px !important;
    		margin: 0 !important;
    	}
    	#helpButton {
    		border: 2px ridge rgb(211,211,211) !important;
    		border-radius: 10px !important;
    		background: rgb(95,158,160) url("file:///E:/ICONS/FF/Nightly.png")  no-repeat 10px 7px !important;
    		color: #000000 !important;
    		font-weight: bold !important;
    		padding: 0 0 0 36px !important;
    		margin: 0 !important;
    	}
    	.moz-page-nav-link {
    		font-weight: bold !important;
    		padding: 3px 0 !important;
    	}
    	#addonsButton:hover,
    	#helpButton:hover {
    		background-color: rgb(255,99,71) !important;
    	}
    		/* Trennlinie */
    	.nav-separator,
    	nav > hr {
    		border-top: 2px ridge rgb(0,150,0) !important;
    		width: 336px !important;
    		height: 0px !important;
    		margin: 5px 0 !important;
    	}
    	nav > hr {
    		margin: 0 0 10px !important;
    	}
    Alles anzeigen
  • Anzeige unter about:addons in Nightly verändert

    • grisu2099
    • 21. Juni 2026 um 13:05

    Nö, nach einer schnellen Runde nur noch etwa 960... ;):saint:

    Bitte testen:

    CSS
    		/*  Addons-Manager Nightly */
    		
    	@-moz-document url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
    	url-prefix(chrome://mozapps/content/extensions/extensions.xhtml),
    	url-prefix(about:addons) {
    
    			/* =========================================
    			   Sidebar Buttons (alle)
    			========================================= */
    		
    		[data-l10n-id="sidebar-help-button-title"] {
    			display: none !important;
    		}
    
    		.button-background {
    			background-color: unset !important;
    		}
    
    		.button-background {
    			& img {
    				fill: red !important;
    			}
    		}
    
    		moz-page-nav-button {
    			background: lightgrey !important;
    			color: black !important;
    			border: 2px solid grey !important;
    			border-radius: 50px !important;
    			box-shadow: inset 0 0 5px 5px #888 !important;
    		}
    
    			/* =========================================
    			   Hover (nur bei inaktiv sichtbar)
    			========================================= */
    
    		moz-page-nav-button:hover {
    			background: blue !important;
    			color: white !important;
    			border-color: brown !important;
    			box-shadow: inset 0 0 5px 5px #888 !important;
    		}
    
    			/* aktiver Button */
    		button[selected] {
    			color: white !important;
    			background-color: red !important;
    			border-radius: 50px !important;
    			box-shadow: inset 0 0 5px 5px #888 !important;
    		}
    
    			/* optional hover für aktiven Button */
    		button[selected]:hover {
    			color: white !important;
    			background-color: #8A2BE2 !important;
    		} 
    
    
    			/*  Versionsnummer der Addons wird angezeigt */
    		div:not([current-view="updates"]) .addon-name-link[title]::after,
    		div:not([current-view="updates"]) .addon-name[title]::after {
    			display: block !important;
    			content: attr(title) !important;
    			margin-top: -22px !important;
    		} 
    		
    		/*restore version number */
    		div:not([current-view="updates"]) .addon-name-link[title]:not([data-l10n-args])::after,
    		div:not([current-view="updates"]) .addon-name[title]:not([data-l10n-args])::after {
    			display: block !important;
    			content: attr(title) !important;
    			margin-top: -22px !important;
    		}
    
    		/*  Hintergrund der Button auf der rechten Seite */
    		addon-list addon-card:not([expanded="true"]) panel-list * {
    			background-color: antiquewhite !important;
    			color: black !important;
    			font-weight: bold !important;
    		}
    		
    		addon-list.monochromatic-addon-list section addon-card div.card.addon addon-options panel-list {
    			background: blanchedalmond !important;     
    		}
    		
    		@supports -moz-bool-pref("browser.in-content.dark-mode") 
    		@media (prefers-color-scheme: dark) 
    		addon-list addon-card:not([expanded="true"]) panel-list *,
    		.more-options-menu panel-item {
    			background: black !important;
    			color: white !important;
    		}
    		
    		addon-list panel-item {
    			margin: 0 1px !important;
    			box-shadow: inset 0 0 3px 3px grey;
    		}
    		
    	   
    			/*  Reduce Size of default Buttons */
    		link:is([href$="panel-item.css"],[href$="panel-list.css"]) ~ button {
    			width: unset !important;
    			padding: 10px 24px !important; /* 5px ist die Höhe der rechten Button */
    		}
    		
    			/*  Entfernt den Drei-Punkte-Button aus dem Container */
    		addon-card .more-options-button {
    			display: none !important;
    		}
    
    			/*  Remove Button Icon */
    		addon-list panel-item {
    			--icon: unset !important;
    		}
    		
    		addon-card panel-list {
    			position: relative !important;
    			display: flex !important;
    			overflow: hidden !important;
    			background: unset !important;
    			border: unset !important;
    			box-shadow: unset !important;
    			min-width: unset !important;
    			width: unset !important;
    			float: right !important;
    			right: 36px !important;
    		}
    		
    		#content div#main addon-list section.extension-enabled-section addon-card div.card.addon addon-options panel-list {
    			margin-top: -52px !important;
    			margin-right: 45px !important;
    		}	
    
    		div.arrow.top + div.list {
    			display: flex !important;
    			flex-flow: row wrap !important;
    			justify-content: flex-start !important;
    		} 
    		
    		 div[role="presentation"].list {
    			display: flex !important;
    			flex-flow: row wrap !important;
    			justify-content: flex-start !important;
    		}
    
    		panel-item[action="preferences"] {
    			order: -1;
    		}
    		
    		panel-item[badged] {
    			border: 1px solid Highlight !important;
    		}
    		
    		panel-item[badged]::after,
    		:host([badged]) button::after,
    		link:is([href$="panel-item.css"],[href$="panel-list.css"]) ~ button::after,
    		:is(addon-options,plugin-options) button::after {
    			display: none !important;
    			content: unset !important;
    		}
    		
    		addon-page-options panel-list {
    			min-width: unset !important;
    			width: auto !important;
    			max-width: 300px !important;
    			z-index: 1000 !important;      
    		}
    		
    		addon-page-options panel-list panel-item {
    			min-width: 280px !important;
    			width: 280px !important;     
    		}
    		
    		.sticky-container {
    			z-index: 1000 !important;
    		}
    		
    		link:-is([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey] {
    			padding-inline-start: 0px !important;
    			padding-top: 3px !important;
    			padding-bottom: 3px !important;
    			min-width: 260px !important;
    			width: 260px !important;      
    		}
    
    		addon-page-options panel-list panel-item[accesskey][checked] {
    			background: url("chrome://global/skin/icons/check.svg") 5px no-repeat !important;
    		}
    			
    		addon-list addon-card:not([expanded="true"]) panel-list {     
    			display: block !important;   
    			box-shadow: none !important; 
    			border: none !important;
    			right: 45px !important;
    		} 
    
    			/*  Abstand zwischen den Containern */  
    		addon-card .addon { 
    			margin: 5px !important; 
    		}
    
    			/*  Höhe der Container */
    		addon-list[type="extension"]{ 
    			--card-padding: 19px;
    		}
    		addon-card .addon-card-collapsed { 
    			margin-bottom: 2px !important; /* Button rechts Abstand vom oberen Rand */   
    		}    
    
    			/*  Abstand der Button vom rechten Rand bei Themes, Plugins, Wörterbücher, usw.*/
    		addon-list:is([type="theme"],[type="plugin"],[type="dictionary"]) 
    		addon-card:not([expanded="true"]) 
    		panel-list {
    			right: 155px !important;
    			top:  -15px !important;
    		}
    
    			/*  Abstand der Button vom oberen Rand bei Plugins, Wörterbücher, usw. */
    		addon-list addon-card:not([expanded="true"]) panel-list {
    			margin-top: -42px !important;
    		}
    
    			/*  Abstand der Button vom oberen Rand bei Themes */
    		addon-list:is([type="theme"]) addon-card:not([expanded="true"]) panel-list {
    			margin-top: -46px !important;
    			margin-left: -100px !important;
    		}
    		
    			/*  Entfernung Bereich Farbgebungen */
    		addon-list.monochromatic-addon-list {
    			display: none !important;
    		}    
    
    			/*  Ausdehnung der Container zum rechten Rand */    
    		.addon.card {
    			width: 1380px;
    		}
    
    		input[type="checkbox"].toggle-button {
    			margin-right: 30px !important; /* blauer Button -Deaktivieren/Aktivieren- Abstand vom rechten Rand */
    		}
    		
    		
    			/*  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;
    		}
    
    		
    			/*  Abstand der Button zum linken Rand */
    		#categories > .category, #preferencesButton, #helpButton, #addonsButton {
    			margin-left: 5px !important; 
    		}
    
    		#categories > .category:not([disabled]){
    			background-color: gainsboro !important;/*Hintergrundfarbe vom Button*/
    			margin-top: 2px !important; /*Abstand zum Button darüber*/
    			border-radius: 60px !important;/*Rundung vom Button*/
    			box-shadow: inset 0 0 5px 5px #888;
    		}
    		
    			/*  Aktiver Button rot, Schrift weiß */
    		#categories > .category[selected]{
    			color: white !important;
    			background-color: red !important;
    			margin-top: 1px !important;
    			border-radius: 60px !important;
    			box-shadow: inset 0 0 5px 5px #888; 
    		}
    
    			/*  Hintergrund der Button blau, Schrift weiß bei hover mit der Maus */
    		#categories > .category:hover, #preferencesButton:hover, #helpButton:hover, #addonsButton:hover {
    			color: white !important;
    			background-color: blue !important;
    			margin-top: 1px !important;
    			border-radius: 60px !important;
    			box-shadow: inset 0 0 5px 5px #888;      
    		}
    			
    			/*  Optionen-Button */
    		button.more-options-button:nth-child(1) {
    			position: absolute !important;
    			left: 19% !important;
    			margin-top: 20px !important;
    		}
    
    			/*  Bei "Themes" die Grafiken ausblenden */
    		.card-heading-image {
    			display: none !important;
    		}
    		  
    		
    			/*  Erweiterungssuche ausblenden */
    		.main-search {
    			display: none !important;
    		}
    		
    			/*  Ausblenden Firefox Optionen */
    		#preferencesButton,
    		#help-button {
    			display: none !important;
    		}
    		
    			/*  Kategorien in abgerundeten Buttons */
    		#preferencesButton,
    		#addonsButton,
    		#helpButton,
    		#category-availableUpdates {
    			background-color: red !important;
    			margin-top:5px !important;
    			border-radius:60px !important;
    		}    
    
    			/*  Privatmodus und empfohlene Erweiterungen Icons entfernen */
    		.addon-badge-recommended,
    		.addon-badge-private-browsing-allowed {
    			display:none !important; 
    		}
    
    
    			/*  Umrandung bei Hover breiter Rand und andere Farbe */
    		:root {
    			--card-outline-color: LimeGreen !important;
    		}
    		
    		#sidebar {
    			background: darkkhaki !important;
    		}
    		.main-search,
    		.sticky-container,
    		.main-heading,
    		#content {
    			background: blanchedalmond !important;
    			font-size: 15px !important;
    		}
    		richlistbox.list > richlistitem.addon {
    			background:white!important;
    			margin-left:-20px !important;
    			margin-top:  7px !important;
    		}
    		#list-view > #addon-list .description-container {
    			margin-left: 350px !important;
    			margin-top: -10px !important;
    			border-radius:60px !important;
    			padding: 5px 8px 2px 7px !important; 
    		}    
    		#list-view > #addon-list .addon.addon-view {
    			padding: 5px 80px 2px 7px !important;
    			border-radius:60px !important;
    		}
    
    			/*  Kategorien nicht angeklickt, Text dunkelrot */
    		.category {
    			color: darkred !important;
    		}
    
    			/*  Kategorien hover Hintergrund + Schrift */
    		.category:hover {
    			color:white!important;
    			background:red!important;
    		}
    
    			/*  Einstellungen-Fenster verbreitern */
    		.pane-container{
    			width: 900px !important;
    		}                      
    		
    			/*  Unter Plugins Nachfragen ob aktiviert werden soll entfernt */
    		#main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(2) > div:nth-child(1) > plugin-options:nth-child(5) > panel-list:nth-child(1) > panel-item:nth-child(1),
    		#main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(3) > div:nth-child(1) > plugin-options:nth-child(5) > panel-list:nth-child(1) > panel-item:nth-child(1) {
    			display: none !important;
    		}
    		
    			/*  Button mit dem Zahnrad */
    	  .page-options-menu > .more-options-button{
    			fill: red !important; /* rotes Zahnrad */ 
    			border: 1px solid grey !important; /* farbige Umrandung */
    			border-radius: 15px !important; /* Abrundung */
    			width: 60px !important; /* Länge des Button */
    			height: 30px ! important; /* Höhe des Button */
    		} 
    		
    			/*  Button oben mit dem Zahnrad bei Hover */
    		.page-options-menu > .more-options-button:hover {
    			fill: lime !important; /* Farbe des Zahnrades */
    		}
    
    			/*   Aussehen des Menü hinter dem Zahnrad */
    		link:is([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey] {
    			margin-left: 6% ! important;
    			min-width: 50px !important;
    			width: 175px !important; /* Länge der einzelnen Felder */
    			background: white ! important; /* Farbe des Hintergrundes */
    		}
    		
    		link:is([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey]:hover {
    			background: lightyellow !important;    
    		}  
    		.sticky-container {
    			z-index: 1000 !important;
    		}
    
    		button:focus {
    			background: none !important;
    		}
    	 
    		addon-page-options panel-list panel-item {
    			width: 425px !important; /* Länge der aktivierten Menü-Leiste */
    			background: none ! important;
    			padding-right: 15px !important;
    		}
    		
    		addon-page-options panel-list panel-item:hover {
    			width: 425px !important; 
    			background: lime ! important;
    			color: red !important;
    		}    
    
    		addon-page-options panel-list {
    			min-width: unset !important;
    			width: auto !important;
    			max-width: 450px !important; /* Ausdehnung der Felder nach rechts */ 
    			background: #f8f8ff ! important; /* farbiger Hintergrund des Feldes */
    			padding-left: 8px !important; /* Ausdehnung nach links */
    			padding-right: 3px !important; /* Ausdehnung nach rechts */
    			z-index: 1000 !important;
    		}
    		
    			/*  Hintergrund der Box Updates automatisch aktualisieren */
    		addon-page-options panel-list panel-item[accesskey][checked] {
    			background: gold !important;
    		}           
    		
    			/*  Zurückbutton bei geöffnetem Menü Einstellung/Verwalten */
    		.back-button {
    			background-color: silver !important;/*Hintergrundfarbe vom Button*/
    			width: 60px !important;
    			border-radius: 60px !important;/*Rundung vom Button*/
    			box-shadow: inset 0 0 3px 3px #888;
    		}
    		
    		.back-button:hover {
    			color: white !important;
    			background-color: dodgerblue !important;
    			border-radius: 60px !important;
    			box-shadow: inset 0 0 3px 3px #888;
    		}    
    
    			/*  Icons des Stern-Kontextmenü */
    		#page-options > panel-list:nth-child(1) > panel-item:nth-child(1)::before {
    			content: '';
    			display: block;
    			width: 16px;
    				height: 16px;
    			background: url("..//icons/Bild5.png") no-repeat !important;
    			background-size: 16px 16px !important;
    			margin-left: 15px;
    			margin-right: -31px;
    		}
    
    		#page-options > panel-list:nth-child(1) > panel-item:nth-child(2)::before {
    			content: '';
    			display: block;
    			width: 16px;
    			height: 16px;
    			background: url("..//icons/Bild61.png") no-repeat !important;
    			background-size: 16px 16px !important;
    			margin-left: 15px;
    			margin-right: -31px;
    		}
    	 
    		#page-options > panel-list:nth-child(1) > panel-item:nth-child(4)::before {
    			content: '';
    			display: block;
    			width: 16px;
    			height: 16px;
    			background: url("..//icons/Bild3.png") no-repeat !important;
    			background-size: 16px 16px !important;
    			margin-left: 15px;
    			margin-right: -31px;
    		}
    
    		#page-options > panel-list:nth-child(1) > panel-item:nth-child(5)::before {
    			content: '';
    			display: block;
    			width: 16px;
    			height: 16px;
    			background: url("..//icons/Bild66.ico") no-repeat !important;
    			background-size: 16px 16px !important;
    			margin-left: 15px;
    			margin-right: -31px;
    		}
    
    		#page-options > panel-list:nth-child(1) > panel-item:nth-child(7) {
    			fill: transparent !important;
    		}
    		 
    		#page-options > panel-list:nth-child(1) > panel-item:nth-child(7)::before {
    			content: '';
    			display: block;
    			width: 16px;
    			height: 16px;
    			background: url("..//icons/Bild62.png") no-repeat !important;
    			background-size: 18px 18px !important;
    			margin-left: 16px;
    			margin-right: -32px;
    			margin-bottom: 3px;
    		}
    		
    		#page-options > panel-list:nth-child(1) > panel-item:nth-child(7):not([checked])::before {
    			content: '';
    			font-size: 14px;
    			padding-left: 0px !important;
    			padding-top: 1px !important;
    			padding-bottom: 2px !important;
    			display: block;
    			width: 16px;
    			height: 16px;
    			background: url("..//icons/Bild63.png") no-repeat !important;
    			background-size: 18px 18px !important;
    			margin-left: 15px;
    			margin-right: -32px;
    			margin-bottom: 3px;
    		}
    		
    		#page-options > panel-list:nth-child(1) > panel-item:nth-child(8)::before {
    			content: '';
    			display: block;
    			width: 16px;
    			height: 16px;
    			background: url("..//icons/Bild64.png") no-repeat !important;
    			background-size: 16px 16px !important;
    			margin-left: 15px;
    			margin-right: -31px;
    		}
    
    		#page-options > panel-list:nth-child(1) > panel-item:nth-child(10)::before {
    			content: '';
    			display: block;
    			width: 16px;
    			height: 16px;
    			background: url("..//icons/Bild67.png") no-repeat !important;
    			background-size: 16px 16px !important;
    			margin-left: 15px;
    			margin-right: -31px;
    		}
    
    			/*  About:addons  - Optionen Schaltfläche */		
    		#utils-updateNow{
    			appearance: none !important;
    			background: url("..//icons/Bild5.png") no-repeat !important;
    			min-height: 24px!important;
    			padding-top: 5px! important;
    			padding-left:28px!important;
    			background-position:6px 5px!important;
    		}
    
    		#utils-updateNow:hover{
    			appearance: none !important;
    			margin-right: -1px !important;
    			background: #ecf0f6 url("..//icons/Bild5.png") no-repeat !important;    
    			border-width: thin !important;
    			border-radius: 4px !important;
    			border-color: #aecff7 !important;
    			border-style: solid !important;
    			min-height: 24px!important;
    			padding-top: 5px! important;
    			padding-left:28px!important;
    			background-position:6px 5px!important;
    		}
    
    		#utils-viewUpdates{
    			appearance: none !important;
    			background: url("..//icons/Bild61.png") no-repeat !important;
    			min-height: 24px!important;
    			padding-top: 5px! important;
    			padding-left:28px!important;
    			background-position:6px 5px!important;
    		}
    
    		#utils-viewUpdates:hover{
    			appearance: none !important;
    			margin-right: -1px !important;
    			background: #ecf0f6 url("..//icons/Bild61.png") no-repeat !important;    
    			border-width: thin !important;
    			border-radius: 4px !important;
    			border-color: #aecff7 !important;
    			border-style: solid !important;
    			min-height: 24px!important;
    			padding-top: 5px! important;
    			padding-left:28px!important;
    			background-position:6px 5px!important;
    		}
    
    		#utils-installFromFile{
    			appearance: none !important;
    			background: url("..//icons/Bild3.png") no-repeat !important;
    			min-height: 24px!important;
    			padding-top: 5px! important;
    			padding-left:28px!important;
    			background-position:6px 5px!important;
    		}
    
    		#utils-installFromFile:hover{
    			appearance: none !important;
    			margin-right: -1px !important;
    			background: #ecf0f6 url("..//icons/Bild3.png") no-repeat !important;    
    			border-width: thin !important;
    			border-radius: 4px !important;
    			border-color: #aecff7 !important;
    			border-style: solid !important;
    			min-height: 24px!important;
    			padding-top: 5px! important;
    			padding-left: 28px!important;
    			background-position: 6px 5px!important;
    		}
    
    		#utils-autoUpdateDefault[type="checkbox"][checked="true"]>.menu-iconic-left{
    			appearance: none !important;
    			background: url("..//icons/Bild62.png")no-repeat !important;
    			height:15px!important;
    			padding-top:1px!important;
    			margin-left:5px !important;
    		}
    
    		#utils-autoUpdateDefault[type="checkbox"][checked="true"]>.menu-iconic-text {
    			padding-left: 12px !important;}
    
    		#utils-autoUpdateDefault[type="checkbox"][checked="false"]>.menu-iconic-left{
    			appearance: none !important;
    			background: url("..//icons/Bild63.png")no-repeat !important;
    			height: 15px!important;
    			padding-top: 1px!important;
    			margin-left: 7px !important;
    		}
    
    		#utils-autoUpdateDefault[type="checkbox"][checked="false"]>.menu-iconic-text{
    			padding-left: 10px !important;}
    
    		#utils-resetAddonUpdatesToAutomatic{
    			appearance: none !important;
    			background: url("..//icons/Bild64.png") no-repeat !important;
    			min-height: 24px!important;
    			padding-top: 5px! important;
    			padding-left: 28px!important;
    			background-position: 6px 5px!important;
    		}
    
    		#utils-resetAddonUpdatesToAutomatic:hover{
    			appearance: none !important;
    			margin-right: -1px !important;
    			background: #ecf0f6 url("..//icons/Bild64.png") no-repeat !important;    
    			border-width: thin !important;
    			border-radius: 4px !important;
    			border-color: #aecff7 !important;
    			border-style: solid !important;
    			min-height: 24px!important;
    			padding-top: 5px! important;
    			padding-left: 28px!important;
    			background-position: 6px 5px!important;
    		}
    
    		#utils-resetAddonUpdatesToManual{
    			appearance: none !important;
    			background: url("..//icons/Bild65.png") no-repeat !important;
    			min-height: 24px!important;
    			padding-top: 5px! important;
    			padding-left: 28px!important;
    			background-position: 6px 5px!important;
    		}
    
    		#utils-resetAddonUpdatesToManual:hover{
    			appearance: none !important;
    			margin-right: -1px !important;
    			background: #ecf0f6 url("..//icons/Bild65.png") no-repeat !important;    
    			border-width: thin !important;
    			border-radius: 4px !important;
    			border-color: #aecff7 !important;
    			border-style: solid !important;
    			min-height: 24px!important;
    			padding-top: 5px! important;
    			padding-left: 28px!important;
    			background-position: 6px 5px!important;
    		}
    
    		#utils-debugAddons{
    			appearance: none !important;
    			background: url("..//icons/Bild66.ico") no-repeat !important;
    			min-height: 24px!important;
    			padding-top: 5px! important;
    			padding-left: 28px!important;
    			background-position: 6px 5px!important;
    		}
    
    		#utils-debugAddons:hover{
    			appearance: none !important;
    			margin-right: -1px !important;
    			background: #ecf0f6 url("..//icons/Bild66.ico") no-repeat !important;    
    			border-width: thin !important;
    			border-radius: 4px !important;
    			border-color: #aecff7 !important;
    			border-style: solid !important;
    			min-height: 24px!important;
    			padding-top: 5px! important;
    			padding-left: 28px!important;
    			background-position: 6px 5px!important;
    		}
    
    		#manage-shortcuts{
    			appearance: none !important;
    			background: url("..//icons/Bild67.png") no-repeat !important;
    			min-height: 24px!important;
    			padding-top: 5px! important;
    			padding-left: 28px!important;
    			background-position: 6px 5px!important;
    		}
    
    		#manage-shortcuts:hover{
    			appearance: none !important;
    			margin-right: -1px !important;
    			background: #ecf0f6 url("..//icons/Bild67.png") no-repeat !important;    
    			border-width: thin !important;
    			border-radius: 4px !important;
    			border-color: #aecff7 !important;
    			border-style: solid !important;
    			min-height: 24px!important;
    			padding-top: 5px! important;
    			padding-left: 28px!important;
    			background-position: 6px 5px!important;
    		}
    		
    		#empty-addons-message {
    			display: none !important;
    		}
    
    			/*both*/
    		#unified-extensions-area .unified-extensions-item-message-deck .unified-extensions-item-message,
    		.unified-extensions-list .unified-extensions-item-message-deck,
    		menupopup#unified-extensions-context-menu .unified-extensions-context-menu-report-extension,
    		menupopup#unified-extensions-context-menu .unified-extensions-context-menu-remove-extension {
    			display: none !important;
    		}
    
    			/*grid*/
    		#unified-extensions-view {
    			width: unset !important;
    		}
    
    		#unified-extensions-area,
    		.unified-extensions-list {
    			display: grid !important;
    			grid-template-columns: repeat(3, 1fr) !important;
    			width: 200px !important;
    		}
    
    		#unified-extensions-panel toolbaritem.unified-extensions-item {
    			max-width: unset !important;
    			width:  62px !important;
    			height: 30px !important;
    			background-color: rgba(80, 80, 80, 0.6) !important;
    			margin: 1px !important;
    			border-radius: 4px !important;
    			border: 1px solid #666 !important;
    			padding: 0 2px !important;
    		}
    
    		.unified-extensions-list .unified-extensions-item {
    			max-width: unset !important;
    			width:  56px !important;
    			height: 28px !important;
    			background-color: rgba(67, 67, 94, 0.6) !important;
    			margin: 1px !important;
    			border-radius: 4px !important;
    			border: 1px solid #666 !important;
    			padding: 0 2px !important;
    		}
    
    		.unified-extensions-item-action-button {
    			overflow: visible !important;
    			max-height: 24px !important;
    		}
    
    		.unified-extensions-item[unified-extensions="true"] .webextension-browser-action > .toolbarbutton-badge-stack {
    			margin-inline-end: 0 !important;
    		}
    
    		.unified-extensions-item .unified-extensions-item-menu-button.subviewbutton {
    			margin-inline-start: 0 !important;
    		}
    
    		.unified-extensions-item-menu-button.subviewbutton > .toolbarbutton-icon {
    			padding: unset !important;
    		}
    
    		.toolbaritem-combined-buttons:is(:not([cui-areatype="toolbar"]),
    		[overflowedItem="true"]) > toolbarbutton:not(.toolbarbutton-1)[disabled] {
    			opacity: 1 !important;
    		}
    
    			/*hover name regular*/
    		#unified-extensions-area .subviewbutton {
    			padding: 2px !important;
    		}
    
    		#unified-extensions-area .unified-extensions-item image.toolbarbutton-icon {
    			opacity: 1 !important;
    			margin-left:  2px !important;
    			padding: 0 !important;
    			height: 16px !important;
    			width: 16px !important;
    		}
    
    		#unified-extensions-area .unified-extensions-item:hover .unified-extensions-item-menu-button image.toolbarbutton-icon {
    			margin-left:  0 !important;
    		}
    
    		#unified-extensions-area .unified-extensions-item .unified-extensions-item-action-button {
    			width: 26px !important;    
    			margin-right: 6px !important; 
    		}
    
    		#unified-extensions-area .unified-extensions-item:hover .unified-extensions-item-action-button[disabled="true"] {
    			opacity: 1 !important;
    		}
    
    		#unified-extensions-area .unified-extensions-item:not(hover) .unified-extensions-item-contents .unified-extensions-item-name {
    			display: none !important;
    		}
    
    		#unified-extensions-area .unified-extensions-item:hover .unified-extensions-item-contents .unified-extensions-item-name {
    			display: block !important;
    			position: relative;
    			top: -8px;
    			left: 0px;
    			background: #eee;
    			color: #000;
    			border-radius: 3px;
    			width: 120px !important;
    			min-height: 18px !important;
    			z-index: 999 !important;
    		}
    
    		#unified-extensions-panel toolbaritem.unified-extensions-item:nth-of-type(3n-2):hover .unified-extensions-item-contents .unified-extensions-item-name {
    			left: -20px !important;
    		}
    
    		#unified-extensions-panel toolbaritem.unified-extensions-item:nth-of-type(3n-1):hover .unified-extensions-item-contents .unified-extensions-item-name {
    			left: -70px !important;
    		}
    
    		#unified-extensions-panel toolbaritem.unified-extensions-item:nth-of-type(3n):hover .unified-extensions-item-contents .unified-extensions-item-name {
    			left: -120px !important;
    		}
    
    
    			/*hover name unified*/
    		.unified-extensions-list .unified-extensions-item-action-button:hover {
    			background-color: rgba(251, 251, 254, 0.09) !important;
    		}
    
    		.unified-extensions-list .subviewbutton {
    			padding: 2px !important;
    			margin: 0 !important;
    		}
    
    		.toolbaritem.unified-extensions-item .unified-extensions-list {
    			margin: 0 0 0 8px !important;
    		}
    		
    		.unified-extensions-item-icon {
    			opacity: 0.5;
    		}
    
    		.unified-extensions-list image.unified-extensions-item-icon {
    			opacity: 1 !important;
    			margin-left: 2px !important;
    			padding: 0 !important;
    			height: 16px !important;
    			width: 16px !important;
    		}
    
    		.unified-extensions-list .unified-extensions-item image.toolbarbutton-icon {
    			margin-left:  4px !important;
    		}
    
    		.unified-extensions-list .unified-extensions-item .unified-extensions-item-action-button {
    			width: 26px !important;
    			margin-right: 4px !important;
    		}
    
    		.unified-extensions-list .unified-extensions-item .unified-extensions-item-action-button:not(hover) .unified-extensions-item-contents label {
    			display: none !important;
    		}
    
    		.unified-extensions-list .unified-extensions-item .unified-extensions-item-action-button:hover .unified-extensions-item-contents label {
    			display: block !important;
    			position: relative;
    			top: -10px;
    			left: 0px;
    			background: #eee;
    			color: #000;
    			border-radius: 3px;
    			width: 120px !important;
    			min-height: 18px !important;
    		}
    
    		.unified-extensions-list .unified-extensions-item:nth-of-type(3n-2) .unified-extensions-item-action-button:hover .unified-extensions-item-contents label {
    			left: -5px !important;
    		}
    
    		.unified-extensions-list .unified-extensions-item:nth-of-type(3n-1) .unified-extensions-item-action-button:hover .unified-extensions-item-contents label {
    			left: -60px !important;
    		}
    
    		.unified-extensions-list .unified-extensions-item:nth-of-type(3n) .unified-extensions-item-action-button:hover .unified-extensions-item-contents label {
    			left: -110px !important;
    		}
    		
    		#category-discover,
    		[data-l10n-id="help-button"] {
    			display: none !important;
    		}
    		
    		button[selected]::before {
    			display: none !important;
    		}
    		
    			/* Themes Button aktivieren und deaktivieren farblich absetzen*/
    		[data-l10n-id="enable-addon-button"] {
    			background: red !important;
    		}
    
    		[data-l10n-id="disable-addon-button"] {
    			background: green !important;
    		}
    
    		.button-background.labelled {
    			color: white !important;  
    		}
    
    		addon-card .more-options-button {
    			background-color: yellow !important;
    			color: red !important;
    		}
    
    
    	}
    Alles anzeigen

    Nur schnell überflüssige Leerzeilen und  @-moz-document-Regeln gelöscht.

  • Anzeige unter about:addons in Nightly verändert

    • grisu2099
    • 21. Juni 2026 um 12:36

    Dieses ganze Werk sollte dringend mal komplett überarbeitet werden...

    Ich bezweifle nach einem kurzen Überfliegen, daß da alles so funktioniert, wie es soll.

    Beispiel:

    CSS
    {
        #unified-extensions-view
        width: unset !important;
        }

    Von optischen Aspekten, wie z.B. Einrückung, mal ganz abgesehen. Auch einige der vielen  @-moz-document-Regeln sollten überflüssig sein.

  • Hintergrund von Menüs seit Version 152

    • grisu2099
    • 17. Juni 2026 um 22:13

    Dann bitte neues Thema...

  • Blaue Umrandung des Adressfeldes

    • grisu2099
    • 16. Juni 2026 um 15:52
    Zitat von Mira_Belle

    Kann das mit diesem Eintrag etwas zu tun haben?

    Dann ändere doch testhalber diesen Eintrag mal in deinem CSS... ;)

  • firefox.exe -os-autostart

    • grisu2099
    • 14. Juni 2026 um 11:35
    Zitat von Road-Runner

    Warum nicht einfach in den Einstellungen unter Allgemein abschalten?

    Das wäre zu einfach... :whistling::saint:

  • gespeicherte Lesezeichen lassen sich nicht öffnen

    • grisu2099
    • 3. Juni 2026 um 14:10

    Rechtsklick auf den betreffenden Link...

  • Entwicklung Firefox

    • grisu2099
    • 29. Mai 2026 um 17:59

    Du hast nicht zufällig das mittleren Kästchen angehakt? :/

  • Firefox ESR Version

    • grisu2099
    • 24. Mai 2026 um 13:20
    Zitat von hhmmppff

    Gibt es in der IT nicht das Prinzip der Abwärtskompatibilität

    Was du willst, wäre eine Aufwärtskompatibilität... ;)

  • v152.0beta1. Script "toolbar_top_with_toggle_button-Mod.uc.js" funktioniert nicht mehr richtig.

    • grisu2099
    • 22. Mai 2026 um 12:59

    Ich meine mich zu erinnern, daß es in der 152er Nightly eine Änderung beim padding der Schaltflächen in den Leisten gab... :/

  • Suchmaschine entfernen

    • grisu2099
    • 21. Mai 2026 um 19:00

    Das sieht bei Barbaras Bild verdächtig nach der Nightly aus... :/

Unterstütze uns!

Jährlich (2026)

76,1 %

76,1% (589,79 von 775 EUR)

Jetzt spenden
  1. Kontakt
  2. Datenschutz
  3. Impressum
Community-Software: WoltLab Suite™
Mastodon