Anzeige unter about:addons in Nightly verändert

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

FuchsFan

Zitat von Boersenfeger

Aber nur wenn du Spaß und Zeit hast

Boersenfeger

CSS

/* Profil: ab Firefox 160 */

@-moz-document url-prefix(chrome://mozapps/content/extensions/extensions.xhtml),
url-prefix(about:addons),
url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
url-prefix(chrome://mozapps/content/extensions/aboutaddons.xhtml)
{

body {
   counter-reset: section !important;
}

/* ab Version 155 neu bei Themes / ausgeblendet */
moz-card#aboutaddons-themes-picker-card,
moz-segmented-control {
	display: none !important;
}

/*===== fortlaufende Nummerierung aller Add-ons =====*/

/* Zähler aktive Add-ons / Theme-Abschnitt ausgeschlossen */
#main > addon-list > section[section="0"]:not(.theme-enabled-section) {
  counter-reset: section;
}

/* Nummerierung aktive Add-ons */
#main > addon-list > section[section="0"]:not(.theme-enabled-section) > addon-card > .addon.card > div::before {
  display: inline-block;
  width: 2.2em;
  box-sizing: content-box;
  text-align: right;
  font-weight: 700;
  text-decoration: underline;
  counter-increment: section;
  content: counter(section, decimal-leading-zero) ".";
  color: #217B22;
  border-right: 2px solid #217B22;
  padding-right: 10px !important;
  padding-top: 15px !important;
  margin-top: -22px;
  margin-left: -15px;
  margin-bottom: -22px;
}

/* Zähler inaktive Add-ons / Theme-Abschnitt ausgeschlossen */
#main > addon-list > section[section="1"]:not(.theme-disabled-section) {
  counter-reset: section;
}

/* Nummerierung inaktive Add-ons */
#main > addon-list > section[section="1"]:not(.theme-disabled-section) > addon-card > .addon.card > div::before {
  display: inline-block;
  width: 2.2em;
  box-sizing: content-box;
  text-align: right;
  font-weight: 700;
  text-decoration: underline;
  counter-increment: section;
  content: counter(section, decimal-leading-zero) ".";
  color: #F70000;
  border-right: 2px solid #F70000;
  padding-right: 10px !important;
  padding-top: 15px !important;
  margin-top: -22px;
  margin-left: -15px;
  margin-bottom: -22px;
}

/* Farbe der Zähler bei Hover */
#main > addon-list > section[section="0"]:not(.theme-disabled-section) > addon-card > .addon.card > div:hover::before,
#main > addon-list > section[section="1"]:not(.theme-disabled-section) > addon-card > .addon.card > div:hover::before {
  color: #8c372e;	
}  

/* Nummerierung für Themes separat zurücksetzen */
#main > addon-list > section.theme-disabled-section {
  counter-reset: theme;
}

/* inaktive Themes nummerieren */
#main > addon-list > section.theme-disabled-section > addon-card > moz-card.addon.card > .addon-card-collapsed > .card-contents > .addon-name-container::before {
  display: inline-block;
  width: 2.2em;
  box-sizing: content-box;
  text-align: right;
  font-weight: 700;
  text-decoration: underline;
  counter-increment: theme;
  content: counter(theme, decimal-leading-zero) ".";
}
#main > addon-list > section.theme-disabled-section > addon-card > moz-card.addon.card > .addon-card-collapsed > .card-contents > .addon-name-container::before {
  color: #C72F2E;
  border-right: 2px solid #C72F2E;
  width: 2.2em;
  padding-right: 10px !important;
  padding-top: 5px !important;
  padding-bottom: 0px !important;
  margin-top: -15px;
  margin-left: -20px;
  margin-right: 20px;
  margin-bottom: -50px;
  min-height: 66px !important;
}
#main > addon-list > section.theme-disabled-section > addon-card > moz-card.addon.card:hover > .addon-card-collapsed > .card-contents > .addon-name-container::before {
  color: #7b2b48;
  border-right: 2px solid green;
}

/* Icon nach rechts verlagert */
addon-card moz-card.card.addon div.addon-card-collapsed img.card-heading-icon.addon-icon {
	margin-left: 15px !important;
}	

/** Nummerierung ENDE **/

/* Add-ons-Manager linke Seite (Sidebar) Hintergrund */
#sidebar {
   /* background:  url("file:///C:/FoxBilder/42.png") no-repeat -150px 0px !important; */
   background: linear-gradient(to bottom right, white,#acacac,#f2f3f4,#acacac, #f2f3f4,#acacac) !important; 
   border-right: 2px solid grey !important;
}

/* Add-ons-Manager rechte Seite Hintergrund */
#full #content {
   background: #bfc1c2 !important;
   /* background: url("file:///C:/FoxBilder/255.jpg") no-repeat!important; */
   background-position: -5px -5px !important;
   background-attachment: fixed !important;
}

/*====== alle Button links in der Sidebar =======*/

/* Rubrik "Empfehlungen" ausgeblendet */
#sidebar categories-box moz-page-nav moz-page-nav-button#category-discover {
	display: none !important;
}

/* die Button "Einstellungen" u. "Addon-Hilfe" ausgeblendet */
#preferencesButton,
[data-l10n-id="sidebar-help-button-title"] {
	display: none !important;
}
	

/* oben das Logo mit Text */
div.page-nav-heading-wrapper {
	background: #fae7b5 !important;
    color: black !important;
    border: 2px solid white !important;
	border-radius: 10px !important;
	box-shadow: inset 0 0 3px 3px #888 !important;
	padding: 6px 0 10px 0px !important;
}
.page-nav-heading-wrapper {
    margin-block-start: 30px !important;
    margin-inline-start: -28px !important;
}

/* Logo und Erweiterungen nach unten verlagert */
div.page-nav-heading-wrapper div.logo,
h1#page-nav-heading.page-nav-heading {
	margin-top: 0px !important;
	margin-left: 20px !important;
}	

/* die Buttongruppe nach unten verlagert */
nav div.primary-nav-group {
	margin-top: 40px !important;
}

/* Buttongruppe nach links */
nav	{
	margin-left: -12px !important;
}	

/* =========================================================
   Firefox 153+ about:addons Sidebar Buttons
   Neue moz-page-nav Struktur
   ========================================================= */

/* =========================================
   Sidebar Buttons (alle)
========================================= */
moz-page-nav-button {
    background: #f2f1ed !important;
    color: black !important;
    border: 2px solid white !important;
	border-radius: 60px !important;
	box-shadow: inset 0 0 3px 3px #888 !important;
	width: 220px !important;
}

/* =========================================
   Hover (nur bei inaktiv sichtbar)
========================================= */
moz-page-nav-button:hover { 
    background: #a2cffe !important;
    color: brown !important;
    box-shadow: inset 0 0 3px 3px #888 !important;
}

/* aktiver Button */
button[selected] {
    color: white !important;
    background-color: #1b9e14 !important;
	box-shadow: inset 0 0 3px 3px coral !important;
	border-radius: 60px !important;
}

button[selected]:hover {
    color: white !important;
    background-color: #8A2BE2 !important;
}

/* links der blaue strich bei aktiv ausgeblendet */
button[selected] {
	--page-nav-button-indicator-color: none !important;
}

button:not([selected]) {
	background-color: transparent !important;
}

/* die Button unten (Einstellungen und Hilfe) */ 
a.moz-page-nav-link{
	background-color: transparent !important;
}	

 
/*************** ENDE ****************************/

/* die Namen der Sektionen oben links */
h1.header-name {
	font-size: 20px !important;
}	

/* Text unter den Namen aller Addons Farbe ändern (Hover) */
addon-card .addon-name .addon-name-link,
addon-card .addon-description {
   color: #542e2b !important;
}
addon-card:hover .addon-name .addon-name-link,
addon-card:hover .addon-description {
   color: blue !important;
}

/* rechte Seite das obere Feld */
#content addon-page-header#page-header div.sticky-container {
    background: linear-gradient(to bottom right, white,#acacac,#f2f3f4,#acacac, #f2f3f4,#acacac) !important;
	min-width: 1600px !important;
    max-width: 1600px !important;
	height: 70px !important;
	padding-top: 10px !important;
	padding-left: 22px !important;
	margin-left: 0px !important;
	border-bottom: 1px solid grey !important;
}

/*====== Feld "Themes verwalten" (und andere) mit Update-Message ======*/

#page-header div.sticky-container div.main-heading {
	appearance: none !important;
	min-width: 660px !important;
    max-width: 660px !important;
	height: 32px !important;
	background-color: lightgrey !important;
	border: 1px solid grey !important;
    margin-top: 4px !important;
	padding: 5px 5px 5px 10px !important;
}
#page-header div.sticky-container div.main-heading h1.header-name {
	color: #87421F !important;
}	
/* das Update-Feld darin */
#page-header div.sticky-container div.main-heading addon-updates-message#updates-message {
    border: 1px solid grey !important;
	padding: 0px 10px 0px 10px !important;
	margin-right: 6px !important;
}
#page-header div.sticky-container div.main-heading addon-updates-message#updates-message:hover {
    border: 1px solid grey !important;
	padding: 0px 10px 0px 10px !important;
	margin-right: 6px !important;
	background: #FDF4E3 !important;
}
/* die Meldungen bei Update-Suche */
#updates-message[state="updating"],
#updates-message[state="none-found"],
#updates-message[state="installed"] {
   min-width: 255px !important;
   max-width: 255px !important;
   margin-inline-end: 1px !important;
   background: #f1eaee !important;
   color: blue !important;
   font-weight: 600 !important;
}

/* Farbe des Textes in der update-message */
addon-updates-message {
    --button-text-color: #a6001a !important;
}

/* Breite des Buttons "Verfügbare Updates anzeigen" */
#updates-message[state="manual-updates-found"] {
   min-width: 265px !important;
   max-width: 265px !important;
   margin-inline-end: 1px !important;
   background: #f1eaee !important;
}

/* Text "Verfügbare Updates anzeigen" verlagert */
button#main-button span.button-background.labelled {
	margin-top: -4px !important;
}
/* bei hover */
#updates-message[state="manual-updates-found"] {     
    --button-text-color-hover: #299617 !important;
}

addon-page-header#page-header[current-view="detail"]  #updates-message[state="updating"],
addon-page-header#page-header[current-view="detail"]  #updates-message[state="none-found"],
addon-page-header#page-header[current-view="detail"]  #updates-message[state="manual-updates-found"],
addon-page-header#page-header[current-view="detail"]  #updates-message[state="installed"] {
    margin-left: 154px  !important;
}
#updates-message[state="none-found"][data-l10n-id="addon-updates-none-found"] {
    color: #409DD9 !important;
}

[data-l10n-id="addon-updates-updating"],
[data-l10n-id="addon-updates-none-found"],
[data-l10n-id="addon-updates-installed"] {
    padding: 0 !important;
    margin: 0 auto !important;
}
[data-l10n-id="addon-updates-manual-updates-found"] {
    width: calc(100% + 10px) !important;
    min-height: 26px !important;
    max-height: 26px !important;
    padding: 0 !important;
    margin: 0 !important;
}
	
/** ENDE **/	

/*===== Button mit dem Zahnrad ======*/
#page-header div.sticky-container div.main-heading div.page-options-menu {
	background-color: #f1eaee !important;
    min-width: 32px !important;
    max-width: 32px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    border-radius: 0 !important;
    border: 1px solid grey !important;
    margin-left: -4px !important;
    padding-bottom: 2px !important;
}
#page-header div.sticky-container div.main-heading div.page-options-menu:hover {
   border: 1px solid brown !important;
   background-color: lightyellow !important;
}

/* Popup hinter dem Zahnrad */
div#content addon-page-options#page-options panel-list{
   border: 1px solid dodgerblue !important;
   border-width:  4px !important;
   border-style: double !important;
   border-radius:  0px !important;
   background: none !important;
   background-color: white !important;
   padding: 4px 4px 6px 4px !important;  
   margin-top: 10px !important;   
}

/* Popup hinter dem Zahnrad / Item */
#page-options > panel-list > panel-item {
   --button-background-color-hover: none !important;
   --button-background-color: none !important;
   --button-background-color-active: none !important;
   opacity: 1.0 !important;
   height: 26px !important; 
   box-shadow: none !important;
   border: 1px solid #B2B2B2 !important;
   border-width:  5px !important;
   border-style: double !important;
   background: none !important;
   background-color: lightgrey !important;
   margin: 2px 2px 0 2px !important;
}

#page-options > panel-list > panel-item[action="check-for-updates"] {
   background-color: #800 !important;
   color: #FFF !important;
}
#page-options > panel-list > panel-item[action="set-update-automatically"] {
   background-color: #217B22 !important;
   color: #FFF !important;
}
#page-options > panel-list > panel-item:hover,
#page-options > panel-list > panel-item[action="check-for-updates"]:hover,
#page-options > panel-list > panel-item[action="set-update-automatically"]:hover {
   background-color: lightyellow !important;
   fill: #000 !important;
}
button[role="menuitem"]:hover > label,
button[role="menuitem"]:hover > label > span {
   color: #000 !important;
}
panel-list[role="menu"][style="left: 722px; top: 72px;"] {
   z-index: 10000 !important;
   border-radius: 0 !important;
   border: 1px solid #B2B2B2 !important;
   padding: 0 0 2px 0 !important;
   margin: -1px auto 1px auto !important;
}
addon-page-options#page-options {
   border: 0 !important;
   padding: 0 !important;
}

/* ab Version 110 gültig / für Separatoren */
#page-options panel-list hr {
	background: #B2B2B2 !important;
    margin: 4px 0 4px 0 !important;
}

/*============ Icons für Popup-Menü vom Zahnradbutton =============*/
/* in userChromeShadow.css wird Haken bei "Add-ons automatisch aktualisieren" ausgeblendet */

/* Auf Updates überprüfen */
#page-options > panel-list > panel-item[action="check-for-updates"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild5.png");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/* Kürzlich durchgeführte Updates anzeigen */
#page-options panel-list panel-item[action="view-recent-updates"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild61.png");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/* Add-on aus Datei installieren */
#page-options panel-list panel-item[action="install-from-file"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild3.png");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/* Add-ons debuggen */
#page-options panel-list panel-item[action="debug-addons"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild66.ico");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/* Add-ons automatisch aktualisieren / aktiv */
#page-options > panel-list > panel-item[action="set-update-automatically"]::before{
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("..//icons/aktiv.png");
   background-size: 18px 18px !important;
   margin-left: 10px;
   margin-right: -16px;
   margin-bottom: 3px;
}

/* Add-ons automatisch aktualisieren / inaktiv */
#page-options > panel-list > panel-item[action="set-update-automatically"]:not([checked])::before {
   content: '';
   font-size: 14px;
   padding-top: 1px !important;
   padding-bottom: 2px !important;
   display: block;
   width: 16px;
   height: 16px;
   background: url("..//icons/inaktiv.png") no-repeat !important;
   background-position: 0 2px !important;
}

/* Add-ons umstellen auf manuelle Aktualisierung */
#page-options panel-list panel-item[action="reset-update-states"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild64.png");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/* Tastenkombinationen von Erweiterungen verwalten */
#page-options panel-list panel-item[action="manage-shortcuts"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild67.png");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/** ENDE **/

