Beiträge von Boersenfeger

Boersenfeger

Externer Inhalt www.youtube.com

Inhalte von externen Seiten werden ohne deine Zustimmung nicht automatisch geladen und angezeigt.

Durch die Aktivierung der externen Inhalte erklärst du dich damit einverstanden, dass personenbezogene Daten an Drittplattformen übermittelt werden. Mehr Informationen dazu haben wir in unserer Datenschutzerklärung zur Verfügung gestellt.

Für Freunde des Ska

Boersenfeger

Guckst du..

Wie schon erwähnt, wenn man den Bereich löscht, ändert sich an der hier diskutierten Problematik nichts.

Boersenfeger

Das ist nicht vergessen, sondern bewusst so auskommentiert!
Ich kann den davon betroffenen Code auch rauslöschen, da bei Aktivierung es sonst eine unschöne Erscheinung gibt!

Soeben kam wieder ein UpDate von uBlock. Dies konnte nur installiert werden, indem ich den Code kurz deaktiviert hatte.

Boersenfeger

Beide Male zeigt die Erweiterung Stylus die gleiche Versionsnummer....

Boersenfeger

Das Video ist zu schnell für meine müden Augen...
Du konntest also auch nicht updaten?
FuchsFan schrieb, mit dem Button Verwalten wäre es gegangen

Boersenfeger

Das ist jetzt aber keine neue Entdeckung!
Ich war einige Tage unterwegs und hatte gehofft, das es eine Erscheinung in Nightly war und diese sich bis zu meiner Rückkehr wieder erledigt hätte. Also eigentlich hatte ich es bereits bei Übernahme deines CSS so um den 25.10. festgestellt.....

Boersenfeger

Danke fürs Gucken!
Bei mir kommt schon häufiger eine Aktualisierung für uBlock Origin rein, da nutze ich die Betaversionen.
Ich werde es dann mal auf dem geschilderten Weg versuchen. Aber eigentlich sollte es ja auch so funktionieren. Das ein CSS ggf. was am Funktionieren des Updateprozesses verhindern kann, finde ich trotzdem merkwürdig, wenn es denn so ist.

Boersenfeger

FuchsFan Leider muss ich noch mal um Hilfe bitte!
Wenn der CSS aktiv ist, lassen sich keine Erweiterungen upDaten. Egal ob ich die herunterlade, unter about:addons mit dem Button auf UpDate überprüfen drücke oder eine heruntergeladene Erweiterung ins Erweiterungsfeld ziehe. Ist der Code deaktiviert, klappt alles wie erwartet.

Hier nochmal mein verwendeter CSS:

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;
}

/* Blauer Strich links an den Kategorie-Button ausblenden */

button {
  &[selected] {
    &::before {
      --page-nav-button-indicator-width: none !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: 55px !important;
    max-width: 55px !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; */
	max-width: calc(100%)!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="extension"] 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

Boersenfeger

Elke Sommer ist mit knapp 86 Jahren gestorben. RIP

Boersenfeger

Zitat von FuchsFan

Bitte!

Herzlichen Dank!

Boersenfeger

Hoppala:
Kannst du FuchsFan mir noch die von dir verwendeten Icons freundlicherweise zur Verfügung stellen?

Boersenfeger

Habe den Schnipsel von FuchsFan eingefügt und alles ist fein.

Boersenfeger

2002Andreas Der Code hilft!

FuchsFan Der Hintergrund für deaktivierte Erweiterungen stimmt, kann man es trotzdem ausblenden da ich keine deaktivierten Erweiterungen habe?

BTW:
Ich hatte "das" gemacht!

Ansonsten kann es dann so bleiben! Vielen Dank an euch beide!

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 ...

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.

Boersenfeger

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

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

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.

Boersenfeger

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

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

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

Beiträge von Boersenfeger

Was schaut ihr gerade?

Anzeige unter about:addons in Nightly verändert

Anzeige unter about:addons in Nightly verändert

Anzeige unter about:addons in Nightly verändert

Anzeige unter about:addons in Nightly verändert

Anzeige unter about:addons in Nightly verändert

Anzeige unter about:addons in Nightly verändert

Anzeige unter about:addons in Nightly verändert

In memoriam

Anzeige unter about:addons in Nightly verändert

Anzeige unter about:addons in Nightly verändert

Anzeige unter about:addons in Nightly verändert

Anzeige unter about:addons in Nightly verändert

Anzeige unter about:addons in Nightly verändert

Anzeige unter about:addons in Nightly verändert

Anzeige unter about:addons in Nightly verändert

Anzeige unter about:addons in Nightly verändert

Anzeige unter about:addons in Nightly verändert

Anzeige unter about:addons in Nightly verändert

Anzeige unter about:addons in Nightly verändert