Beiträge von FuchsFan

FuchsFan

Zitat von 2002Andreas

Tzzzz...Vortäuschung falscher Tatsachen

Nöö, ich finde, sieht blöd aus.

FuchsFan

Zitat von harff182

Wie haste den roten Rand drummerum bekommen?

Den habe ich nur zur Kennung mit Paint darum gezwirbelt.

FuchsFan

Zitat von harff182

Jepp, is mir schon klar

Eine weitere Möglichkeit wäre die noch, eine Grafik dazwischen einzufügen.

Der Code dafür wäre dann der:

CSS

#rightBox::before {
        content: " F i r e f o x " url("file:///C:/FoxIcons/Bild215.png") " B r o w s e r " !important;
        font-size: 40px !important;
        font-weight: 700 !important;
        color: #33ccff !important;
    }

FuchsFan

Zitat von harff182

Den Schnipsel Boomark ich mir mal, könnte ich ja mal brauchen, mir schwant da so eine Idee

Du musst aber daran denken, dass dann der Text (Firefox Browser) verschwindet.

FuchsFan

Zitat von harff182

(Wie) Könnte ich (per CSS) für #rightBox ein Tooltip erstellen/einfügen?

In meinem älteren Dialog habe ich z.B. eine selbst gebastelte Grafik eingebaut. Das ist der Code-Schnipsel dazu, eventuell hilft es Dir weiter.

CSS

#rightBox { background: url("file:///C:/FoxIcons/Bild2112.png") no-repeat !important;
  background-position:420px 5px !important;}

Sieht dann so aus:

FuchsFan

Zitat von 2002Andreas

Einfach an eine Uhr denken.

FuchsFan

Danke, Andreas, jetzt erinnere ich mich sehr gut daran. Das waren meine ersten Bastelschritte, da war das so im Code angegeben, wofür das gut war wusste ich anfangs aber trotzdem nicht. In letzter Zeit habe ich diese Schreibweise hier aber nicht mehr wahr genommen.

FuchsFan

Zitat von 2002Andreas

So würde es völlig ausreichen:

Börsi will 2024 erst mit Studium anfangen, und wir legen hier schon voll los.

Habe alle eure Wünsche ( ) jetzt mal ganz sauber verarbeitet, gefällt mir immer besser.

Mit padding/margin in der Reihenfolge der Zugehörigkeit bin ich immer durcheinander gekommen, aber 365x hintereinander aufgesagt, jetzt gespeichert.

Zitat von grisu2099

Wobei die Zeilen 2 und 3 auch noch zusammen faßbar wären...

Sag bitte an!

FuchsFan

Zitat von Boersenfeger

Der zerbeamt den vorhandenen völlig.. danke, aber dann laß ich es..

Gib doch nicht immer so schnell auf. es gibt doch auch noch andere Lösungen, wenn du z:B nur den Schriftzug haben möchtest.

Diesen Code hinzufügen:

CSS

label[data-l10n-id="update-noUpdatesFound"]::after {
        content: '  -  so wie es sein soll.' !important;
        font-size: 17px !important; 
        color: yellow !important;  
    }

Edit:

Und wenn du das noch davor haben möchtest, dann den Code auch noch einfügen.

CSS

label[data-l10n-id="update-noUpdatesFound"]::before {
        content: '  Dieser   ' !important;
        font-size: 17px !important; 
        color: yellow !important;  
    }

FuchsFan

Zitat von 2002Andreas

Dann braucht es keine weiteren Angaben.

Jetzt ist die Sache klar für mich, es kann nicht einfach nur der Hover-Eintrag geändert , sondern der Code für den Button muss generell neu angepasst werden. Dann funktioniert es tadellos mit dem einfachen Eintrag für Hover. Als Beispiel der Button Endanwenderrechte:

CSS

[href='about:rights'] {
        appearance: none !important;
        background: url("file:///C:/FoxIcons/Bild203.png") !important;
        background-repeat: no-repeat !important;
        background-color: gainsboro !important;
        color: black !important;
        margin-left: -28px !important;
        margin-right: 10px !important;
        margin-top: 2px !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-color: red !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 12px 4px !important;
        border-radius: 14px !important;
    }

    [href='about:rights']:hover {
        background-color: #b2edfa !important;
    }

Alles anzeigen

Dank an dich Andreas und auch .DeJaVu , wieder was dazu gelernt.

FuchsFan

Zitat von 2002Andreas

Hatte ich hier schon per .gif gezeigt:

Will hier nicht funktionieren, ich muss das Icon mit angeben. Sehr komisch!

FuchsFan

Zitat von 2002Andreas

Wenn nur die Hg Farbe geändert werden soll, dann einfach das Icon bei hover nicht eintragen.

Danke, Andreas, das ist jetzt neuer Stoff für mich, werde ich gleich mal testen.

FuchsFan

Zitat von Boersenfeger

Ich bräuchte noch mal einen Tip

Auch von mir noch einen. Bei den Button mit Icon solltest du bei Hover immer noch den Eintrag hinzufügen, damit die Icons nicht springen, also an gleicher Position bleiben. So sollte es aussehen als Beispiel:

CSS

  [href='about:license'] {
        appearance: none !important;
        background: gainsboro url("file:///C:/FoxIcons/Bild209.png") no-repeat !important;
        color: black !important;
        margin-left: 10px !important;
        margin-top: 2px !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-color: dodgerblue !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 12px 4px !important;
        border-radius: 14px !important;
    }

    [href='about:license']:hover {
        background: #b2edfa url("file:///C:/FoxIcons/Bild209.png") no-repeat !important;
        background-position: 12px 4px !important;
    }

Alles anzeigen

FuchsFan

Zitat von harff182

Benutzt Du Windows 11 oder Windows 10?

Moinmoin!

Windows 11, und da hat grisu2099 recht damit, dass es mit dem BS zu tun hat.

Ansonsten nur über css-Code , wenn dort so etwas zu finden ist border-radius: none !important;.

Hier dann mein Code , der bei Dir anders aussehen wird. Grund dafür, ich verwende zusätzlich ein Script dazu.

CSS

/* About : Dialog */