/*====== Zurück-Button (back-button) ======*/
addon-page-header[type="detail"] .main-heading .back-button {
	background-color: #f1eaee !important;
    min-width: 32px !important;
    max-width: 32px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    border-radius: 0 !important;
    fill: transparent !important;
    margin: 0px 0  0 -4px  !important;
    border: 1px solid grey !important;
    padding-bottom: 1px !important;
}
addon-page-header[type="detail"] .main-heading .back-button:hover {
    background-color: #f2ff7f !important;
    border: 1px solid brown !important;
}

/*==== Feld "Weitere Add-ons finden" ====*/
#page-header div.sticky-container div.main-search {
    /* appearance: none !important;
    background-color: lightgrey !important;
	height: 32px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    border: 1px solid grey !important;
    padding: 5px 5px 5px 0px !important;
    margin-top: 15px !important;
    margin-left: 770px !important; */
	display: none !important;
}
/* das Suchfeld */
div.content-wrapper input#input {
	background-color: #f4f6ec !important;
}
/* Text vor Suchfeld */	
#page-header div.sticky-container div.main-search label.search-label {
    color: #87421F !important;
	font-weight: 600 !important;
}

/* Button mit der Lupe bei Suche */
#page-header div.sticky-container div.main-search search-addons moz-button {
	background-color: #f1eaee !important;
	min-width: 30px !important;
    max-width: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
	border: 1px solid grey !important;
} 
#page-header div.sticky-container div.main-search search-addons moz-button:hover {
    background-color: #f2ff7f !important;
    border: 1px solid brown !important;
}

/* das Icon bei Zahnrad / Drei-Punkte-Button / Zurück / Suche */
button#main-button span.button-background img {
	fill: green !important;
}
button#main-button span.button-background:hover img {
	fill: red !important;
}		

/*============= Container rechte Seite =============*/

/* addon-card:not([expanded]) > .addon.card {
	height: 100px !important;
}	 */

html body div#full div#content div#main addon-list addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents {
	margin-top: -15px !important;
}	
	




addon-card:not([expanded]):not(.theme-enabled-section addon-card) > moz-card.addon.card {
    height: 80px !important;
	padding-bottom: 10px !important;
}

/* rechte Seite für alle Container */
div#content div#main {
	min-width: 1200px !important;
	margin-inline-start: 10px !important;
}

/* der graue Hintergrund aller Sektionen */
div#content div#main recommended-themes-section,
div#content div#main discovery-pane,
section[section="0"] {
   border: 2px solid #2F2F36 !important;
   background-color: grey !important;
   margin-top: 5px !important;
   padding: 6px 10px 6px 10px !important;
}

/* bei "Empfohlene Erweiterungen" und "Empfohlene Themes" */
div#content div#main recommended-extensions-section,
div#content div#main recommended-themes-section {
   border: 2px solid #2F2F36 !important;
   background-color: grey !important;
   margin-top: 5px !important;
   padding: 0px 10px 6px 10px !important;
}

section[section="1"] {
   border: 2px solid #2F2F36 !important;
   background-color: grey !important;
   margin-top: 15px !important;
   padding: 2px 10px 4px 10px !important;
}

/* unter Deaktiviert bei Plugin, Sprachen u. Wörterbücher keine Border */
#main addon-list section.mlmodel-disabled-section,  /* KI-Modelle */
addon-list[type="locale"] section[section="1"],
addon-list[type="plugin"] section[section="1"],
addon-list[type="dictionary"] section[section="1"] {
   background-color: transparent !important;	
   box-shadow: none !important;
   border-radius: 0 !important;
   border: transparent !important;
}

/* Anpassung der Container */
div#content div#main recommended-themes-section recommended-addon-list recommended-addon-card div.card.addon,
div#content div#main recommended-extensions-section recommended-addon-list recommended-addon-card div.card.addon,
recommended-addon-card > moz-card.card.addon,
div#content div#main addon-list addon-card .card {
	background-color: #e9e9ed !important;
	border: 1px solid grey !important;
	border-width:  6px !important;
    border-style: double !important;
	border-radius: 0 !important;
	margin-bottom: 5px !important;
	padding: 5px !important;
}

/* Container bei Hover */
div#content div#main recommended-themes-section recommended-addon-list recommended-addon-card div.card.addon:hover,
div#content div#main recommended-extensions-section recommended-addon-list recommended-addon-card div.card.addon:hover,
recommended-addon-card > moz-card.card.addon:hover,
div#content div#main addon-list addon-card .card:hover {
    background-color: #ebe8a4 !important;
    border: 1px solid green !important;
	border-width:  6px !important;
    border-style: double !important;
	border-radius: 0 !important;
	box-shadow: 0 0 3px 3px #cb00f5 !important;
}

/* bei Überschrift "Aktiviert" der Hintergrund */
section[section="0"] h2.list-section-heading {
    background-color: #64BF15 !important;
    border: 1px solid #403d21 !important;
    padding: 5px 0 5px 15px !important;
    margin: 5px 0 1px 0 !important;
}

/* bei Überschrift "Gespeicherte Themes" und "Deaktiviert" der Hintergrund */
section[section="1"] h2.list-section-heading {
    background-color: #A6E7FF !important;
	border: 1px solid #403d21 !important;
    padding: 5px 0 5px 15px !important;
    margin: 8px 0 1px 0 !important;
}

/* bei Überschrift "Empfohlene Erweiterungen" und "Empfohlene Themes" der Hintergrund */
div#main recommended-themes-section h2.header-name.recommended-heading,
div#main recommended-extensions-section h2.header-name.recommended-heading {
    background-color: #50BFE6 !important;
    border: 1px solid #403d21 !important;
    padding: 5px 0 5px 15px !important;
    margin: 15px 0 1px 0 !important;
}

/* das Bild bei Themes mit Border */
/* addon-card moz-card.card.addon theme-preview img.card-heading-image {
	border: 1px solid #403d21 !important;
	border-radius: 6px !important;
	min-width: 880px !important;
    max-width: 880px !important;
	margin-bottom: 5px !important;
} */

/*  Bei "Themes" die Grafiken ausblenden */
		.card-heading-image {
			display: none !important;
		}


/* Border über dem Namen bei Themes */
div#main addon-list section.theme-disabled-section addon-card div.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container,
div#main addon-list section.theme-enabled-section addon-card div.card.addon div.addon-card-collapsed div.card-contents{
    padding-top: 8px !important; 
}
addon-list[type="theme"] section[section="0"] addon-card .card .card-contents, 
addon-list[type="theme"] section[section="1"] addon-card .card .card-contents {
    border-top: 2px solid green !important;
    margin-top: -10px !important; 
    margin-left: -20px !important;
    margin-right: -20px !important;
    padding-left: 20px !important;
    padding-right: 10px !important;
}
addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container {
	margin-top: 5px !important;
}	

/* Name und Versions-Nr. der Add-ons 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; /* ganz wichtig */
   color: #6F2DA8 !important;
}

/* Beschreibungstext unter dem Namen rechts Ausdehnung begrenzt */
addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents span.addon-description {	
    max-width: 950px !important;
    margin-left: 20px !important;
}

/* bei Empfehlungen oben das Textfeld / und der Link darin */
div#main discovery-pane header p {
	background-color: #B4B8B0 !important;
	border: 1px solid gainsboro !important;
	border-width:  6px !important;
    border-style: double !important;
	border-radius: 0 !important;
	padding: 10px 0 10px 15px !important;
}
div#main discovery-pane header p span a.discopane-intro-learn-more-link {
    color: white !important;
    font-weight: 600 !important;
}
div#main discovery-pane header p span a.discopane-intro-learn-more-link:hover {
    color: magenta !important;
    font-weight: 600 !important;
}

/* bei Empfehlungen und Erweiterungen unten der Button "Datenschutzrichtlinie" */
#main discovery-pane footer.view-footer div.view-footer-item {
	margin-top: 0px !important;
	padding: 20px 0px 25px 0px !important;
}
#main recommended-extensions-section footer.view-footer div.view-footer-item {
	margin-top: 0px !important;
	padding: 20px 0px 15px 0px !important;
}
#main recommended-extensions-section footer.view-footer div.view-footer-item a.privacy-policy-link,
#main discovery-pane footer.view-footer div.view-footer-item a.privacy-policy-link{
    background: #F0F0F0 url("..//icons/Bild1.png") no-repeat !important;
    background-position: 6px 6px !important;	
    border: 1px solid grey !important;
    border-width:  3px !important;
    border-style: double !important;
    padding: 4px 15px 6px 40px !important;
}
#main recommended-extensions-section footer.view-footer div.view-footer-item a.privacy-policy-link:hover,  
#main discovery-pane footer.view-footer div.view-footer-item a.privacy-policy-link:hover{
    background: lightblue url("..//icons/Bild1.png") no-repeat !important;
    color: crimson !important;
    background-position: 6px 6px !important;
    border: 1px solid coral !important;
    border-width:  3px !important;
    border-style: double !important;
    padding: 4px 15px 6px 40px !important;
}

/* Bei Empfehlungen die Button "Theme installieren" und "Zu Firefox hinzufügen" */
#main discovery-pane recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button {
	background-color: #f5f5dc !important;
}	
#main discovery-pane recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button:hover {
	background-color: #89cff0 !important;
}

/* Bei Erweiterungen die Button "Zu Firefox hinzufügen" */
#main recommended-extensions-section recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button {
	background-color: #f5f5dc !important;
}	
#main recommended-extensions-section recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button:hover {
	background-color: #89cff0 !important;
}

/* Bei Themes die Button "Theme installieren" */
#main recommended-themes-section recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button {
	background-color: #f5f5dc !important;
}	
#main recommended-themes-section recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button:hover {
	background-color: #89cff0 !important;
}

/* bei Empfehlungen, Themes und Erweiterungen ganz unten der letzte Container */
moz-card:has(.promo-layout) {
    background-color: #e8e8e8 !important;
    border: 5px double grey !important;
}

/* bei Empfehlungen unten links der Button mit dem Link */
moz-button[data-l10n-id="find-more-addons-promo-open-amo-button"] {
    background-color: gainsboro !important;
	border: 1px solid grey !important;
	border-radius: 25px !important;
	padding: 2px 15px 0px 15px !important;
}
moz-button[data-l10n-id="find-more-addons-promo-open-amo-button"]:hover {
	background-color: #fad6a5 !important;
	border: 1px solid grey !important;
}	

/* bei Erweiterungen unten links der Button mit dem Link */
moz-button[data-l10n-id="find-more-extensions-promo-open-amo-button"] {
    background-color: gainsboro !important;
	border: 1px solid grey !important;
	border-radius: 25px !important;
	padding: 2px 15px 0px 15px !important;
}
moz-button[data-l10n-id="find-more-extensions-promo-open-amo-button"]:hover {
	background-color: #fad6a5 !important;
	border: 1px solid grey !important;
}

/* bei Themes unten links der Button mit dem Link */
moz-button[data-l10n-id="find-more-themes-promo-open-amo-button"] {
    background-color: gainsboro !important;
	border: 1px solid grey !important;
	border-radius: 25px !important;
	padding: 2px 15px 0px 15px !important;
}
moz-button[data-l10n-id="find-more-themes-promo-open-amo-button"]:hover {
	background-color: #fad6a5 !important;
	border: 1px solid grey !important;
}		

/*===== Button Aktivieren und Deaktivieren bei Themes =====*/

/* ersten überlagernden Button Aktivieren und Deaktivieren ausgeblendet (bei Themes) */
button#main-button span.button-background {
    border-radius: 0 !important;
	border: unset !important;
	background: unset !important;
}

/* Button Deaktivieren bei Themes */
[data-l10n-id="disable-addon-button"] {
   max-width: 100px !important;	
   min-width: 100px !important;
   background-color: #48A43F !important;
   --button-text-color: #000 !important;
   --button-border: transparent !important;
   border: 1px solid grey !important;
   margin-bottom: -2px !important;
   margin-right: -4px !important;
}
[data-l10n-id="disable-addon-button"]:hover {
   background-color: #FA842B !important;
   border: 1px solid brown !important;
}

/* Button Aktivieren bei Themes */
[data-l10n-id="enable-addon-button"] {
   background-color: #FA842B !important;
   --button-text-color: #000 !important;
   --button-border: transparent !important;
   border: 1px solid grey !important;
   margin-bottom: -2px !important;
   margin-right: -4px !important;
}
[data-l10n-id="enable-addon-button"]:hover {
   background-color: #d4fe62 !important;
   border: 1px solid brown !important;
} 

/** ENDE **/

/* bei Geräteinterne KI der Text oben */
[data-l10n-id="mlmodel-description"] {
	background-color: #E9E5CE !important;
	border: 1px solid grey !important;
	border-width:  6px !important;
    border-style: double !important;
	border-radius: 0 !important;
	padding: 6px 5px 6px 15px !important;
	color: #594d45 !important;
} 

/* die Felder mit der MB-Angabe */
span.mlmodel-total-size-bubble {
	background-color: #d1d2bf !important;
	border: 1px solid grey !important;
}
span.mlmodel-total-size-bubble:hover {
	background-color: #f3e7d4 !important;
	border: 1px solid grey !important;
}		

/*===== Toggle-Button bei Erweiterungen =====*/

/* aktivierte Erw. Button HG */
#input.toggle-button[aria-pressed="true"] {
	background-color: green !important;	
    margin: 2px 3px 0 0 !important;
	border: 1px solid #000 !important;
}

/* aktivierte Erw. Button HG bei Hover */
#input.toggle-button[aria-pressed="true"]:enabled:hover {
    background-color: red !important;
    border: 1px solid #000 !important;
}

/* deaktivierte Erw. Button HG */ 
#input.toggle-button[aria-pressed="false"] {
    background-color: transparent !important;
	margin: 1px 3px 0 0 !important;
}

/* deaktivierte Erw. Button bei Hover HG */
#input.toggle-button:enabled:hover {
    background-color: lightgreen !important;
}

/** ENDE **/

/*==== More-Options-Button (Drei-Punkte-Button) ====*/

addon-card .more-options-button {
   	background-color: #CCF2FF !important;
	border: 1px solid grey !important;
	min-height: 24px !important;
	max-height: 24px !important;
	min-width: 24px !important;
	max-width: 24px !important;
	margin-inline-end: 3px !important;
	margin-top: 1px !important;
} 
addon-card .more-options-button:hover,
addon-card .more-options-button:focus-visible {
    outline: none !important;
    border: 1px solid brown !important;
    background-color: greenyellow !important;
}

/*== Popup des Drei-Punkte-Button ==*/

/* Anpassungen des Popup-Menüs */
addon-options > panel-list[role="menu"],
plugin-options > panel-list[role="menu"] {
   border-radius: 0 !important;
   border: 1px solid dodgerblue !important;
   border-width:  4px !important;
   border-style: double !important;
   background-color: #eeffee !important;
   margin-top: -1px !important;
   padding: 4px 4px 6px 4px !important;
}

