Beiträge von Endor

Endor

Ja genau das brauch ich.

Prima!!!!

:klasse:

Mfg.
Endor

bitte teste jetzt meinen Code für about:studies nochmal:

CSS

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url(about:studies){

html {
background: #FFFFFF !important;
margin-top: 30px !important;
height: auto !important; }

body{
margin-left: auto !important;
margin-right: auto !important;
justify-content: center!important;
align-items: center!important;
max-width: 1000px !important;
height: auto !important;
margin-top: 20px !important;
margin-bottom: 20px !important;
padding-bottom: 20px !important;
padding-top: 15px !important;
padding-left: 50px !important;
padding-right: 50px !important;
background-color: #fffff0 !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-radius: 20px !important;
border-width: 4px !important;
border-style: outset !important;}

body:hover{
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}

/* .info-box-content{min-width: 1220px !important;}
.about-studies-container{min-width: 1300px !important;} */

.info-box:before {
content: "Endors Firefox ";
justify-content: center!important;
align-items: center!important;
font-weight:bold !important;
font-size: 26px !important;
color:red !important;}

li.study:nth-child(1) > div:nth-child(2) > div:nth-child(2) > code:nth-child(1),
li.study:nth-child(1) > div:nth-child(2) > div:nth-child(2) > code:nth-child(2),
li.study:nth-child(3) > div:nth-child(2) > div:nth-child(2) > code:nth-child(1),
li.study:nth-child(3) > div:nth-child(2) > div:nth-child(2) > code:nth-child(2){background-color: #FFFFF0 !important; }

li.study:nth-child(2) > div:nth-child(2) > div:nth-child(2) > code:nth-child(1),
li.study:nth-child(2) > div:nth-child(2) > div:nth-child(2) > code:nth-child(2){background-color: #ffffe6 !important; }

.info-box-content {
background-color: #FFFFCC !important;
padding-left: 35px !important;
padding-right: 35px !important;
padding-bottom: 20px !important;
padding-top: 15px !important;
margin-bottom: 10px!important;
margin-top: 30px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:3px !important;
border-radius:22px!important;}

.info-box-content:hover{
background-color: #ffeb99 !important;
padding-left: 35px !important;
padding-right: 35px !important;
padding-bottom: 20px !important;
padding-top: 15px !important;
margin-bottom: 10px!important;
margin-top: 30px!important;
border-style: outset !important;
border-width: 3px !important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}

#shield-studies-learn-more{
-moz-appearance:none!important;
background: #F0F0F0 url("../icons/Bild1.png")no-repeat !important;
margin-left: 13px !important;
padding-left:35px!important;
padding-right:10px!important;
padding-bottom: 4px!important;
padding-top: 4px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:2px !important;
font-size:14px!important;
text-decoration:none!important;
background-position:10px 6px!important;
border-radius:14px!important;
color:black !important;}

#shield-studies-learn-more:hover{
-moz-appearance:none!important;
background: #B2EDFA url("../icons/Bild1.png")no-repeat !important;
font-size:14px!important;
border-style: outset !important;
border-width:2px !important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
text-decoration:none!important;
background-position:10px 6px!important;}

#shield-studies-update-preferences{
-moz-appearance:none!important;
background: #F0F0F0 url("../icons/Bild2.png")no-repeat !important;
margin-left: 13px !important;
padding-left:30px!important;
padding-right:10px!important;
padding-bottom: 3px!important;
padding-top: 3px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:2px !important;
font-size:14px!important;
text-decoration:none!important;
background-position:10px 6px!important;
border-radius:14px!important;
color:black !important;}

#shield-studies-update-preferences:hover{
-moz-appearance:none!important;
background: #B2EDFA url("../icons/Bild2.png")no-repeat !important;
font-size:14px!important;
border-style: outset !important;
border-width:2px !important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
text-decoration:none!important;
background-position:10px 6px!important;}

.addon-study > div:nth-child(3) > button:nth-child(1),
ul.study-list:nth-child(2) > li:nth-child(n+1) > div:nth-child(3) > button:nth-child(1){
-moz-appearance:none!important;
background: #F0F0F0 url("../icons/delete.png")no-repeat !important;
margin-left: 13px !important;
padding-left:35px!important;
padding-right:20px!important;
padding-bottom: 3px!important;
padding-top: 3px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:2px !important;
font-size:14px!important;
text-decoration:none!important;
background-position:10px 6px!important;
border-radius:14px!important;
color:black !important;}

.addon-study > div:nth-child(3) > button:nth-child(1):hover,
ul.study-list:nth-child(2) > li:nth-child(n+1) > div:nth-child(3) > button:nth-child(1):hover{
-moz-appearance:none!important;
background: #B2EDFA url("../icons/delete.png")no-repeat !important;
font-size:14px!important;
border-style: outset !important;
border-width:2px !important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
text-decoration:none!important;
padding-right:20px!important;
padding-left:35px!important ;
background-position:10px 6px!important;}

li.study:nth-child(n+1){
border: none! important;
box-shadow: none! important;}

li.study:nth-child(even){
background-color: #FFFFCC !important;
padding-left: 15px !important;
padding-bottom: 20px !important;
padding-top: 15px !important;
margin-bottom: 10px!important;
margin-top: 10px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:3px !important;
border-radius:22px!important;}

li.study:nth-child(even):hover{
background-color: #ffeb6c !important;
padding-left: 15px !important;
padding-bottom: 20px !important;
padding-top: 15px !important;
margin-bottom: 10px!important;
margin-top: 10px!important;
border-style: outset !important;
border-width: 3px !important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}

li.study:nth-child(odd){
background-color: #fef4d8 !important;
padding-left: 15px !important;
padding-bottom: 20px !important;
padding-top: 15px !important;
margin-bottom: 10px!important;
margin-top: 10px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:3px !important;
border-radius:22px!important;}

li.study:nth-child(odd):hover{
background-color: #fce39c !important;
padding-left: 15px !important;
padding-bottom: 20px !important;
padding-top: 15px !important;
margin-bottom: 10px!important;
margin-top: 10px!important;
border-style: outset !important;
border-width: 3px !important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}