@-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml")
{

    #aboutDialog vbox,
    #aboutDialogContainer hbox,
    #clientBox vbox,
    #contributeDesc > label:nth-child(1),
    #contributeDesc > label:nth-child(2),
    #releasenotes,
    #trademark,
    #updateButton,
    label.bottom-link:nth-child(3),
    [href='about:credits'],
    [href='about:license'],
    [href='about:rights'],
    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog'] {
        font-size: 15px !important;
    }

    /* ohne Unterstrich */
    #contributeDesc > label:nth-child(1),
    #contributeDesc > label:nth-child(2),
    #releasenotes,
    label.bottom-link:nth-child(3),
    [href='about:credits'],
    [href='about:license'],
    [href='about:rights'],
    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog'] {
        text-decoration: none !important;
    }

    #aboutDialog,
    #aboutDialogContainer,
    #clientBox,
    #trademark {
        background-color: green !important;
    }
    
    /* Box ganz unten mit den drei Button */
    #bottomBox {
        background-color: dodgerblue !important;
    }

    #aboutDialog {
        margin-bottom: 6px !important;
    }    

    #version:before {
        content: 'Diese Firefox-Version ist:  ';
        font-size: 17px !important;
        font-weight: bold !important;
        color: #f08080 !important;
        margin-right: 6px !important;
        margin-left: 12px !important;
    }

    #version {
        font-size: 16px !important;
        margin-top: 30px !important;
        color: #fff !important;
    }

    #aboutDialog {
        height: 350px !important;
        min-width: 1400px !important;
    }

    #agent {
        appearance: none !important;
        margin: 50px 40px 84px 10px !important;
        max-height: 56px !important;
        padding-top: 5px !important;
        text-align: center !important;
        border-radius: 14px !important;
        max-width: 1100px !important;
    }

    #agent .textbox-input-box {
        margin-top: -1px !important;
        margin-left: 12px !important;
    }

    #bottomBox {
        margin-bottom: 30px !important;
        margin-top: 15px !important;
    }

    #updateBox > vbox:nth-child(2) > hbox:nth-child(2) {
        margin-top: -25px !important;
        margin-bottom: 20px !important;
    }

    #trademark {
        margin-top: 16px !important;
        margin-bottom: -40px !important;
    }
    
    #leftBox {
        margin-top: 60px !important;
    }

    #rightBox {
        background: #7b1e00 /* #003bed */ !important;
        padding-left: 200px !important;
        padding-bottom: 6px !important;
        border-color:  greenyellow !important;
        border-style: double  !important;
        border-width:  10px !important;
        box-shadow: 15px 15px 0px 0px #fdd342 inset !important;
    }
    
    #rightBox::before {
        content: "Firefox Browser" !important;
        font-size: 40px !important;
        font-weight: 700 !important;
        color: yellow !important;
        text-shadow: 4px 4px magenta !important;
    }
    
    /* in Verbindung mit Script DialogBox.uc.js für große Text-Box */
    
    #agent,
    #rightBox textarea {
        appearance: none !important;
        min-width: 850px !important;
        background: lightblue url("file:///C:/FoxIcons/Bild213.png") no-repeat !important;  /* Icon linke Seite */
        background-position:18px 8px !important;
        color: blue !important;
        text-align: center !important;
        margin-top: 50px !important;
        margin-bottom: 10px !important;
        margin-left: -140px !important;
        border: 1px solid red !important;
        padding: 10px 30px 0 95px !important; 
    }
    
    #rightBox::after {
        content: "" !important;
        appearance: none !important;
        background: url("file:///C:/FoxIcons/Bild214.png") no-repeat !important; /* Icon rechte Seite */
        margin-left: 745px !important;
        padding-top: 77px !important;
        padding-right: 60px !important;
    }
    
    /* Text-Box ** ENDE */
    
    #icons > .icon {
        margin-top: 23px !important;
    }
    
    /* Firefox ist aktuell */
    label[data-l10n-id="update-noUpdatesFound"] {
        color: #00e000 !important;
        font-weight: 700 !important;
        font-size: 1.2em !important;
        margin-left: 10px !important;
        margin-top: 20px !important;
        margin-bottom: 15px !important;
    }
    /* grüner Haken als Icon eingefügt */
    #icons > .noUpdatesFound {
        fill: transparent !important;  /* Original ausgeblendet */
        background-image: url("file:///C:/FoxIcons/Bild62.png") !important;
        background-repeat: no-repeat !important;
    }
    /* Update-Suche */
    label[data-l10n-id="update-checkingForUpdates"] {
        color: gold !important;
        font-weight: 600 !important;
        font-size: 1.2em !important;
        margin-left: 10px !important;
        margin-bottom: 15px !important;
        margin-top: 20px !important;        
    }

    #downloadAndInstallButton {
        appearance:none !important;
        fill: transparent !important;
        background: #fef6f9 url("file:///C:/FoxIcons/Bild210.png") no-repeat !important;
        padding-top: 3px !important;
        padding-bottom: 3px !important;
        padding-left:30px !important;
        padding-right: 14px !important;
        background-position:6px 5px !important;
        font-size:13.5px !important;
        border-radius:14px !important;
        border-left-color: #FFB2B2 !important;
        border-top-color: #FFB2B2 !important;
        border-right-color: lightblue !important;
        border-bottom-color: lightblue !important;
        border-style:outset !important;
        border-width:2px !important;
        color:red !important;
        margin-left: 10px !important;
        margin-bottom: 15px !important;
        margin-top: 20px !important;
    }

    #downloadAndInstallButton:hover {
        appearance:none !important;
        background: #B2EDFA url("file:///C:/FoxIcons/Bild210.png") no-repeat !important;
        background-position:6px 5px !important;
        color:black !important;
    }
    
    #updateButton {
        appearance: none !important;
        background: gainsboro url("file:///C:/FoxIcons/Bild212.png") no-repeat !important;
        min-width: 360px !important;
        padding-left: 30px !important;
        background-position: 11px 4px !important;
        border-radius: 14px !important;
        border-color: red !important;
        border-style: outset !important;
        border-width: 2px !important;
        color: black !important;
        margin-left: 10px !important;
        margin-bottom: 15px !important;
        margin-top: 20px !important;
    }

    

    #updateButton:hover {
        appearance: none !important;
        background: #b2edfa url("file:///C:/FoxIcons/Bild212.png") no-repeat !important;
        padding-left: 30px !important ;
        background-position: 11px 4px !important;
    }

    #updateButton .button-box {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        -moz-padding-start: 3px !important;
        -moz-padding-end: 3px !important;
    }


    #updateBox vbox description.text-blurb label.text-link {
        display: none !important;
    }

    [href='about:license'] {
        appearance: none !important;
        background: gainsboro url("file:///C:/FoxIcons/Bild209.png") no-repeat !important;
        color: black !important;
        margin-left: 10px !important;
        margin-top: 2px !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-color: dodgerblue !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 12px 4px !important;
        border-radius: 14px !important;
    }

    [href='about:license']:hover {
        background: #b2edfa url("file:///C:/FoxIcons/Bild209.png") no-repeat !important;
        background-position: 12px 4px !important;
    }

    [href='about:rights'] {
        appearance: none !important;
        background: gainsboro url("file:///C:/FoxIcons/Bild203.png") no-repeat !important;
        color: black !important;
        margin-left: -28px !important;
        margin-right: 10px !important;
        margin-top: 2px !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-color: red !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 12px 4px !important;
        border-radius: 14px !important;
    }

    [href='about:rights']:hover {
        background: #b2edfa url("file:///C:/FoxIcons/Bild203.png") no-repeat !important;
        background-position: 12px 4px !important;
    }

    label.bottom-link:nth-child(3) {
        appearance: none !important;
        background: gainsboro url("file:///C:/FoxIcons/Bild204.png") no-repeat !important;
        color: black !important;
        margin-left: -2px !important;
        margin-right: -3px !important;
        margin-top: 2px !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-color: green !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 12px 4px !important;
        border-radius: 14px !important;
    }

    label.bottom-link:nth-child(3):hover {
        background: #b2edfa url("file:///C:/FoxIcons/Bild204.png") no-repeat !important;
        background-position: 12px 4px !important;
    }

    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog'] {
        appearance: none !important;
        background: /* gainsboro */ url("file:///C:/FoxIcons/Bild205.png") no-repeat !important;
        color: #33ccff !important;
        margin-left: 4px !important;
        margin-right: 4px !important;
        padding-right: 15px !important;
        padding-left: 35px !important;
        border-color: cadetblue !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 10px 4px !important;
        border-radius: 14px !important;
    }

    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']:hover {
        background: #b2edfa url("file:///C:/FoxIcons/Bild205.png") no-repeat !important;
        background-position: 10px 4px !important;
        color: black !important;
    }

    [href='about:credits'] {
        appearance: none !important;
        background: /* gainsboro */ url("file:///C:/FoxIcons/Bild206.png") no-repeat !important;
        color: #33ccff !important;
        margin-left: 2px !important;
        margin-right: 2px !important;
        padding-right: 15px !important;
        padding-left: 35px !important;
        border-color: cadetblue !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 10px 4px !important;
        border-radius: 14px !important;
    }

    [href='about:credits']:hover {
        background: #b2edfa url("file:///C:/FoxIcons/Bild206.png") no-repeat !important;
        background-position: 10px 4px !important;
        color: black !important;
    }

    #contributeDesc > label:nth-child(2) {
        appearance: none !important;
        background: /* gainsboro */ url("file:///C:/FoxIcons/Bild208.png") no-repeat !important;
        color: #33ccff !important;
        margin-left: -2px !important;
        margin-right: 10px !important;
        padding-left: 35px !important;
        padding-right: 15px !important;
        border-color: cadetblue !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 10px 4px !important;
        border-radius: 14px !important;
    }
    #contributeDesc > label:nth-child(2):hover {
        background: #b2edfa url("file:///C:/FoxIcons/Bild208.png") no-repeat !important;
        background-position: 10px 4px !important;
        color: black !important;
    }

    #contributeDesc > label:nth-child(1) {
        appearance: none !important;
        background: /* gainsboro */ url("file:///C:/FoxIcons/Bild207.png") no-repeat !important;
        color: #33ccff !important;
        margin-left: 4px !important;
        margin-right: 4px !important;
        padding-left: 35px !important;
        padding-right: 15px !important;
        border-color: cadetblue !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 10px 4px !important;
        border-radius: 14px !important;
    }

    #contributeDesc > label:nth-child(1):hover {
        background: #b2edfa url("file:///C:/FoxIcons/Bild207.png") no-repeat !important;
        background-position: 10px 4px !important;
        color: black !important;
    }

    #releasenotes {
        background: /* gainsboro */ url("file:///C:/FoxIcons/Bild209.png") no-repeat !important;
        color: #33ccff !important;
        margin-left: 10px !important;
        margin-right: 35px !important;
        padding-left: 30px !important;
        padding-right: 20px !important;
        padding-bottom: 1px !important;
        border-color: cadetblue !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 7px 3px !important;
        border-radius: 14px !important;
        margin-top: 35px !important;
    }

    #releasenotes:hover {
        background: #b2edfa url("file:///C:/FoxIcons/Bild209.png") no-repeat !important;
        background-position: 7px 3px !important;
        color: black !important;
    }
    
    /* gepunktete Umrandung der Button wird ausgeblendet */
    #updateButton:focus,
    #checkForUpdatesButton:focus,
    #downloadAndInstallButton:focus,
    label.bottom-link:nth-child(3):focus,
    [href="about:rights"]:focus,
    [href="about:license"]:focus,
    [href="about:credits"]:focus,
    #contributeDesc > label:nth-child(1):focus,
    #contributeDesc > label:nth-child(2):focus,
    [href="https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog"]:focus,
    [href="https://www.mozilla.org/privacy/"]:focus,
    [href="http://www.mozilla.org/"]:focus,
    #releasenotes:focus  {
        outline: none !important;
    }
    
}