/* Anpassungen der Items (Button) */
addon-options > panel-list > panel-item,
plugin-options > panel-list > panel-item {
   --in-content-button-background: none !important;
   --in-content-button-background-hover: none !important;
   --in-content-button-background-active: none !important;
   opacity: 1.0 !important;
   height: 26px !important;
   box-shadow: none !important;
   border: 1px solid grey !important;
   background-color: #b2beb5 !important;
   margin: 2px 2px 0 2px !important;
}
/* einige Items mit anderer Farbe als HG */
addon-options > panel-list > panel-item[action="remove"] {
   background-color: #800 !important;
   color: #FFF !important;
}
addon-options > panel-list > panel-item[action="expand"],
plugin-options > panel-list > panel-item[action="manage-addon-button"] {
   background-color: #804628 !important;
   color: #FFF !important;
}
addon-options > panel-list > panel-item[action="preferences"] {
   background-color: #217B22 !important;
   color: #FFF !important;
}
addon-options > panel-list > panel-item:hover,
addon-options > panel-list > panel-item[action="preferences"]:hover,
addon-options > panel-list > panel-item[action="remove"]:hover,
addon-options > panel-list > panel-item[action="expand"]:hover,
plugin-options > panel-list > panel-item:hover,
plugin-options > panel-list > panel-item[action="manage-addon-button"]:hover {
   fill: #000 !important;
   background-color: #f0ffff !important;
   color: #000 !important;
}

/* ab Version 110 die Separatoren (Menü hinter den drei Punkten) */
div#main addon-list section.plugin-enabled-section addon-card div.card.addon plugin-options panel-list hr,
addon-options panel-list hr,
plugin-options panel-list hr {
   background: grey !important;
   margin: 2px 0 2px 0 !important;
}

/*============ Icons für Popup-Menü vom Drei-Punkte-Button =============*/
/* in userChromeShadow.css werden die originalen Icons ausgeblendet */

/* Entfernen */
addon-options > panel-list > panel-item[action="remove"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("file:///C:/FoxIcons/0035.gif") no-repeat !important;
   background-position: 5px 0px !important;
   background-size: 16px 16px !important;
   padding-left: 10px !important;
   padding-right: 10px !important;
   margin-left: 6px;
   margin-right: -32px;
}

/* Einstellungen */
addon-options > panel-list > panel-item[action="preferences"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("file:///C:/FoxIcons/0036.png") no-repeat !important;
   background-position: 5px 0px !important;
   background-size: 16px 16px !important;
   padding-left: 10px !important;
   padding-right: 10px !important;
   margin-left: 6px;
   margin-right: -32px;
}

/* Melden */
addon-options > panel-list > panel-item[action="report"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("file:///C:/FoxIcons/0037.png") no-repeat !important;
   background-position: 5px 0px !important;
   background-size: 16px 16px !important;
   padding-left: 10px !important;
   padding-right: 10px !important;
   margin-left: 6px;
   margin-right: -32px;
}

/* Verwalten */
addon-options > panel-list > panel-item[action="expand"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("file:///C:/FoxIcons/0038.png") no-repeat !important;
   background-position: 5px 0px !important;
   background-size: 16px 16px !important;
   padding-left: 10px !important;
   padding-right: 10px !important;
   margin-left: 6px;
   margin-right: -32px;
}

/* Aktualisieren */
addon-options > panel-list > panel-item[action="install-update"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("file:///C:/FoxIcons/0130.png") no-repeat !important;
   background-position: 5px 0px !important;
   background-size: 16px 16px !important;
   padding-left: 10px !important;
   padding-right: 10px !important;
   margin-left: 6px;
   margin-right: -32px;
}

addon-options > panel-list > panel-item[action="install-update"]{
	 background-image: none !important;
}	

/*=== bei Plugins ===*/

/* Immer aktivieren */
plugin-options > panel-list > panel-item[action="always-activate"]::before {
   margin-right: -21px !important; 
   margin-left: 5px !important;
   content: '' !important;
   display: block !important;
   width: 19px !important;
   height: 15px !important;
   background: url("..//icons/aktiv.png") no-repeat !important;
   background-position: 2px 0px !important;
   background-size: 17px 17px !important;
}

plugin-options > panel-list > panel-item[action="always-activate"]:not([checked])::before {
   margin-right: -21px !important; 
   margin-left: 5px !important;
   content: '' !important;
   display: block !important;
   width: 19px !important;
   height: 15px !important;
   background: url("..//icons/inaktiv.png") no-repeat !important;
   background-position: 2px 0px !important;
   background-size: 16px 16px !important;
}

/* Nie aktivieren */
plugin-options > panel-list > panel-item[action="never-activate"]::before {
   margin-right: -21px !important; 
   margin-left: 5px !important;
   content: '' !important;
   display: block !important;
   width: 19px !important;
   height: 15px !important;
   background: url("..//icons/aktiv.png") no-repeat !important;
   background-position: 2px 0px !important;
   background-size: 17px 17px !important;
}

plugin-options > panel-list > panel-item[action="never-activate"]:not([checked])::before {
   margin-right: -21px !important; 
   margin-left: 5px !important;
   content: '' !important;
   display: block !important;
   width: 19px !important;
   height: 15px !important;
   background: url("..//icons/inaktiv.png") no-repeat !important;
   background-position: 2px 0px !important;
   background-size: 16px 16px !important;
}

/* Verwalten */
plugin-options > panel-list > panel-item[action="expand"]::before {
   margin-right: -21px !important; 
   margin-left: 6px !important;
   content: '' !important;
   display: block !important;
   width: 19px !important;
   height: 15px !important;
   background: url("file:///C:/FoxIcons/0038.png") no-repeat !important;
   background-position: 2px 0px !important;
   background-size: 16px 16px !important;
}

/** ENDE **/

/*===== unter Verwalten die Popup-Fenster =====*/

/* Popup unter Verwalten */
div[current-view="detail"] .card {
   background-color: lightgrey !important;
   border-radius: 8px !important;
   border: 1px solid grey !important;
   border-width:  6px !important;
   border-style: double !important;
   margin-bottom: 0 !important;
   padding-top: 10px !important;
}
div[current-view="detail"] .card:hover {
   background-color: #f8f8ff !important;
}	

/* Button unter Verwalten bei Erweiterungen */
button-group.tab-group > button {
   border: 1px solid #B2B2B2 !important;
   background-color: #0060DF !important;
   color: #FFF !important;
   margin: 3px 3px 3px 0px !important;
}

/* der aktive Button */
button-group.tab-group > button[selected=""] {
   border-top: 1px solid #B2B2B2 !important;
   background-color: #217B22 !important;
   color: #FFF !important;
   box-shadow: none !important;
}
button-group.tab-group > button:hover,
button-group.tab-group > button[selected=""]:hover {
   border-top: 1px solid #B2B2B2 !important;
   background-color: #D1E2F2 !important;
   color: #000 !important;
   margin: 3px 3px 3px 0px !important;
}

/* Button "Details" */
button#details-deck-button-details {
   padding: 3px 8px 4px 8px !important;
   max-width: 120px !important;
   min-width: 120px !important;
   border-radius: 0 !important;
}

/* Button "Einstellungen" */
button#details-deck-button-preferences {
   padding: 3px 8px 4px 8px !important;
   max-width: 140px !important;
   min-width: 140px !important;
   border-radius: 0 !important;
}

/* Button "Berechtigungen und Daten" */
button#details-deck-button-permissions {
   padding: 3px 8px 4px 8px !important;
   max-width: 200px !important;
   min-width: 200px !important;
   border-radius: 0 !important;
}

/* Button "Versionshinweise" */
button#details-deck-button-release-notes {
   padding: 3px 8px 4px 8px !important;
   max-width: 150px !important;
   min-width: 150px !important;
   border-radius: 0 !important;
}

/* Button "Unterstützen" */
#details-deck section div.addon-detail-contribute button.addon-detail-contribute-button {
    background-color: lightblue !important;
}
/* bei Hover */
#details-deck section div.addon-detail-contribute button.addon-detail-contribute-button:hover {
    background-color: #CB8D73 !important;
}

/* Links bei Hover andere Farbe (magenta) */
#details-deck section div.addon-detail-row.addon-detail-row-homepage a:hover,
#details-deck section div.addon-detail-row.addon-detail-row-updates div.addon-detail-actions button.button-link:hover,
#details-deck section div.addon-detail-row.addon-detail-help-row a:hover {
	color: magenta !important;
}

/* bei Themes das Image */
div#main addon-card moz-card.card.addon theme-preview img.card-heading-image {
	margin-left: 5px !important;
}	
/** ENDE **/
}

Alles anzeigen

Boersenfeger

Prima, gefällt mir soweit; der Body müsste noch ein bißchen breiter, alles, was rot markiert ist, soll weg.
Zum UpDateCheck soll nur der Button mit dem Zahnrad vorhanden sein, möglichst mittig oberhalb des Bodys.

Ganz toll wäre es, wenn es dann noch etwas rund wird, wie beim bisherigen Modell

FuchsFan

Boersenfeger

Das mit dem Radius sollst du haben, war aber so nicht vorgesehen. Die Breite des "body" versteckt sich für dich dahinter: div#content div#main, in Zeile 618 den Wert wunschgemäß anpassen. Zeile 619 bestimmt den Abstand von der Sidebar. Die horizontale Scrollbar (unten) ist hier nicht vorhanden, auch wenn ich den Wert in Zeile 618 auf 1600px erhöhe. Deshalb verringere testweise den Wert und prüfe so, ob die Scrollbar dann verschwindet. Oder hast du im Code schon Änderungen gemacht, die zum Erscheinen dieser führen?

CSS

/* Profil: ab Firefox 160 */

@-moz-document url-prefix(chrome://mozapps/content/extensions/extensions.xhtml),
url-prefix(about:addons),
url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
url-prefix(chrome://mozapps/content/extensions/aboutaddons.xhtml)
{

body {
   counter-reset: section !important;
}

/* ab Version 155 neu bei Themes / ausgeblendet */
moz-card#aboutaddons-themes-picker-card,
moz-segmented-control {
	display: none !important;
}

/*===== fortlaufende Nummerierung aller Add-ons =====*/

/* Zähler aktive Add-ons / Theme-Abschnitt ausgeschlossen */
#main > addon-list > section[section="0"]:not(.theme-enabled-section) {
  counter-reset: section;
}

/* Nummerierung aktive Add-ons */
#main > addon-list > section[section="0"]:not(.theme-enabled-section) > addon-card > .addon.card > div::before {
  display: inline-block;
  width: 2.2em;
  box-sizing: content-box;
  text-align: right;
  font-weight: 700;
  text-decoration: underline;
  counter-increment: section;
  content: counter(section, decimal-leading-zero) ".";
  color: #217B22;
  border-right: 2px solid #217B22;
  padding-right: 10px !important;
  padding-top: 15px !important;
  margin-top: -22px;
  margin-left: -15px;
  margin-bottom: -22px;
}

/* Zähler inaktive Add-ons / Theme-Abschnitt ausgeschlossen */
#main > addon-list > section[section="1"]:not(.theme-disabled-section) {
  counter-reset: section;
}

/* Nummerierung inaktive Add-ons */
#main > addon-list > section[section="1"]:not(.theme-disabled-section) > addon-card > .addon.card > div::before {
  display: inline-block;
  width: 2.2em;
  box-sizing: content-box;
  text-align: right;
  font-weight: 700;
  text-decoration: underline;
  counter-increment: section;
  content: counter(section, decimal-leading-zero) ".";
  color: #F70000;
  border-right: 2px solid #F70000;
  padding-right: 10px !important;
  padding-top: 15px !important;
  margin-top: -22px;
  margin-left: -15px;
  margin-bottom: -22px;
}

/* Farbe der Zähler bei Hover */
#main > addon-list > section[section="0"]:not(.theme-disabled-section) > addon-card > .addon.card > div:hover::before,
#main > addon-list > section[section="1"]:not(.theme-disabled-section) > addon-card > .addon.card > div:hover::before {
  color: #8c372e;	
}  

/* Nummerierung für Themes separat zurücksetzen */
#main > addon-list > section.theme-disabled-section {
  counter-reset: theme;
}

/* inaktive Themes nummerieren */
#main > addon-list > section.theme-disabled-section > addon-card > moz-card.addon.card > .addon-card-collapsed > .card-contents > .addon-name-container::before {
  display: inline-block;
  width: 2.2em;
  box-sizing: content-box;
  text-align: right;
  font-weight: 700;
  text-decoration: underline;
  counter-increment: theme;
  content: counter(theme, decimal-leading-zero) ".";
}
#main > addon-list > section.theme-disabled-section > addon-card > moz-card.addon.card > .addon-card-collapsed > .card-contents > .addon-name-container::before {
  color: #C72F2E;
  border-right: 2px solid #C72F2E;
  width: 2.2em;
  padding-right: 10px !important;
  padding-top: 5px !important;
  padding-bottom: 0px !important;
  margin-top: -15px;
  margin-left: -20px;
  margin-right: 20px;
  margin-bottom: -50px;
  min-height: 66px !important;
}
#main > addon-list > section.theme-disabled-section > addon-card > moz-card.addon.card:hover > .addon-card-collapsed > .card-contents > .addon-name-container::before {
  color: #7b2b48;
  border-right: 2px solid green;
}

/* Icon nach rechts verlagert */
addon-card moz-card.card.addon div.addon-card-collapsed img.card-heading-icon.addon-icon {
	margin-left: 15px !important;
}	

/** Nummerierung ENDE **/

/* Add-ons-Manager linke Seite (Sidebar) Hintergrund */
#sidebar {
   /* background:  url("file:///C:/FoxBilder/42.png") no-repeat -150px 0px !important; */
   background: linear-gradient(to bottom right, white,#acacac,#f2f3f4,#acacac, #f2f3f4,#acacac) !important; 
   border-right: 2px solid grey !important;
}

/* Add-ons-Manager rechte Seite Hintergrund */
#full #content {
   background: #bfc1c2 !important;
   /* background: url("file:///C:/FoxBilder/255.jpg") no-repeat!important; */
   background-position: -5px -5px !important;
   background-attachment: fixed !important;
}

/*====== alle Button links in der Sidebar =======*/

/* Rubrik "Empfehlungen" ausgeblendet */
#sidebar categories-box moz-page-nav moz-page-nav-button#category-discover {
	display: none !important;
}

/* die Button "Einstellungen" u. "Addon-Hilfe" ausgeblendet */
#preferencesButton,
[data-l10n-id="sidebar-help-button-title"] {
	display: none !important;
}
	

/* oben das Logo mit Text */
div.page-nav-heading-wrapper {
	/* background: #fae7b5 !important;
    color: black !important;
    border: 2px solid white !important;
	border-radius: 10px !important;
	box-shadow: inset 0 0 3px 3px #888 !important;
	padding: 6px 0 10px 0px !important; */
	display: none !important;
}
.page-nav-heading-wrapper {
    margin-block-start: 30px !important;
    margin-inline-start: -28px !important;
}

/* Logo und Erweiterungen nach unten verlagert */
div.page-nav-heading-wrapper div.logo,
h1#page-nav-heading.page-nav-heading {
	margin-top: 0px !important;
	margin-left: 20px !important;
}	

/* die Buttongruppe nach unten verlagert */
nav div.primary-nav-group {
	margin-top: 100px !important;
}

/* Buttongruppe nach links */
nav	{
	margin-left: -12px !important;
}	

/* =========================================================
   Firefox 153+ about:addons Sidebar Buttons
   Neue moz-page-nav Struktur
   ========================================================= */