li.study:nth-child(n+1) > div:nth-child(2) > div:nth-child(1) {color: #cd4f39 !important;}

h2{color: #af3a04 !important;}

li.study:nth-child(n+1) > div:nth-child(2) > div:nth-child(1) > span:nth-child(3){color: red !important;}

.study.disabled .study-icon {
background: #ffaa80!important;}
}

Alles anzeigen

Mfg.
Endor

Endor

Bitte obigen Beitrag beachten, der wurden durch die Forums Software mit ein

weiterer zusammengefügt.

Mfg.
Endor

Endor

Hallo Büssen.

Danke für das Bild. :klasse:

Wie ich sehe wir die untere Entfernen Schaltfläche nicht angesprochen.

Das muss ich mir gleich mal anschauen.

Mfg.
Endor

Büssen

Da bei mir keine Studien aktiv sind wird mir da nichts angezeigt

auch in den Entwicklerwerkzeugen nicht. Nun weiß ich nicht wie ich das

machen soll, bräuchte dazu etwas Hilfe.

Öffne bitte die Entwicklerwerkzeuge, drücke dazu, Umschalttaste + Strg + I

dann öffnen sich die Entwicklerwerkzeuge.
Links oben siehst Du da einen schwarzen Pfeil da drauf klicken, dann wird er
blau, nun klickst Du bitte auf die nicht angesprochene Entfernen Schaltfläche

bei about:studies. Nun siehst Du in den Entwicklerwerkzeugen eine blaue Zeile
da bitte rechtsklick drauf machen aus dem Menü Kopieren und aus dem Untermenü dann
CSS-Sektor anklicken.

Nun das kopierte hier im nächsten Beitrag einfügen.

Entwicklerwerkzeuge kannst Du wieder schließen.

geht mit klick auf das Schließenkreuz Rechts oben in den Entwicklerwerkzeugen
oder wieder mit Tastenkombination: Umschalttaste + Strg + I

Vielen Dank für Deine Mühe.

Mfg.
Endor

Endor

Hallo zusammen.

Kleines Update für about:studies

CSS Code:

CSS

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url(about:studies){

html {
background: #FFFFFF !important;
margin-top: 30px !important; 
height: auto !important; }

body{
margin-left: auto !important;
margin-right: auto !important;
justify-content: center!important;
align-items: center!important;
max-width: 1000px !important;
height: auto !important;
margin-top: 20px !important;
margin-bottom: 20px !important;
padding-bottom: 20px !important;
padding-top: 15px !important;
padding-left: 50px !important;
padding-right: 50px !important;
background-color: #fffff0 !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-radius: 20px !important;
border-width: 4px !important;
border-style: outset !important;}

body:hover{
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}


/* .info-box-content{min-width: 1220px !important;}
.about-studies-container{min-width: 1300px !important;} */

.info-box:before {
content: "Endors Firefox ";
justify-content: center!important;
align-items: center!important;
font-weight:bold !important;
font-size: 26px !important;
color:red !important;}

li.study:nth-child(1) > div:nth-child(2) > div:nth-child(2) > code:nth-child(1),
li.study:nth-child(1) > div:nth-child(2) > div:nth-child(2) > code:nth-child(2),
li.study:nth-child(3) > div:nth-child(2) > div:nth-child(2) > code:nth-child(1),
li.study:nth-child(3) > div:nth-child(2) > div:nth-child(2) > code:nth-child(2){background-color: #FFFFF0 !important; }

li.study:nth-child(2) > div:nth-child(2) > div:nth-child(2) > code:nth-child(1),
li.study:nth-child(2) > div:nth-child(2) > div:nth-child(2) > code:nth-child(2){background-color: #ffffe6 !important; }

.info-box-content {
background-color: #FFFFCC !important;
padding-left: 35px !important;
padding-right: 35px !important;
padding-bottom: 20px !important;
padding-top: 15px !important;
margin-bottom: 10px!important;
margin-top: 30px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:3px !important;
border-radius:22px!important;}

.info-box-content:hover{
background-color: #ffeb99 !important;
padding-left: 35px !important;
padding-right: 35px !important;
padding-bottom: 20px !important;
padding-top: 15px !important;
margin-bottom: 10px!important;
margin-top: 30px!important;
border-style: outset !important;
border-width: 3px !important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
 
#shield-studies-learn-more{
-moz-appearance:none!important;
background: #F0F0F0 url("../icons/Bild1.png")no-repeat !important;
margin-left: 13px !important;
padding-left:35px!important;
padding-right:10px!important;
padding-bottom: 4px!important;
padding-top: 4px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:2px !important;
font-size:14px!important;
text-decoration:none!important;
background-position:10px 6px!important;
border-radius:14px!important;
color:black !important;}

#shield-studies-learn-more:hover{
-moz-appearance:none!important;
background: #B2EDFA url("../icons/Bild1.png")no-repeat !important;
font-size:14px!important;
border-style: outset !important;
border-width:2px !important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
text-decoration:none!important;
background-position:10px 6px!important;}

#shield-studies-update-preferences{
-moz-appearance:none!important;
background: #F0F0F0 url("../icons/Bild2.png")no-repeat !important;
margin-left: 13px !important;
padding-left:30px!important;
padding-right:10px!important;
padding-bottom: 3px!important;
padding-top: 3px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:2px !important;
font-size:14px!important;
text-decoration:none!important;
background-position:10px 6px!important;
border-radius:14px!important;
color:black !important;}

#shield-studies-update-preferences:hover{
-moz-appearance:none!important;
background: #B2EDFA url("../icons/Bild2.png")no-repeat !important;
font-size:14px!important;
border-style: outset !important;
border-width:2px !important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
text-decoration:none!important;
background-position:10px 6px!important;}

.addon-study > div:nth-child(3) > button:nth-child(1),
ul.study-list:nth-child(2) > li:nth-child(1) > div:nth-child(3) > button:nth-child(1){
-moz-appearance:none!important;
background: #F0F0F0 url("../icons/delete.png")no-repeat !important;
margin-left: 13px !important;
padding-left:35px!important;
padding-right:20px!important;
padding-bottom: 3px!important;
padding-top: 3px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:2px !important;
font-size:14px!important;
text-decoration:none!important;
background-position:10px 6px!important;
border-radius:14px!important;
color:black !important;}

.addon-study > div:nth-child(3) > button:nth-child(1):hover,
ul.study-list:nth-child(2) > li:nth-child(1) > div:nth-child(3) > button:nth-child(1):hover{
-moz-appearance:none!important;
background: #B2EDFA url("../icons/delete.png")no-repeat !important;
font-size:14px!important;
border-style: outset !important;
border-width:2px !important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
text-decoration:none!important;
padding-right:20px!important;
padding-left:35px!important ;
background-position:10px 6px!important;}

li.study:nth-child(n+1){border: none! important; box-shadow: none! important;}

li.study:nth-child(even){
background-color: #FFFFCC !important;
padding-left: 15px !important;
padding-bottom: 20px !important;
padding-top: 15px !important;
margin-bottom: 10px!important;
margin-top: 10px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:3px !important;
border-radius:22px!important;}

li.study:nth-child(even):hover{
background-color: #ffeb6c !important;
padding-left: 15px !important;
padding-bottom: 20px !important;
padding-top: 15px !important;
margin-bottom: 10px!important;
margin-top: 10px!important;
border-style: outset !important;
border-width: 3px !important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}

li.study:nth-child(odd){
background-color: #fef4d8 !important;
padding-left: 15px !important;
padding-bottom: 20px !important;
padding-top: 15px !important;
margin-bottom: 10px!important;
margin-top: 10px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:3px !important;
border-radius:22px!important;}

li.study:nth-child(odd):hover{
background-color: #fce39c !important;
padding-left: 15px !important;
padding-bottom: 20px !important;
padding-top: 15px !important;
margin-bottom: 10px!important;
margin-top: 10px!important;
border-style: outset !important;
border-width: 3px !important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}

li.study:nth-child(n+1) > div:nth-child(2) > div:nth-child(1) {color: #cd4f39 !important;}

h2{color: #af3a04 !important;}

li.study:nth-child(n+1) > div:nth-child(2) > div:nth-child(1) > span:nth-child(3){color: red !important;}

.study.disabled .study-icon {
background: #ffaa80!important;
}
}

Alles anzeigen

Habt ihr da vieleicht auch aktive Studien, ich habe da bis jetzt immer nur abgeschlossene Studien gesehen.

Boersenfeger für dich könnte Zeile 14 wichtig sein. :wink:

Mfg.
Endor

Endor

Zitat von StandingBill

Feine Sache das MediathekViewWeb.

Wenn man nicht durch geo blocking ausgesperrt würde.

Kommt eben davon wenn man zwar in einen Deutschsprachigen Land aber nicht in
Deutschland wohnt.

Endor

Wollte ich auch gerade schreiben.

Da liegt wohl ein Fehler vor.

Abwarten mal sehen was das Update von morgen bringt.

Mfg.
Endor

Endor

Gern geschehen!

Mfg.
Endor

Endor

Hallo FuchsFan

Danke für den CSS Code.

Also der Absatz ist schon so mit den 3 geschwungenen Klammern

im Original Code von Aris.

Nur genau der unterbricht in Deinem Code, aber nicht im Original von Aris,
die Reihe. Nach der doppelten geschwungenen Klammer nach dem Absatz,

ist alles was dann noch aufgeführt ist, in seiner Wirkung nicht mehr auf about:addons
beschränkt. Daher dann der Fehler von gestern Abend.

Wie so das bei Aris funktioniert und bei Dir nicht, verstehe ich aber auch nicht.
Hier nochmals dein CSS Code mit einer kleinen Änderung wegen diesem Absatz

ganz am Ende des CCS Codes:

CSS

/*=================== AGENT_SHEET =============================*/


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


/* Add-ons-Manager linke Seite (Sidebar) Hintergrund */
#sidebar {
background: linear-gradient(to bottom right, white,#acacac,#f2f3f4,#acacac) !important;
}


/* Add-ons-Manager rechte Seite Hintergrund */
#content,
.sticky-container,
.main-search,
.main-heading {
background: #bfc1c2 !important;
}


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


/* für alle Elemente rechte Seite die Länge einstellen */
.card,
addon-list addon-card > .addon.card,
addon-card[expanded] >.addon.card {
width: 65vw !important; /* Länge aller Elemente */
border: 2px solid grey !important;
border-radius: 10px !important;
}


/* Add-on Manager - Hintergrundfarbe für alle Elemente anpassen */
.addon.card {
background: gainsboro !important;
max-width: initial !important;
}


/* Hintergrund der Container bei Hover andere Farbe */
addon-list addon-card > .addon.card:hover {
background: lightblue !important;
}


/* Umrandung der Container bei Hover breiter Rand und andere Farbe */
:root {
--card-outline-color: royalblue !important;
}


/* vertikaler Abstand zwischen den Containern */
addon-card .addon {
margin: 7px !important;
}


/*Höhe der Container */
addon-card:not([expanded="true"]) .addon.card {
max-height: 115px !important; /* maximale Höhe der Container / hauptsächlich für Theme gedacht */
}


/* Schrift in den Containern / erlaubte Ausdehnung nach rechts */
.addon-description {
max-width: 750px !important;
}


/* verhindert die Ausweitung der Schrift über den rechten Rand der Container */
addon-card > .addon.card,
addon-card > .addon.card * {
overflow: hidden !important;
}


/*============== sonstige Anpassungen =====================*/


/* Hintergrund Menü Verwalten bei Hover */
.card:hover,
addon-list addon-card > .addon.card:hover,
addon-card[expanded] >.addon.card:hover {
background: lightblue !important;
}


/* Name für Erweiterungen, Themes, usw. in erster Zeile */
/* unter content beliebiger Name verwendbar */
.header-name {
font-size:0px !important;
margin-top: 17px !important;
}
.header-name[data-l10n-id="extension-heading"]::after {
font-size:18px !important;
font-weight: bold !important;
color: blue !important;
content: 'Erweiterungen verwalten' !important;
}
.header-name[data-l10n-id="theme-heading"]::after {
font-size:18px !important;
font-weight: bold !important;
color: blue !important;
content: 'Themen verwalten' !important;
}
.header-name[data-l10n-id="plugin-heading"]::after {
font-size:18px !important;
font-weight: bold !important;
color: blue !important;
content: 'Plugins verwalten' !important;
}
.header-name[data-l10n-id="dictionary-heading"]::after {
font-size:18px !important;
font-weight: bold !important;
color: blue !important;
content: 'Wörterbücher verwalten' !important;
}


/* Versionsnummer wird angezeigt */
div:not([current-view="updates"]) .addon-name-link[title]:not([data-l10n-args])::after,
div:not([current-view="updates"]) .addon-name[title]:not([data-l10n-args])::after {
display: block !important;
content: attr(title) !important;
margin-top: -22px !important;
}


/* unter Themes die Grafik anpassen */
.card-heading-image {
min-width: 800px !important; /* Länge der Grafik */
height: 70px !important; /* Höhe der Grafik */
margin-left: -4px !important; /* Abstand vom linken Rand */
margin-top: -8px !important; /* Abstand vom oberen Rand */
border: 2px solid grey !important; /* Umrandung */
border-radius: 8px !important;
}


/* blendet den Text für privates Browsing ein */
/* bei kurzen Containern empfiehlt sich die Deaktivierung */
.addon-badge-private-browsing-allowed::before {
content: "(In privaten Fenstern erlaubt)" !important;
margin-left: 10px !important; /* Entfernung nach rechts */
}


/* lila Icon -In privatem fenster erlaubt- Entfernung nach rechts */
.addon-badge-private-browsing-allowed {
min-width: 430px !important;
}


/* fortlaufende Nummerierung installierter Erweiterungen, Themes, usw. */
body {
counter-reset: section;
}


#main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2)::before,
#main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(3) > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2)::before {
color: red !important;
font-weight: bold !important;
counter-increment: section;
content: counter(section, decimal-leading-zero)".) ";
padding-right: 20px !important;
margin-top: -2px!important; /* Lage im Container */
margin-left: 5px !important; /* Abstand vom linken Rand */
}


/* Unter Plugins - Nachfragen ob aktiviert werden soll - entfernt */
.card > plugin-options:nth-child(4) > panel-list:nth-child(1) > panel-item:nth-child(1),
#main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(2) > div:nth-child(1) > plugin-options:nth-child(4) > panel-list:nth-child(1) > panel-item:nth-child(1),
#main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(3) > div:nth-child(1) > plugin-options:nth-child(4) > panel-list:nth-child(1) > panel-item:nth-child(1) {
display: none !important;
}


/* oben die Suche / Schrift und Text-Box anpassen */
.search-label {
color: dodgerblue !important;
font-size: 13px !important;
}


search-addons > search-textbox {
background: #ececec !important;
color: grey !important;
min-height: 22px !important; /* Höhe der Box */
width: 200px !important; /* Länge der Box */
font-size: 12px !important; /* Schriftgrösse */
}


.main-search {
margin-left: 270px !important; /* Suche nach rechts verlagert */
}


/*================= Toggle-Button ============================*/


/* Toggle-Button aktiv/inaktiv Farbe anpassen (auch bei Hover) */
addon-card .addon.card[active="true"] .toggle-button {
background: lime !important;
width: 32px !important;
border: 2px solid dodgerblue !important;
padding-left: 3px !important;
padding-right: 3px !important;
}


addon-card .addon.card[active="true"] .toggle-button:hover {
background: red !important;
border: 2px solid green !important;
}


addon-card .addon.card[active="false"] .toggle-button {
background: red !important;
width: 32px !important;
border: 2px solid green !important;
}


addon-card .addon.card[active="false"] .toggle-button:hover {
background: lime !important;
border: 2px solid dodgerblue !important;
}


/* Toggle-Button eventuell ausblenden */
.card-contents input[type="checkbox"].toggle-button {
-moz-margin-end: 2px !important; /* Abstand vom rechten Rand */
/* display: none !important; */ /* aktiviert = Button ausblenden */
}


/*==================== Button mit dem Zahnrad ==========================*/


.page-options-menu > .more-options-button {
fill: red !important; /* rotes Zahnrad */
border: 1px solid grey !important; /* farbige Umrandung */
border-radius: 15px !important; /* Abrundung */
width: 50px !important; /* Länge des Button */
height: 24px ! important; /* Höhe des Button */
box-shadow: inset 0 0 2px 2px grey; /* innerer Schatten */
}


.page-options-menu .more-options-button:hover {
fill: lime !important; /* Farbe des Zahnrades */
opacity: 1.0 !important;
border: 2px solid forestgreen !important;
box-shadow: inset 0 0 5px 5px greenyellow !important; /* innerer Schatten */
}


/* Optionen-Button verlagern */
button.more-options-button:nth-child(1) {
position: absolute !important;
left: 19% !important;
margin-top: -13px !important;
}


/*============== Aussehen des Menü hinter dem Zahnrad ===================*/


/* Feld hinter dem Zahnrad-Button */
#page-options > panel-list:nth-child(1) {
background: gainsboro ! important; /* farbiger Hintergrund des Feldes */
border: 3px solid dodgerblue !important;
border-radius: 9px !important;
max-width: 445px !important; /* Ausdehnung der Felder nach rechts */
}