Alles anzeigen

FuchsFan

Zitat von harff182

daß Dein Dialog abgerundete Ecken hat

Das ist original so. Hast Du eventuell in der userChromeShadow.css dafür Code , der das verhindert? So habe ich das z.B. im Hamburger Menü.

FuchsFan

Zitat von harff182

Warum sollte ich?
Jede Jeck guckt anners...

Der Eine geradeaus, der Zweite schielt und der Andere sieht doppelt (weil er nicht so eine gute Brille wie ich habe ). Aber so soll es doch auch sein, ein jeder macht es nach seinen Wünschen und Ansprüchen, und soll Freude dabei haben.

Wenn ich nur zwei Farben ändere, schon habe ich für den Frühling vorgesorgt. Also alles kein Problem.

FuchsFan

Zitat von grisu2099

Ich gönne ja jedem seinen eigenen Stil

Zitat von 2002Andreas

Nur im Moment hat er sich wohl darüber geärgert, denn er hat seine Frage nach einer Antwort gelöscht

Auch an Euch ein Super2022.

Dem omar1979 muss man aber auch ein "wenig" Achtung entgegen bringen, denn er arbeitet an seinem Fuchs wie ein Besessener. Manchmal braucht es bei ihm zwei , drei Anläufe (weil er es beim ersten oft nicht glaubt), aber er gibt nicht auf. Das finde ich prima, auch weil er ja eine Großbaustelle hat (so ähnlich wie BER), da gibt es immer etwas zu tun. Er kommt schon wieder.

FuchsFan

Zitat von harff182

hab ich jetzt einen fetten Haken

Gesundes Neues wünsche ich!

Wenn der fette Haken nicht reichen sollte, für meinen Teil habe ich das mit zusätzlichem Code so gelöst.

CSS

label[data-l10n-id="update-noUpdatesFound"] {
        color: #00e000 !important;
        font-weight: 700 !important;
        font-size: 1.2em !important;
}

Sieht dann so aus:

FuchsFan

Dharkness hat ja hier RE: Addons Manager Code anpassen den Code für seinen Addon-Manager veröffentlicht. Eine echt gute Leistung, lobenswert.

Er weiß, dass ich es gern etwas bunter habe, mich blenden die hellen Teile (z.B. Schrift) immer so bei dem schwarzen Hintergrund . Mag am Alter, oder auch an der guten Brille liegen. Ich habe mal seinen Code etwas umgekrempelt und farblich neu angepasst, eventuell finden sich hier User, denen es so auch zusagt.

Hier dann der veränderte Code (habe es zu Weihnachten nicht mehr geschafft):

CSS

/* Profil: alle Versionen */

@-moz-document url("about:addons") {
   * { border-radius: 0 !important;
}

body { 
   counter-reset: section;
}

/* Add-ons-Manager linke Seite (Sidebar) Hintergrund */
#sidebar {
   background: linear-gradient(to bottom right, white,#acacac,#f2f3f4,#acacac, #f2f3f4,#acacac) !important; 
   border-right: 2px solid grey !important;
}    
    
/* Add-ons-Manager rechte Seite Hintergrund */
#full #content {
   background: #bfc1c2 !important;
}

/* fortlaufende Nummerierung mit Border unter Aktiviert */
#main > addon-list:nth-child(1) > section[section="0"] > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2)::before {
   font-weight: bold !important;
   text-decoration: underline !important;
   counter-increment: section;
   content: counter(section, decimal-leading-zero)".";
   border-top: 2px solid #217B22 !important;
   border-right: 2px solid #217B22 !important;
   color: #217B22 !important;
   padding-right: 5px !important;
   margin-top: 0px !important;
   padding-left: 5px !important;
}

#main[current-view="updates"] > addon-list:nth-child(1) > section[section="0"] > addon-card:nth-child(n+2) > div.addon[active="false"]:nth-child(1) > div:nth-child(2)::before {
   border-right: 2px solid #C72F2E !important;
   color: #C72F2E !important;
}
#main[current-view="updates"] > addon-list:nth-child(1) > section[section="0"] > addon-card:nth-child(n+2) > div.addon[active="false"]:nth-child(1) > div:nth-child(2):hover::before {
   border-right: 2px solid #C72F2E !important;
   color: #C72F2E !important;
}
#main > addon-list:nth-child(1) > section[section="0"] > addon-card:nth-child(n+2) > div:nth-child(1):hover > div:nth-child(2)::before {
   color: #FFF !important;
}

/* fortlaufende Nummerierung mit Border bei Deaktiviert */
#main > addon-list:nth-child(1) > section[section="1"] > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2)::before {
   font-weight: bold !important;
   text-decoration: underline !important;
   counter-increment: section;
   content: counter(section, decimal-leading-zero)".";
   border-top: 2px solid #C72F2E !important;
   border-right: 2px solid #C72F2E !important;
   color: #C72F2E !important;
   padding-right: 5px !important;
   margin-top: 0px !important;
   padding-left: 5px !important;
}

/* senkrechte Linie hinter fortlaufender Nummerierung nach unten erweitert / außer bei Themes */
#main > addon-list:not([type="theme"]) > section[section="0"] > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2)::before,
#main > addon-list:not([type="theme"]) > section[section="1"] > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2)::before {
   margin-bottom: -14px !important;
}
/* kein Border oben / außer bei Themes */
#main > addon-list:not([type="theme"]) > section[section="0"] > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2)::before,
#main > addon-list:not([type="theme"]) > section[section="1"] > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2)::before {
   border-top: 0 !important;
}
/* Border rechts / außer bei Themes */
#main > addon-list:not([type="theme"]) > section[section="0"] > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2):hover::before,
#main > addon-list:not([type="theme"]) > section[section="1"] > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2):hover::before {
   border-right: 2px solid #0060DF !important;
}
/* Border bei Themes */
#main > addon-list[type="theme"] > section[section="0"] > addon-card:nth-child(n+2) > div:nth-child(1):hover > div:nth-child(2)::before,
#main > addon-list[type="theme"] > section[section="1"] > addon-card:nth-child(n+2) > div:nth-child(1):hover > div:nth-child(2)::before {
   border-top: 2px solid #0060DF !important;
   border-right: 2px solid #0060DF !important;
}
#main > addon-list:nth-child(1) > section[section="0"] > addon-card:nth-child(n+2) > div:nth-child(1):hover > div:nth-child(2)::before,
#main > addon-list:nth-child(1) > section[section="1"] > addon-card:nth-child(n+2) > div:nth-child(1):hover > div:nth-child(2)::before {
   color: #FFF !important;
}

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

/* unter Deaktiviert bei Plugin u. Wörterbücher keine Border */
addon-list[type="plugin"] section[section="1"],
addon-list[type="dictionary"] section[section="1"] {
   box-shadow: none !important;
   border-radius: 0 !important;
   border: none !important;
}

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