/* =========================================
   Sidebar Buttons (alle)
========================================= */
moz-page-nav-button {
    background: #f2f1ed !important;
    color: black !important;
    border: 2px solid white !important;
	border-radius: 60px !important;
	box-shadow: inset 0 0 3px 3px #888 !important;
	width: 220px !important;
}

/* =========================================
   Hover (nur bei inaktiv sichtbar)
========================================= */
moz-page-nav-button:hover { 
    background: #a2cffe !important;
    color: brown !important;
    box-shadow: inset 0 0 3px 3px #888 !important;
}

/* aktiver Button */
button[selected] {
    color: white !important;
    background-color: #1b9e14 !important;
	box-shadow: inset 0 0 3px 3px coral !important;
	border-radius: 60px !important;
}

button[selected]:hover {
    color: white !important;
    background-color: #8A2BE2 !important;
}

/* links der blaue strich bei aktiv ausgeblendet */
button[selected] {
	--page-nav-button-indicator-color: none !important;
}

button:not([selected]) {
	background-color: transparent !important;
}

/* die Button unten (Einstellungen und Hilfe) */ 
a.moz-page-nav-link{
	background-color: transparent !important;
}	

 
/*************** ENDE ****************************/

/* die Namen der Sektionen oben links */
h1.header-name {
	font-size: 20px !important;
}	

/* Text unter den Namen aller Addons Farbe ändern (Hover) */
addon-card .addon-name .addon-name-link,
addon-card .addon-description {
   color: #542e2b !important;
}
addon-card:hover .addon-name .addon-name-link,
addon-card:hover .addon-description {
   color: blue !important;
}

/* rechte Seite das obere Feld */
#content addon-page-header#page-header div.sticky-container {
    background: linear-gradient(to bottom right, white,#acacac,#f2f3f4,#acacac, #f2f3f4,#acacac) !important;
	min-width: 1600px !important;
    max-width: 1600px !important;
	height: 50px !important;
	padding-top: 10px !important;
	padding-left: 22px !important;
	margin-left: 0px !important;
	border-bottom: 1px solid grey !important;
}

/*====== Feld "Themes verwalten" (und andere) mit Update-Message ======*/

#page-header div.sticky-container div.main-heading {
	appearance: none !important;
	/* min-width: 660px !important;
    max-width: 660px !important;
	height: 32px !important; */
	background-color: transparent !important;
	/* border: 1px solid grey !important; */
    /* margin-top: 4px !important;
	padding: 5px 5px 5px 10px !important; */
}
#page-header div.sticky-container div.main-heading h1.header-name {
	/* color: #87421F !important; */
	display: none !important;
}	
/* das Update-Feld darin */
#page-header div.sticky-container div.main-heading addon-updates-message#updates-message {
    /* border: 1px solid grey !important;
	padding: 0px 10px 0px 10px !important;
	margin-right: 6px !important; */
	display: none !important;
}
#page-header div.sticky-container div.main-heading addon-updates-message#updates-message:hover {
    border: 1px solid grey !important;
	padding: 0px 10px 0px 10px !important;
	margin-right: 6px !important;
	background: #FDF4E3 !important;
}
/* die Meldungen bei Update-Suche */
#updates-message[state="updating"],
#updates-message[state="none-found"],
#updates-message[state="installed"] {
   min-width: 255px !important;
   max-width: 255px !important;
   margin-inline-end: 1px !important;
   background: #f1eaee !important;
   color: blue !important;
   font-weight: 600 !important;
}

/* Farbe des Textes in der update-message */
addon-updates-message {
    --button-text-color: #a6001a !important;
}

/* Breite des Buttons "Verfügbare Updates anzeigen" */
#updates-message[state="manual-updates-found"] {
   min-width: 265px !important;
   max-width: 265px !important;
   margin-inline-end: 1px !important;
   background: #f1eaee !important;
}

/* Text "Verfügbare Updates anzeigen" verlagert */
button#main-button span.button-background.labelled {
	margin-top: -4px !important;
}
/* bei hover */
#updates-message[state="manual-updates-found"] {     
    --button-text-color-hover: #299617 !important;
}

addon-page-header#page-header[current-view="detail"]  #updates-message[state="updating"],
addon-page-header#page-header[current-view="detail"]  #updates-message[state="none-found"],
addon-page-header#page-header[current-view="detail"]  #updates-message[state="manual-updates-found"],
addon-page-header#page-header[current-view="detail"]  #updates-message[state="installed"] {
    margin-left: 154px  !important;
}
#updates-message[state="none-found"][data-l10n-id="addon-updates-none-found"] {
    color: #409DD9 !important;
}

[data-l10n-id="addon-updates-updating"],
[data-l10n-id="addon-updates-none-found"],
[data-l10n-id="addon-updates-installed"] {
    padding: 0 !important;
    margin: 0 auto !important;
}
[data-l10n-id="addon-updates-manual-updates-found"] {
    width: calc(100% + 10px) !important;
    min-height: 26px !important;
    max-height: 26px !important;
    padding: 0 !important;
    margin: 0 !important;
}
	
/** ENDE **/	

/*===== Button mit dem Zahnrad ======*/
#page-header div.sticky-container div.main-heading div.page-options-menu {
	background-color: #f1eaee !important;
    min-width: 32px !important;
    max-width: 32px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    border-radius: 0 !important;
    border: 1px solid grey !important;
    margin-left: 260px !important;
	margin-top: 3px !important;
    padding-bottom: 2px !important;
}
#page-header div.sticky-container div.main-heading div.page-options-menu:hover {
   border: 1px solid brown !important;
   background-color: lightyellow !important;
}

/* Popup hinter dem Zahnrad */
div#content addon-page-options#page-options panel-list{
   border: 1px solid dodgerblue !important;
   border-width:  4px !important;
   border-style: double !important;
   border-radius:  0px !important;
   background: none !important;
   background-color: white !important;
   padding: 4px 4px 6px 4px !important;  
   margin-top: 10px !important;   
}

/* Popup hinter dem Zahnrad / Item */
#page-options > panel-list > panel-item {
   --button-background-color-hover: none !important;
   --button-background-color: none !important;
   --button-background-color-active: none !important;
   opacity: 1.0 !important;
   height: 26px !important; 
   box-shadow: none !important;
   border: 1px solid #B2B2B2 !important;
   border-width:  5px !important;
   border-style: double !important;
   background: none !important;
   background-color: lightgrey !important;
   margin: 2px 2px 0 2px !important;
}

#page-options > panel-list > panel-item[action="check-for-updates"] {
   background-color: #800 !important;
   color: #FFF !important;
}
#page-options > panel-list > panel-item[action="set-update-automatically"] {
   background-color: #217B22 !important;
   color: #FFF !important;
}
#page-options > panel-list > panel-item:hover,
#page-options > panel-list > panel-item[action="check-for-updates"]:hover,
#page-options > panel-list > panel-item[action="set-update-automatically"]:hover {
   background-color: lightyellow !important;
   fill: #000 !important;
}
button[role="menuitem"]:hover > label,
button[role="menuitem"]:hover > label > span {
   color: #000 !important;
}
panel-list[role="menu"][style="left: 722px; top: 72px;"] {
   z-index: 10000 !important;
   border-radius: 0 !important;
   border: 1px solid #B2B2B2 !important;
   padding: 0 0 2px 0 !important;
   margin: -1px auto 1px auto !important;
}
addon-page-options#page-options {
   border: 0 !important;
   padding: 0 !important;
}

/* ab Version 110 gültig / für Separatoren */
#page-options panel-list hr {
	background: #B2B2B2 !important;
    margin: 4px 0 4px 0 !important;
}

/*============ Icons für Popup-Menü vom Zahnradbutton =============*/
/* in userChromeShadow.css wird Haken bei "Add-ons automatisch aktualisieren" ausgeblendet */

/* Auf Updates überprüfen */
#page-options > panel-list > panel-item[action="check-for-updates"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild5.png");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/* Kürzlich durchgeführte Updates anzeigen */
#page-options panel-list panel-item[action="view-recent-updates"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild61.png");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/* Add-on aus Datei installieren */
#page-options panel-list panel-item[action="install-from-file"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild3.png");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/* Add-ons debuggen */
#page-options panel-list panel-item[action="debug-addons"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild66.ico");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/* Add-ons automatisch aktualisieren / aktiv */
#page-options > panel-list > panel-item[action="set-update-automatically"]::before{
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("..//icons/aktiv.png");
   background-size: 18px 18px !important;
   margin-left: 10px;
   margin-right: -16px;
   margin-bottom: 3px;
}

/* Add-ons automatisch aktualisieren / inaktiv */
#page-options > panel-list > panel-item[action="set-update-automatically"]:not([checked])::before {
   content: '';
   font-size: 14px;
   padding-top: 1px !important;
   padding-bottom: 2px !important;
   display: block;
   width: 16px;
   height: 16px;
   background: url("..//icons/inaktiv.png") no-repeat !important;
   background-position: 0 2px !important;
}

/* Add-ons umstellen auf manuelle Aktualisierung */
#page-options panel-list panel-item[action="reset-update-states"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild64.png");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/* Tastenkombinationen von Erweiterungen verwalten */
#page-options panel-list panel-item[action="manage-shortcuts"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild67.png");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/** ENDE **/

/*====== Zurück-Button (back-button) ======*/
addon-page-header[type="detail"] .main-heading .back-button {
	background-color: #f1eaee !important;
    min-width: 32px !important;
    max-width: 32px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    border-radius: 0 !important;
    fill: transparent !important;
    margin: 3px 0  0 -4px  !important;
    border: 1px solid grey !important;
    padding-bottom: 1px !important;
}
addon-page-header[type="detail"] .main-heading .back-button:hover {
    background-color: #f2ff7f !important;
    border: 1px solid brown !important;
}

/*==== Feld "Weitere Add-ons finden" ====*/
#page-header div.sticky-container div.main-search {
    /* appearance: none !important;
    background-color: lightgrey !important;
	height: 32px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    border: 1px solid grey !important;
    padding: 5px 5px 5px 0px !important;
    margin-top: 15px !important;
    margin-left: 770px !important; */
	display: none !important;
}
/* das Suchfeld */
div.content-wrapper input#input {
	background-color: #f4f6ec !important;
}
/* Text vor Suchfeld */	
#page-header div.sticky-container div.main-search label.search-label {
    color: #87421F !important;
	font-weight: 600 !important;
}

/* Button mit der Lupe bei Suche */
#page-header div.sticky-container div.main-search search-addons moz-button {
	background-color: #f1eaee !important;
	min-width: 30px !important;
    max-width: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
	border: 1px solid grey !important;
} 
#page-header div.sticky-container div.main-search search-addons moz-button:hover {
    background-color: #f2ff7f !important;
    border: 1px solid brown !important;
}

/* das Icon bei Zahnrad / Drei-Punkte-Button / Zurück / Suche */
button#main-button span.button-background img {
	fill: green !important;
}
button#main-button span.button-background:hover img {
	fill: red !important;
}		

/*============= Container rechte Seite =============*/

/* addon-card:not([expanded]) > .addon.card {
	height: 100px !important;
}	 */

html body div#full div#content div#main addon-list addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents {
	margin-top: -15px !important;
}	
	




addon-card:not([expanded]):not(.theme-enabled-section addon-card) > moz-card.addon.card {
    height: 80px !important;
	padding-bottom: 10px !important;
}

/* rechte Seite für alle Container */
div#content div#main {
	min-width: 1200px !important;
	margin-inline-start: 10px !important;
}

/* der graue Hintergrund aller Sektionen */
div#content div#main recommended-themes-section,
div#content div#main discovery-pane,
section[section="0"] {
   border: 2px solid #2F2F36 !important;
   background-color: grey !important;
   margin-top: 5px !important;
   padding: 6px 10px 6px 10px !important;
}

/* bei "Empfohlene Erweiterungen" und "Empfohlene Themes" */
div#content div#main recommended-extensions-section,
div#content div#main recommended-themes-section {
   border: 2px solid #2F2F36 !important;
   background-color: grey !important;
   margin-top: 5px !important;
   padding: 0px 10px 6px 10px !important;
}

section[section="1"] {
   border: 2px solid #2F2F36 !important;
   background-color: grey !important;
   margin-top: 15px !important;
   padding: 2px 10px 4px 10px !important;
}

/* unter Deaktiviert bei Plugin, Sprachen u. Wörterbücher keine Border */
#main addon-list section.mlmodel-disabled-section,  /* KI-Modelle */
addon-list[type="locale"] section[section="1"],
addon-list[type="plugin"] section[section="1"],
addon-list[type="dictionary"] section[section="1"] {
   background-color: transparent !important;	
   box-shadow: none !important;
   border-radius: 0 !important;
   border: transparent !important;
}

/* Anpassung der Container */
div#content div#main recommended-themes-section recommended-addon-list recommended-addon-card div.card.addon,
div#content div#main recommended-extensions-section recommended-addon-list recommended-addon-card div.card.addon,
recommended-addon-card > moz-card.card.addon,
div#content div#main addon-list addon-card .card {
	background-color: #e9e9ed !important;
	border: 1px solid grey !important;
	border-width:  6px !important;
    border-style: double !important;
	border-radius: 15px !important;
	margin-bottom: 5px !important;
	padding: 5px !important;
}

/* Container bei Hover */
div#content div#main recommended-themes-section recommended-addon-list recommended-addon-card div.card.addon:hover,
div#content div#main recommended-extensions-section recommended-addon-list recommended-addon-card div.card.addon:hover,
recommended-addon-card > moz-card.card.addon:hover,
div#content div#main addon-list addon-card .card:hover {
    background-color: #ebe8a4 !important;
    border: 1px solid green !important;
	border-width:  6px !important;
    border-style: double !important;
	border-radius: 15px !important;
	box-shadow: 0 0 3px 3px #cb00f5 !important;
}

/* bei Überschrift "Aktiviert" der Hintergrund */
section[section="0"] h2.list-section-heading {
    background-color: #64BF15 !important;
    border: 1px solid #403d21 !important;
    padding: 5px 0 5px 15px !important;
    margin: 5px 0 1px 0 !important;
}

/* bei Überschrift "Gespeicherte Themes" und "Deaktiviert" der Hintergrund */
section[section="1"] h2.list-section-heading {
    background-color: #A6E7FF !important;
	border: 1px solid #403d21 !important;
    padding: 5px 0 5px 15px !important;
    margin: 8px 0 1px 0 !important;
}

/* bei Überschrift "Empfohlene Erweiterungen" und "Empfohlene Themes" der Hintergrund */
div#main recommended-themes-section h2.header-name.recommended-heading,
div#main recommended-extensions-section h2.header-name.recommended-heading {
    background-color: #50BFE6 !important;
    border: 1px solid #403d21 !important;
    padding: 5px 0 5px 15px !important;
    margin: 15px 0 1px 0 !important;
}

/* das Bild bei Themes mit Border */
/* addon-card moz-card.card.addon theme-preview img.card-heading-image {
	border: 1px solid #403d21 !important;
	border-radius: 6px !important;
	min-width: 880px !important;
    max-width: 880px !important;
	margin-bottom: 5px !important;
} */

/*  Bei "Themes" die Grafiken ausblenden */
		.card-heading-image {
			display: none !important;
		}