div.arrow:nth-child(3){
fill: dodgerblue !important; /* kleine Spitze Richtung Zahnrad */
}


link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey] {
margin-left: 10% ! important; /* Abstand der Leisten vom linken Rand */
width: 377px !important; /* Länge der einzelnen Felder */
background: #f8f8ff ! important; /* Farbe des Hintergrundes */
max-width: 395px !important; /* Länge der aktivierten Menü-Leiste */
margin-right:10px ! important;
padding-top: 6px !important;
padding-bottom: 6px !important;
border:1px solid grey !important;
padding-left: 25px !important; /* bringt die Schrift nach rechts */
}


/* Schrift und felder bei Hover */
link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey]:hover {
background: lightyellow !important;
color: red !important;
}


.sticky-container {
z-index: 1000 !important;
}


addon-page-options panel-list panel-item {
width: 430px !important; /* Länge der aktivierten Menü-Leiste */
background: none ! important;
}


addon-page-options panel-list panel-item:hover {
width: 440px !important;
background: #00df00 ! important;
max-width: 435px !important; /* Ausdehnung der Felder nach rechts */
}


addon-page-options panel-list {
min-width: unset !important;
width: auto !important;
max-width: 450px !important; /* Ausdehnung der Felder nach rechts */
padding-left: -8px !important; /* Ausdehnung nach links */
z-index: 1000 !important;
}


/* Hintergrund der Box Updates automatisch aktualisieren */
addon-page-options panel-list panel-item[accesskey][checked] {
background: greenyellow !important;
min-width: 436px !important; /* Ausdehnung der Felder nach rechts */
}


/* Hintergrund der Box Updates automatisch aktualisieren bei Hover */
addon-page-options panel-list panel-item[accesskey][checked]:hover {
background: #ff2800 !important;
max-width: 435px !important; /* Ausdehnung der Felder nach rechts */
}


/* blendet Icons aus (Papierkorb, usw.) */
panel-item[badged]::after,
:host([badged]) button::after,
link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button::after,
:-moz-any(addon-options,plugin-options) button::after {
display: none !important;
content: unset !important;
}


/*====== Zurück-Button bei geöffnetem Menü Einstellung/Verwalten =========*/


.back-button {
background-color: gainsboro !important;/*Hintergrundfarbe vom Button*/
width: 50px !important;
height: 24px ! important; /* Höhe des Button */
border-radius: 25px !important;/*Rundung vom Button*/
box-shadow: inset 0 0 4px 4px grey !important;
}


.back-button:hover {
color: white !important;
background-color: dodgerblue !important;
border-radius: 60px !important;
box-shadow: inset 0 0 3px 3px lightblue !important;
}


/*=========== Aktiviert/Deaktiviert - Farbe ===========*/


.list-section-heading[data-l10n-id="extension-enabled-heading"],
.list-section-heading[data-l10n-id="theme-enabled-heading"],
.list-section-heading[data-l10n-id="plugin-enabled-heading"],
.list-section-heading[data-l10n-id="dictionary-enabled-heading"] {
font-weight: bold !important;
color: #03c03c !important;
text-indent: 15px;
}
.list-section-heading[data-l10n-id="extension-disabled-heading"],
.list-section-heading[data-l10n-id="theme-disabled-heading"],
.list-section-heading[data-l10n-id="plugin-disabled-heading"],
.list-section-heading[data-l10n-id="dictionary-disabled-heading"] {
font-weight: bold !important;
color: red !important;
text-indent: 15px;
}


/*============ Button (Felder) auf der rechten Seite ==============*/


/* <some> locales require adjustments */
html[lang="de"] {
--addon-page-options-width: 370px;
}


/* Anpasung der rechten Button */
addon-list[type="theme"] addon-card button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button):not([badged]),
.addon.card panel-item:not([badged]){
border: 2px solid grey !important; /* Umrandung */
border-radius: 25px !important; /* Ecken abgerundet */
box-shadow: inset 0 0 2px 2px white !important; /* innerer Schatten */
}


addon-list[type="theme"] addon-card button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button):hover,
addon-list[type="theme"] addon-card button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button):active {
border: 1px solid white !important;
}


:-moz-any(addon-list,panel-list) panel-item{
margin: 0 5px !important; /* Abstand zwischen den Button */
}


/* reduce size of default buttons */
link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button {
width: unset !important;
padding: 2px 20px !important; /* Ausdehnung der Button */
}


/* entfernt den Dreipunkte-Button */
addon-card .more-options-button {
display: none !important;
}


/* remove button icon (z.B. Papierkorb) */
:host([checked]),
panel-item[checked],
:-moz-any(addon-list,panel-list) panel-item {
--icon: unset !important;
}


/* ordnet die Button horizontal an */
div.arrow.top + div.list {
display: flex !important;
flex-flow: row wrap !important;
justify-content: flex-start !important;
}


/*========== zusätzliche Anpassungen für die Button ===========*/


/* blendet den Hintergrund aus / auch bei Hover */
/* Wirkung auch auf erste Zeile des Menü hinter dem Zahnrad */
panel-list > panel-item,
panel-list > panel-item:hover {
--in-content-button-background: none !important;
--in-content-button-background-hover: none !important;
--in-content-button-background-active: none !important;
}


/* Button Einstellungen */
panel-item[action="preferences"] {
order: -1;
}


/* Button Einstellungen bei Hover */
panel-item[action="preferences"]:hover {
order: -1;
background: #008000 !important;
color: white !important;
}


/* Button Entfernen bei Hover */
panel-item[action="remove"]:hover{
background: red !important;
color: white !important;
}


/* Button Melden bei Hover */
panel-item[action="report"]:hover{
color: white !important;
background: #8a2be2 !important;
}


/* Button Verwalten bei Hover */
panel-item[action="expand"]:hover {
color: white !important;
background: blue /* #008000 */ !important;
}


/* Button -Immer aktivieren- bei Hover */
panel-item[action="always-activate"]:hover {
background: #6f00ff !important;
color: white !important;
}


/* Button -Nie aktivieren- bei Hover */
panel-item[action="never-activate"]:hover {
background: red !important;
color: white !important;
}


/* Addons - Button Aktualisieren */
panel-item[badged] {
background: yellow !important;
border: 2px solid red !important;
/* border-radius: 20px !important; */
box-shadow: inset 0 0 2px 2px grey !important; /* innerer Schatten */
}


/* Button Aktualisieren bei Hover */
panel-item[badged]:hover {
background: lime !important;
}


/* blendet den Hintergrund Verfügbare Updates aus / auch bei Hover */
#updates-message,
#updates-message:hover {
--in-content-button-background: none !important;
--in-content-button-background-hover: none !important;
--in-content-button-background-active: none !important;
}


/* Button Verfügbare Updates anzeigen */
#updates-message{
background: gainsboro !important;
color: blue !important;
border: 2px solid grey !important;
padding-right: 15px !important;
padding-left: 15px !important;
}


/* Button Verfügbare Updates anzeigen bei Hover */
#updates-message:hover{
background: blue !important;
color: white !important;
box-shadow: inset 0 0 2px 2px white !important; /* innerer Schatten */
border: 2px solid dodgerblue !important;
}


/* rechte Button Lage und Ausblendungen */
addon-card panel-list {
position: relative !important;
display: flex !important;
overflow: hidden !important;
background: unset !important;
border: unset !important;
box-shadow: unset !important;
min-width: unset !important;
width: unset !important;
float: right !important;
right: 36px !important; /* Abstand der Button bei Erweiterungen vom rechten Rand */
}


/* Button vertikal verlagern */
addon-card panel-list {
margin-top: -50px !important;
}


/* Abstand der Button vom rechten Rand bei Plugins und Wörterbücher */
addon-list:-moz-any([type="plugin"],[type="dictionary"]) addon-card:not([expanded="true"]) panel-list {
right: 5px !important;
}


/* Abstand der Button vom rechten Rand bei Themes */
addon-list:-moz-any([type="theme"]) addon-card:not([expanded="true"]) panel-list {
right: 55px !important;
margin-top: -75px !important; /* Abstand vom oberen Rand */
}






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