/* graue Linie über u. unter den Button */
#categories {
   border-top: 2px solid #B2B2B2 !important;
   border-bottom: 2px solid #B2B2B2 !important;
   padding: 0 0 5px 5px !important;
   margin: 81px 0 0 0 !important;
}
#categories .category {
   min-height: 40px !important;
   border-radius: 0 !important;
   border: 0 !important;
   border-top: 2px solid white !important;
   border-bottom: 2px solid white !important;
   border-left: 2px solid white !important;
   background-position-y: 6px !important;
   background-color: #B8B8B8 !important;
   margin-inline-start: 0px !important;
   margin-top: 5px !important;
   margin-right: 0 !important;
}
/* blendet alle Button ein / auch noch ausgeblendete durch Mozilla */
#categories .category[hidden=""] { 
   display: flex !important;
}
/* Button Site Permission ausgeblendet */
#categories .category[name="sitepermission"] {
   display: none !important;
}
/* der aktive Button / Hintergrund */
#categories .category[selected=""] {
   fill: #FFF !important;
   background-color: #006800 !important;
}
#categories .category[name="recent-updates"] .category-name {
   font-size: 13px !important;
}
#categories .category[selected=""] .category-name {
   color: #FFF !important;
}
#categories .category:hover,
#categories .category[selected=""]:hover {
   fill: #000 !important;
   background-color: #D1E2F2 !important;
}
#categories .category:hover .category-name,
#categories .category[selected=""]:hover .category-name {
   color: #000 !important;
}
/* Farbe der Icons */
#categories .category[name="discover"] {
   fill: lightblue !important;
}
#categories .category[name="discover"][aria-selected="true"] {
   fill: lightblue !important;
}
#categories .category[name="discover"]:hover,
#categories .category[name="discover"][aria-selected="true"]:hover {
   fill: black !important;
}
#categories .category[name="extension"] {
   fill: gold !important;
}
#categories .category[name="extension"][aria-selected="true"] {
   fill: gold !important;
}
#categories .category[name="extension"]:hover,
#categories .category[name="extension"][aria-selected="true"]:hover {
   fill: black !important;
}
#categories .category[name="theme"] {
   fill: #FF00FF !important;
}
#categories .category[name="theme"][aria-selected="true"] {
   fill: #FF00FF !important;
}
#categories .category[name="theme"]:hover,
#categories .category[name="theme"][aria-selected="true"]:hover {
   fill: black !important;
}
#categories .category[name="plugin"] {
   fill: red !important;
}
#categories .category[name="plugin"][aria-selected="true"] {
   fill: red !important;
}
#categories .category[name="plugin"]:hover,
#categories .category[name="plugin"][aria-selected="true"]:hover {
   fill: black !important;
}
#categories .category[name="dictionary"] {
   fill: lime !important;
}
#categories .category[name="dictionary"][aria-selected="true"] {
   fill: lime !important;
}
#categories .category[name="dictionary"]:hover,
#categories .category[name="dictionary"][aria-selected="true"]:hover {
   fill: black !important;
}
#categories .category[name="locale"] {
   fill: brown !important;
}
#categories .category[name="locale"][aria-selected="true"] {
   fill: brown !important;
}
#categories .category[name="locale"]:hover,
#categories .category[name="locale"][aria-selected="true"]:hover {
   fill: black !important;
}
#categories .category[name="available-updates"] {
   fill: blue !important;
}
#categories .category[name="available-updates"][aria-selected="true"] {
   fill: grey !important;
}
#categories .category[name="available-updates"]:hover,
#categories .category[name="available-updates"][aria-selected="true"]:hover {
   fill: black !important;
}
#categories .category[name="recent-updates"] {
   fill: #2B9AFF !important;
}
#categories .category[name="recent-updates"][aria-selected="true"] {
   fill: #2B9AFF !important;
}
#categories .category[name="recent-updates"]:hover,
#categories .category[name="recent-updates"][aria-selected="true"]:hover {
   fill: black !important;
}

.category[badge-count]::after { 
   background-color: #006FC2  !important;
   color: #fff;
   border-radius: 0 !important;
}

/* aktiv, dann werden Einstellungen u. Hilfe nach oben verlagert */ 
#sidebar div.spacer:nth-child(2) {
   display: none !important;
}

/* Linie unter letztem Button (Hilfe) */
ul.sidebar-footer-list {
   border-bottom: 2px solid #B2B2B2 !important;
   padding: 0 6px 5px 5px !important;
   margin-block: 0 !important;
   margin-inline: 0 !important;
}

/* Border um Button Einstellungen u. Hilfe / Hintergrund */
ul.sidebar-footer-list > li {
   background-color: #B8B8B8 !important;
   border-top: 2px solid white !important;
   border-bottom: 2px solid white !important;
   border-left: 2px solid white !important;
   margin-top: 5px !important;
   margin-right: -8px !important;
}
/* Button Einstellungen u. Hilfe / Hintergrund bei Hover */
ul.sidebar-footer-list > li:hover {
   background-color: #D1E2F2 !important;
}
/* Farbe des Icons bei Hilfe */
ul.sidebar-footer-list > li .sidebar-footer-icon {
   fill: red !important;
}
/* Hover-Farbe des Icons bei Hilfe */
ul.sidebar-footer-list > li:hover .sidebar-footer-icon {
   fill: blue !important;
}
ul.sidebar-footer-list > li:hover .sidebar-footer-label {
   color: #000 !important;
}
/* Button Einstellungen */
ul.sidebar-footer-list > li #preferencesButton .sidebar-footer-icon {
   fill: green !important;
}
ul.sidebar-footer-list > li:hover #preferencesButton .sidebar-footer-icon {
   fill: blue !important;
}

.sidebar-footer-link:hover {
   background: none !important;
   background-image: none !important;
   background-color: unset !important;
}

#page-header {  
   z-index: 100 !important;
   position: fixed !important;
   width: 100% !important;
   background: gainsboro !important;
}

/* Hintergrund Box rechts oben */
addon-page-header#page-header .sticky-container {
   background: linear-gradient(to bottom right, white, #acacac, #f2f3f4, #acacac, #f2f3f4, #acacac, #f2f3f4) !important;
   border-radius: 0px !important;
   border-bottom: 1px solid #787878 !important;
   padding-top: 5px !important;
   padding-bottom: 2px !important;
   width: 1685px !important;
   margin-top: -5px !important;
}

.main-search,
.main-heading {
   appearance: none !important;
   background-color: lightgrey !important;
   min-width: 500px !important;
   max-width: 500px !important;
   border: 1px solid grey !important;
   padding: 1px 1px 1px 4px !important;
   margin: 5px 0 5px 5px !important;
}
addon-page-header#page-header[current-view="detail"] .main-heading {
   min-width: 503px !important;
   max-width: 503px !important;
}
addon-page-header[type="detail"] .main-heading {
   min-width: 528px !important;
   max-width: 528px !important;
   padding: 1px !important;
   border: 1px solid grey !important;
}
/* Zurück-Button */
addon-page-header[type="detail"] .main-heading .back-button {
   min-height: 28px !important;
   max-height: 28px !important;
   min-width: 28px !important;
   max-width: 28px !important;
   border-radius: 0 !important;
   fill: blue !important;
   border: 1px solid grey !important;
}
addon-page-header[type="detail"] .main-heading .back-button:hover {
   fill: red !important;
   background-color: greenyellow !important;
   border: 1px solid brown !important;
}
/* Text bei Suche */
.main-search label.search-label {
   font-size: 16px !important;
   color: #C72F2E !important;
}
.main-search search-textbox {
   --in-content-focus-outline-color: var(--blue-40) !important;
   min-width: 296px !important;
   max-width: 296px !important;
   min-height: 28px !important;
   max-height: 28px !important;
   border-radius: 0 !important;
   border: 1px solid #B2B2B2 !important;
   background-color: #f2f3f4 !important;
   font-size: 14px !important;
}
/* Text unter Search-Box */
.main-heading .header-name {
   min-width: 199px !important;
   max-width: 199px !important;
   font-size: 1.20em !important;
   color: #C72F2E !important;
   font-weight: 500 !important;
}

.main-heading div.spacer:nth-child(3) {
   min-width: 5px !important;
   max-width: 5px !important;
}

#updates-message[state="manual-updates-found"] {
   padding: 0 !important;
}
#updates-message[hidden=""] {
   display: block !important;
   opacity: 0 !important;
   min-width: 255px !important;
   max-width: 255px !important;
   margin-inline-end: 13px !important;
}