/* Border über dem Namen bei Themes */
div#main addon-list section.theme-disabled-section addon-card div.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container,
div#main addon-list section.theme-enabled-section addon-card div.card.addon div.addon-card-collapsed div.card-contents{
    padding-top: 8px !important; 
}
addon-list[type="theme"] section[section="0"] addon-card .card .card-contents, 
addon-list[type="theme"] section[section="1"] addon-card .card .card-contents {
    border-top: 2px solid green !important;
    margin-top: -10px !important; 
    margin-left: -20px !important;
    margin-right: -20px !important;
    padding-left: 20px !important;
    padding-right: 10px !important;
}
addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container {
	margin-top: 5px !important;
}	

/* Name und Versions-Nr. der Add-ons 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; /* ganz wichtig */
   color: #6F2DA8 !important;
}

/* Beschreibungstext unter dem Namen rechts Ausdehnung begrenzt */
addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents span.addon-description {	
    max-width: 950px !important;
    margin-left: 20px !important;
}

/* bei Empfehlungen oben das Textfeld / und der Link darin */
div#main discovery-pane header p {
	background-color: #B4B8B0 !important;
	border: 1px solid gainsboro !important;
	border-width:  6px !important;
    border-style: double !important;
	border-radius: 0 !important;
	padding: 10px 0 10px 15px !important;
}
div#main discovery-pane header p span a.discopane-intro-learn-more-link {
    color: white !important;
    font-weight: 600 !important;
}
div#main discovery-pane header p span a.discopane-intro-learn-more-link:hover {
    color: magenta !important;
    font-weight: 600 !important;
}

/* bei Empfehlungen und Erweiterungen unten der Button "Datenschutzrichtlinie" */
#main discovery-pane footer.view-footer div.view-footer-item {
	margin-top: 0px !important;
	padding: 20px 0px 25px 0px !important;
}
#main recommended-extensions-section footer.view-footer div.view-footer-item {
	margin-top: 0px !important;
	padding: 20px 0px 15px 0px !important;
}
#main recommended-extensions-section footer.view-footer div.view-footer-item a.privacy-policy-link,
#main discovery-pane footer.view-footer div.view-footer-item a.privacy-policy-link{
    background: #F0F0F0 url("..//icons/Bild1.png") no-repeat !important;
    background-position: 6px 6px !important;	
    border: 1px solid grey !important;
    border-width:  3px !important;
    border-style: double !important;
    padding: 4px 15px 6px 40px !important;
}
#main recommended-extensions-section footer.view-footer div.view-footer-item a.privacy-policy-link:hover,  
#main discovery-pane footer.view-footer div.view-footer-item a.privacy-policy-link:hover{
    background: lightblue url("..//icons/Bild1.png") no-repeat !important;
    color: crimson !important;
    background-position: 6px 6px !important;
    border: 1px solid coral !important;
    border-width:  3px !important;
    border-style: double !important;
    padding: 4px 15px 6px 40px !important;
}

/* Bei Empfehlungen die Button "Theme installieren" und "Zu Firefox hinzufügen" */
#main discovery-pane recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button {
	background-color: #f5f5dc !important;
}	
#main discovery-pane recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button:hover {
	background-color: #89cff0 !important;
}

/* Bei Erweiterungen die Button "Zu Firefox hinzufügen" */
#main recommended-extensions-section recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button {
	background-color: #f5f5dc !important;
}	
#main recommended-extensions-section recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button:hover {
	background-color: #89cff0 !important;
}

/* Bei Themes die Button "Theme installieren" */
#main recommended-themes-section recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button {
	background-color: #f5f5dc !important;
}	
#main recommended-themes-section recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button:hover {
	background-color: #89cff0 !important;
}

/* bei Empfehlungen, Themes und Erweiterungen ganz unten der letzte Container */
moz-card:has(.promo-layout) {
    background-color: #e8e8e8 !important;
    border: 5px double grey !important;
}

/* bei Empfehlungen unten links der Button mit dem Link */
moz-button[data-l10n-id="find-more-addons-promo-open-amo-button"] {
    background-color: gainsboro !important;
	border: 1px solid grey !important;
	border-radius: 25px !important;
	padding: 2px 15px 0px 15px !important;
}
moz-button[data-l10n-id="find-more-addons-promo-open-amo-button"]:hover {
	background-color: #fad6a5 !important;
	border: 1px solid grey !important;
}	

/* bei Erweiterungen unten links der Button mit dem Link */
moz-button[data-l10n-id="find-more-extensions-promo-open-amo-button"] {
    background-color: gainsboro !important;
	border: 1px solid grey !important;
	border-radius: 25px !important;
	padding: 2px 15px 0px 15px !important;
}
moz-button[data-l10n-id="find-more-extensions-promo-open-amo-button"]:hover {
	background-color: #fad6a5 !important;
	border: 1px solid grey !important;
}

/* bei Themes unten links der Button mit dem Link */
moz-button[data-l10n-id="find-more-themes-promo-open-amo-button"] {
    background-color: gainsboro !important;
	border: 1px solid grey !important;
	border-radius: 25px !important;
	padding: 2px 15px 0px 15px !important;
}
moz-button[data-l10n-id="find-more-themes-promo-open-amo-button"]:hover {
	background-color: #fad6a5 !important;
	border: 1px solid grey !important;
}		

/*===== Button Aktivieren und Deaktivieren bei Themes =====*/

/* ersten überlagernden Button Aktivieren und Deaktivieren ausgeblendet (bei Themes) */
button#main-button span.button-background {
    border-radius: 0 !important;
	border: unset !important;
	background: unset !important;
}

/* Button Deaktivieren bei Themes */
[data-l10n-id="disable-addon-button"] {
   max-width: 100px !important;	
   min-width: 100px !important;
   background-color: #48A43F !important;
   --button-text-color: #000 !important;
   --button-border: transparent !important;
   border: 1px solid grey !important;
   margin-bottom: -2px !important;
   margin-right: -4px !important;
}
[data-l10n-id="disable-addon-button"]:hover {
   background-color: #FA842B !important;
   border: 1px solid brown !important;
}

/* Button Aktivieren bei Themes */
[data-l10n-id="enable-addon-button"] {
   background-color: #FA842B !important;
   --button-text-color: #000 !important;
   --button-border: transparent !important;
   border: 1px solid grey !important;
   margin-bottom: -2px !important;
   margin-right: -4px !important;
}
[data-l10n-id="enable-addon-button"]:hover {
   background-color: #d4fe62 !important;
   border: 1px solid brown !important;
} 

/** ENDE **/

/* bei Geräteinterne KI der Text oben */
[data-l10n-id="mlmodel-description"] {
	background-color: #E9E5CE !important;
	border: 1px solid grey !important;
	border-width:  6px !important;
    border-style: double !important;
	border-radius: 0 !important;
	padding: 6px 5px 6px 15px !important;
	color: #594d45 !important;
} 

/* die Felder mit der MB-Angabe */
span.mlmodel-total-size-bubble {
	background-color: #d1d2bf !important;
	border: 1px solid grey !important;
}
span.mlmodel-total-size-bubble:hover {
	background-color: #f3e7d4 !important;
	border: 1px solid grey !important;
}		

/*===== Toggle-Button bei Erweiterungen =====*/

/* aktivierte Erw. Button HG */
#input.toggle-button[aria-pressed="true"] {
	background-color: green !important;	
    margin: 2px 3px 0 0 !important;
	border: 1px solid #000 !important;
}

/* aktivierte Erw. Button HG bei Hover */
#input.toggle-button[aria-pressed="true"]:enabled:hover {
    background-color: red !important;
    border: 1px solid #000 !important;
}

/* deaktivierte Erw. Button HG */ 
#input.toggle-button[aria-pressed="false"] {
    background-color: transparent !important;
	margin: 1px 3px 0 0 !important;
}

/* deaktivierte Erw. Button bei Hover HG */
#input.toggle-button:enabled:hover {
    background-color: lightgreen !important;
}

/** ENDE **/

/*==== More-Options-Button (Drei-Punkte-Button) ====*/

addon-card .more-options-button {
   	background-color: #CCF2FF !important;
	border: 1px solid grey !important;
	min-height: 24px !important;
	max-height: 24px !important;
	min-width: 24px !important;
	max-width: 24px !important;
	margin-inline-end: 3px !important;
	margin-top: 1px !important;
} 
addon-card .more-options-button:hover,
addon-card .more-options-button:focus-visible {
    outline: none !important;
    border: 1px solid brown !important;
    background-color: greenyellow !important;
}

/*== Popup des Drei-Punkte-Button ==*/

/* Anpassungen des Popup-Menüs */
addon-options > panel-list[role="menu"],
plugin-options > panel-list[role="menu"] {
   border-radius: 0 !important;
   border: 1px solid dodgerblue !important;
   border-width:  4px !important;
   border-style: double !important;
   background-color: #eeffee !important;
   margin-top: -1px !important;
   padding: 4px 4px 6px 4px !important;
}

/* Anpassungen der Items (Button) */
addon-options > panel-list > panel-item,
plugin-options > panel-list > panel-item {
   --in-content-button-background: none !important;
   --in-content-button-background-hover: none !important;
   --in-content-button-background-active: none !important;
   opacity: 1.0 !important;
   height: 26px !important;
   box-shadow: none !important;
   border: 1px solid grey !important;
   background-color: #b2beb5 !important;
   margin: 2px 2px 0 2px !important;
}
/* einige Items mit anderer Farbe als HG */
addon-options > panel-list > panel-item[action="remove"] {
   background-color: #800 !important;
   color: #FFF !important;
}
addon-options > panel-list > panel-item[action="expand"],
plugin-options > panel-list > panel-item[action="manage-addon-button"] {
   background-color: #804628 !important;
   color: #FFF !important;
}
addon-options > panel-list > panel-item[action="preferences"] {
   background-color: #217B22 !important;
   color: #FFF !important;
}
addon-options > panel-list > panel-item:hover,
addon-options > panel-list > panel-item[action="preferences"]:hover,
addon-options > panel-list > panel-item[action="remove"]:hover,
addon-options > panel-list > panel-item[action="expand"]:hover,
plugin-options > panel-list > panel-item:hover,
plugin-options > panel-list > panel-item[action="manage-addon-button"]:hover {
   fill: #000 !important;
   background-color: #f0ffff !important;
   color: #000 !important;
}

/* ab Version 110 die Separatoren (Menü hinter den drei Punkten) */
div#main addon-list section.plugin-enabled-section addon-card div.card.addon plugin-options panel-list hr,
addon-options panel-list hr,
plugin-options panel-list hr {
   background: grey !important;
   margin: 2px 0 2px 0 !important;
}

/*============ Icons für Popup-Menü vom Drei-Punkte-Button =============*/
/* in userChromeShadow.css werden die originalen Icons ausgeblendet */

/* Entfernen */
addon-options > panel-list > panel-item[action="remove"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("file:///C:/FoxIcons/0035.gif") no-repeat !important;
   background-position: 5px 0px !important;
   background-size: 16px 16px !important;
   padding-left: 10px !important;
   padding-right: 10px !important;
   margin-left: 6px;
   margin-right: -32px;
}

/* Einstellungen */
addon-options > panel-list > panel-item[action="preferences"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("file:///C:/FoxIcons/0036.png") no-repeat !important;
   background-position: 5px 0px !important;
   background-size: 16px 16px !important;
   padding-left: 10px !important;
   padding-right: 10px !important;
   margin-left: 6px;
   margin-right: -32px;
}

/* Melden */
addon-options > panel-list > panel-item[action="report"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("file:///C:/FoxIcons/0037.png") no-repeat !important;
   background-position: 5px 0px !important;
   background-size: 16px 16px !important;
   padding-left: 10px !important;
   padding-right: 10px !important;
   margin-left: 6px;
   margin-right: -32px;
}

/* Verwalten */
addon-options > panel-list > panel-item[action="expand"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("file:///C:/FoxIcons/0038.png") no-repeat !important;
   background-position: 5px 0px !important;
   background-size: 16px 16px !important;
   padding-left: 10px !important;
   padding-right: 10px !important;
   margin-left: 6px;
   margin-right: -32px;
}

/* Aktualisieren */
addon-options > panel-list > panel-item[action="install-update"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("file:///C:/FoxIcons/0130.png") no-repeat !important;
   background-position: 5px 0px !important;
   background-size: 16px 16px !important;
   padding-left: 10px !important;
   padding-right: 10px !important;
   margin-left: 6px;
   margin-right: -32px;
}

addon-options > panel-list > panel-item[action="install-update"]{
	 background-image: none !important;
}	

/*=== bei Plugins ===*/

/* Immer aktivieren */
plugin-options > panel-list > panel-item[action="always-activate"]::before {
   margin-right: -21px !important; 
   margin-left: 5px !important;
   content: '' !important;
   display: block !important;
   width: 19px !important;
   height: 15px !important;
   background: url("..//icons/aktiv.png") no-repeat !important;
   background-position: 2px 0px !important;
   background-size: 17px 17px !important;
}

plugin-options > panel-list > panel-item[action="always-activate"]:not([checked])::before {
   margin-right: -21px !important; 
   margin-left: 5px !important;
   content: '' !important;
   display: block !important;
   width: 19px !important;
   height: 15px !important;
   background: url("..//icons/inaktiv.png") no-repeat !important;
   background-position: 2px 0px !important;
   background-size: 16px 16px !important;
}

/* Nie aktivieren */
plugin-options > panel-list > panel-item[action="never-activate"]::before {
   margin-right: -21px !important; 
   margin-left: 5px !important;
   content: '' !important;
   display: block !important;
   width: 19px !important;
   height: 15px !important;
   background: url("..//icons/aktiv.png") no-repeat !important;
   background-position: 2px 0px !important;
   background-size: 17px 17px !important;
}

plugin-options > panel-list > panel-item[action="never-activate"]:not([checked])::before {
   margin-right: -21px !important; 
   margin-left: 5px !important;
   content: '' !important;
   display: block !important;
   width: 19px !important;
   height: 15px !important;
   background: url("..//icons/inaktiv.png") no-repeat !important;
   background-position: 2px 0px !important;
   background-size: 16px 16px !important;
}

/* Verwalten */
plugin-options > panel-list > panel-item[action="expand"]::before {
   margin-right: -21px !important; 
   margin-left: 6px !important;
   content: '' !important;
   display: block !important;
   width: 19px !important;
   height: 15px !important;
   background: url("file:///C:/FoxIcons/0038.png") no-repeat !important;
   background-position: 2px 0px !important;
   background-size: 16px 16px !important;
}

/** ENDE **/

/*===== unter Verwalten die Popup-Fenster =====*/

/* Popup unter Verwalten */
div[current-view="detail"] .card {
   background-color: lightgrey !important;
   border-radius: 8px !important;
   border: 1px solid grey !important;
   border-width:  6px !important;
   border-style: double !important;
   margin-bottom: 0 !important;
   padding-top: 10px !important;
}
div[current-view="detail"] .card:hover {
   background-color: #f8f8ff !important;
}	

/* Button unter Verwalten bei Erweiterungen */
button-group.tab-group > button {
   border: 1px solid #B2B2B2 !important;
   background-color: #0060DF !important;
   color: #FFF !important;
   margin: 3px 3px 3px 0px !important;
}