/* blendet den Hintergrund aus / auch bei Hover */
addon-card .addon.card[active="true"] .theme-enable-button,
addon-card .addon.card[active="true"] .theme-enable-button:hover {
--in-content-button-background: none !important;
--in-content-button-background-hover: none !important;
--in-content-button-background-active: none !important;
}


/* bei aktivem Theme */
addon-card .addon.card[active="true"] .theme-enable-button {
background: #03c03c !important;
color: white !important;
margin-right: 450px !important;
margin-top: 3px !important;
height: 25px !important;
padding-left: 15px !important;
padding-right: 15px !important;
border: 2px solid red !important;
border-radius: 50px !important;
box-shadow: inset 0 0 2px 2px white !important; /* innerer Schatten */
}


/* bei inaktivem Theme */
addon-card .addon.card[active="false"] .theme-enable-button {
background: lightblue !important;
margin-right: 450px !important;
margin-top: 3px !important;
height: 25px !important;
padding-left: 15px !important;
padding-right: 15px !important;
border: 2px solid grey !important;
border-radius: 50px !important;
box-shadow: inset 0 0 2px 2px white !important; /* innerer Schatten */
}


addon-card:hover .addon.card[active="true"] .theme-enable-button {
background: red !important;
color: white !important;
/* border: 2px solid green !important */
}


addon-card:hover .addon.card[active="false"] .theme-enable-button {
background: #03c03c !important;
color: white !important;
border: 2px solid red !important;
box-shadow: inset 0 0 2px 2px white !important; /* innerer Schatten */
}


addon-list addon-card:not([expanded="true"]) .addon.card .theme-enable-button:hover {
cursor: pointer !important;
opacity: 1.0 !important;
filter: brightness(2.00) !important;
}


addon-list addon-card:not([expanded="true"]) .addon.card[active="true"] .theme-enable-button {
background: Highlight !important;
}


addon-list addon-card:not([expanded="true"]):hover .addon.card[active="true"] .theme-enable-button {
background: red !important;
}


addon-list addon-card:not([expanded="true"]):hover .addon.card[active="false"] .theme-enable-button {
background: green !important;
color: blue !important;
}


/* Abstand Button Aktivieren/Deaktivieren vom rechten Rand */
addon-card .addon.card .theme-enable-button,
input[type="checkbox"].toggle-button {
-moz-margin-end: 450px !important;}
}


@-moz-document url-prefix("chrome://mozapps/content/extensions/aboutaddons.html"),
url-prefix("about:addons") {
@supports -moz-bool-pref("browser.in-content.dark-mode") {
@media (prefers-color-scheme: dark) {
addon-list addon-card:not([expanded="true"]) panel-list *,
addon-list[type="theme"] addon-card:not([expanded="true"]) button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button),
.more-options-menu panel-item {
background: black !important;
color: white !important;
}
addon-list[type="theme"] addon-card:not([expanded="true"]) button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button):hover,
addon-list[type="theme"] addon-card:not([expanded="true"]) button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button):active {
border: 1px solid white !important;}
} }
}


/***************************************************************************************/

Alles anzeigen

Teste mal, keine Ahnung, ob Du da bei about:addons nun so einen Unterschied siehst.
Ich kann es leider nicht sagen.

Mfg.
Endor

Endor

Bitte gerne.

Mfg.
Endor

Endor

Auf welchen Code von Aris beziehst Du dich?

Den würde ich mir gern mal anschauen.

Mfg.
Endor

Endor

Schau mal hier: https://github.com/Endor8/CSS/tre…Hamburger-Panel

da müsste alles dabei sein.

Mfg.
Endor

Endor

Vielleicht damit:

CSS

#sync-tabs-menuitem{
-moz-appearance:none!important;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7DAAAOwwHHb6hkAAADcElEQVR4nHVTXWxTZRh+zzntOafn9Gdt3enoz8po2dauMLYat6iom5OpCwMGmswrLjRecAGBkDkTkCtCiDeQaGKCF7vQoBL0gpARJyFTxCDQwqA/6Nba/bU9Xdedru1pe3441Y2MGJ7kTb683/c835PvfT4E1jB66E2zQ2/4WG8wD+KUzmgwvsCwqYWSUC4VVSKXZsz6B6HH8c+OnPslBRuArS8yCzGqu9075vG2tkp8zhwLXieTM0HdcipmSubKlv1793Q1O5kjO1u08nfXo5P/Ezh/bOh0y9bNfdmFx8AmQiBUy4ChKFTxhspAfy9eb9ICRWCow2rqfcOjt34zEb3yVODCSM9Aq8t+vlLioLiSVjoIEFojqEmtfPt+5F5yOkgE7tymljJpqDfqwLmpzv+iiwpfmow/QmsCjYzxKzUiAggFIEkCArH83G+h9JiAGVJ3Zrh9uNpkUxH4udzyMvx6609IZ5Zg21b7F7WbsAuf9HXsaLYdl8QKIDLA71MJ9tufA+2hxeSP2z3t5MXxwJUbIVacCC6N7+5u7K7T0e4iXwUrU6exm/AfVEaafI8kcUVMBgRB4G5k/uzfSWBrzkY+v3hq44trCOKMXke/TRI4rBYqyA6P/SBKooJP2QCNYp3AcQhPZ6/Cc/Aono3ptBTUSo0TgKtU9agoVUVRFoE2bQKDmYF3X201P0+gKsrv6LQ0/FcUZLjSFJpcKl+ORKJA1VlBZ2uHXT0vndxIOjzUNliblt8P6ja3daRGpCgSaJqSI3H2Kpb/IxHydpo/RRAJtTZ3gaO5Y8vwK0z+y+9v3lKI6Ae97gkCFfS9Ps/Z9/v9XprSQKEkQI7jY/tGL5/E4gBSf5ezMfzwfudKJgFN23ZCQ9uu/pHhzuEOO/gseqxn4HXfa2+97LNqaQ1kuRJUBFEOhGc/unQjGkbWE/n10e7p2bk5Z21Em5tcYHe6gZ2bWTVoMK3DYYEtThtwRQHiC1lYzhXGDpz46SD8G7k1WCxAjw75g8nFRffKagkaLPW8BhXIRpsVXC4nJNJFKPIVKFeF8Idnrm1XKMIzf6FQAPnuP8I9iqI5bxNjL/CSSlKRMsej0oNpVszl+TxfFVO5QuVmdDExns9D9RkHa1AxDOOUZdmGYeBCAXHUzoiC9JcS9HklaPMsy8aUnrhOeALXrFu6bGkawwAAAABJRU5ErkJggg==") no-repeat !important;
min-height: 24px!important;
padding-left:4px!important;
background-position:6px 5px!important;
}


#sync-tabs-menuitem:hover{
-moz-appearance:none!important;
margin-right: -1px !important;
background: #ecf0f6 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7DAAAOwwHHb6hkAAADcElEQVR4nHVTXWxTZRh+zzntOafn9Gdt3enoz8po2dauMLYat6iom5OpCwMGmswrLjRecAGBkDkTkCtCiDeQaGKCF7vQoBL0gpARJyFTxCDQwqA/6Nba/bU9Xdedru1pe3441Y2MGJ7kTb683/c835PvfT4E1jB66E2zQ2/4WG8wD+KUzmgwvsCwqYWSUC4VVSKXZsz6B6HH8c+OnPslBRuArS8yCzGqu9075vG2tkp8zhwLXieTM0HdcipmSubKlv1793Q1O5kjO1u08nfXo5P/Ezh/bOh0y9bNfdmFx8AmQiBUy4ChKFTxhspAfy9eb9ICRWCow2rqfcOjt34zEb3yVODCSM9Aq8t+vlLioLiSVjoIEFojqEmtfPt+5F5yOkgE7tymljJpqDfqwLmpzv+iiwpfmow/QmsCjYzxKzUiAggFIEkCArH83G+h9JiAGVJ3Zrh9uNpkUxH4udzyMvx6609IZ5Zg21b7F7WbsAuf9HXsaLYdl8QKIDLA71MJ9tufA+2hxeSP2z3t5MXxwJUbIVacCC6N7+5u7K7T0e4iXwUrU6exm/AfVEaafI8kcUVMBgRB4G5k/uzfSWBrzkY+v3hq44trCOKMXke/TRI4rBYqyA6P/SBKooJP2QCNYp3AcQhPZ6/Cc/Aono3ptBTUSo0TgKtU9agoVUVRFoE2bQKDmYF3X201P0+gKsrv6LQ0/FcUZLjSFJpcKl+ORKJA1VlBZ2uHXT0vndxIOjzUNliblt8P6ja3daRGpCgSaJqSI3H2Kpb/IxHydpo/RRAJtTZ3gaO5Y8vwK0z+y+9v3lKI6Ae97gkCFfS9Ps/Z9/v9XprSQKEkQI7jY/tGL5/E4gBSf5ezMfzwfudKJgFN23ZCQ9uu/pHhzuEOO/gseqxn4HXfa2+97LNqaQ1kuRJUBFEOhGc/unQjGkbWE/n10e7p2bk5Z21Em5tcYHe6gZ2bWTVoMK3DYYEtThtwRQHiC1lYzhXGDpz46SD8G7k1WCxAjw75g8nFRffKagkaLPW8BhXIRpsVXC4nJNJFKPIVKFeF8Idnrm1XKMIzf6FQAPnuP8I9iqI5bxNjL/CSSlKRMsej0oNpVszl+TxfFVO5QuVmdDExns9D9RkHa1AxDOOUZdmGYeBCAXHUzoiC9JcS9HklaPMsy8aUnrhOeALXrFu6bGkawwAAAABJRU5ErkJggg==") no-repeat !important;
border-width: thin !important;
border-radius: 4px !important;
border-color: #aecff7 !important;
border-style: solid !important;
min-height: 24px!important;
padding-left:3px!important;
background-position:5px 4px!important;}

Alles anzeigen

Mfg.
Endor

Endor

Weil dein CSS Code für about:addons etwas durcheinander ist.

Da sind manche Klammer zu viel oder falsch gesetzt.

Habe mal versucht, das zu beheben, keine Ahnung ob es funktioniert.

Bitte teste mal.

CSS

/*=================== AGENT_SHEET =============================*/


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


/* Add-ons-Manager linke Seite (Sidebar) Hintergrund */
#sidebar {
background: linear-gradient(to bottom right, white,#acacac,#f2f3f4,#acacac) !important;
}


/* Add-ons-Manager rechte Seite Hintergrund */
#content,
.sticky-container,
.main-search,
.main-heading {
background: #bfc1c2 !important;
}


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