addon-page-header[type="detail"] #updates-message[hidden=""] {
   min-width: 409px !important;
   max-width: 409px !important;
}

#updates-message[state="updating"],
#updates-message[state="none-found"],
#updates-message[state="installed"] {
   min-width: 255px !important;
   max-width: 255px !important;
   border: 1px solid grey !important;
   padding: 0 5px !important;
   margin-inline-end: 1px !important;
   background: lightblue !important;
   color: blue !important;
}
#updates-message[state="manual-updates-found"] {
   min-width: 265px !important;
   max-width: 265px !important;
   border: 1px solid grey !important;
   padding: 0 !important;
   margin-inline-end: 1px !important;
   background: lightblue !important;
   color: blue !important;
}
addon-page-header#page-header[current-view="detail"]  #updates-message[state="updating"],
addon-page-header#page-header[current-view="detail"]  #updates-message[state="none-found"],
addon-page-header#page-header[current-view="detail"]  #updates-message[state="manual-updates-found"],
addon-page-header#page-header[current-view="detail"]  #updates-message[state="installed"] {
   margin-left: 154px  !important;
}
#updates-message[state="none-found"][data-l10n-id="addon-updates-none-found"] {
   color: #409DD9 !important;
}
[data-l10n-id="addon-updates-updating"],
[data-l10n-id="addon-updates-none-found"],
[data-l10n-id="addon-updates-installed"] {
   padding: 0 !important;
   margin: 0 auto !important;
}
[data-l10n-id="addon-updates-manual-updates-found"] {
   width: calc(100% + 10px) !important;
   min-height: 26px !important;
   max-height: 26px !important;
   padding: 0 !important;
   margin: 0 !important;
}

/* Button mit dem Zahnrad */
.page-options-menu .more-options-button {
   fill: green !important;    
   min-width: 28px !important;
   max-width: 28px !important;
   min-height: 28px !important;
   max-height: 28px !important;
   border-radius: 0 !important;
   border: 1px solid grey !important;
   padding: 0 !important;
   margin-inline-start: 0px !important;
}
.page-options-menu .more-options-button:hover {
   border: 1px solid brown !important;
   background-color: greenyellow !important;
   fill: red !important;
}
/* Popup hinter dem Zahnrad */
#page-options > panel-list > panel-item {
   --in-content-button-background: none !important;
   --in-content-button-background-hover: none !important;
   --in-content-button-background-active: none !important;
   opacity: 1.0 !important;
   box-shadow: none !important;
   border: 1px solid #B2B2B2 !important;
   border-width:  5px !important;
   border-style: double !important;
   background: none !important;
   background-color: lightgrey !important;
   margin: 2px 2px 0 2px !important;
}
#page-options > panel-list > panel-item[action="check-for-updates"] {
   background-color: #800 !important;
   color: #FFF !important;
}
#page-options > panel-list > panel-item[action="set-update-automatically"] {
   background-color: #217B22 !important;
   color: #FFF !important;
}
#page-options > panel-list > panel-item:hover,
#page-options > panel-list > panel-item[action="check-for-updates"]:hover,
#page-options > panel-list > panel-item[action="set-update-automatically"]:hover {
   background-color: lightyellow !important;
   fill: #000 !important;
}
button[role="menuitem"]:hover > label,
button[role="menuitem"]:hover > label > span {
   color: #000 !important;
}
panel-list[role="menu"][style="left: 722px; top: 72px;"] {
   z-index: 10000 !important;
   border-radius: 0 !important;
   border: 1px solid #B2B2B2 !important;
   padding: 0 0 2px 0 !important;
   margin: -1px auto 1px auto !important;
}
addon-page-options#page-options {
   border: 0 !important;
   padding: 0 !important;
}
#page-options > panel-list > panel-item-separator {
   background: #B2B2B2 !important;
   margin: 2px 0 0 0 !important;
}

/* rechte Box der gesamte Hintergrund */
#content {
   background: gainsboro !important;
}
/* länge der Container */
#content > #main {
   --section-width: calc(80% - 20px) !important;
   border-right: 2px solid #B2B2B2 !important;
   padding-right: 10px !important;
   padding-bottom: 10px !important;
   margin-top: 78px !important;
   margin-bottom: 0 !important;
   margin-left: 10px !important;
}
#content > #main[current-view="detail"] {
   border-bottom: 2px solid #B2B2B2 !important;
   margin-bottom: 10px !important;
}

discovery-pane > header {
   border: 2px solid #B2B2B2 !important;
   margin: 92px 0 10px 0 !important;
}
discovery-pane > header > p {
   padding: 2px 8px 3px 8px !important;
   margin: 0 !important;
}

section[section="0"],
section[section="1"] {
   border: 2px solid #2F2F36 !important;
   background-color: grey !important;
   margin-top: 16px !important;
}
section[section="0"] h2.list-section-heading,
section[section="1"] h2.list-section-heading {
   border-bottom: 2px solid #2F2F36 !important;
   padding: 1px 6px 2px 6px !important;
   margin: 0 !important;
}
section[section="0"] h2.list-section-heading {
   background-color: #217B22 !important;
}
section[section="1"] h2.list-section-heading {
   background-color: #C72F2E !important;
}

section[section="0"] addon-card .card,
section[section="1"] addon-card .card {
   border-radius: 0 !important;
   background-color: #f3f3f3 !important;
   padding: 0 !important;
   margin: 10px 10px 0 10px !important;
}
section[section="0"] addon-card .card:last-child,
section[section="1"] addon-card .card:last-child {
   margin: 10px !important;
}
section[section="0"] addon-card .card {
   border: 2px solid grey !important;
   border-width:  5px !important;
   border-style: double !important;
}
section[section="1"] addon-card .card {
   border: 2px solid grey !important;
   border-width:  5px !important;
   border-style: double !important;
}

section[section="0"] addon-card .card:hover,
section[section="1"] addon-card .card:hover {
   border: 2px solid grey !important;
   box-shadow: 0 0 4px 4px blue !important;
   background-color: lightblue !important;
   border-width:  5px !important;
   border-style: double !important;
}

section[section="1"] addon-card .addon.card[active="false"] {
   opacity: 0.8 !important;
}
section[section="1"] addon-card .addon.card[active="false"]:hover {
   opacity: 1 !important;
}

/* Container bei Empfehlungen / Hintergrund und Border */   
#content div#main discovery-pane recommended-addon-list recommended-addon-card div.card.addon{
   background-color: #fefefa !important;
   border: 2px solid grey !important;
   border-width:  5px !important;
   border-style: double !important;
}  
/* Container bei Themes/Farbgebungen (unten) / Hintergrund und Border */    
#content div#main addon-list.monochromatic-addon-list section addon-card div.card.addon {
   width: 1285px !important;
   max-height: 140px !important; }
  

addon-list message-bar {
   border: 2px solid #B2B2B2 !important;
   padding: 2px 6px !important;
   margin-top: 10px !important;
   margin-bottom: 0px !important;
}
addon-list message-bar[addon-id*="{"] {
   border: 2px solid #F20 !important;
   padding: 0 !important;
}
addon-list message-bar.update-postponed-bar {
   border: 0 !important;
   border-top: 2px solid #B2B2B2 !important;
   padding: 0 !important;
}

addon-list message-bar-stack[class="pending-uninstall"] message-bar {
   padding: 0 !important;
}

addon-list message-bar[addon-id*="{"] button[action="undo"] {
   border: 1px solid #B2B2B2 !important;
   background-color: #F20 !important;
   color: #FFF !important;
}
addon-list message-bar.update-postponed-bar button[action="install-postponed"] {
   border: 1px solid #B2B2B2 !important;
   background-color: #C44F00 !important;
   color: #FFF !important;
}
button[action="undo"][data-l10n-id="pending-uninstall-undo-button"] {
   border: 1px solid #B2B2B2 !important;
   background-color: #F20 !important;
   color: #FFF !important;
   padding: 3px 6px !important;
}
button[action="undo"][data-l10n-id="pending-uninstall-undo-button"]:hover,
addon-list message-bar.update-postponed-bar button[action="install-postponed"]:hover,
addon-list message-bar[addon-id*="{"] button[action="undo"]:hover {
   border: 1px solid #006EC1 !important;
   background-color: #D1E2F2 !important;
   color: #000 !important;
}