/* der aktive Button */
button-group.tab-group > button[selected=""] {
   border-top: 1px solid #B2B2B2 !important;
   background-color: #217B22 !important;
   color: #FFF !important;
   box-shadow: none !important;
}
button-group.tab-group > button:hover,
button-group.tab-group > button[selected=""]:hover {
   border-top: 1px solid #B2B2B2 !important;
   background-color: #D1E2F2 !important;
   color: #000 !important;
   margin: 3px 3px 3px 0px !important;
}

/* Button "Details" */
button#details-deck-button-details {
   padding: 3px 8px 4px 8px !important;
   max-width: 120px !important;
   min-width: 120px !important;
   border-radius: 0 !important;
}

/* Button "Einstellungen" */
button#details-deck-button-preferences {
   padding: 3px 8px 4px 8px !important;
   max-width: 140px !important;
   min-width: 140px !important;
   border-radius: 0 !important;
}

/* Button "Berechtigungen und Daten" */
button#details-deck-button-permissions {
   padding: 3px 8px 4px 8px !important;
   max-width: 200px !important;
   min-width: 200px !important;
   border-radius: 0 !important;
}

/* Button "Versionshinweise" */
button#details-deck-button-release-notes {
   padding: 3px 8px 4px 8px !important;
   max-width: 150px !important;
   min-width: 150px !important;
   border-radius: 0 !important;
}

/* Button "Unterstützen" */
#details-deck section div.addon-detail-contribute button.addon-detail-contribute-button {
    background-color: lightblue !important;
}
/* bei Hover */
#details-deck section div.addon-detail-contribute button.addon-detail-contribute-button:hover {
    background-color: #CB8D73 !important;
}

/* Links bei Hover andere Farbe (magenta) */
#details-deck section div.addon-detail-row.addon-detail-row-homepage a:hover,
#details-deck section div.addon-detail-row.addon-detail-row-updates div.addon-detail-actions button.button-link:hover,
#details-deck section div.addon-detail-row.addon-detail-help-row a:hover {
	color: magenta !important;
}

/* bei Themes das Image */
div#main addon-card moz-card.card.addon theme-preview img.card-heading-image {
	margin-left: 5px !important;
}	
/** ENDE **/
}

Alles anzeigen

2002Andreas

Zitat von FuchsFan

Die horizontale Scrollbar (unten) ist hier nicht vorhanden

Hallo FuchsFan...

der ober graue Balken ist dann wohl zu breit:

Hier müsste die Breite geändert werden:

FuchsFan

Zitat von 2002Andreas

Hier müsste die Breite geändert werden:

Hallo Andreas, das kann bei ihm durchaus sein, dann muss er mit beiden Werten arbeiten.

2002Andreas

Zitat von FuchsFan

dann muss er mit beiden Werten arbeiten.

Oder mal eine KI befragen

FuchsFan

Zitat von 2002Andreas

Oder mal eine KI befragen

Oder noch einfacher, ab Zeile 248 das einsetzen:

CSS

#content addon-page-header#page-header div.sticky-container {
	background-color: transparent !important;
}

Boersenfeger

Es wird immer besser

Habe die erwähnten Änderungen eingebaut, die Farbe der Nummerierungen geändert, die Pfade zu den Icons angepasst, dabei ist mir aufgefallen, das ich einige Icons nicht habe. Kannst du FuchsFan mir die von dir verwendeten freundlicherweise zur Verfügung stellen?

Auf den beiden Bildchen wird noch deutlich, das ich derzeit 3 Baustellen habe. 1 habe ich angemarkert, bei den Buttons auf der rechten Seite ist eine dicke blaue Linie zu sehen und die 3. sieht man, der Body geht nicht trotz Änderung des Codes bis nah an den rechten Rand.

Hier noch mal der jetzt hier verwendete Code

CSS

/* Profil: ab Firefox 160 */

@-moz-document url-prefix(chrome://mozapps/content/extensions/extensions.xhtml),
url-prefix(about:addons),
url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
url-prefix(chrome://mozapps/content/extensions/aboutaddons.xhtml)
{

body {
   counter-reset: section !important;
}

/* ab Version 155 neu bei Themes / ausgeblendet */
moz-card#aboutaddons-themes-picker-card,
moz-segmented-control {
	display: none !important;
}

/*===== fortlaufende Nummerierung aller Add-ons =====*/

/* Zähler aktive Add-ons / Theme-Abschnitt ausgeschlossen */
#main > addon-list > section[section="0"]:not(.theme-enabled-section) {
  counter-reset: section;
}

/* Nummerierung aktive Add-ons */
#main > addon-list > section[section="0"]:not(.theme-enabled-section) > addon-card > .addon.card > div::before {
  display: inline-block;
  width: 2.2em;
  box-sizing: content-box;
  text-align: right;
  font-weight: 700;
  text-decoration: underline;
  counter-increment: section;
  content: counter(section, decimal-leading-zero) ".";
  color: #dc143c;
  border-right: 2px solid #217B22;
  padding-right: 10px !important;
  padding-top: 15px !important;
  margin-top: -22px;
  margin-left: -15px;
  margin-bottom: -22px;
}

/* Zähler inaktive Add-ons / Theme-Abschnitt ausgeschlossen */
#main > addon-list > section[section="1"]:not(.theme-disabled-section) {
  counter-reset: section;
}

/* Nummerierung inaktive Add-ons */
#main > addon-list > section[section="1"]:not(.theme-disabled-section) > addon-card > .addon.card > div::before {
  display: inline-block;
  width: 2.2em;
  box-sizing: content-box;
  text-align: right;
  font-weight: 700;
  text-decoration: underline;
  counter-increment: section;
  content: counter(section, decimal-leading-zero) ".";
  color: #F70000;
  border-right: 2px solid #F70000;
  padding-right: 10px !important;
  padding-top: 15px !important;
  margin-top: -22px;
  margin-left: -15px;
  margin-bottom: -22px;
}

/* Farbe der Zähler bei Hover */
#main > addon-list > section[section="0"]:not(.theme-disabled-section) > addon-card > .addon.card > div:hover::before,
#main > addon-list > section[section="1"]:not(.theme-disabled-section) > addon-card > .addon.card > div:hover::before {
  color: #00ffff;	
}  

/* Nummerierung für Themes separat zurücksetzen */
#main > addon-list > section.theme-disabled-section {
  counter-reset: theme;
}

/* inaktive Themes nummerieren */
#main > addon-list > section.theme-disabled-section > addon-card > moz-card.addon.card > .addon-card-collapsed > .card-contents > .addon-name-container::before {
  display: inline-block;
  width: 2.2em;
  box-sizing: content-box;
  text-align: right;
  font-weight: 700;
  text-decoration: underline;
  counter-increment: theme;
  content: counter(theme, decimal-leading-zero) ".";
}
#main > addon-list > section.theme-disabled-section > addon-card > moz-card.addon.card > .addon-card-collapsed > .card-contents > .addon-name-container::before {
  color: #C72F2E;
  border-right: 2px solid #C72F2E;
  width: 2.2em;
  padding-right: 10px !important;
  padding-top: 5px !important;
  padding-bottom: 0px !important;
  margin-top: -15px;
  margin-left: -20px;
  margin-right: 20px;
  margin-bottom: -50px;
  min-height: 66px !important;
}
#main > addon-list > section.theme-disabled-section > addon-card > moz-card.addon.card:hover > .addon-card-collapsed > .card-contents > .addon-name-container::before {
  color: #7b2b48;
  border-right: 2px solid green;
}

/* Icon nach rechts verlagert */
addon-card moz-card.card.addon div.addon-card-collapsed img.card-heading-icon.addon-icon {
	margin-left: 15px !important;
}	

/** Nummerierung ENDE **/

/* Add-ons-Manager linke Seite (Sidebar) Hintergrund */
#sidebar {
   /* background:  url("..//icons/42.png") no-repeat -150px 0px !important; */
   background: linear-gradient(to bottom right, white,#acacac,#f2f3f4,#acacac, #f2f3f4,#acacac) !important; 
   border-right: 2px solid grey !important;
}

/* Add-ons-Manager rechte Seite Hintergrund */
#full #content {
   background: #bfc1c2 !important;
   /* background: url("..//icons/255.jpg") no-repeat!important; */
   background-position: -5px -5px !important;
   background-attachment: fixed !important;
}

/*====== alle Button links in der Sidebar =======*/

/* Rubrik "Empfehlungen" ausgeblendet */
#sidebar categories-box moz-page-nav moz-page-nav-button#category-discover {
	display: none !important;
}

/* die Button "Einstellungen" u. "Addon-Hilfe" ausgeblendet */
#preferencesButton,
[data-l10n-id="sidebar-help-button-title"] {
	display: none !important;
}
	

/* oben das Logo mit Text */
div.page-nav-heading-wrapper {
	/* background: #fae7b5 !important;
    color: black !important;
    border: 2px solid white !important;
	border-radius: 10px !important;
	box-shadow: inset 0 0 3px 3px #888 !important;
	padding: 6px 0 10px 0px !important; */
	display: none !important;
}
.page-nav-heading-wrapper {
    margin-block-start: 30px !important;
    margin-inline-start: -28px !important;
}

/* Logo und Erweiterungen nach unten verlagert */
div.page-nav-heading-wrapper div.logo,
h1#page-nav-heading.page-nav-heading {
	margin-top: 0px !important;
	margin-left: 20px !important;
}	

/* die Buttongruppe nach unten verlagert */
nav div.primary-nav-group {
	margin-top: 100px !important;
}

/* Buttongruppe nach links */
nav	{
	margin-left: -12px !important;
}	

/* =========================================================
   Firefox 153+ about:addons Sidebar Buttons
   Neue moz-page-nav Struktur
   ========================================================= */

/* =========================================
   Sidebar Buttons (alle)
========================================= */
moz-page-nav-button {
    background: #f2f1ed !important;
    color: black !important;
    border: 2px solid white !important;
	border-radius: 60px !important;
	box-shadow: inset 0 0 3px 3px #888 !important;
	width: 220px !important;
}

/* =========================================
   Hover (nur bei inaktiv sichtbar)
========================================= */
moz-page-nav-button:hover { 
    background: #a2cffe !important;
    color: brown !important;
    box-shadow: inset 0 0 3px 3px #888 !important;
}

/* aktiver Button */
button[selected] {
    color: white !important;
    background-color: #1b9e14 !important;
	box-shadow: inset 0 0 3px 3px coral !important;
	border-radius: 60px !important;
}

button[selected]:hover {
    color: white !important;
    background-color: #8A2BE2 !important;
}

/* links der blaue strich bei aktiv ausgeblendet */
button[selected] {
	--page-nav-button-indicator-color: none !important;
}

button:not([selected]) {
	background-color: transparent !important;
}

/* die Button unten (Einstellungen und Hilfe) */ 
a.moz-page-nav-link{
	background-color: transparent !important;
}	

 
/*************** ENDE ****************************/

/* die Namen der Sektionen oben links */
h1.header-name {
	font-size: 20px !important;
}	

/* Text unter den Namen aller Addons Farbe ändern (Hover) */
addon-card .addon-name .addon-name-link,
addon-card .addon-description {
   color: #542e2b !important;
}
addon-card:hover .addon-name .addon-name-link,
addon-card:hover .addon-description {
   color: blue !important;
}

#content addon-page-header#page-header div.sticky-container {
	background-color: transparent !important;
}	

/* rechte Seite das obere Feld */

#content addon-page-header#page-header div.sticky-container {
    background: linear-gradient(to bottom right, white,#acacac,#f2f3f4,#acacac, #f2f3f4,#acacac) !important;
	min-width: 1455px !important;
    max-width: 1350px !important;
	height: 50px !important;
	padding-top: 10px !important;
	padding-left: 22px !important;
	margin-left: 0px !important;
	border-bottom: 1px solid grey !important;
}

/*====== Feld "Themes verwalten" (und andere) mit Update-Message ======*/

#page-header div.sticky-container div.main-heading {
	appearance: none !important;
	/* min-width: 660px !important;
    max-width: 660px !important;
	height: 32px !important; */
	background-color: transparent !important;
	/* border: 1px solid grey !important; */
    /* margin-top: 4px !important;
	padding: 5px 5px 5px 10px !important; */
}
#page-header div.sticky-container div.main-heading h1.header-name {
	/* color: #87421F !important; */
	display: none !important;
}	
/* das Update-Feld darin */
#page-header div.sticky-container div.main-heading addon-updates-message#updates-message {
    /* border: 1px solid grey !important;
	padding: 0px 10px 0px 10px !important;
	margin-right: 6px !important; */
	display: none !important;
}
#page-header div.sticky-container div.main-heading addon-updates-message#updates-message:hover {
    border: 1px solid grey !important;
	padding: 0px 10px 0px 10px !important;
	margin-right: 6px !important;
	background: #FDF4E3 !important;
}
/* die Meldungen bei Update-Suche */
#updates-message[state="updating"],
#updates-message[state="none-found"],
#updates-message[state="installed"] {
   min-width: 255px !important;
   max-width: 255px !important;
   margin-inline-end: 1px !important;
   background: #f1eaee !important;
   color: blue !important;
   font-weight: 600 !important;
}

/* Farbe des Textes in der update-message */
addon-updates-message {
    --button-text-color: #a6001a !important;
}

/* Breite des Buttons "Verfügbare Updates anzeigen" */
#updates-message[state="manual-updates-found"] {
   min-width: 265px !important;
   max-width: 265px !important;
   margin-inline-end: 1px !important;
   background: #f1eaee !important;
}

/* Text "Verfügbare Updates anzeigen" verlagert */
button#main-button span.button-background.labelled {
	margin-top: -4px !important;
}
/* bei hover */
#updates-message[state="manual-updates-found"] {     
    --button-text-color-hover: #299617 !important;
}

addon-page-header#page-header[current-view="detail"]  #updates-message[state="updating"],
addon-page-header#page-header[current-view="detail"]  #updates-message[state="none-found"],
addon-page-header#page-header[current-view="detail"]  #updates-message[state="manual-updates-found"],
addon-page-header#page-header[current-view="detail"]  #updates-message[state="installed"] {
    margin-left: 154px  !important;
}
#updates-message[state="none-found"][data-l10n-id="addon-updates-none-found"] {
    color: #409DD9 !important;
}

[data-l10n-id="addon-updates-updating"],
[data-l10n-id="addon-updates-none-found"],
[data-l10n-id="addon-updates-installed"] {
    padding: 0 !important;
    margin: 0 auto !important;
}
[data-l10n-id="addon-updates-manual-updates-found"] {
    width: calc(100% + 10px) !important;
    min-height: 26px !important;
    max-height: 26px !important;
    padding: 0 !important;
    margin: 0 !important;
}
	
/** ENDE **/	

/*===== Button mit dem Zahnrad ======*/
#page-header div.sticky-container div.main-heading div.page-options-menu {
	background-color: #f1eaee !important;
    min-width: 32px !important;
    max-width: 32px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    border-radius: 0 !important;
    border: 1px solid grey !important;
    margin-left: 260px !important;
	margin-top: 3px !important;
    padding-bottom: 2px !important;
}
#page-header div.sticky-container div.main-heading div.page-options-menu:hover {
   border: 1px solid brown !important;
   background-color: lightyellow !important;
}