/* für alle Elemente rechte Seite die Länge einstellen */
.card,
addon-list addon-card > .addon.card,
addon-card[expanded] >.addon.card {
width: 65vw !important; /* Länge aller Elemente */
border: 2px solid grey !important;
border-radius: 10px !important;
}


/* Add-on Manager - Hintergrundfarbe für alle Elemente anpassen */
.addon.card {
background: gainsboro !important;
max-width: initial !important;
}


/* Hintergrund der Container bei Hover andere Farbe */
addon-list addon-card > .addon.card:hover {
background: lightblue !important;
}


/* Umrandung der Container bei Hover breiter Rand und andere Farbe */
:root {
--card-outline-color: royalblue !important;
}


/* vertikaler Abstand zwischen den Containern */
addon-card .addon {
margin: 7px !important;
}


/*Höhe der Container */
addon-card:not([expanded="true"]) .addon.card {
max-height: 115px !important; /* maximale Höhe der Container / hauptsächlich für Theme gedacht */
}


/* Schrift in den Containern / erlaubte Ausdehnung nach rechts */
.addon-description {
max-width: 750px !important;
}


/* verhindert die Ausweitung der Schrift über den rechten Rand der Container */
addon-card > .addon.card,
addon-card > .addon.card * {
overflow: hidden !important;
}


/*============== sonstige Anpassungen =====================*/


/* Hintergrund Menü Verwalten bei Hover */
.card:hover,
addon-list addon-card > .addon.card:hover,
addon-card[expanded] >.addon.card:hover {
background: lightblue !important;
}


/* Name für Erweiterungen, Themes, usw. in erster Zeile */
/* unter content beliebiger Name verwendbar */
.header-name {
font-size:0px !important;
margin-top: 17px !important;
}
.header-name[data-l10n-id="extension-heading"]::after {
font-size:18px !important;
font-weight: bold !important;
color: blue !important;
content: 'Erweiterungen verwalten' !important;
}
.header-name[data-l10n-id="theme-heading"]::after {
font-size:18px !important;
font-weight: bold !important;
color: blue !important;
content: 'Themen verwalten' !important;
}
.header-name[data-l10n-id="plugin-heading"]::after {
font-size:18px !important;
font-weight: bold !important;
color: blue !important;
content: 'Plugins verwalten' !important;
}
.header-name[data-l10n-id="dictionary-heading"]::after {
font-size:18px !important;
font-weight: bold !important;
color: blue !important;
content: 'Wörterbücher verwalten' !important;
}


/* Versionsnummer wird angezeigt */
div:not([current-view="updates"]) .addon-name-link[title]:not([data-l10n-args])::after,
div:not([current-view="updates"]) .addon-name[title]:not([data-l10n-args])::after {
display: block !important;
content: attr(title) !important;
margin-top: -22px !important;
}


/* unter Themes die Grafik anpassen */
.card-heading-image {
min-width: 800px !important; /* Länge der Grafik */
height: 70px !important; /* Höhe der Grafik */
margin-left: -4px !important; /* Abstand vom linken Rand */
margin-top: -8px !important; /* Abstand vom oberen Rand */
border: 2px solid grey !important; /* Umrandung */
border-radius: 8px !important;
}


/* blendet den Text für privates Browsing ein */
/* bei kurzen Containern empfiehlt sich die Deaktivierung */
.addon-badge-private-browsing-allowed::before {
content: "(In privaten Fenstern erlaubt)" !important;
margin-left: 10px !important; /* Entfernung nach rechts */
}


/* lila Icon -In privatem fenster erlaubt- Entfernung nach rechts */
.addon-badge-private-browsing-allowed {
min-width: 430px !important;
}


/* fortlaufende Nummerierung installierter Erweiterungen, Themes, usw. */
body {
counter-reset: section;
}


#main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2)::before,
#main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(3) > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2)::before {
color: red !important;
font-weight: bold !important;
counter-increment: section;
content: counter(section, decimal-leading-zero)".) ";
padding-right: 20px !important;
margin-top: -2px!important; /* Lage im Container */
margin-left: 5px !important; /* Abstand vom linken Rand */
}


/* Unter Plugins - Nachfragen ob aktiviert werden soll - entfernt */
.card > plugin-options:nth-child(4) > panel-list:nth-child(1) > panel-item:nth-child(1),
#main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(2) > div:nth-child(1) > plugin-options:nth-child(4) > panel-list:nth-child(1) > panel-item:nth-child(1),
#main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(3) > div:nth-child(1) > plugin-options:nth-child(4) > panel-list:nth-child(1) > panel-item:nth-child(1) {
display: none !important;
}


/* oben die Suche / Schrift und Text-Box anpassen */
.search-label {
color: dodgerblue !important;
font-size: 13px !important;
}


search-addons > search-textbox {
background: #ececec !important;
color: grey !important;
min-height: 22px !important; /* Höhe der Box */
width: 200px !important; /* Länge der Box */
font-size: 12px !important; /* Schriftgrösse */
}


.main-search {
margin-left: 270px !important; /* Suche nach rechts verlagert */
}


/*================= Toggle-Button ============================*/


/* Toggle-Button aktiv/inaktiv Farbe anpassen (auch bei Hover) */
addon-card .addon.card[active="true"] .toggle-button {
background: lime !important;
width: 32px !important;
border: 2px solid dodgerblue !important;
padding-left: 3px !important;
padding-right: 3px !important;
}


addon-card .addon.card[active="true"] .toggle-button:hover {
background: red !important;
border: 2px solid green !important;
}


addon-card .addon.card[active="false"] .toggle-button {
background: red !important;
width: 32px !important;
border: 2px solid green !important;
}


addon-card .addon.card[active="false"] .toggle-button:hover {
background: lime !important;
border: 2px solid dodgerblue !important;
}


/* Toggle-Button eventuell ausblenden */
.card-contents input[type="checkbox"].toggle-button {
-moz-margin-end: 2px !important; /* Abstand vom rechten Rand */
/* display: none !important; */ /* aktiviert = Button ausblenden */
}


/*==================== Button mit dem Zahnrad ==========================*/


.page-options-menu > .more-options-button {
fill: red !important; /* rotes Zahnrad */
border: 1px solid grey !important; /* farbige Umrandung */
border-radius: 15px !important; /* Abrundung */
width: 50px !important; /* Länge des Button */
height: 24px ! important; /* Höhe des Button */
box-shadow: inset 0 0 2px 2px grey; /* innerer Schatten */
}


.page-options-menu .more-options-button:hover {
fill: lime !important; /* Farbe des Zahnrades */
opacity: 1.0 !important;
border: 2px solid forestgreen !important;
box-shadow: inset 0 0 5px 5px greenyellow !important; /* innerer Schatten */
}


/* Optionen-Button verlagern */
button.more-options-button:nth-child(1) {
position: absolute !important;
left: 19% !important;
margin-top: -13px !important;
}


/*============== Aussehen des Menü hinter dem Zahnrad ===================*/


/* Feld hinter dem Zahnrad-Button */
#page-options > panel-list:nth-child(1) {
background: gainsboro ! important; /* farbiger Hintergrund des Feldes */
border: 3px solid dodgerblue !important;
border-radius: 9px !important;
max-width: 445px !important; /* Ausdehnung der Felder nach rechts */
}


div.arrow:nth-child(3){
fill: dodgerblue !important; /* kleine Spitze Richtung Zahnrad */
}


link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey] {
margin-left: 10% ! important; /* Abstand der Leisten vom linken Rand */
width: 377px !important; /* Länge der einzelnen Felder */
background: #f8f8ff ! important; /* Farbe des Hintergrundes */
max-width: 395px !important; /* Länge der aktivierten Menü-Leiste */
margin-right:10px ! important;
padding-top: 6px !important;
padding-bottom: 6px !important;
border:1px solid grey !important;
padding-left: 25px !important; /* bringt die Schrift nach rechts */
}


/* Schrift und felder bei Hover */
link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey]:hover {
background: lightyellow !important;
color: red !important;
}


.sticky-container {
z-index: 1000 !important;
}


addon-page-options panel-list panel-item {
width: 430px !important; /* Länge der aktivierten Menü-Leiste */
background: none ! important;
}


addon-page-options panel-list panel-item:hover {
width: 440px !important;
background: #00df00 ! important;
max-width: 435px !important; /* Ausdehnung der Felder nach rechts */
}


addon-page-options panel-list {
min-width: unset !important;
width: auto !important;
max-width: 450px !important; /* Ausdehnung der Felder nach rechts */
padding-left: -8px !important; /* Ausdehnung nach links */
z-index: 1000 !important;
}


/* Hintergrund der Box Updates automatisch aktualisieren */
addon-page-options panel-list panel-item[accesskey][checked] {
background: greenyellow !important;
min-width: 436px !important; /* Ausdehnung der Felder nach rechts */
}


/* Hintergrund der Box Updates automatisch aktualisieren bei Hover */
addon-page-options panel-list panel-item[accesskey][checked]:hover {
background: #ff2800 !important;
max-width: 435px !important; /* Ausdehnung der Felder nach rechts */
}


/* blendet Icons aus (Papierkorb, usw.) */
panel-item[badged]::after,
:host([badged]) button::after,
link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button::after,
:-moz-any(addon-options,plugin-options) button::after {
display: none !important;
content: unset !important;
}


/*====== Zurück-Button bei geöffnetem Menü Einstellung/Verwalten =========*/


.back-button {
background-color: gainsboro !important;/*Hintergrundfarbe vom Button*/
width: 50px !important;
height: 24px ! important; /* Höhe des Button */
border-radius: 25px !important;/*Rundung vom Button*/
box-shadow: inset 0 0 4px 4px grey !important;
}


.back-button:hover {
color: white !important;
background-color: dodgerblue !important;
border-radius: 60px !important;
box-shadow: inset 0 0 3px 3px lightblue !important;
}


/*=========== Aktiviert/Deaktiviert - Farbe ===========*/


.list-section-heading[data-l10n-id="extension-enabled-heading"],
.list-section-heading[data-l10n-id="theme-enabled-heading"],
.list-section-heading[data-l10n-id="plugin-enabled-heading"],
.list-section-heading[data-l10n-id="dictionary-enabled-heading"] {
font-weight: bold !important;
color: #03c03c !important;
text-indent: 15px;
}
.list-section-heading[data-l10n-id="extension-disabled-heading"],
.list-section-heading[data-l10n-id="theme-disabled-heading"],
.list-section-heading[data-l10n-id="plugin-disabled-heading"],
.list-section-heading[data-l10n-id="dictionary-disabled-heading"] {
font-weight: bold !important;
color: red !important;
text-indent: 15px;
}