addon-list[type="theme"] section[section="0"] addon-card .card .card-contents {
   border-top: 2px solid #217B22 !important;
   padding: 0 0 0 6px !important;
}
addon-list[type="theme"] section[section="1"] addon-card .card .card-contents {
   border-top: 2px solid #C72F2E !important;
   padding: 0 0 0 6px !important;
}
addon-list[type="theme"] section[section="0"] addon-card .card:hover .card-contents,
addon-list[type="theme"] section[section="1"] addon-card .card:hover .card-contents {
   border-top: 2px solid #0060DF !important;
}

div.addon-detail-contribute button.addon-detail-contribute-button {
   appearance: none !important;
   text-decoration: none !important;
   border: 1px solid #EDEDED !important;
   background-color: #0060DF !important;
   color: #FFF !important;
   padding: 2px 6px 2px 32px !important;
   margin-top: 2px !important;
   margin-bottom: 2px !important;
}
section[name="details"] .addon-detail-row a.support-link,
section[name="details"] .addon-detail-row a[is="support-link"],
section[name="details"] a[data-telemetry-name="homepage"],
section[name="details"] a[data-telemetry-name="author"],
section[name="details"] a[data-telemetry-name="rating"] {
   appearance: none !important;
   text-decoration: none !important;
   border: 1px solid #EDEDED !important;
   background-color: #0060DF !important;
   color: #FFF !important;
   padding: 2px 6px !important;
   margin-top: 2px !important;
   margin-bottom: 2px !important;
}
div.addon-detail-contribute button.addon-detail-contribute-button:hover,
section[name="details"] .addon-detail-help-row a.support-link:hover,
section[name="details"] .addon-detail-row a[is="support-link"]:hover,
section[name="details"] a[data-telemetry-name="homepage"]:hover,
section[name="details"] a[data-telemetry-name="author"]:hover,
section[name="details"] a[data-telemetry-name="rating"]:hover,
addon-permissions-list .addon-detail-row a[is="support-link"]:hover,
named-deck#details-deck update-release-notes > p > a:hover,
named-deck#details-deck div.addon-detail-description > a:hover {
   background-color: #D1E2F2 !important;
   color: #000 !important;
}

/* Drei-Punkte-Button */
#main addon-card .card .card-contents .addon-name-container,
section[section="0"] addon-card .card .card-contents .addon-name-container,
section[section="1"] addon-card .card .card-contents .addon-name-container {
   margin-top: 0 !important;
}
section[section="0"] addon-card .card .card-contents .addon-name-container > button,
section[section="1"] addon-card .card .card-contents .addon-name-container > button,
#main addon-card .card .card-contents .addon-name-container > button {
   background-color: lightblue !important;    
   border-radius: 0 !important;
   border: 1px solid grey !important;
   margin-top: 2px !important;
   margin-right: 2px !important;
   margin-left: 0 !important;
}
/* Button Deaktivieren */
#main addon-card .card .card-contents .addon-name-container > button[data-l10n-id="disable-addon-button"] {
   background-color: #C72F2E !important;
   color: white !important;
}
/* Button Aktivieren */
#main addon-card .card .card-contents .addon-name-container > button[data-l10n-id="enable-addon-button"] {
   background-color: #217B22 !important;
   color: white !important;
}
/* Button bei Hover */
section[section="0"] addon-card .card .card-contents .addon-name-container > button:hover,
section[section="1"] addon-card .card .card-contents .addon-name-container > button:hover,
#main addon-card .card .card-contents .addon-name-container > button:hover,
#main addon-card .card .card-contents .addon-name-container > button:hover,
#main addon-card .card .card-contents .addon-name-container > button[data-l10n-id="disable-addon-button"]:hover,
#main addon-card .card .card-contents .addon-name-container > button[data-l10n-id="enable-addon-button"]:hover {
   fill: #000 !important;
   border: 1px solid brown !important;
   background-color: greenyellow !important;
   color: #000 !important;
}

/* section[section="0"] addon-card .card .card-contents .addon-description,
section[section="1"] addon-card .card .card-contents .addon-description {
    display: none !important;
} */

/* Mindesthöhe der rechten Container */
addon-card:not([expanded]) > .addon.card {
   min-height:60px !important; }

/* unterer Teil bei Themes / Farbgebungen */
.monochromatic-addon-list addon-card .card {
   width: calc(100% + 570px) !important;
}
.monochromatic-addon-list section[section="0"] > h2 {
   font-size: 18px !important;
   font-weight: bold !important;
   border-bottom: 2px solid #2F2F36 !important;
   background: #0082FC !important;
   padding: 3px 6px 3px 6px !important;
}
.monochromatic-addon-list section[section="0"] > h3 {
   font-size: 14px !important;
   font-weight: normal !important;
   border-bottom: 2px solid #2F2F36 !important;
   background: lightgrey/* #474749 */ !important;
   padding: 3px 6px 3px 6px !important;
   margin-top: 0 !important;
   margin-bottom: 4px !important;
}

button:focus-visible,
.addon-name-container input[type="checkbox"].toggle-button:focus,
ul.addon-permissions-list > li.permission-info > label > input:focus {
   box-shadow: none !important;
   outline: unset !important;
   outline-offset: 0px !important;
   -moz-outline-radius: 0 !important;
   --in-content-border-active-shadow: unset !important;
}

addon-options > panel-list > panel-item,
plugin-options > panel-list > panel-item {
   --in-content-button-background: none !important;
   --in-content-button-background-hover: none !important;
   --in-content-button-background-active: none !important;
   opacity: 1.0 !important;
   box-shadow: none !important;
   border: 1px solid #B2B2B2 !important;
   background: none !important;
   background-color: grey !important;
   margin: 2px 2px 0 2px !important;
}
addon-options > panel-list > panel-item[action="remove"] {
   background-color: #800 !important;
   color: #FFF !important;
}
addon-options > panel-list > panel-item[action="expand"],
plugin-options > panel-list > panel-item[action="manage-addon-button"] {
   background-color: #804628 !important;
   color: #FFF !important;
}
addon-options > panel-list > panel-item[action="preferences"] {
   background-color: #217B22 !important;
   color: #FFF !important;
}
addon-options > panel-list > panel-item:hover,
addon-options > panel-list > panel-item[action="preferences"]:hover,
addon-options > panel-list > panel-item[action="remove"]:hover,
addon-options > panel-list > panel-item[action="expand"]:hover,
plugin-options > panel-list > panel-item:hover,
plugin-options > panel-list > panel-item[action="manage-addon-button"]:hover {
   fill: #000 !important;
   background-color: #D1E2F2 !important;
   color: #000 !important;
}
addon-options > panel-list[role="menu"],
plugin-options > panel-list[role="menu"] {
   border-radius: 0 !important;
   border: 1px solid #B2B2B2 !important;
   background-color: dodgerblue /* #C72F2E */ !important;
   padding: 0 0 2px 0 !important;
   margin-top: -1px !important;
}
addon-options > panel-list > panel-item-separator,
plugin-options > panel-list > panel-item-separator {
   background: #B2B2B2 !important;
   margin: 2px 0 0 0 !important;
}