/* Popup hinter dem Zahnrad */
div#content addon-page-options#page-options panel-list{
   border: 1px solid dodgerblue !important;
   border-width:  4px !important;
   border-style: double !important;
   border-radius:  0px !important;
   background: none !important;
   background-color: white !important;
   padding: 4px 4px 6px 4px !important;  
   margin-top: 10px !important;   
}

/* Popup hinter dem Zahnrad / Item */
#page-options > panel-list > panel-item {
   --button-background-color-hover: none !important;
   --button-background-color: none !important;
   --button-background-color-active: none !important;
   opacity: 1.0 !important;
   height: 26px !important; 
   box-shadow: none !important;
   border: 1px solid #B2B2B2 !important;
   border-width:  5px !important;
   border-style: double !important;
   background: none !important;
   background-color: lightgrey !important;
   margin: 2px 2px 0 2px !important;
}

#page-options > panel-list > panel-item[action="check-for-updates"] {
   background-color: #800 !important;
   color: #FFF !important;
}
#page-options > panel-list > panel-item[action="set-update-automatically"] {
   background-color: #217B22 !important;
   color: #FFF !important;
}
#page-options > panel-list > panel-item:hover,
#page-options > panel-list > panel-item[action="check-for-updates"]:hover,
#page-options > panel-list > panel-item[action="set-update-automatically"]:hover {
   background-color: lightyellow !important;
   fill: #000 !important;
}
button[role="menuitem"]:hover > label,
button[role="menuitem"]:hover > label > span {
   color: #000 !important;
}
panel-list[role="menu"][style="left: 722px; top: 72px;"] {
   z-index: 10000 !important;
   border-radius: 0 !important;
   border: 1px solid #B2B2B2 !important;
   padding: 0 0 2px 0 !important;
   margin: -1px auto 1px auto !important;
}
addon-page-options#page-options {
   border: 0 !important;
   padding: 0 !important;
}

/* ab Version 110 gültig / für Separatoren */
#page-options panel-list hr {
	background: #B2B2B2 !important;
    margin: 4px 0 4px 0 !important;
}

/*============ Icons für Popup-Menü vom Zahnradbutton =============*/
/* in userChromeShadow.css wird Haken bei "Add-ons automatisch aktualisieren" ausgeblendet */

/* Auf Updates überprüfen */
#page-options > panel-list > panel-item[action="check-for-updates"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild5.png");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/* Kürzlich durchgeführte Updates anzeigen */
#page-options panel-list panel-item[action="view-recent-updates"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild61.png");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/* Add-on aus Datei installieren */
#page-options panel-list panel-item[action="install-from-file"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild3.png");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/* Add-ons debuggen */
#page-options panel-list panel-item[action="debug-addons"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild66.ico");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/* Add-ons automatisch aktualisieren / aktiv */
#page-options > panel-list > panel-item[action="set-update-automatically"]::before{
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("..//icons/aktiv.png");
   background-size: 18px 18px !important;
   margin-left: 10px;
   margin-right: -16px;
   margin-bottom: 3px;
}

/* Add-ons automatisch aktualisieren / inaktiv */
#page-options > panel-list > panel-item[action="set-update-automatically"]:not([checked])::before {
   content: '';
   font-size: 14px;
   padding-top: 1px !important;
   padding-bottom: 2px !important;
   display: block;
   width: 16px;
   height: 16px;
   background: url("..//icons/inaktiv.png") no-repeat !important;
   background-position: 0 2px !important;
}

/* Add-ons umstellen auf manuelle Aktualisierung */
#page-options panel-list panel-item[action="reset-update-states"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild64.png");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/* Tastenkombinationen von Erweiterungen verwalten */
#page-options panel-list panel-item[action="manage-shortcuts"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild67.png");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/** ENDE **/

/*====== Zurück-Button (back-button) ======*/
addon-page-header[type="detail"] .main-heading .back-button {
	background-color: #f1eaee !important;
    min-width: 32px !important;
    max-width: 32px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    border-radius: 0 !important;
    fill: transparent !important;
    margin: 3px 0  0 -4px  !important;
    border: 1px solid grey !important;
    padding-bottom: 1px !important;
}
addon-page-header[type="detail"] .main-heading .back-button:hover {
    background-color: #f2ff7f !important;
    border: 1px solid brown !important;
}

/*==== Feld "Weitere Add-ons finden" ====*/
#page-header div.sticky-container div.main-search {
    /* appearance: none !important;
    background-color: lightgrey !important;
	height: 32px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    border: 1px solid grey !important;
    padding: 5px 5px 5px 0px !important;
    margin-top: 15px !important;
    margin-left: 770px !important; */
	display: none !important;
}
/* das Suchfeld */
div.content-wrapper input#input {
	background-color: #f4f6ec !important;
}
/* Text vor Suchfeld */	
#page-header div.sticky-container div.main-search label.search-label {
    color: #87421F !important;
	font-weight: 600 !important;
}

/* Button mit der Lupe bei Suche */
#page-header div.sticky-container div.main-search search-addons moz-button {
	background-color: #f1eaee !important;
	min-width: 30px !important;
    max-width: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
	border: 1px solid grey !important;
} 
#page-header div.sticky-container div.main-search search-addons moz-button:hover {
    background-color: #f2ff7f !important;
    border: 1px solid brown !important;
}

/* das Icon bei Zahnrad / Drei-Punkte-Button / Zurück / Suche */
button#main-button span.button-background img {
	fill: green !important;
}
button#main-button span.button-background:hover img {
	fill: red !important;
}		

/*============= Container rechte Seite =============*/

/* addon-card:not([expanded]) > .addon.card {
	height: 100px !important;
}	 */

html body div#full div#content div#main addon-list addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents {
	margin-top: -15px !important;
}

addon-card:not([expanded]):not(.theme-enabled-section addon-card) > moz-card.addon.card {
    height: 80px !important;
	padding-bottom: 10px !important;
}

/* rechte Seite für alle Container */
div#content div#main {
	min-width: 1200px !important;
	margin-inline-start: 10px !important;
}

/* der graue Hintergrund aller Sektionen */
div#content div#main recommended-themes-section,
div#content div#main discovery-pane,
section[section="0"] {
   border: 2px solid #2F2F36 !important;
   background-color: grey !important;
   margin-top: 5px !important;
   padding: 6px 10px 6px 10px !important;
}

/* bei "Empfohlene Erweiterungen" und "Empfohlene Themes" */
div#content div#main recommended-extensions-section,
div#content div#main recommended-themes-section {
   border: 2px solid #2F2F36 !important;
   background-color: grey !important;
   margin-top: 5px !important;
   padding: 0px 10px 6px 10px !important;
}

section[section="1"] {
   border: 2px solid #2F2F36 !important;
   background-color: grey !important;
   margin-top: 15px !important;
   padding: 2px 10px 4px 10px !important;
}

/* unter Deaktiviert bei Plugin, Sprachen u. Wörterbücher keine Border */
#main addon-list section.mlmodel-disabled-section,  /* KI-Modelle */
addon-list[type="locale"] section[section="1"],
addon-list[type="plugin"] section[section="1"],
addon-list[type="dictionary"] section[section="1"] {
   background-color: transparent !important;	
   box-shadow: none !important;
   border-radius: 0 !important;
   border: transparent !important;
}

/* Anpassung der Container */
div#content div#main recommended-themes-section recommended-addon-list recommended-addon-card div.card.addon,
div#content div#main recommended-extensions-section recommended-addon-list recommended-addon-card div.card.addon,
recommended-addon-card > moz-card.card.addon,
div#content div#main addon-list addon-card .card {
	background-color: #e9e9ed !important;
	border: 1px solid grey !important;
	border-width:  6px !important;
    border-style: double !important;
	border-radius: 15px !important;
	margin-bottom: 5px !important;
	padding: 5px !important;
}

/* Container bei Hover */
div#content div#main recommended-themes-section recommended-addon-list recommended-addon-card div.card.addon:hover,
div#content div#main recommended-extensions-section recommended-addon-list recommended-addon-card div.card.addon:hover,
recommended-addon-card > moz-card.card.addon:hover,
div#content div#main addon-list addon-card .card:hover {
    background-color: #ebe8a4 !important;
    border: 1px solid green !important;
	border-width:  6px !important;
    border-style: double !important;
	border-radius: 15px !important;
	box-shadow: 0 0 3px 3px #cb00f5 !important;
}

/* bei Überschrift "Aktiviert" der Hintergrund */
section[section="0"] h2.list-section-heading {
    background-color: #64BF15 !important;
    border: 1px solid #403d21 !important;
    padding: 5px 0 5px 15px !important;
    margin: 5px 0 1px 0 !important;
}

/* bei Überschrift "Gespeicherte Themes" und "Deaktiviert" der Hintergrund */
section[section="1"] h2.list-section-heading {
    background-color: #A6E7FF !important;
	border: 1px solid #403d21 !important;
    padding: 5px 0 5px 15px !important;
    margin: 8px 0 1px 0 !important;
}

/* bei Überschrift "Empfohlene Erweiterungen" und "Empfohlene Themes" der Hintergrund */
div#main recommended-themes-section h2.header-name.recommended-heading,
div#main recommended-extensions-section h2.header-name.recommended-heading {
    background-color: #50BFE6 !important;
    border: 1px solid #403d21 !important;
    padding: 5px 0 5px 15px !important;
    margin: 15px 0 1px 0 !important;
}

/* das Bild bei Themes mit Border */
/* addon-card moz-card.card.addon theme-preview img.card-heading-image {
	border: 1px solid #403d21 !important;
	border-radius: 6px !important;
	min-width: 880px !important;
    max-width: 880px !important;
	margin-bottom: 5px !important;
} */

/*  Bei "Themes" die Grafiken ausblenden */
		.card-heading-image {
			display: none !important;
		}

/* Border über dem Namen bei Themes */
div#main addon-list section.theme-disabled-section addon-card div.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container,
div#main addon-list section.theme-enabled-section addon-card div.card.addon div.addon-card-collapsed div.card-contents{
    padding-top: 8px !important; 
}
addon-list[type="theme"] section[section="0"] addon-card .card .card-contents, 
addon-list[type="theme"] section[section="1"] addon-card .card .card-contents {
    border-top: 2px solid green !important;
    margin-top: -10px !important; 
    margin-left: -20px !important;
    margin-right: -20px !important;
    padding-left: 20px !important;
    padding-right: 10px !important;
}
addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container {
	margin-top: 5px !important;
}	

/* Name und Versions-Nr. der Add-ons 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; /* ganz wichtig */
   color: #6F2DA8 !important;
}

/* Beschreibungstext unter dem Namen rechts Ausdehnung begrenzt */
addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents span.addon-description {	
    max-width: 950px !important;
    margin-left: 20px !important;
}

/* bei Empfehlungen oben das Textfeld / und der Link darin */
div#main discovery-pane header p {
	background-color: #B4B8B0 !important;
	border: 1px solid gainsboro !important;
	border-width:  6px !important;
    border-style: double !important;
	border-radius: 0 !important;
	padding: 10px 0 10px 15px !important;
}
div#main discovery-pane header p span a.discopane-intro-learn-more-link {
    color: white !important;
    font-weight: 600 !important;
}
div#main discovery-pane header p span a.discopane-intro-learn-more-link:hover {
    color: magenta !important;
    font-weight: 600 !important;
}

/* bei Empfehlungen und Erweiterungen unten der Button "Datenschutzrichtlinie" */
#main discovery-pane footer.view-footer div.view-footer-item {
	margin-top: 0px !important;
	padding: 20px 0px 25px 0px !important;
}
#main recommended-extensions-section footer.view-footer div.view-footer-item {
	margin-top: 0px !important;
	padding: 20px 0px 15px 0px !important;
}
#main recommended-extensions-section footer.view-footer div.view-footer-item a.privacy-policy-link,
#main discovery-pane footer.view-footer div.view-footer-item a.privacy-policy-link{
    background: #F0F0F0 url("..//icons/Bild1.png") no-repeat !important;
    background-position: 6px 6px !important;	
    border: 1px solid grey !important;
    border-width:  3px !important;
    border-style: double !important;
    padding: 4px 15px 6px 40px !important;
}
#main recommended-extensions-section footer.view-footer div.view-footer-item a.privacy-policy-link:hover,  
#main discovery-pane footer.view-footer div.view-footer-item a.privacy-policy-link:hover{
    background: lightblue url("..//icons/Bild1.png") no-repeat !important;
    color: crimson !important;
    background-position: 6px 6px !important;
    border: 1px solid coral !important;
    border-width:  3px !important;
    border-style: double !important;
    padding: 4px 15px 6px 40px !important;
}

/* Bei Empfehlungen die Button "Theme installieren" und "Zu Firefox hinzufügen" */
#main discovery-pane recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button {
	background-color: #f5f5dc !important;
}	
#main discovery-pane recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button:hover {
	background-color: #89cff0 !important;
}

/* Bei Erweiterungen die Button "Zu Firefox hinzufügen" */
#main recommended-extensions-section recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button {
	background-color: #f5f5dc !important;
}	
#main recommended-extensions-section recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button:hover {
	background-color: #89cff0 !important;
}

/* Bei Themes die Button "Theme installieren" */
#main recommended-themes-section recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button {
	background-color: #f5f5dc !important;
}	
#main recommended-themes-section recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button:hover {
	background-color: #89cff0 !important;
}

/* bei Empfehlungen, Themes und Erweiterungen ganz unten der letzte Container */
moz-card:has(.promo-layout) {
    background-color: #e8e8e8 !important;
    border: 5px double grey !important;
}

/* bei Empfehlungen unten links der Button mit dem Link */
moz-button[data-l10n-id="find-more-addons-promo-open-amo-button"] {
    background-color: gainsboro !important;
	border: 1px solid grey !important;
	border-radius: 25px !important;
	padding: 2px 15px 0px 15px !important;
}
moz-button[data-l10n-id="find-more-addons-promo-open-amo-button"]:hover {
	background-color: #fad6a5 !important;
	border: 1px solid grey !important;
}	

/* bei Erweiterungen unten links der Button mit dem Link */
moz-button[data-l10n-id="find-more-extensions-promo-open-amo-button"] {
    background-color: gainsboro !important;
	border: 1px solid grey !important;
	border-radius: 25px !important;
	padding: 2px 15px 0px 15px !important;
}
moz-button[data-l10n-id="find-more-extensions-promo-open-amo-button"]:hover {
	background-color: #fad6a5 !important;
	border: 1px solid grey !important;
}

/* bei Themes unten links der Button mit dem Link */
moz-button[data-l10n-id="find-more-themes-promo-open-amo-button"] {
    background-color: gainsboro !important;
	border: 1px solid grey !important;
	border-radius: 25px !important;
	padding: 2px 15px 0px 15px !important;
}
moz-button[data-l10n-id="find-more-themes-promo-open-amo-button"]:hover {
	background-color: #fad6a5 !important;
	border: 1px solid grey !important;
}		

/*===== Button Aktivieren und Deaktivieren bei Themes =====*/

/* ersten überlagernden Button Aktivieren und Deaktivieren ausgeblendet (bei Themes) */
button#main-button span.button-background {
    border-radius: 0 !important;
	border: unset !important;
	background: unset !important;
}