/*============ Button (Felder) auf der rechten Seite ==============*/


/* <some> locales require adjustments */
html[lang="de"] {
--addon-page-options-width: 370px;
}


/* Anpasung der rechten Button */
addon-list[type="theme"] addon-card button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button):not([badged]),
.addon.card panel-item:not([badged]){
border: 2px solid grey !important; /* Umrandung */
border-radius: 25px !important; /* Ecken abgerundet */
box-shadow: inset 0 0 2px 2px white !important; /* innerer Schatten */
}


addon-list[type="theme"] addon-card button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button):hover,
addon-list[type="theme"] addon-card button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button):active {
border: 1px solid white !important;
}


:-moz-any(addon-list,panel-list) panel-item{
margin: 0 5px !important; /* Abstand zwischen den Button */
}


/* reduce size of default buttons */
link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button {
width: unset !important;
padding: 2px 20px !important; /* Ausdehnung der Button */
}


/* entfernt den Dreipunkte-Button */
addon-card .more-options-button {
display: none !important;
}


/* remove button icon (z.B. Papierkorb) */
:host([checked]),
panel-item[checked],
:-moz-any(addon-list,panel-list) panel-item {
--icon: unset !important;
}


/* ordnet die Button horizontal an */
div.arrow.top + div.list {
display: flex !important;
flex-flow: row wrap !important;
justify-content: flex-start !important;
}


/*========== zusätzliche Anpassungen für die Button ===========*/


/* blendet den Hintergrund aus / auch bei Hover */
/* Wirkung auch auf erste Zeile des Menü hinter dem Zahnrad */
panel-list > panel-item,
panel-list > panel-item:hover {
--in-content-button-background: none !important;
--in-content-button-background-hover: none !important;
--in-content-button-background-active: none !important;
}


/* Button Einstellungen */
panel-item[action="preferences"] {
order: -1;
}


/* Button Einstellungen bei Hover */
panel-item[action="preferences"]:hover {
order: -1;
background: #008000 !important;
color: white !important;
}


/* Button Entfernen bei Hover */
panel-item[action="remove"]:hover{
background: red !important;
color: white !important;
}


/* Button Melden bei Hover */
panel-item[action="report"]:hover{
color: white !important;
background: #8a2be2 !important;
}


/* Button Verwalten bei Hover */
panel-item[action="expand"]:hover {
color: white !important;
background: blue /* #008000 */ !important;
}


/* Button -Immer aktivieren- bei Hover */
panel-item[action="always-activate"]:hover {
background: #6f00ff !important;
color: white !important;
}


/* Button -Nie aktivieren- bei Hover */
panel-item[action="never-activate"]:hover {
background: red !important;
color: white !important;
}


/* Addons - Button Aktualisieren */
panel-item[badged] {
background: yellow !important;
border: 2px solid red !important;
/* border-radius: 20px !important; */
box-shadow: inset 0 0 2px 2px grey !important; /* innerer Schatten */
}


/* Button Aktualisieren bei Hover */
panel-item[badged]:hover {
background: lime !important;
}


/* blendet den Hintergrund Verfügbare Updates aus / auch bei Hover */
#updates-message,
#updates-message:hover {
--in-content-button-background: none !important;
--in-content-button-background-hover: none !important;
--in-content-button-background-active: none !important;
}


/* Button Verfügbare Updates anzeigen */
#updates-message{
background: gainsboro !important;
color: blue !important;
border: 2px solid grey !important;
padding-right: 15px !important;
padding-left: 15px !important;
}


/* Button Verfügbare Updates anzeigen bei Hover */
#updates-message:hover{
background: blue !important;
color: white !important;
box-shadow: inset 0 0 2px 2px white !important; /* innerer Schatten */
border: 2px solid dodgerblue !important;
}


/* rechte Button Lage und Ausblendungen */
addon-card panel-list {
position: relative !important;
display: flex !important;
overflow: hidden !important;
background: unset !important;
border: unset !important;
box-shadow: unset !important;
min-width: unset !important;
width: unset !important;
float: right !important;
right: 36px !important; /* Abstand der Button bei Erweiterungen vom rechten Rand */
}


/* Button vertikal verlagern */
addon-card panel-list {
margin-top: -50px !important;
}


/* Abstand der Button vom rechten Rand bei Plugins und Wörterbücher */
addon-list:-moz-any([type="plugin"],[type="dictionary"]) addon-card:not([expanded="true"]) panel-list {
right: 5px !important;
}


/* Abstand der Button vom rechten Rand bei Themes */
addon-list:-moz-any([type="theme"]) addon-card:not([expanded="true"]) panel-list {
right: 55px !important;
margin-top: -75px !important; /* Abstand vom oberen Rand */
}






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


/* blendet den Hintergrund aus / auch bei Hover */
addon-card .addon.card[active="true"] .theme-enable-button,
addon-card .addon.card[active="true"] .theme-enable-button:hover {
--in-content-button-background: none !important;
--in-content-button-background-hover: none !important;
--in-content-button-background-active: none !important;
}


/* bei aktivem Theme */
addon-card .addon.card[active="true"] .theme-enable-button {
background: #03c03c !important;
color: white !important;
margin-right: 450px !important;
margin-top: 3px !important;
height: 25px !important;
padding-left: 15px !important;
padding-right: 15px !important;
border: 2px solid red !important;
border-radius: 50px !important;
box-shadow: inset 0 0 2px 2px white !important; /* innerer Schatten */
}


/* bei inaktivem Theme */
addon-card .addon.card[active="false"] .theme-enable-button {
background: lightblue !important;
margin-right: 450px !important;
margin-top: 3px !important;
height: 25px !important;
padding-left: 15px !important;
padding-right: 15px !important;
border: 2px solid grey !important;
border-radius: 50px !important;
box-shadow: inset 0 0 2px 2px white !important; /* innerer Schatten */
}


addon-card:hover .addon.card[active="true"] .theme-enable-button {
background: red !important;
color: white !important;
/* border: 2px solid green !important */
}


addon-card:hover .addon.card[active="false"] .theme-enable-button {
background: #03c03c !important;
color: white !important;
border: 2px solid red !important;
box-shadow: inset 0 0 2px 2px white !important; /* innerer Schatten */
}


addon-list addon-card:not([expanded="true"]) .addon.card .theme-enable-button:hover {
cursor: pointer !important;
opacity: 1.0 !important;
filter: brightness(2.00) !important;
}


addon-list addon-card:not([expanded="true"]) .addon.card[active="true"] .theme-enable-button {
background: Highlight !important;
}


addon-list addon-card:not([expanded="true"]):hover .addon.card[active="true"] .theme-enable-button {
background: red !important;
}


addon-list addon-card:not([expanded="true"]):hover .addon.card[active="false"] .theme-enable-button {
background: green !important;
color: blue !important;
}


/* Abstand Button Aktivieren/Deaktivieren vom rechten Rand */
addon-card .addon.card .theme-enable-button,
input[type="checkbox"].toggle-button {
-moz-margin-end: 450px !important;
}
}


@supports -moz-bool-pref("browser.in-content.dark-mode"){
@media (prefers-color-scheme: dark) {
addon-list addon-card panel-list *,
addon-list[type="theme"] addon-card button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button),
.more-options-menu panel-item {
background: black !important;
color: white !important;
}
}


/***************************************************************************************/

Alles anzeigen

Diesen Teil habe ich mal an Ende des Codes gepackt,

CSS

@supports -moz-bool-pref("browser.in-content.dark-mode"){
@media (prefers-color-scheme: dark) {
addon-list addon-card panel-list *,
addon-list[type="theme"] addon-card button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button),
.more-options-menu panel-item {
background: black !important;
color: white !important;
}
}

Keine Ahnung ob der überhaupt funktioniert, da geht es irgendwie durcheinender.

Mfg.
Endor

Endor

Hallo FuchsFan

Nur ein kleiner Hinweis, dein obiger Code basiert nicht auf meinem letzten Code.

Vergleiche beide noch mal.

Teste meinen letzten CSS Code mal ohne

Deine ganzen Anpassungen. Nur meinen Code.Denn hier sieht es in allen Firefox Versionen gleich aus.

Mfg.

Endor

Endor

FuchsFan

Bitte testen:

CSS

    /*  AGENT_SHEET   */
    @namespace url(http://www.w3.org/1999/xhtml);

    @-moz-document url-prefix(about:protections){

    html {background: #ffffff !important;}

    #report-content::before{
    content: "Endors Protection" !important;
    margin-left:300px!important;
    margin-right:5px!important;
    margin-bottom: 20px !important;
    color:red !important;
    font-weight:bold !important;
    font-size:22px!important; }
     
    #report-title{ margin-top: 20px !important;}
     
    .passwords-stored-text .icon-small {
    fill: gold !important;}
     
    .synced-devices-text .icon-small {
    fill: red !important;}    
    
    #report-title, h2{color: #1a75ff !important; font-weight: bold !important; font-size: 18px !important;}
    
    #graph-week-summary{
    color: crimson !important; 
    font-weight: bold !important; 
    font-size: 16px !important; 
    margin-left: -80px !important;}
        
    body{
    margin-left: auto !important;
    margin-right: auto !important;
    justify-content: center!important;
    align-items: center!important;
    max-width: 1000px !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    padding-bottom: 20px !important;
    padding-top: 15px !important;
    padding-left: 50px !important;
    padding-right: 50px !important;
    background-color: #fffff0 !important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-radius: 20px !important;
    border-width:  4px !important;
    border-style: outset !important;}
    
    body:hover{
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
        
    #interventions{
    padding-top: 15px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    background-color: #fffff0 !important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-radius: 20px !important;
    border-width:  4px !important;
    border-style: outset !important;}
    
    #interventions:hover{
    background-color: #FFDEAD !important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    div.card, 
    section.card:nth-child(3),
    section.card:nth-child(4),
    section.card:nth-child(5),
    section.card:nth-child(6){
    padding-top: 15px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-radius: 20px !important;
    border-width:  4px !important;
    border-style: outset !important;}
    
    div.card:hover,
    section.card:nth-child(3):hover,
    section.card:nth-child(4):hover,
    section.card:nth-child(5):hover,
    section.card:nth-child(6):hover{
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;
    }
    
    #protection-details{
    background: #efefef url("..//icons/Bild94.png") no-repeat !important;
    margin-right: -5px !important;
    color:black!important;
    font-size:14px!important;
    padding-left:35px!important;
    padding-right:15px!important;
    padding-top: 3px!important;
    padding-bottom: 3px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    background-position:10px 5px!important;
    border-radius:14px!important;}
    
    #protection-details:hover{
    background: #B2EDFA url("..//icons/Bild94.png") no-repeat !important;
    padding-left:35px!important;
    background-position:10px 5px!important;
    border-radius:14px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #trackerContent,
    #cryptominerContent,
    #fingerprinterContent,
    #cookieContent,
    #socialContent{
    background-color: #fffff0 !important;
    line-height: 2 !important;}
    
    #tracker,
    #cryptominer,
    #fingerprinter,
    #cookie,
    #social{
    background-color: #fffff0 !important;
    border-left-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important; 
    border-style: outset !important;
    border-bottom-right-radius: 14px !important;
    border-bottom-left-radius:  14px !important;
    }
    
    #tracker-link,
    #cryptominer-link,
    #fingerprinter-link,
    #cookie-link,
    #social-link{
    background: #efefef url("..//icons/Bild1.png") no-repeat !important;
    margin-right: -5px !important;
    color:black!important;
    font-size:14px!important;
    padding-left:35px!important;
    padding-right: 22px!important;
    padding-bottom: 2px!important;
    padding-top: 2px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    background-position:10px 4px!important;
    border-radius:14px!important;}
    
    #tracker-link:hover,
    #cryptominer-link:hover,
    #fingerprinter-link:hover,
    #cookie-link:hover,
    #social-link:hover{
    background: #B2EDFA url("..//icons/Bild1.png") no-repeat !important;
    padding-left:35px!important;
    background-position:10px 4px!important;
    text-decoration: none !important;
    border-radius:14px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #lockwise-how-it-works{
    background: #efefef url("..//icons/Bild1.png") no-repeat !important;
    margin-right: -5px !important;
    color:black!important;
    font-size:14px!important;
    padding-left:35px!important;
    padding-right: 22px!important;
    padding-bottom: 2px!important;
    padding-top: 2px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    background-position:10px 4px!important;
    border-radius:14px!important;}
    
    #lockwise-how-it-works:hover{
    background: #B2EDFA url("..//icons/Bild1.png") no-repeat !important;
    padding-left:35px!important;
    background-position:10px 4px!important;
    text-decoration: none !important;
    border-radius:14px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #turn-on-sync{
    background: #efefef url("..//icons/Bild83.png") no-repeat !important;
    margin-left: 38px !important;
    color:black!important;
    font-size:14px!important;
    padding-left:35px!important;
    padding-right: 35px!important;
    padding-bottom: 2px!important;
    padding-top: 2px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    background-position:10px 4px!important;
    border-radius:14px!important;}
    
    #turn-on-sync:hover{
    background: #B2EDFA url("..//icons/Bild83.png") no-repeat !important;
    padding-left:35px!important;
    background-position:10px 4px!important;
    text-decoration: none !important;
    border-radius:14px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #manage-devices{
    background: #efefef url("..//icons/tools.png") no-repeat !important;
    margin-left: 38px !important;
    color:black!important;
    font-size:14px!important;
    padding-left:35px!important;
    padding-right: 35px!important;
    padding-bottom: 2px!important;
    padding-top: 2px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    background-position:10px 4px!important;
    border-radius:14px!important;}
    
    #manage-devices:hover{
    background: #B2EDFA url("..//icons/tools.png") no-repeat !important;
    padding-left:35px!important;
    background-position:10px 4px!important;
    text-decoration: none !important;
    border-radius:14px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    .synced-devices-text,
    .passwords-stored-text{min-width: 490px !important;}
    
    #manage-passwords-button{
    min-width: 250px !important;
    background: #0060df url("..//icons/key_go.png") no-repeat !important;
    background-position:14px 10px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    border-radius:22px!important;}
    
    #manage-passwords-button:hover{
    background: #003eaa url("..//icons/key_go.png") no-repeat !important;
    background-position:14px 10px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    border-radius:22px!important;}    
    
    #open-about-logins-button{
    background: #0060df url("..//icons/key_go.png") no-repeat !important;
    background-position:14px 10px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    border-radius:22px!important;}
    
    #open-about-logins-button:hover{
    background: #003eaa url("..//icons/key_go.png") no-repeat !important;
    background-position:14px 10px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    border-radius:22px!important;}    
    
    #sign-up-for-monitor-link {
    -moz-appearance: none !important;
    background: #0060df url("..//icons/database.png") no-repeat !important;
    background-position:18px 19px!important;
    padding-left: 22px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    border-radius:30px!important;}
    
    #sign-up-for-monitor-link:hover{
    background: #003eaa url("..//icons/database.png") no-repeat !important;
    background-position:18px 19px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    border-radius:30px!important;}
    
    #protection-settings{
    background: #efefef url("..//icons/Bild94.png") no-repeat !important;
    margin-right: -5px !important;
    color:black!important;
    font-size:14px!important;
    padding-left:35px!important;
    padding-right: 22px!important;
    padding-bottom: 4px!important;
    padding-top: 4px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    background-position:11px 5px!important;
    border-radius:14px!important;}
    
    #protection-settings:hover{
    background: #B2EDFA url("..//icons/Bild94.png") no-repeat !important;
    padding-left:35px!important;
    background-position:11px 5px!important;
    text-decoration: none !important;
    border-radius:14px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    }

Alles anzeigen

Mfg.

Endor

Endor

Kleinere Aktualisierung für CSS Code about:protections:

CSS

	/*  AGENT_SHEET   */
	@namespace url(http://www.w3.org/1999/xhtml);

	@-moz-document url-prefix(about:protections){

    html {background: #ffffff !important;}

	#report-content::before{
	content: "Endors Protection" !important;
	margin-left:300px!important;
	margin-right:5px!important;
	margin-bottom: 20px !important;
	color:red !important;
	font-weight:bold !important;
	font-size:22px!important; }
	 
	#report-title{ margin-top: 20px !important;}
	 
	.passwords-stored-text .icon-small {
	fill: gold !important;}
 	
	.synced-devices-text .icon-small {
	fill: red !important;}	
	
	img[class="icon light"][src="chrome://browser/content/logos/vpn-light.svg"]{
    filter: invert(13%) sepia(67%) saturate(4820%) hue-rotate(354deg) brightness(74%) contrast(111%) !important;
	}
	
	img[class="icon dark"][src="chrome://browser/content/logos/vpn-dark.svg"]{
    filter: invert(15%) sepia(67%) saturate(4820%) hue-rotate(354deg) brightness(74%) contrast(111%) !important;
	}
	
	#report-title, h2{
	color: #1a75ff !important; 
	font-weight: bold !important; 
	font-size: 18px !important;}
	
	#graph-week-summary{
	color: crimson !important; 
	font-weight: bold !important; 
	font-size: 16px !important; 
	margin-left: -80px !important;}
		
	[class="content-title"]{
	color: #1a75ff !important; 
	font-weight: bold !important; 	
	font-size: 13px !important; 	
	}
		
	body{
	margin-left: auto !important;
	margin-right: auto !important;
	justify-content: center!important;
	align-items: center!important;
	max-width: 1100px !important;
	margin-top: 20px !important;
	margin-bottom: 20px !important;
	padding-bottom: 20px !important;
	padding-top: 15px !important;
	padding-left: 50px !important;
	padding-right: 50px !important;
	background-color: #fffff0 !important;
	border-left-color:  lightblue!important;
	border-top-color:  lightblue!important;
	border-right-color:  dodgerblue!important;
	border-bottom-color:  dodgerblue!important;
	border-radius: 20px !important;
	border-width:  4px !important;
    border-style: outset !important;}
	
	body:hover{
	border-left-color:  #bbddff !important;
	border-top-color:  #bbddff !important;
	border-right-color:  #11508d !important;
	border-bottom-color:  #11508d !important;}
		
	#interventions{
	padding-top: 15px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	background-color: #fffff0 !important;
	border-left-color:  lightblue!important;
	border-top-color:  lightblue!important;
	border-right-color:  dodgerblue!important;
	border-bottom-color:  dodgerblue!important;
	border-radius: 20px !important;
	border-width:  4px !important;
    border-style: outset !important;}
	
	#interventions:hover{
	background-color: #FFDEAD !important;
	border-left-color:  #bbddff !important;
	border-top-color:  #bbddff !important;
	border-right-color:  #11508d !important;
	border-bottom-color:  #11508d !important;}
	
	div.card, 
	section.card:nth-child(3),
	section.card:nth-child(4),
	section.card:nth-child(5),
	section.card:nth-child(6){
	padding-top: 15px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	border-left-color:  lightblue!important;
	border-top-color:  lightblue!important;
	border-right-color:  dodgerblue!important;
	border-bottom-color:  dodgerblue!important;
	border-radius: 20px !important;
	border-width:  4px !important;
    border-style: outset !important;}
	
	div.card:hover,
	section.card:nth-child(3):hover,
	section.card:nth-child(4):hover,
	section.card:nth-child(5):hover,
	section.card:nth-child(6):hover{
	border-left-color:  #bbddff !important;
	border-top-color:  #bbddff !important;
	border-right-color:  #11508d !important;
	border-bottom-color:  #11508d !important;}
	
	#protection-details{
	background: #efefef url("..//icons/Bild94.png") no-repeat !important;
	margin-right: -5px !important;
	color:black!important;
	font-size:14px!important;
	padding-left:35px!important;
	padding-right:15px!important;
	padding-top: 3px!important;
	padding-bottom: 3px!important;
	border-left-color:  lightblue!important;
	border-top-color:  lightblue!important;
	border-right-color:  dodgerblue!important;
	border-bottom-color:  dodgerblue!important;      
	border-width:2px !important;
	border-style: outset !important;
	background-position:10px 5px!important;
	border-radius:14px!important;}
	
	#protection-details:hover{
	background: #B2EDFA url("..//icons/Bild94.png") no-repeat !important;
	padding-left:35px!important;
	background-position:10px 5px!important;
	border-radius:14px!important;
    border-left-color:  #bbddff !important;
	border-top-color:  #bbddff !important;
	border-right-color:  #11508d !important;
	border-bottom-color:  #11508d !important;}
	
	#trackerContent,
	#cryptominerContent,
	#fingerprinterContent,
	#cookieContent,
	#socialContent{
	background-color: #fffff0 !important;
	line-height: 2 !important;}
	
	#tracker,
	#cryptominer,
	#fingerprinter,
	#cookie,
	#social{
	background-color: #fffff0 !important;
	border-left-color:  lightblue!important;
	border-right-color:  dodgerblue!important;
	border-bottom-color:  dodgerblue!important; 
	border-style: outset !important;
	border-bottom-right-radius: 14px !important;
    border-bottom-left-radius:  14px !important;}
	
	#tracker-link,
	#cryptominer-link,
	#fingerprinter-link,
	#cookie-link,
	#social-link{
	background: #efefef url("..//icons/Bild1.png") no-repeat !important;
	margin-right: -5px !important;
	color:black!important;
	text-decoration: none !important;
	font-size:14px!important;
	padding-left:35px!important;
	padding-right: 22px!important;
	padding-bottom: 2px!important;
	padding-top: 2px!important;
	border-left-color:  lightblue!important;
	border-top-color:  lightblue!important;
	border-right-color:  dodgerblue!important;
	border-bottom-color:  dodgerblue!important;      
	border-width:2px !important;
	border-style: outset !important;
	background-position:10px 4px!important;
	border-radius:14px!important;}
	
	#tracker-link:hover,
	#cryptominer-link:hover,
	#fingerprinter-link:hover,
	#cookie-link:hover,
	#social-link:hover{
	background: #B2EDFA url("..//icons/Bild1.png") no-repeat !important;
	padding-left:35px!important;
	background-position:10px 4px!important;
	text-decoration: none !important;
	border-radius:14px!important;
    border-left-color:  #bbddff !important;
	border-top-color:  #bbddff !important;
	border-right-color:  #11508d !important;
	border-bottom-color:  #11508d !important;}
	
	#lockwise-how-it-works{
	background: #efefef url("..//icons/Bild1.png") no-repeat !important;
	text-decoration: none !important;
	margin-right: -5px !important;
	color:black!important;
	font-size:14px!important;
	padding-left:35px!important;
	padding-right: 22px!important;
	padding-bottom: 2px!important;
	padding-top: 2px!important;
	border-left-color:  lightblue!important;
	border-top-color:  lightblue!important;
	border-right-color:  dodgerblue!important;
	border-bottom-color:  dodgerblue!important;      
	border-width:2px !important;
	border-style: outset !important;
	background-position:10px 4px!important;
	border-radius:14px!important;}
	
	#lockwise-how-it-works:hover{
	background: #B2EDFA url("..//icons/Bild1.png") no-repeat !important;
	padding-left:35px!important;
	background-position:10px 4px!important;
	text-decoration: none !important;
	border-radius:14px!important;
    border-left-color:  #bbddff !important;
	border-top-color:  #bbddff !important;
	border-right-color:  #11508d !important;
	border-bottom-color:  #11508d !important;}
	
	#turn-on-sync{
	background: #efefef url("..//icons/Bild83.png") no-repeat !important;
	margin-left: 38px !important;
	color:black!important;
	font-size:14px!important;
	padding-left:35px!important;
	padding-right: 35px!important;
	padding-bottom: 2px!important;
	padding-top: 2px!important;
	border-left-color:  lightblue!important;
	border-top-color:  lightblue!important;
	border-right-color:  dodgerblue!important;
	border-bottom-color:  dodgerblue!important;      
	border-width:2px !important;
	border-style: outset !important;
	background-position:10px 4px!important;
	border-radius:14px!important;}
	
	#turn-on-sync:hover{
	background: #B2EDFA url("..//icons/Bild83.png") no-repeat !important;
	padding-left:35px!important;
	background-position:10px 4px!important;
	text-decoration: none !important;
	border-radius:14px!important;
    border-left-color:  #bbddff !important;
	border-top-color:  #bbddff !important;
	border-right-color:  #11508d !important;
	border-bottom-color:  #11508d !important;}
	
	#manage-devices{
	background: #efefef url("..//icons/tools.png") no-repeat !important;
	margin-left: 38px !important;
	color:black!important;
	font-size:14px!important;
	padding-left:35px!important;
	padding-right: 35px!important;
	padding-bottom: 2px!important;
	padding-top: 2px!important;
	border-left-color:  lightblue!important;
	border-top-color:  lightblue!important;
	border-right-color:  dodgerblue!important;
	border-bottom-color:  dodgerblue!important;      
	border-width:2px !important;
	border-style: outset !important;
	background-position:10px 4px!important;
	border-radius:14px!important;}
	
	#manage-devices:hover{
	background: #B2EDFA url("..//icons/tools.png") no-repeat !important;
	padding-left:35px!important;
	background-position:10px 4px!important;
	text-decoration: none !important;
	border-radius:14px!important;
    border-left-color:  #bbddff !important;
	border-top-color:  #bbddff !important;
	border-right-color:  #11508d !important;
	border-bottom-color:  #11508d !important;}
	
	.synced-devices-text,
	.passwords-stored-text{min-width: 490px !important;}
	
	#manage-passwords-button{
	min-width: 250px !important;
	background: #0060df url("..//icons/key_go.png") no-repeat !important;
	background-position:14px 10px!important;
	border-left-color:  lightblue!important;
	border-top-color:  lightblue!important;
	border-right-color:  dodgerblue!important;
	border-bottom-color:  dodgerblue!important;      
	border-width:2px !important;
	border-style: outset !important;
	border-radius:22px!important;}
	
	#manage-passwords-button:hover{
	background: #003eaa url("..//icons/key_go.png") no-repeat !important;
	background-position:14px 10px!important;
	border-left-color:  lightblue!important;
	border-top-color:  lightblue!important;
	border-right-color:  dodgerblue!important;
	border-bottom-color:  dodgerblue!important;      
	border-width:2px !important;
	border-style: outset !important;
	border-radius:22px!important;}	
	
	#open-about-logins-button{
	background: #0060df url("..//icons/key_go.png") no-repeat !important;
	background-position:14px 10px!important;
	border-left-color:  lightblue!important;
	border-top-color:  lightblue!important;
	border-right-color:  dodgerblue!important;
	border-bottom-color:  dodgerblue!important;      
	border-width:2px !important;
	border-style: outset !important;
	border-radius:22px!important;}
	
	#open-about-logins-button:hover{
	background: #003eaa url("..//icons/key_go.png") no-repeat !important;
	background-position:14px 10px!important;
	border-left-color:  lightblue!important;
	border-top-color:  lightblue!important;
	border-right-color:  dodgerblue!important;
	border-bottom-color:  dodgerblue!important;      
	border-width:2px !important;
	border-style: outset !important;
	border-radius:22px!important;}	
	
	#sign-up-for-monitor-link {
	-moz-appearance: none !important;
	background: #0060df url("..//icons/database.png") no-repeat !important;
	background-position:18px 19px!important;
	padding-left: 22px!important;
	border-left-color:  lightblue!important;
	border-top-color:  lightblue!important;
	border-right-color:  dodgerblue!important;
	border-bottom-color:  dodgerblue!important;      
	border-width:2px !important;
	border-style: outset !important;
	border-radius:30px!important;}
	
	#sign-up-for-monitor-link:hover{
	background: #003eaa url("..//icons/database.png") no-repeat !important;
	background-position:18px 19px!important;
	border-left-color:  lightblue!important;
	border-top-color:  lightblue!important;
	border-right-color:  dodgerblue!important;
	border-bottom-color:  dodgerblue!important;      
	border-width:2px !important;
	border-style: outset !important;
	border-radius:30px!important;}
	
	#protection-settings{
	background: #efefef url("..//icons/Bild94.png") no-repeat !important;
	margin-right: -5px !important;
	color:black!important;
	font-size:14px!important;
	padding-left:35px!important;
	padding-right: 22px!important;
	padding-bottom: 4px!important;
	padding-top: 4px!important;
	border-left-color:  lightblue!important;
	border-top-color:  lightblue!important;
	border-right-color:  dodgerblue!important;
	border-bottom-color:  dodgerblue!important;      
	border-width:2px !important;
	border-style: outset !important;
	background-position:11px 5px!important;
	border-radius:14px!important;}
	
	#protection-settings:hover{
	background: #B2EDFA url("..//icons/Bild94.png") no-repeat !important;
	padding-left:35px!important;
	background-position:11px 5px!important;
	text-decoration: none !important;
	border-radius:14px!important;
    border-left-color:  #bbddff !important;
	border-top-color:  #bbddff !important;
	border-right-color:  #11508d !important;
	border-bottom-color:  #11508d !important;}
	
	/* unten letzter Container für VPN */
    div#report-content section.card.card-no-hover.vpn-card {
    border-left-color: lightblue!important;
    border-top-color: lightblue!important;
    border-right-color: dodgerblue!important;
    border-bottom-color: dodgerblue!important;
    border-width:4px !important;
    border-style: outset !important;
    border-radius:20px!important;
    }
    
    /* Button für Mozilla-VPN */
    #get-vpn-link {
    appearance: none !important;
    background: #0060df url("..//icons/vpn1.png") no-repeat !important;
    background-position:17px 10px!important;
    border-left-color: lightblue!important;
    border-top-color: lightblue!important;
    border-right-color: dodgerblue!important;
    border-bottom-color: dodgerblue!important;
	margin-right: 11px !important;
    margin-left: -9px !important;
    border-width:2px !important;
    border-style: outset !important;
    border-radius:30px!important;
    }
	
    #get-vpn-link:hover {
    appearance: none !important;
    background: #003eaa url("..//icons/vpn1.png") no-repeat !important;
    background-position:17px 10px!important;
    border-left-color: lightblue!important;
    border-top-color: lightblue!important;
    border-right-color: dodgerblue!important;
    border-bottom-color: dodgerblue!important;
    margin-right: 11px !important;
    margin-left: -9px !important;
    border-width:2px !important;
    border-style: outset !important;
    border-radius:30px!important;
    }

    /* Überschrift im Container unt Text darunter */
    h3{
    color: #1a75ff !important;
    font-weight: bold !important;
    font-size: 18px !important;
    padding-left: 0px !important;
    }
	
    div#report-content section.card.card-no-hover.vpn-card div.card-header div.wrapper div p.content {    
    padding-left: 11px !important;
    }
	
	div#report-content section.card.card-no-hover.vpn-card div.card-header div.wrapper div div.title-wrapper h3.card-title {
    padding-left: 12px !important;
    }
    	
    /* links das große Icon */
    section.card:nth-child(8) > div:nth-child(1) > img:nth-child(1) {
    margin-left: 32px !important;
	margin-top: 7px !important;
    }   
	
	}

Alles anzeigen

Schaltfläche oben fehlte, und Anpassung für Firefox 78+
Edit: Css Code wurde für Firefox 127+ angepasst.

Mfg.
Endor

Endor

Externer Inhalt www.youtube.com

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