#main addon-card .card[active="true"] .card-contents .addon-name-container input[type="checkbox"].toggle-button,
section[section="0"] addon-card .card .card-contents .addon-name-container input[type="checkbox"].toggle-button,
ul.addon-permissions-list > li.permission-info > label > input:checked {
   --button-height: 24px !important;
   --button-half-height: 12px !important;
   --button-width: 24px !important;
   --button-border-width: 0px !important;
   --dot-size: 12px !important;
   --dot-margin: 5px 2px !important;
   --dot-transform-x: 6px !important;
   border-radius: 0 !important;
   border: 1px solid #B2B2B2 !important;
   background-color: #C72F2E !important;
   margin-top: 2px !important;
   margin-right: 2px !important;
}
#main addon-card .card[active="false"] .card-contents .addon-name-container input[type="checkbox"].toggle-button,
section[section="1"] addon-card .card .card-contents .addon-name-container input[type="checkbox"].toggle-button,
ul.addon-permissions-list > li.permission-info > label > input {
   --button-height: 24px !important;
   --button-half-height: 12px !important;
   --button-width: 24px !important;
   --button-border-width: 0px !important;
   --dot-size: 12px !important;
   --dot-margin: 5px 2px !important;
   --dot-transform-x: 6px !important;
   border-radius: 0 !important;
   border: 1px solid #B2B2B2 !important;
   background-color: #217B22 !important;
   margin-top: 2px !important;
   margin-right: 2px !important;
}
section[section="0"] addon-card .card .card-contents .addon-name-container input[type="checkbox"].toggle-button:hover,
section[section="1"] addon-card .card .card-contents .addon-name-container input[type="checkbox"].toggle-button:hover,
#main addon-card .card[active="true"] .card-contents .addon-name-container input[type="checkbox"].toggle-button:hover,
#main addon-card .card[active="false"] .card-contents .addon-name-container input[type="checkbox"].toggle-button:hover,
ul.addon-permissions-list > li.permission-info > label > input:hover,
ul.addon-permissions-list > li.permission-info > label > input:checked:hover {
   background-color: #D1E2F2 !important;
}
section[section="0"] addon-card .card .card-contents .addon-name-container input[type="checkbox"].toggle-button:hover::before,
section[section="1"] addon-card .card .card-contents .addon-name-container input[type="checkbox"].toggle-button:hover::before,
#main addon-card .card[active="true"] .card-contents .addon-name-container input[type="checkbox"].toggle-button:hover::before,
#main addon-card .card[active="false"] .card-contents .addon-name-container input[type="checkbox"].toggle-button:hover::before,
ul.addon-permissions-list > li.permission-info > label > input:hover::before,
ul.addon-permissions-list > li.permission-info > label > input:checked:hover::before {
   background: #000 !important;
}

/* Lage des Icon im Container */
.card-heading-icon {
   margin-inline-end: 20px !important;
   margin-top: 5px !important;
   margin-left: 10px !important;
}
/* Größe und Lage des Image bei Themes */
.card-heading-image {
   min-width: 880px !important;
   max-width: 880px !important;
   min-height: 92px !important;
   max-height: 92px !important;
   border: 1px solid grey !important;
   border-radius: 6px !important;
   margin: 3px 0 0 3px !important;
}

recommended-extensions-section > h2,
recommended-themes-section > h2 {
   border-top: 2px solid #2F2F36 !important;
   border-right: 2px solid #2F2F36 !important;
   border-left: 2px solid #2F2F36 !important;
   background-color: #0082FC !important;
   padding: 2px 6px 3px 6px !important;
   margin: 10px 0 0 0 !important;
}

.discopane-notice {
   border-radius: 0 !important;
   border-top: 2px solid #B2B2B2 !important;
   border-right: 2px solid #B2B2B2 !important;
   border-bottom:  !important;
   border-left: 2px solid #B2B2B2 !important;
   margin: 0 !important;
}
.container {
   padding: 2px !important;
   border-radius: 0 !important;
}
button[data-l10n-id="discopane-notice-learn-more"] {
   border-radius: 0 !important;
   border: 1px solid #B2B2B2 !important;
   background-color: #0061E0 !important;
   margin: 6px 3px 3px 3px !important;
}
button[data-l10n-id="discopane-notice-learn-more"]:hover {
   border: 1px solid #004AAD !important;
   background-color: #D1E2F2 !important;
   color: #000 !important;
}
.container button.close {
   border-radius: 0 !important;
   border: 1px solid #B2B2B2 !important;
   background-color: #C72F2E !important;
}
.container button.close:hover {
   border: 1px solid #004AAD !important;
   background-color: #D1E2F2 !important;
   color: #000 !important;
}

recommended-addon-list {
   display: block !important;
   border: 2px solid #2F2F36 !important;
}
recommended-addon-list .card {
   border-radius: 0 !important;
   border: 2px solid #B2B2B2 !important;
   padding: 0 !important;
   margin: 10px 10px 0 10px !important;
}
recommended-addon-list .card:last-child {
   margin: 10px !important;
}
recommended-addon-list:nth-child(3) > recommended-addon-card > div > div > div,
recommended-addon-list[type="theme"] .card .card-contents {
   border-top: 2px solid #B2B2B2 !important;
   padding: 0 0 0 6px !important;
}
recommended-addon-list:nth-child(3) > recommended-addon-card > div > img[hidden=""] + div > div {
   border-top: 0 !important;
}

recommended-addon-list .addon-name-container button.disco-cta-button,
recommended-addon-list[type="extension"] .card .card-contents button.disco-cta-button,
recommended-addon-list[type="theme"] .card .card-contents button.disco-cta-button,
recommended-addon-list .addon-name-container button[data-l10n-id="manage-addon-button"] {
   border-radius: 0 !important;
   border: 1px solid #B2B2B2 !important;
   margin: 6px 3px 3px 3px !important;
}
recommended-addon-list .addon-name-container button[data-l10n-id="manage-addon-button"] {
   background-color: #804628 !important;
}
recommended-addon-list .addon-name-container button.disco-cta-button:hover,
recommended-addon-list[type="extension"] .card .card-contents button.disco-cta-button:hover,
recommended-addon-list[type="theme"] .card .card-contents button.disco-cta-button:hover,
recommended-addon-list .addon-name-container button[data-l10n-id="manage-addon-button"]:hover {
   border: 1px solid #004AAD !important;
   background-color: #D1E2F2 !important;
   color: #000 !important;
}

.discopane-notice-content a[is="support-link"] {
   min-height: 24px !important;
   max-height: 24px !important;
   border-radius: 0 !important;
   border: 1px solid #B2B2B2 !important;
   background: #F0F0F0 url("..//icons/Bild1.png") no-repeat !important;
   background-position: 10px 3px !important;
   color: #000 !important;
   padding: 0px 3px 1px 36px !important;
   margin: 0 !important;
}
.discopane-notice-content a[is="support-link"]:hover {
   text-decoration: none !important;
   border: 1px solid #006FC2 !important;
   background: #D1E2F2 url("..//icons/Bild1.png") no-repeat !important;
   background-position: 10px 3px !important;
   color: #000 !important;
}

.view-footer .amo-link-container.view-footer-item button.primary[data-l10n-id="find-more-addons"] {
   border-radius: 0 !important;
   border: 1px solid #B2B2B2 !important;
   background-color: #006FC2 !important;
   color: #FFF !important;
}
.view-footer .amo-link-container.view-footer-item button.primary[data-l10n-id="find-more-addons"]:hover {
   border: 1px solid #006FC2 !important;
   background-color: #D1E2F2 !important;
   color: #000 !important;
}

.view-footer-item a.privacy-policy-link {
   min-height: 24px !important;
   max-height: 24px !important;
   border-radius: 0 !important;
   border: 1px solid #B2B2B2 !important;
   background: #F0F0F0 url("..//chrome/icons/Bild1.png") no-repeat !important;
   background-position: 10px 2px !important;
   color: #000 !important;
   padding: 1px 3px 1px 36px !important;
   margin: 0 !important;
}
.view-footer-item a.privacy-policy-link:hover {
   text-decoration: none !important;
   border: 1px solid #006FC2 !important;
   background: #D1E2F2 url("..//chrome/icons/Bild1.png") no-repeat !important;
   background-position: 10px 2px !important;
   color: #000 !important;
}

div[current-view="detail"] {
   padding-top: 10px !important;
   margin-bottom: 0 !important;
}
/* Popup unter Verwalten */
div[current-view="detail"] .card {
   background-color: lightgrey !important;    
   border-radius: 0 !important;
   border: 1px solid grey !important;
   border-width:  5px !important;
   border-style: double !important;
   margin-bottom: 0 !important;
}
div[current-view="detail"] .card:hover {
   background-color: #f8f8ff !important;
}    
div[current-view="detail"] {
   display: block !important;
}
div[current-view="detail"] addon-card {
   display: block !important;
   border: 1px solid #B2B2B2 !important;
}
button-group.tab-group {
   border-top: 2px solid #B2B2B2 !important;
   border-bottom: 2px solid #B2B2B2 !important;
   padding: 0 0 0 4px !important;
   margin-top: 0 !important;
}
button-group.tab-group > button {
   border: 1px solid #B2B2B2 !important;
   background-color: #0060DF !important;
   color: #FFF !important;
   margin: 3px 3px 3px 0 !important;
}
button-group.tab-group > button[selected=""] {
   border-top: 1px solid #B2B2B2 !important;
   background-color: #217B22 !important;
   color: #FFF !important;
}
button-group.tab-group > button:hover,
button-group.tab-group > button[selected=""]:hover {
   border-top: 1px solid #B2B2B2 !important;
   background-color: #D1E2F2 !important;
   color: #000 !important;
}