/* Button Deaktivieren bei Themes */
[data-l10n-id="disable-addon-button"] {
   max-width: 100px !important;	
   min-width: 100px !important;
   background-color: #48A43F !important;
   --button-text-color: #000 !important;
   --button-border: transparent !important;
   border: 1px solid grey !important;
   margin-bottom: -2px !important;
   margin-right: -4px !important;
}
[data-l10n-id="disable-addon-button"]:hover {
   background-color: #FA842B !important;
   border: 1px solid brown !important;
}

/* Button Aktivieren bei Themes */
[data-l10n-id="enable-addon-button"] {
   background-color: #FA842B !important;
   --button-text-color: #000 !important;
   --button-border: transparent !important;
   border: 1px solid grey !important;
   margin-bottom: -2px !important;
   margin-right: -4px !important;
}
[data-l10n-id="enable-addon-button"]:hover {
   background-color: #d4fe62 !important;
   border: 1px solid brown !important;
} 

/** ENDE **/

/* bei Geräteinterne KI der Text oben */
[data-l10n-id="mlmodel-description"] {
	background-color: #E9E5CE !important;
	border: 1px solid grey !important;
	border-width:  6px !important;
    border-style: double !important;
	border-radius: 0 !important;
	padding: 6px 5px 6px 15px !important;
	color: #594d45 !important;
} 

/* die Felder mit der MB-Angabe */
span.mlmodel-total-size-bubble {
	background-color: #d1d2bf !important;
	border: 1px solid grey !important;
}
span.mlmodel-total-size-bubble:hover {
	background-color: #f3e7d4 !important;
	border: 1px solid grey !important;
}		

/*===== Toggle-Button bei Erweiterungen =====*/

/* aktivierte Erw. Button HG */
#input.toggle-button[aria-pressed="true"] {
	background-color: green !important;	
    margin: 2px 3px 0 0 !important;
	border: 1px solid #000 !important;
}

/* aktivierte Erw. Button HG bei Hover */
#input.toggle-button[aria-pressed="true"]:enabled:hover {
    background-color: red !important;
    border: 1px solid #000 !important;
}

/* deaktivierte Erw. Button HG */ 
#input.toggle-button[aria-pressed="false"] {
    background-color: transparent !important;
	margin: 1px 3px 0 0 !important;
}

/* deaktivierte Erw. Button bei Hover HG */
#input.toggle-button:enabled:hover {
    background-color: lightgreen !important;
}

/** ENDE **/

/*==== More-Options-Button (Drei-Punkte-Button) ====*/

addon-card .more-options-button {
   	background-color: #CCF2FF !important;
	border: 1px solid grey !important;
	min-height: 24px !important;
	max-height: 24px !important;
	min-width: 24px !important;
	max-width: 24px !important;
	margin-inline-end: 3px !important;
	margin-top: 1px !important;
} 
addon-card .more-options-button:hover,
addon-card .more-options-button:focus-visible {
    outline: none !important;
    border: 1px solid brown !important;
    background-color: greenyellow !important;
}

/*== Popup des Drei-Punkte-Button ==*/

/* Anpassungen des Popup-Menüs */
addon-options > panel-list[role="menu"],
plugin-options > panel-list[role="menu"] {
   border-radius: 0 !important;
   border: 1px solid dodgerblue !important;
   border-width:  4px !important;
   border-style: double !important;
   background-color: #eeffee !important;
   margin-top: -1px !important;
   padding: 4px 4px 6px 4px !important;
}

/* Anpassungen der Items (Button) */
addon-options > panel-list > panel-item,
plugin-options > panel-list > panel-item {
   --in-content-button-background: none !important;
   --in-content-button-background-hover: none !important;
   --in-content-button-background-active: none !important;
   opacity: 1.0 !important;
   height: 26px !important;
   box-shadow: none !important;
   border: 1px solid grey !important;
   background-color: #b2beb5 !important;
   margin: 2px 2px 0 2px !important;
}
/* einige Items mit anderer Farbe als HG */
addon-options > panel-list > panel-item[action="remove"] {
   background-color: #800 !important;
   color: #FFF !important;
}
addon-options > panel-list > panel-item[action="expand"],
plugin-options > panel-list > panel-item[action="manage-addon-button"] {
   background-color: #804628 !important;
   color: #FFF !important;
}
addon-options > panel-list > panel-item[action="preferences"] {
   background-color: #217B22 !important;
   color: #FFF !important;
}
addon-options > panel-list > panel-item:hover,
addon-options > panel-list > panel-item[action="preferences"]:hover,
addon-options > panel-list > panel-item[action="remove"]:hover,
addon-options > panel-list > panel-item[action="expand"]:hover,
plugin-options > panel-list > panel-item:hover,
plugin-options > panel-list > panel-item[action="manage-addon-button"]:hover {
   fill: #000 !important;
   background-color: #f0ffff !important;
   color: #000 !important;
}

/* ab Version 110 die Separatoren (Menü hinter den drei Punkten) */
div#main addon-list section.plugin-enabled-section addon-card div.card.addon plugin-options panel-list hr,
addon-options panel-list hr,
plugin-options panel-list hr {
   background: grey !important;
   margin: 2px 0 2px 0 !important;
}

/*============ Icons für Popup-Menü vom Drei-Punkte-Button =============*/
/* in userChromeShadow.css werden die originalen Icons ausgeblendet */

/* Entfernen */
addon-options > panel-list > panel-item[action="remove"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("..//icons/0035.gif") no-repeat !important;
   background-position: 5px 0px !important;
   background-size: 16px 16px !important;
   padding-left: 10px !important;
   padding-right: 10px !important;
   margin-left: 6px;
   margin-right: -32px;
}

/* Einstellungen */
addon-options > panel-list > panel-item[action="preferences"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("..//icons/0036.png") no-repeat !important;
   background-position: 5px 0px !important;
   background-size: 16px 16px !important;
   padding-left: 10px !important;
   padding-right: 10px !important;
   margin-left: 6px;
   margin-right: -32px;
}

/* Melden */
addon-options > panel-list > panel-item[action="report"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("..//icons/0037.png") no-repeat !important;
   background-position: 5px 0px !important;
   background-size: 16px 16px !important;
   padding-left: 10px !important;
   padding-right: 10px !important;
   margin-left: 6px;
   margin-right: -32px;
}

/* Verwalten */
addon-options > panel-list > panel-item[action="expand"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("..//icons/0038.png") no-repeat !important;
   background-position: 5px 0px !important;
   background-size: 16px 16px !important;
   padding-left: 10px !important;
   padding-right: 10px !important;
   margin-left: 6px;
   margin-right: -32px;
}

/* Aktualisieren */
addon-options > panel-list > panel-item[action="install-update"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("..//icons/0130.png") no-repeat !important;
   background-position: 5px 0px !important;
   background-size: 16px 16px !important;
   padding-left: 10px !important;
   padding-right: 10px !important;
   margin-left: 6px;
   margin-right: -32px;
}

addon-options > panel-list > panel-item[action="install-update"]{
	 background-image: none !important;
}

/*=== bei Plugins ===*/

/* Immer aktivieren */
plugin-options > panel-list > panel-item[action="always-activate"]::before {
   margin-right: -21px !important; 
   margin-left: 5px !important;
   content: '' !important;
   display: block !important;
   width: 19px !important;
   height: 15px !important;
   background: url("..//icons/aktiv.png") no-repeat !important;
   background-position: 2px 0px !important;
   background-size: 17px 17px !important;
}

plugin-options > panel-list > panel-item[action="always-activate"]:not([checked])::before {
   margin-right: -21px !important; 
   margin-left: 5px !important;
   content: '' !important;
   display: block !important;
   width: 19px !important;
   height: 15px !important;
   background: url("..//icons/inaktiv.png") no-repeat !important;
   background-position: 2px 0px !important;
   background-size: 16px 16px !important;
}

/* Nie aktivieren */
plugin-options > panel-list > panel-item[action="never-activate"]::before {
   margin-right: -21px !important; 
   margin-left: 5px !important;
   content: '' !important;
   display: block !important;
   width: 19px !important;
   height: 15px !important;
   background: url("..//icons/aktiv.png") no-repeat !important;
   background-position: 2px 0px !important;
   background-size: 17px 17px !important;
}

plugin-options > panel-list > panel-item[action="never-activate"]:not([checked])::before {
   margin-right: -21px !important; 
   margin-left: 5px !important;
   content: '' !important;
   display: block !important;
   width: 19px !important;
   height: 15px !important;
   background: url("..//icons/inaktiv.png") no-repeat !important;
   background-position: 2px 0px !important;
   background-size: 16px 16px !important;
}

/* Verwalten */
plugin-options > panel-list > panel-item[action="expand"]::before {
   margin-right: -21px !important; 
   margin-left: 6px !important;
   content: '' !important;
   display: block !important;
   width: 19px !important;
   height: 15px !important;
   background: url("..//icons/0038.png") no-repeat !important;
   background-position: 2px 0px !important;
   background-size: 16px 16px !important;
}

/** ENDE **/

/*===== unter Verwalten die Popup-Fenster =====*/

/* Popup unter Verwalten */
div[current-view="detail"] .card {
   background-color: lightgrey !important;
   border-radius: 8px !important;
   border: 1px solid grey !important;
   border-width:  6px !important;
   border-style: double !important;
   margin-bottom: 0 !important;
   padding-top: 10px !important;
}
div[current-view="detail"] .card:hover {
   background-color: #f8f8ff !important;
}

/* Button unter Verwalten bei Erweiterungen */
button-group.tab-group > button {
   border: 1px solid #B2B2B2 !important;
   background-color: #0060DF !important;
   color: #FFF !important;
   margin: 3px 3px 3px 0px !important;
}

/* der aktive Button */
button-group.tab-group > button[selected=""] {
   border-top: 1px solid #B2B2B2 !important;
   background-color: #217B22 !important;
   color: #FFF !important;
   box-shadow: none !important;
}
button-group.tab-group > button:hover,
button-group.tab-group > button[selected=""]:hover {
   border-top: 1px solid #B2B2B2 !important;
   background-color: #D1E2F2 !important;
   color: #000 !important;
   margin: 3px 3px 3px 0px !important;
}

/* Button "Details" */
button#details-deck-button-details {
   padding: 3px 8px 4px 8px !important;
   max-width: 120px !important;
   min-width: 120px !important;
   border-radius: 0 !important;
}

/* Button "Einstellungen" */
button#details-deck-button-preferences {
   padding: 3px 8px 4px 8px !important;
   max-width: 140px !important;
   min-width: 140px !important;
   border-radius: 0 !important;
}

/* Button "Berechtigungen und Daten" */
button#details-deck-button-permissions {
   padding: 3px 8px 4px 8px !important;
   max-width: 200px !important;
   min-width: 200px !important;
   border-radius: 0 !important;
}

/* Button "Versionshinweise" */
button#details-deck-button-release-notes {
   padding: 3px 8px 4px 8px !important;
   max-width: 150px !important;
   min-width: 150px !important;
   border-radius: 0 !important;
}

/* Button "Unterstützen" */
#details-deck section div.addon-detail-contribute button.addon-detail-contribute-button {
    background-color: lightblue !important;
}

/* bei Hover */
#details-deck section div.addon-detail-contribute button.addon-detail-contribute-button:hover {
    background-color: #CB8D73 !important;
}

/* Links bei Hover andere Farbe (magenta) */
#details-deck section div.addon-detail-row.addon-detail-row-homepage a:hover,
#details-deck section div.addon-detail-row.addon-detail-row-updates div.addon-detail-actions button.button-link:hover,
#details-deck section div.addon-detail-row.addon-detail-help-row a:hover {
	color: magenta !important;
}

/* bei Themes das Image */
div#main addon-card moz-card.card.addon theme-preview img.card-heading-image {
	margin-left: 5px !important;
}

/** ENDE **/
}

Alles anzeigen

2002Andreas

Zitat von Boersenfeger

der Body geht nicht trotz Änderung des Codes bis nah an den rechten Rand.

Ob das damit etwas zu tun hat kann ich nicht sagen, aber:

Du gibst min-width 1455px an, aber als max-width nur 1350px, das geht nicht.

Boersenfeger

Änderung des max-width Wertes auf 1455px ändert nichts.

2002Andreas

Zitat von Boersenfeger

1455px ändert nichts.

Und wenn du ihn verkleinerst?

Weil hier sieht das so aus:

Der obere Balken ist zu breit, dadurch wird das Fenster verschoben und es erscheint hier ein Scrollbalken unten.

Boersenfeger

Bei dir ist ja rechts auch noch soviel Platz zum rechten Rand;
Wenn ich die Werte verkleinere, ändert sich lediglich der obere silberne Balken (er wird kürzer), wenn ich den Wert vergrößere, erscheint hier dann auch der Scrollbalken unten.

2002Andreas

Zitat von Boersenfeger

Bei dir ist ja rechts auch noch soviel Platz zum rechten Rand;

Ja, wegen dem Balken oben.

Wenn ich die Breite ändere sieht es so aus:

Boersenfeger

Wo änderst du es? Meinetwegen kann der auch weg....

Wenn ich die Zeile auf 55px wechsele passiert mit dem Body nix

2002Andreas

Zitat von Boersenfeger

Wo änderst du es?

Siehe Beitrag Nr. 50 den Screenshot.

Beide Werte verkleinern oder mal ganz entfernen zwecks Test.

Wenn du bei dir mal ganz nach rechts scrollst, ist dann der Balken oben bei dir auch vorhanden, und breiter als alles andere darunter?

Boersenfeger

Zeile 252 bis 263 auskommentiert

Zitat von 2002Andreas

Wenn du bei dir mal ganz nach rechts scrollst, ist dann der Balken oben bei dir auch vorhanden, und breiter als alles andere darunter?

Ich kann nicht nach rechts scrollen, da der Scrollbalken ja nicht mehr erscheint.

2002Andreas

Zitat von Boersenfeger

Zeile 252 bis 263 auskommentiert

Nur ein Test.

Ändere hier den Breite mal:

Statt min-width: 1200px

neu:

max-width: calc(100%) !important;

Ansonsten muss ich passen.

Boersenfeger

Treffer versenkt!

Fällt dir auch noch was zu der unteren grauen Linie und der dicken blauen Linie links ein.

Zitat von Boersenfeger

Es wird immer besser
Auf den beiden Bildchen wird noch deutlich, das ich derzeit 3 Baustellen habe. 1 habe ich angemarkert, bei den Buttons auf der rechten Seite ist eine dicke blaue Linie zu sehen ...

2002Andreas

Zitat von Boersenfeger

zu der unteren grauen Linie und der dicken blauen Linie links ein.

Das habe ich beides hier nicht

PS:

Hast du evtl. Nova deaktiviert?

Teste für den linken blauen Balken:

CSS

button {
  &[selected] {
    &::before {
      --page-nav-button-indicator-width: none !important;
    }
  }
}

Anzeige unter about:addons in Nightly verändert

Ähnliche Themen

Nur die Anzeige der Ordner/Lesezeichenanzahl in einer anderen Farbe darstellen

Konfiguration von Thunderbird, per Enterprise Policy policies.json

about:addons mit einigen Fehlern in 150.0 Nightly

Suchfeld hellblau und leert sich nicht mehr, Scriptfehler?

Der Inhalt eines PDF-Anhanges lässt sich seit heute weder herunterladen noch anzeigen

Firefox v141.0 UndoCloseTabButton.uc.js Skript funktioniert nicht mehr