named-deck#details-deck section[name="details"] > div {
   border-top-color: #B2B2B2 !important;
   border-bottom: 1px solid #B2B2B2 !important;
   padding: 3px 8px 4px 8px !important;
}
named-deck#details-deck section[name="details"] > div.addon-detail-row-has-help {
   border-bottom: 0 !important;
}
named-deck#details-deck section[name="details"] > div.addon-detail-description {
   width: calc(100% + 10px) !important;
   padding: 10px !important;
   margin: 0 -15px !important;
}

named-deck#details-deck[selected-view="permissions"] addon-permissions-list[name="permissions"] div.addon-detail-row {
   border-bottom: 1px solid #B2B2B2 !important;
}

named-deck#details-deck section[name="details"] > .addon-detail-contribute {
   width: calc(100% + 15px) !important;
   margin: 0 0 0 -16px !important;
}

inline-options-browser[slot="selected"],
update-release-notes[slot="selected"],
inline-options-browser[name="preferences"][slot="selected"] {
   padding: 0 !important;
   margin: 0 !important;
}

inline-options-browser[name="preferences"] > .inline-options-stack {
   width: calc(100% + 30px) !important;
   border: 0 !important;
   border-bottom: 1px solid #B2B2B2 !important;
   background-color: #2A2A2E !important;
   padding: 0 5px 5px 5px !important;
   margin: 5px 0 0 -15px !important;
}
inline-options-browser[name="preferences"] > .inline-options-stack #addon-inline-options {
   min-height: 335px !important;
   border: 0 !important;
   background-color: #D7D5D5 !important;
   padding: 0 5px !important;
   margin: 0 !important;
}

footer.view-footer {
   border: 2px solid #2F2F36 !important;
   padding: 0 !important;
   margin-top: 10px !important;
   margin-bottom: 0 !important;
}
footer.view-footer .view-footer-item {
   margin-top: 0 !important;
}
footer.view-footer .amo-link-container.view-footer-item + .view-footer-item {
   padding-top: 5px !important;
   padding-bottom: 6px !important;
}
footer.view-footer .view-footer-item:last-child {
   border-top: 2px solid #2F2F36 !important;
}
footer.view-footer .theme-recommendation {
   text-align: center !important;
   padding-top: 5px !important;
   padding-bottom: 1px !important;
   margin-top: 0 !important;
   margin-bottom: 5px !important;
}

/* Test */
#main[current-view="updates"] addon-card .card[active="false"] {
   border: 2px solid #C72F2E !important;
}

#main addon-card .card[active="true"] .addon-card-message,
#main addon-card .card[active="false"] .addon-card-message {
   --message-bar-background-color: #EEE8AA !important;
   padding: 0 !important;
}
#main addon-card .card[active="true"] .addon-card-message,
#main addon-card .card[active="true"] .update-postponed-bar {
   border-radius: 0 !important;
   border-top: 2px solid #217B22 !important;
   margin: 0  !important;
}
#main addon-card .card[active="false"] .addon-card-message,
#main addon-card .card[active="false"] .update-postponed-bar {
   border-radius: 0 !important;
   border-top: 2px solid #C72F2E !important;
   margin: 0  !important;
}

#main[current-view="detail"] addon-card .card[active="true"] .addon-card-message,
#main[current-view="detail"] addon-card .card[active="false"] .addon-card-message {
   border-top: 2px solid #B2B2B2 !important;
   margin-top: 8px !important;
   margin-right: -15px !important;
   margin-left: -15px !important;
}

/* unter Empfehlungen ganz unten der Button Datenschutzrichtlinie */
#content div#main discovery-pane footer.view-footer div.view-footer-item a.privacy-policy-link{
   min-height: 27px !important;
   max-height: 27px !important;
   border-radius: 0 !important;
   border: 1px solid grey !important;
   background: #F0F0F0 url("..//icons/Bild1.png") no-repeat !important;
   background-position: 6px 2px !important;
   color: #000 !important;
   padding: 1px 3px 1px 36px !important;
   margin: 0  !important;
}
#content div#main discovery-pane footer.view-footer div.view-footer-item a.privacy-policy-link:hover {
   border: 1px solid #006FC2 !important;
   background: #D1E2F2 url("..//icons/Bild1.png") no-repeat !important;
   background-position: 6px 2px !important;
   color: #000 !important;
}

div[current-view="detail"] > addon-card[expanded="true"] > .card .card-heading-image {
   margin-top: -12px !important;
   margin-left: -12px !important;
}
div[current-view="detail"] > addon-card[expanded="true"] > .card > img.card-heading-image:not([hidden=""]) + .addon-card-collapsed .card-contents {
   border-top: 2px solid #B2B2B2 !important;
   padding-left: 5px !important;
   margin-right: -15px !important;
   margin-left: -15px !important;
}
div[current-view="detail"] > addon-card[expanded="true"] > .card[active="false"] .card-heading-image {
   margin-top: -12px !important;
   margin-left: -12px !important;
}
div[current-view="detail"] > addon-card[expanded="true"] > .card[active="false"] > img.card-heading-image:not([hidden=""]) + .addon-card-collapsed .card-contents {
   border-top: 2px solid #B2B2B2 !important;
   padding-left: 5px !important;
   margin-left: -15px !important;
}

/*============ Button für Popup-Menü vom Zahnradbutton =============*/

#page-options > panel-list:nth-child(1) > panel-item:nth-child(1)::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild5.png");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

#page-options > panel-list:nth-child(1) > panel-item:nth-child(2)::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild61.png");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

#page-options > panel-list:nth-child(1) > panel-item:nth-child(4)::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild3.png");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

#page-options > panel-list:nth-child(1) > panel-item:nth-child(5)::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild66.ico");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

#page-options > panel-list:nth-child(1) > panel-item:nth-child(7) {
   fill: transparent !important;
}

#page-options > panel-list:nth-child(1) > panel-item:nth-child(7)::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("..//icons/aktiv.png");
   background-size: 18px 18px !important;
   margin-left: 10px;
   margin-right: -16px;
   margin-bottom: 3px;
}

#page-options > panel-list:nth-child(1) > panel-item:nth-child(7):not([checked])::before {
   content: '';
   font-size: 14px;
   padding-top: 1px !important;
   padding-bottom: 2px !important;
   display: block;
   width: 16px;
   height: 16px;
   background: url("..//icons/inaktiv.png") no-repeat !important;
   background-position: 0 2px !important;
}

#page-options > panel-list:nth-child(1) > panel-item:nth-child(8)::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild64.png");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

#page-options > panel-list:nth-child(1) > panel-item:nth-child(10)::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild67.png");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}
/* Button Ende */

}

Alles anzeigen

Und Bilder dazu:

FuchsFan

Zitat von Boersenfeger

Vielen Dank auch für die diversen Nasenstüber.

Gern geschehen, konnte ich mir einfach nicht verkneifen.

Aber glaube mir, ist schon besser so. Die Zeilen 348 und 349 kannst du doch gleich hinter Zeile 130 einfügen, denn der Selektor ist doch dort schon vorhanden.

Zitat von Boersenfeger

Spätestens 2024 werde ich mich mit dem ganzen Codekram näher auseinandersetzen

Welche Uni willst du besuchen, oder ist das geheim?

Guten Rutsch!

Beiträge von FuchsFan

Dialog Hilfe/Über Firefox

Dialog Hilfe/Über Firefox

Dialog Hilfe/Über Firefox

Dialog Hilfe/Über Firefox

Dialog Hilfe/Über Firefox

Anpassung für About-Dialog funktioniert nicht mehr

Anpassung für About-Dialog funktioniert nicht mehr

Anpassung für About-Dialog funktioniert nicht mehr

Dialog Hilfe/Über Firefox

Anpassung für About-Dialog funktioniert nicht mehr

Anpassung für About-Dialog funktioniert nicht mehr

Anpassung für About-Dialog funktioniert nicht mehr

Anpassung für About-Dialog funktioniert nicht mehr

Dialog Hilfe/Über Firefox

Dialog Hilfe/Über Firefox

Dialog Hilfe/Über Firefox

Dialog Hilfe/Über Firefox

Dialog Hilfe/Über Firefox

Addons Manager Code anpassen

Anpassung für About-Dialog funktioniert nicht mehr