Dialog-Fenster anpassen

BarbaraZ- · 9. Dezember 2022

Moin, hier hat sich mit Firefox 107 bei mir was verstellt.:

Der Bereich: "Neu Funktionen und Änderungen" hat sich nach rechts verschoben.

Eigentlich sollte dieses unterhalb der Zeile: "Meine aktuelle ..." stehen.

Hier der Code dazu:

CSS

/* About:Dialog - über Firefox --- In Abwandlung von DeJaVu*/

@-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml"){
    #bottomBox,
    #clientBox,
    #leftBox,
    #trademark,
    #updateBox > vbox:nth-child(2) > hbox:nth-child(2),
    #updateButton,
    #version,
    #version::before,
    #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'],
        #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'],
    #aboutDialog,
    #aboutDialogContainer, 
    #bottomBox,
    #clientBox,
    #trademark {
    background-color: DarkSykBlue !important;
    }

    label,
    .text-blurb,
    #trademark { 
        font-size: 16px !important;
        }

    #version::before {
        content: 'Meine aktuelle Browser-Version ist die:';
        font-size: 18px !important;
        font-weight: bold !important; 
        color: LightCoral !important;
        margin-right: 6px !important;
        margin-left: -24px !important;
        }

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

    #bottomBox > hbox:nth-child(1) {
        margin-bottom: 25px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        background-color: dodgerblue !important;
        }

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

    #trademark {
        margin-top: 5px !important;
        margin-bottom: 10px !important; 
        }

    #leftBox {
        margin-top: 60px !important;
        }

    #updateButton {
        appearance: none !important; /*Firefox Update*/
        background: pimk url("../Icons/qd-lupe.gif")no-repeat !important;
        min-width: 360px !important;
        padding-left: 30px !important;
        background-position: 13px !important;
        border: 3px solid dodgerblue !important;
        border-width: 2px !important;
        color: coral !important;
        margin-bottom: 10px !important;
        margin-top: 0 !important;
        }

    #icons > .icon {
        margin-top: 12px !important;
        }

    #updateButton:hover {
        appearance: none !important;
        background: yellow url("../Icons/qd-lupe.gif")no-repeat !important;
        padding-left: 30px !important ;
        background-position: 13px !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; /* Information zur Lizensierung */
        background: lightgray url("../Icons/qd-info.png")no-repeat !important; 
        color: dodgerblue !important;
        margin-top: 2px !important;
        padding-right: 10px !important;
        margin-left: 20px !important;
        padding-left: 30px !important;
        border-width: 2px !important;
        background-position: 10px 5px !important;
        border: 3px solid red !important;
        }

    [href='about:license']:hover {
        background: darkgray url("../Icons/qd-info.png")no-repeat !important; 
        color: white !important;
        background-position: 10px 5px !important;
        }

    [href="about:rights"] {
        appearance: none !important; /* Endanwenderrechte */
        background: CornflowerBlue url("../Icons/qd-endanwender.png")no-repeat !important;
        color: black !important;
        /*padding-top: 2px !important;*/
        margin-right: 11px!important;
        margin-left: -28px !important;
        margin-top: 2px !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-color: red !important;
        border-width: 2px !important;
        background-position: 10px 5px !important;
        border: 3px solid yellow !important;
        }

    [href="about:rights"]:hover {
        appearance: none !important;
        background: darkgray url("../Icons/qd-endanwender.png") no-repeat !important;
        color: white !important;
        background-position: 10px 5px !important;
        } 
    
    label.bottom-link:nth-child(3) {
        appearance: none !important; /* Datenschutzbestimmungen */
        background: lightgray url("../Icons/qd-datenschutz.png")no-repeat !important;
        color: dodgerblue !important;
        margin-left: -2px !important;
        margin-right: -3px !important;
        margin-top: 2px !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-width: 2px !important;
        background-position: 10px 5px !important;
        border: 3px solid orange !important;
        }

    label.bottom-link:nth-child(3):hover {
        background: darkgray url("../Icons/qd-datenschutz.png")no-repeat !important;
        color: white !important;
        background-position: 10px 5px !important;
        }

    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog'] {
        appearance: none !important; /* Mozilla */
        background: lightgray url("../Icons/qd-mozilla.png")no-repeat !important;
        color: black !important;
        margin-right: 2px !important;
        padding-right: 15px !important;
        padding-left: 35px !important;
        border-width: 2px !important;
        background-position: 10px 5px !important;
        border: 3px solid magenta !important;
        }

    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']:hover {
        background: darkgray url("../Icons/qd-mozilla.png")no-repeat !important;
        color: white !important;
        background-position: 10px 5px !important;
        }

    [href='about:credits'] {
        appearance: none !important; /* globale Community */
        background: lightgray url("../Icons/qd-community.png")no-repeat !important;
        color: black !important;
        margin-right: 2px !important;
        padding-right: 7px !important;
        padding-left: 35px !important;
        border-width: 2px !important;
        background-position: 10px 5px !important;
        border: 3px solid violet !important;
        }

    [href='about:credits']:hover {
        background: darkgray url("../Icons/qd-community.png")no-repeat !important;
        color: white !important;
        background-position: 10px 5px !important;
        }

    #contributeDesc > label:nth-child(2) {
        appearance: none !important; /* machen Sie mit */
        background: lightgray url("../Icons/qd-mitmachen.png")no-repeat !important;
        color: black !important;
        margin-left: 2px !important;
        margin-right: 10px !important;
        padding-left: 35px !important;
        padding-right: 15px !important;
        border-color: cadetblue !important;
        border-width: 2px !important;
        background-position: 10px 5px !important;
        border: 3px solid dodgerblue !important;
        }

    #contributeDesc > label:nth-child(2):hover {
        background: darkgray url("../Icons/qd-mitmachen.png")no-repeat !important;
        color: white !important;
        background-position: 10px 5px !important;
        }

    #contributeDesc > label:nth-child(1) {
        appearance: none !important;  /*Spenden Sie*/
        background: yellow url("../Icons/qd-spenden.png")no-repeat !important;
        color: black !important;
        margin-right: -1px !important;
        padding-left: 35px !important;
        padding-right: 15px !important;
        border-width: 2px !important;
        background-position: 10px 5px !important;
        border: 3px solid pink !important;
        }

    #contributeDesc > label:nth-child(1):hover {
        background: darkgray url("../Icons/qd-spenden.png")no-repeat !important;
        color: black !important;
        background-position: 10px 5px !important;
        }

    #releasenotes { 
        appearance: none !important; /*Neue Funktionen und Änderungen*/
        background: darkgray url("../Icons/qd-info.png")no-repeat !important; 
        margin-left: 10px !important;
        margin-right: 35px !important;
        padding-left: 30px !important;
        padding-right: 20px !important;
        padding-bottom: 1px !important;
        border-width: 2px !important;
        background-position: 10px 5px !important;
        border: 3px solid yellow!important;
        margin-top: 50px !important; /*Änderung*/
        color: black !important;
        }

    #releasenotes:hover    {
        background: lightgray url("../Icons/qd-info.png")no-repeat !important;
        color: dodgerblue !important;
        background-position: 10px 5px !important;
        }    
    
    #rightBox {
        background-image: none !important;
        padding-top: 0px !important;      
        margin-top: 10px !important;
        }

    #rightBox::before {
        content: "Firefox Browser" !important;
        font-size: 35px !important;
        font-weight: bold !important;
        text-shadow: 5px 5px 5px red !important;
        color: yellow !important;
        -webkit-transform: scale(1.08) !important;
        }
        
    #trademark {
        border: 3px solid red !important;
        max-width:  550px !important;
        margin-left: 270px !important;
        margin-right: 270px !important;
        color: Yellow !important;
        }
    
        #trademark::after {
        content: " Dialog-Design by Barbara " !important;
        font-size: 14px !important;
        color: red !important;
        }
}

Alles anzeigen

Müsste ab Zeile 252 angesprochen werden.

FuchsFan · 9. Dezember 2022

Zitat von BarbaraZ-

Moin, hier hat sich mit Firefox 107 bei mir was verstellt.:

Moin!

Ab Zeile 77 sollte das so aussehen:

CSS

#leftBox {
        appearance: none !important;
        background-size: contain !important;
        margin-top: 60px !important;
        max-width: 200px !important;
        min-width: 200px !important;
    }

2002Andreas · 9. Dezember 2022

Zitat von BarbaraZ-

Der Bereich: "Neu Funktionen und Änderungen" hat sich nach rechts verschoben.
Eigentlich sollte dieses unterhalb der Zeile: "Meine aktuelle ..." stehen.

Das war es aber mit Version 102 auch nicht

BarbaraZ- · 9. Dezember 2022

Moin,

FuchsFan, Danke passt perfekt und

@ Andreas, danke für den Hinweis.

Ja, Du hast recht, ich erinnere mich, es war neben dem Text.

2002Andreas · 9. Dezember 2022

Zitat von BarbaraZ-

es war neben dem Text.

Alles ist gut

Hauptsache es funktioniert jetzt wieder.

BarbaraZ- · 9. Dezember 2022

Ach ja, leftbox hätte ich nie und nimmer damit im Verbindung gebracht.

Ja, es funktioniert wieder richtig gut.

FuchsFan · 9. Dezember 2022

Zitat von BarbaraZ-

Danke passt perfekt

Gerne doch!

Wenn das auch wieder stimmen soll, dann könntest Du ab Zeile 280 das margin-left: 30px !important;noch hinzufügen.

Mira_Belle · 9. Dezember 2022

Ich hätte dann noch folgendes anzubieten:

CSS

    /*  Versionsanzeige     */
    #updateDeck::before {
        content: 'Meine aktuelle Firefox-Version ist:';
        font-size: 18px !important;
/*        font-weight: bold !important; */
        color: #ff9600 !important;
        margin-right: 6px !important;
        margin-left: 6px !important;
    }
    #version {
        margin-top: 10px !important;
        font-size: 18px !important;
        font-weight: bold !important;
        color: orchid !important;
        margin-left: 6px !important;
    }

Alles anzeigen

Daraus ergibt sich dann:

Wenn kompletter Code gewünscht, bitte nachfragen.

BarbaraZ- · 10. Dezember 2022

FuchsFan Danke. Sieht gut aus. Sticht nichts mehr hervor.

Mira_Belle Danke für das Angebot. Bei mir sieht es jetzt so aus, wie es sein soll.

Mira_Belle · 10. Dezember 2022

Gerne doch.

War ja auch nur für den Fall, dass Du 'Meine aktuelle Browser-Version ist die:'

und die Versionsanzeige inkl. Button Neue Funktionen und Änderungen

auf zwei Zeilen verteilen möchtest.

Leider habe ich es nicht hinbekommen, nur den Button auf eine zweite Zeile zu verschieben.

FuchsFan · 10. Dezember 2022

Zitat von Mira_Belle

Leider habe ich es nicht hinbekommen, nur den Button auf eine zweite Zeile zu verschieben.

Ich leider auch nicht, gehört wohl zusammen.

2002Andreas · 10. Dezember 2022

Zitat von Mira_Belle

nur den Button auf eine zweite Zeile zu verschieben.

CSS

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

#version.update::before {
  content: "Meine Firefox Version ist: " !important;
  color: yellow !important;
}

#releasenotes {
  background: grey !important;
  min-width: 225px !important;
  border-radius: 10px !important;
  position: relative; 
  top: 1.6em; 
  left: -19.2em;
  padding-left: 5px !important;
  padding-right: 5px !important;
  padding-bottom: 1px !important;
}

description.text-blurb:nth-child(3) {
  position: relative; 
  top: 1.6em; 
  margin-bottom: 1.9em !important;
  left: 0em;
}
}

Alles anzeigen

Die Werte müssen dann evtl. alle noch angepasst werden.

2002Andreas · 10. Dezember 2022

Zitat von BarbaraZ-

Eigentlich sollte dieses unterhalb der Zeile: "Meine aktuelle ..." stehen.

CSS

/* About:Dialog - über Firefox --- In Abwandlung von DeJaVu*/

@-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml"){
    #bottomBox,
    #clientBox,
    #leftBox,
    #trademark,
    #updateBox > vbox:nth-child(2) > hbox:nth-child(2),
    #updateButton,
    #version,
    #version::before,
    #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'],
        #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'],
    #aboutDialog,
    #aboutDialogContainer, 
    #bottomBox,
    #clientBox,
    #trademark {
    background-color: DarkSykBlue !important;
    }

    label,
    .text-blurb,
    #trademark { 
        font-size: 16px !important;
        }

    #version::before {
        content: 'Meine aktuelle Browser-Version ist die:';
        font-size: 18px !important;
        font-weight: bold !important; 
        color: LightCoral !important;
        margin-right: 6px !important;
        margin-left: -24px !important;
        }

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

    #bottomBox > hbox:nth-child(1) {
        margin-bottom: 25px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        background-color: dodgerblue !important;
        }

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

    #trademark {
        margin-top: 5px !important;
        margin-bottom: 10px !important; 
        }

    #leftBox {
        appearance: none !important;
        background-size: contain !important;
        margin-top: 60px !important;
        max-width: 200px !important;
        min-width: 200px !important;
    }    

    #updateButton {
        appearance: none !important; /*Firefox Update*/
        background: pimk url("../Icons/qd-lupe.gif")no-repeat !important;
        min-width: 360px !important;
        padding-left: 30px !important;
        background-position: 13px !important;
        border: 3px solid dodgerblue !important;
        border-width: 2px !important;
        color: coral !important;
        margin-bottom: 10px !important;
        margin-top: 0 !important;
        }

    #icons > .icon {
        margin-top: 12px !important;
        }

    #updateButton:hover {
        appearance: none !important;
        background: yellow url("../Icons/qd-lupe.gif")no-repeat !important;
        padding-left: 30px !important ;
        background-position: 13px !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; /* Information zur Lizensierung */
        background: lightgray url("../Icons/qd-info.png")no-repeat !important; 
        color: dodgerblue !important;
        margin-top: 2px !important;
        padding-right: 10px !important;
        margin-left: 20px !important;
        padding-left: 30px !important;
        border-width: 2px !important;
        background-position: 10px 5px !important;
        border: 3px solid red !important;
        }

    [href='about:license']:hover {
        background: darkgray url("../Icons/qd-info.png")no-repeat !important; 
        color: white !important;
        background-position: 10px 5px !important;
        }

    [href="about:rights"] {
        appearance: none !important; /* Endanwenderrechte */
        background: CornflowerBlue url("../Icons/qd-endanwender.png")no-repeat !important;
        color: black !important;
        /*padding-top: 2px !important;*/
        margin-right: 11px!important;
        margin-left: -28px !important;
        margin-top: 2px !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-color: red !important;
        border-width: 2px !important;
        background-position: 10px 5px !important;
        border: 3px solid yellow !important;
        }

    [href="about:rights"]:hover {
        appearance: none !important;
        background: darkgray url("../Icons/qd-endanwender.png") no-repeat !important;
        color: white !important;
        background-position: 10px 5px !important;
        } 
    
    label.bottom-link:nth-child(3) {
        appearance: none !important; /* Datenschutzbestimmungen */
        background: lightgray url("../Icons/qd-datenschutz.png")no-repeat !important;
        color: dodgerblue !important;
        margin-left: -2px !important;
        margin-right: -3px !important;
        margin-top: 2px !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-width: 2px !important;
        background-position: 10px 5px !important;
        border: 3px solid orange !important;
        }

    label.bottom-link:nth-child(3):hover {
        background: darkgray url("../Icons/qd-datenschutz.png")no-repeat !important;
        color: white !important;
        background-position: 10px 5px !important;
        }

    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog'] {
        appearance: none !important; /* Mozilla */
        background: lightgray url("../Icons/qd-mozilla.png")no-repeat !important;
        color: black !important;
        margin-right: 2px !important;
        padding-right: 15px !important;
        padding-left: 35px !important;
        border-width: 2px !important;
        background-position: 10px 5px !important;
        border: 3px solid magenta !important;
        }

    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']:hover {
        background: darkgray url("../Icons/qd-mozilla.png")no-repeat !important;
        color: white !important;
        background-position: 10px 5px !important;
        }

    [href='about:credits'] {
        appearance: none !important; /* globale Community */
        background: lightgray url("../Icons/qd-community.png")no-repeat !important;
        color: black !important;
        margin-right: 2px !important;
        padding-right: 7px !important;
        padding-left: 35px !important;
        border-width: 2px !important;
        background-position: 10px 5px !important;
        border: 3px solid violet !important;
        }

    [href='about:credits']:hover {
        background: darkgray url("../Icons/qd-community.png")no-repeat !important;
        color: white !important;
        background-position: 10px 5px !important;
        }

    #contributeDesc > label:nth-child(2) {
        appearance: none !important; /* machen Sie mit */
        background: lightgray url("../Icons/qd-mitmachen.png")no-repeat !important;
        color: black !important;
        margin-left: 2px !important;
        margin-right: 10px !important;
        padding-left: 35px !important;
        padding-right: 15px !important;
        border-color: cadetblue !important;
        border-width: 2px !important;
        background-position: 10px 5px !important;
        border: 3px solid dodgerblue !important;
        }

    #contributeDesc > label:nth-child(2):hover {
        background: darkgray url("../Icons/qd-mitmachen.png")no-repeat !important;
        color: white !important;
        background-position: 10px 5px !important;
        }

    #contributeDesc > label:nth-child(1) {
        appearance: none !important;  /*Spenden Sie*/
        background: yellow url("../Icons/qd-spenden.png")no-repeat !important;
        color: black !important;
        margin-right: -1px !important;
        padding-left: 35px !important;
        padding-right: 15px !important;
        border-width: 2px !important;
        background-position: 10px 5px !important;
        border: 3px solid pink !important;
        }

    #contributeDesc > label:nth-child(1):hover {
        background: darkgray url("../Icons/qd-spenden.png")no-repeat !important;
        color: black !important;
        background-position: 10px 5px !important;
        }
        
    #releasenotes {
       min-width: 500px !important;
       position: relative; 
       top: 1.6em; 
       left: -29.2em;
       padding-left: 5px !important;
       padding-right: 5px !important;
       padding-bottom: 1px !important;
        }

    description.text-blurb:nth-child(3) {
      position: relative; 
      top: 1.6em; 
      margin-bottom: 1.9em !important;
      left: 0em;
        }    

    #releasenotes { 
        appearance: none !important; /*Neue Funktionen und Änderungen*/
        background: darkgray url("../Icons/qd-info.png")no-repeat !important; 
        margin-left: 10px !important;
        margin-right: 35px !important;
        padding-left: 30px !important;
        padding-right: 20px !important;
        padding-bottom: 1px !important;
        border-width: 2px !important;
        background-position: 10px 5px !important;
        border: 3px solid yellow!important;
        margin-top: 50px !important; /*Änderung*/
        color: black !important;
        }

    #releasenotes:hover    {
        background: lightgray url("../Icons/qd-info.png")no-repeat !important;
        color: dodgerblue !important;
        background-position: 10px 5px !important;
        }    
    
    #rightBox {
        background-image: none !important;
        padding-top: 0px !important;      
        margin-top: 10px !important;
        }

    #rightBox::before {
        content: "Firefox Browser" !important;
        font-size: 35px !important;
        font-weight: bold !important;
        text-shadow: 5px 5px 5px red !important;
        color: yellow !important;
        -webkit-transform: scale(1.08) !important;
        }
        
    #trademark {
        border: 3px solid red !important;
        max-width:  550px !important;
        margin-left: 270px !important;
        margin-right: 270px !important;
        color: Yellow !important;
        }
    
        #trademark::after {
        content: " Dialog-Design by Barbara " !important;
        font-size: 14px !important;
        color: red !important;
        }
}

Alles anzeigen

Ab Zeile 256 - 271 musst/kannst du dir die Werte noch anpassen.

FuchsFan · 10. Dezember 2022

Zitat von 2002Andreas

Die Werte müssen dann evtl. alle noch angepasst werden.

Danke, habe ich mal übernommen.

2002Andreas · 10. Dezember 2022

Zitat von FuchsFan

Danke, habe ich mal übernommen.

Gerne doch

Mira_Belle · 10. Dezember 2022

Also ausschauen tut es jetzt richtig gut!

Finde ich.

Aber, ich habe ein Problem!

Der Link Neue Funktionen und Änderungen funktioniert nicht mehr richtig!

Denn das darunterliegende Feld überschneidet sich mit diesem.

Bilder sagen mehr als tausend Worte.

Wie lässt sich da ändern?

Hier mal der komplette Code:

CSS

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

    /*---------------------------------------------------*/
    /****       Anpassungen an dem About:Dialog       ****/
    /*---------------------------------------------------*/

    #aboutDialog {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
        line-height: 1.5 !important;
}

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

    /*    Das ist Links das FF-Logo */
    
    #leftBox {
        appearance: none !important;
        border-radius: 10px !important;
        background-image: url("file:///C:/Users/Mira/image/index_test.png") !important;
        background-repeat: no-repeat !important;
        background-color: #2b2b2b !important;
        background-position: center center !important;
        background-size: 225px !important;
        min-width: 225px !important;
        margin-top: 80px !important;
    }


    /*    Das ist Rechts die Box    */
    
    #rightBox::before {
        content: "Firefox Browser" !important;
        font-size: 40px !important;
        font-weight: 700 !important;
        color: #fff582 !important;
        text-shadow: 4px 4px red !important;
    margin-left: -50px !important;    
    }

    #rightBox {
        background-image: none !important;
        padding-top: 1px !important;      
        margin-top: 1px !important;
    }

    #aboutDialog,
    #bottomBox,
    #clientBox {
        background-color: #2b2b2b !important;
    }

    #icons.icon {
        margin: 10px !important;
    }


    /*    Update-Check ohne Erwartung ;)*/
    /*    Blendet Original-Animationen aus!*/
    
    #icons > .update-throbber {
/*        visibility: hidden !important; */
        display: none !important;
    }

/*    #updateDeck #checkingForUpdates > label {   */
    [data-l10n-id="update-checkingForUpdates"] {
        appearance: none !important;
        border-radius: 10px !important;
        background-image: url("./image/sample_3.gif") !important;
        background-repeat: no-repeat !important;
        background-color: #2b2b2b !important;
        background-position: -10px center !important;
        background-size: 36px !important;
        color: #eee8aa !important;
        font-size: 1.5em !important;
        font-weight: 400 !important;
        min-height: 28px !important;
        margin-top: 0 !important;
        margin-right: -10px !important;
        margin-bottom: 12px !important;
        margin-left: 20px !important;
        padding-top: 2px !important;
        padding-right: 25px !important;
        padding-bottom: 0 !important;
        padding-left: 45px !important;
    }


    /*    Blendet Original-Icon aus!*/
    
    #icons > .noUpdatesFound {
/*        visibility: hidden !important; */
        display: none !important;

    }

/*    #noUpdatesFound > label:nth-child(1) {  */
    [data-l10n-id="update-noUpdatesFound"] {
        appearance: none !important;
        border-radius: 10px !important;
        background-image: url("./image/tick_2.png") !important;
        background-repeat: no-repeat !important;
        background-color: #2b2b2b !important;
        background-position: 0 center !important;
        background-size: 36px !important;
        color: #ff9600 !important;
        font-size: 1.5em !important;
        font-weight: 400 !important;
        min-height: 28px !important;
        margin-top: 0 !important;
        margin-right: -10px !important;
        margin-bottom: 12px !important;
        margin-left: 20px !important;
        padding-top: 2px !important;
        padding-right: 25px !important;
        padding-bottom: 0 !important;
        padding-left: 45px !important;
    }


/*  Das muss noch gecheckt werden   */

#downloadAndInstallButton    {
    appearance: none !important;
    border-radius: 10px !important;
/*    background-image:  url("./image/herz.png") !important;        */
    background-repeat: no-repeat !important;
    background-color: #2b2b2b !important;
    background-position: 0% center !important;
    background-size: 16px !important;
    color: #e1e1e1 !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 10px !important;
    padding-top: 0 !important;
    padding-right: 10px !important;
    padding-bottom: 2px !important;
    padding-left: 10px !important;

     }       

    #downloadAndInstallButton:hover {
        background: #404040 !important;
        background-position: 12px 4px !important;
        color: #e1e1e1 !important;
    }
    
    #updateButton    {
        appearance: none !important;
        border-radius: 10px !important;
        background-image:  url("./image/herz.png") !important;
        background-repeat: no-repeat !important;
        background-color: #2b2b2b !important;
        background-position: 0% center !important;
        background-size: 16px !important;
        color: #e1e1e1 !important;
        margin-top: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
        margin-left: 10px !important;
        padding-top: 0 !important;
        padding-right: 10px !important;
        padding-bottom: 2px !important;
        padding-left: 10px !important;      
        border-color: #e1e1e1 !important;
        border-style: solid  !important;
        border-width: 2px !important;

    }
        #updateButton:hover {
        background: #404040 !important;
        background-position: 12px 4px !important;
        color: #e1e1e1 !important;
        border-color: #ff9600 !important;
    }
/*    Dazugehörige default-GFX is im Weg...*/    
#icons > .apply{
    display: none !important;
}
 
/*-------------------------------------------------------------------------------*/

    /*    Versionsanzeige        */

    #version.update::before {
        content: 'Meine aktuelle Firefox-Version ist: ';
        font-size: 18px !important;
        font-weight: normal !important;
        color: #ff9600 !important;
        margin-right: 6px !important;
        margin-left: -20px !important;
    }

    #version {
        margin-top: 10px !important;
        font-size: 22px !important;
        font-weight: bold !important;
        color: orchid !important;
    }

/*-------------------------------------------------------------------------------*/

    /*     ohne Unterstrich    */

    #releasenotes,                                              /*     Neue Funktionen und Änderungen    */  
    #submit-feedback,                                         /*     Feedback senden    */ 
    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog'],
    [href='about:credits'],                                      /*     globalen Comunity    */  
    #contributeDesc > label:nth-child(1),                      /*     Spenden Sie    */  
    #contributeDesc > label:nth-child(2),                      /*     machen Sie mit!    */  
    [href='about:license'],                                      /*     Information zur Lizensierung    */  
    [href='about:rights'],                                       /*     Endanwenderrechte    */  
    label.bottom-link:nth-child(3)                              /*     Datenschutzbestimmungen    */  
    {
        text-decoration: none !important;
    }
    
    description.text-blurb:nth-child(3) > label:nth-child(1)  {
        text-decoration: none !important;
    }


    /*    Text    */
    
    .text-blurb
    {
        font-size: 15px !important;
        color: #e1e1e1 !important;
        padding-right: 1px !important;
    }


    /*     Neue Funktionen und Änderungen    */
    
    #releasenotes {
        appearance: none !important;
        background: #2b2b2b !important;
        color: #e1e1e1 !important;
        margin-top: 2px !important;
        margin-left: 0px !important;
        top: 35px !important;
        left: -350px !important;
        min-width: 250px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom: 2px !important;
        border-color: #e1e1e1 !important;
        border-style: solid !important;
        border-width: 2px !important;
        
        border-radius: 8px!important;
        position: relative;
      }

      #releasenotes:hover {
        background: #404040 !important;
        
        color: #e1e1e1 !important;
        border-color: #ff9600 !important;
    }

/*-------------------------------------------------------------------------------*/

description.text-blurb:nth-child(3) {
    position: relative; 
    top: 15px !important;
    margin-left: 59px !important;
    margin-bottom: 15px !important;
  }

/*-------------------------------------------------------------------------------*/

    /*     Firefox-Hilfe    */
    
    description.text-blurb:nth-child(3) > label:nth-child(1) {
        appearance: none !important;
        background: #2b2b2b !important;
        color: #e1e1e1 !important;
        margin-left: 10px !important;
        margin-top: 35px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom: 2px !important;
        border-color: #e1e1e1 !important;
        border-style: solid  !important;
        border-width: 2px !important;
        background-position: 12px 4px !important;
        border-radius: 8px!important;      
    }
    description.text-blurb:nth-child(3) > label:nth-child(1):hover {
        background: #404040 !important;
        background-position: 12px 4px !important;
        color: #e1e1e1 !important;
        border-color: #ff9600 !important;
    }


    /*     Feedback senden    */
    
    #submit-feedback {
        appearance: none !important;
        background: #2b2b2b !important;
        color: #e1e1e1 !important;
        margin-left: 10px !important;
        margin-top: 35px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom: 2px !important;
        border-color: #e1e1e1 !important;
        border-style: solid  !important;
        border-width: 2px !important;
        background-position: 12px 4px !important;
        border-radius: 8px!important;      
    }
    #submit-feedback:hover {
        background: #404040 !important;
        background-position: 12px 4px !important;
        color: #e1e1e1 !important;
        border-color: #ff9600 !important;
    }


    /*     Mozilla    */
    
    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog'] {
        appearance: none !important;
        background: #2b2b2b !important;
        color: #e1e1e1 !important;
        margin-left: 1px !important;
        margin-right: 1px !important;
        margin-top: 10px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom: 1px !important;     
        border-color: #e1e1e1 !important;
        border-style: solid  !important;
        border-width: 2px !important;
        background-position: 12px 4px !important;
        border-radius: 8px!important;          
    }
    
    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']:hover {
        background: #404040 !important;
        background-position: 12px 4px !important;
        color: #e1e1e1 !important;
        border-color: #ff9600 !important;
    }


    /*     globalen Comunity    */
    
    [href='about:credits'] {
        appearance: none !important;
        background: #2b2b2b !important;
        color: #e1e1e1 !important;
        margin-left: 1px !important;
        margin-right: 1px !important;
        margin-top: 10px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom: 1px !important;     
        border-color: #e1e1e1 !important;
        border-style: solid  !important;
        border-width: 2px !important;
        background-position: 12px 4px !important;
        border-radius: 8px!important;        
    }
    
    [href='about:credits']:hover {
        background: #404040 !important;
        background-position: 12px 4px !important;
        color: #e1e1e1 !important;
        border-color: #ff9600 !important;
    }
    
    
    /*    Hinter dem Komma einen Zeilenumbruch erzwingen    */

    #detailsBox > description#communityDesc {
        max-width: 570px !important;
    }


    /*     Spenden Sie    */
    
    #contributeDesc > label:nth-child(1) {
        appearance: none !important;
        background: #2b2b2b !important;
        color: #e1e1e1 !important;
        margin-left: 1px !important;
        margin-right: 1px !important;
        margin-top: 2px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom: 2px !important;     
        border-color: #e1e1e1 !important;
        border-style: solid  !important;
        border-width: 2px !important;
        background-position: 12px 4px !important;
        border-radius: 8px!important;        
    }
    
    #contributeDesc > label:nth-child(1):hover {
        background: #404040 !important;
        background-position: 12px 4px !important;
        color: #e1e1e1 !important;
        border-color: #ff9600 !important;
    }


    /*     machen Sie mit!    */
    
    #contributeDesc > label:nth-child(2) { 
        appearance: none !important;
        background: #2b2b2b !important;
        color: #e1e1e1 !important;
        margin-left: 1px !important;
        margin-right: 1px !important;
        margin-top: 2px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom: 2px !important;     
        border-color: #e1e1e1 !important;
        border-style: solid  !important;
        border-width: 2px !important;
        background-position: 12px 4px !important;
        border-radius: 8px!important;        
    }
    
    #contributeDesc > label:nth-child(2):hover {
        background: #404040 !important;
        background-position: 12px 4px !important;
        color: #e1e1e1 !important;
        border-color: #ff9600 !important;
    }


    /*     Information zur Lizensierung    */
    
    [href='about:license'] {
        appearance: none !important;
        background: #2b2b2b !important;
        color: #e1e1e1 !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
        margin-top: 1px !important;
        margin-bottom: 20px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom: 2px !important;     
        border-color: #e1e1e1 !important;
        border-style: solid  !important;
        border-width: 2px !important;
        background-position: 12px 4px !important;
        border-radius: 8px!important;             
    }
    
    [href='about:license']:hover {
        background: #404040 !important;
        background-position: 12px 4px !important;
        color: #e1e1e1 !important;
        border-color: #ff9600 !important;
    }


    /*     Endanwenderrechte    */
    
    [href='about:rights'] {
        appearance: none !important;
        background: #2b2b2b !important;
        color: #e1e1e1 !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
        margin-top: 1px !important;
        margin-bottom: 20px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom: 2px !important;     
        border-color: #e1e1e1 !important;
        border-style: solid  !important;
        border-width: 2px !important;
        background-position: 12px 4px !important;
        border-radius: 8px!important;        
    }
    
    [href='about:rights']:hover {
        background: #404040 !important;
        background-position: 12px 4px !important;
        color: #e1e1e1 !important;
        border-color: #ff9600 !important;
    }


    /*     Datenschutzbestimmungen    */
    
    label.bottom-link:nth-child(3) {
        appearance: none !important;
        background: #2b2b2b !important;
        color: #e1e1e1 !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
        margin-top: 1px !important;
        margin-bottom: 20px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom: 2px !important;     
        border-color: #e1e1e1 !important;
        border-style: solid  !important;
        border-width: 2px !important;
        background-position: 12px 4px !important;
        border-radius: 8px!important;        
    }
    
    label.bottom-link:nth-child(3):hover {
        background: #404040 !important;
        background-position: 12px 4px !important;
        color: #e1e1e1 !important;
        border-color: #ff9600 !important;
    }
    
    
/*    Text ganz unten, Logo und Warenzeichen    */
    
    #trademark {
        padding-top: 10px !important;
        text-align: center !important;
        color: #e1e1e1 !important;
        margin-block: 15px !important;
        font-size: 13px !important;    
        font-weight: 700 !important;  
        
    }
    
    
    /*    Den Text "design by me ©" will ich ganz unten rechts inne Ecke.... */    
    
    #bottomBox::after {
        display: flex !important;
        content: "design by me ©" !important;
        font-size: 11px !important;
        margin-left: 850px !important;
        color: #e1e1e1 !important;
/*        border: 2px solid yellow !important;    */
/*        border-radius: 15px !important;    */
        padding-left: 12px !important;
    }    
        
    #aboutDialog {
        margin-bottom: 0px !important;
    }

}

Alles anzeigen

2002Andreas · 10. Dezember 2022

Zitat von Mira_Belle

Wie lässt sich da ändern?

Zeile 282 - 286

Teste es mal so:

CSS

description.text-blurb:nth-child(3) {    
    margin-top: 15px !important;
    margin-left: 59px !important;
    margin-bottom: 15px !important;
  }

Die Werte musst du dir dann anpassen.

Mira_Belle · 10. Dezember 2022

Zitat von 2002Andreas

...

CSS

description.text-blurb:nth-child(3) {    
    margin-top: 15px !important;
    margin-left: 59px !important;
    margin-bottom: 15px !important;
  }

...

Passt, Danke.

CSS

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

    /*---------------------------------------------------*/
    /****       Anpassungen an dem About:Dialog       ****/
    /*---------------------------------------------------*/

    #aboutDialog {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
        line-height: 1.5 !important;
}

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

    /*    Das ist Links das FF-Logo */
    
    #leftBox {
        appearance: none !important;
        border-radius: 10px !important;
        background-image: url("file:///C:/Users/Mira/image/index_test.png") !important;
        background-repeat: no-repeat !important;
        background-color: #2b2b2b !important;
        background-position: center center !important;
        background-size: 225px !important;
        min-width: 225px !important;
        margin-top: 80px !important;
    }

    /*    Das ist Rechts die Box    */
    
    #rightBox::before {
        content: "Firefox Browser" !important;
        font-size: 40px !important;
        font-weight: 700 !important;
        color: #fff582 !important;
        text-shadow: 4px 4px red !important;
    margin-left: -50px !important;    
    }

    #rightBox {
        background-image: none !important;
        padding-top: 1px !important;      
        margin-top: 1px !important;
    }

    #aboutDialog,
    #bottomBox,
    #clientBox {
        background-color: #2b2b2b !important;
    }

    #icons.icon {
        margin: 10px !important;
    }

    /*    Update-Check ohne Erwartung ;)*/
    /*    Blendet Original-Animationen aus!*/
    
    #icons > .update-throbber {
/*        visibility: hidden !important; */
        display: none !important;
    }

/*    #updateDeck #checkingForUpdates > label {   */
    [data-l10n-id="update-checkingForUpdates"] {
        appearance: none !important;
        border-radius: 10px !important;
        background-image: url("./image/sample_3.gif") !important;
        background-repeat: no-repeat !important;
        background-color: #2b2b2b !important;
        background-position: -10px center !important;
        background-size: 36px !important;
        color: #eee8aa !important;
        font-size: 1.5em !important;
        font-weight: 400 !important;
        min-height: 28px !important;
        margin-top: 0 !important;
        margin-right: -10px !important;
        margin-bottom: 12px !important;
        margin-left: 20px !important;
        padding-top: 2px !important;
        padding-right: 25px !important;
        padding-bottom: 0 !important;
        padding-left: 45px !important;
    }

    /*    Blendet Original-Icon aus!*/
    
    #icons > .noUpdatesFound {
        display: none !important;

    }

/*    #noUpdatesFound > label:nth-child(1) {  */
    [data-l10n-id="update-noUpdatesFound"] {
        appearance: none !important;
        border-radius: 10px !important;
        background-image: url("./image/tick_2.png") !important;
        background-repeat: no-repeat !important;
        background-color: #2b2b2b !important;
        background-position: 0 center !important;
        background-size: 36px !important;
        color: #ff9600 !important;
        font-size: 1.5em !important;
        font-weight: 400 !important;
        min-height: 28px !important;
        margin-top: 0 !important;
        margin-right: -10px !important;
        margin-bottom: 12px !important;
        margin-left: 20px !important;
        padding-top: 2px !important;
        padding-right: 25px !important;
        padding-bottom: 0 !important;
        padding-left: 45px !important;
    }


/*  Das muss noch gecheckt werden   */

#downloadAndInstallButton    {
    appearance: none !important;
    border-radius: 10px !important;
/*    background-image:  url("./image/herz.png") !important;        */
    background-repeat: no-repeat !important;
    background-color: #2b2b2b !important;
    background-position: 0% center !important;
    background-size: 16px !important;
    color: #e1e1e1 !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 10px !important;
    padding-top: 0 !important;
    padding-right: 10px !important;
    padding-bottom: 2px !important;
    padding-left: 10px !important;
     }       

    #downloadAndInstallButton:hover {
        background: #404040 !important;
        background-position: 12px 4px !important;
        color: #e1e1e1 !important;
    }
    
    #updateButton    {
        appearance: none !important;
        border-radius: 10px !important;
        background-image:  url("./image/herz.png") !important;
        background-repeat: no-repeat !important;
        background-color: #2b2b2b !important;
        background-position: 0% center !important;
        background-size: 16px !important;
        color: #e1e1e1 !important;
        margin-top: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
        margin-left: 10px !important;
        padding-top: 0 !important;
        padding-right: 10px !important;
        padding-bottom: 2px !important;
        padding-left: 10px !important;      
        border-color: #e1e1e1 !important;
        border-style: solid  !important;
        border-width: 2px !important;

    }
        #updateButton:hover {
        background: #404040 !important;
        background-position: 12px 4px !important;
        color: #e1e1e1 !important;
        border-color: #ff9600 !important;
    }
    /*    Dazugehörige default-GFX is im Weg...*/

    #icons > .apply{
        display: none !important;
    }

    /*    Versionsanzeige        */

    #version.update::before {
        content: 'Meine aktuelle Firefox-Version ist: ';
        font-size: 18px !important;
        font-weight: normal !important;
        color: #ff9600 !important;
        margin-right: 6px !important;
        margin-left: -20px !important;
    }

    #version {
        margin-top: 10px !important;
        font-size: 22px !important;
        font-weight: bold !important;
        color: orchid !important;
    }

    /*     ohne Unterstrich    */

    #releasenotes,                                              /*     Neue Funktionen und Änderungen    */  
    #submit-feedback,                                         /*     Feedback senden    */ 
    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog'],
    [href='about:credits'],                                      /*     globalen Comunity    */  
    #contributeDesc > label:nth-child(1),                      /*     Spenden Sie    */  
    #contributeDesc > label:nth-child(2),                      /*     machen Sie mit!    */  
    [href='about:license'],                                      /*     Information zur Lizensierung    */  
    [href='about:rights'],                                       /*     Endanwenderrechte    */  
    label.bottom-link:nth-child(3)                              /*     Datenschutzbestimmungen    */  
    {
        text-decoration: none !important;
    }
    
    description.text-blurb:nth-child(3) > label:nth-child(1)  {
        text-decoration: none !important;
    }


    /*    Text    */
    
    .text-blurb
    {
        font-size: 15px !important;
        color: #e1e1e1 !important;
        padding-right: 1px !important;
    }

    /*     Neue Funktionen und Änderungen    */
    
    #releasenotes {
        appearance: none !important;
        background: #2b2b2b !important;
        color: #e1e1e1 !important;
        margin-top: 2px !important;
        margin-left: 0px !important;
        top: 35px !important;
        left: -350px !important;
        min-width: 250px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom: 2px !important;
        border-color: #e1e1e1 !important;
        border-style: solid !important;
        border-width: 2px !important;
        
        border-radius: 8px!important;
        position: relative;
      }

      #releasenotes:hover {
        background: #404040 !important;
        color: #e1e1e1 !important;
        border-color: #ff9600 !important;
    }

    description.text-blurb:nth-child(3) {    
        margin-top: 15px !important;
        margin-left: 59px !important;
        margin-bottom: 15px !important;
    }

    /*     Firefox-Hilfe    */
    
    description.text-blurb:nth-child(3) > label:nth-child(1) {
        appearance: none !important;
        background: #2b2b2b !important;
        color: #e1e1e1 !important;
        margin-left: 10px !important;
        margin-top: 35px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom: 2px !important;
        border-color: #e1e1e1 !important;
        border-style: solid  !important;
        border-width: 2px !important;
        background-position: 12px 4px !important;
        border-radius: 8px!important;      
    }
    description.text-blurb:nth-child(3) > label:nth-child(1):hover {
        background: #404040 !important;
        background-position: 12px 4px !important;
        color: #e1e1e1 !important;
        border-color: #ff9600 !important;
    }

    /*     Feedback senden    */
    
    #submit-feedback {
        appearance: none !important;
        background: #2b2b2b !important;
        color: #e1e1e1 !important;
        margin-left: 10px !important;
        margin-top: 35px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom: 2px !important;
        border-color: #e1e1e1 !important;
        border-style: solid  !important;
        border-width: 2px !important;
        background-position: 12px 4px !important;
        border-radius: 8px!important;      
    }
    #submit-feedback:hover {
        background: #404040 !important;
        background-position: 12px 4px !important;
        color: #e1e1e1 !important;
        border-color: #ff9600 !important;
    }

    /*     Mozilla    */
    
    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog'] {
        appearance: none !important;
        background: #2b2b2b !important;
        color: #e1e1e1 !important;
        margin-left: 1px !important;
        margin-right: 1px !important;
        margin-top: 10px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom: 1px !important;     
        border-color: #e1e1e1 !important;
        border-style: solid  !important;
        border-width: 2px !important;
        background-position: 12px 4px !important;
        border-radius: 8px!important;          
    }
    
    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']:hover {
        background: #404040 !important;
        background-position: 12px 4px !important;
        color: #e1e1e1 !important;
        border-color: #ff9600 !important;
    }

    /*     globalen Comunity    */
    
    [href='about:credits'] {
        appearance: none !important;
        background: #2b2b2b !important;
        color: #e1e1e1 !important;
        margin-left: 1px !important;
        margin-right: 1px !important;
        margin-top: 0px !important;
        margin-bottom: 5px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom: 1px !important;     
        border-color: #e1e1e1 !important;
        border-style: solid  !important;
        border-width: 2px !important;
        background-position: 12px 4px !important;
        border-radius: 8px!important;        
    }
    
    [href='about:credits']:hover {
        background: #404040 !important;
        background-position: 12px 4px !important;
        color: #e1e1e1 !important;
        border-color: #ff9600 !important;
    }
    
    /*    Hinter dem Komma einen Zeilenumbruch erzwingen    */

    #detailsBox > description#communityDesc {
        max-width: 450px !important;
    }

    /*     Spenden Sie    */
    
    #contributeDesc > label:nth-child(1) {
        appearance: none !important;
        background: #2b2b2b !important;
        color: #e1e1e1 !important;
        margin-left: 1px !important;
        margin-right: 1px !important;
        margin-top: 2px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom: 2px !important;     
        border-color: #e1e1e1 !important;
        border-style: solid  !important;
        border-width: 2px !important;
        background-position: 12px 4px !important;
        border-radius: 8px!important;        
    }
    
    #contributeDesc > label:nth-child(1):hover {
        background: #404040 !important;
        background-position: 12px 4px !important;
        color: #e1e1e1 !important;
        border-color: #ff9600 !important;
    }

    /*     machen Sie mit!    */
    
    #contributeDesc > label:nth-child(2) { 
        appearance: none !important;
        background: #2b2b2b !important;
        color: #e1e1e1 !important;
        margin-left: 1px !important;
        margin-right: 1px !important;
        margin-top: 2px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom: 2px !important;     
        border-color: #e1e1e1 !important;
        border-style: solid  !important;
        border-width: 2px !important;
        background-position: 12px 4px !important;
        border-radius: 8px!important;        
    }
    
    #contributeDesc > label:nth-child(2):hover {
        background: #404040 !important;
        background-position: 12px 4px !important;
        color: #e1e1e1 !important;
        border-color: #ff9600 !important;
    }

    /*     Information zur Lizensierung    */
    
    [href='about:license'] {
        appearance: none !important;
        background: #2b2b2b !important;
        color: #e1e1e1 !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
        margin-top: 1px !important;
        margin-bottom: 20px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom: 2px !important;     
        border-color: #e1e1e1 !important;
        border-style: solid  !important;
        border-width: 2px !important;
        background-position: 12px 4px !important;
        border-radius: 8px!important;             
    }
    
    [href='about:license']:hover {
        background: #404040 !important;
        background-position: 12px 4px !important;
        color: #e1e1e1 !important;
        border-color: #ff9600 !important;
    }

    /*     Endanwenderrechte    */
    
    [href='about:rights'] {
        appearance: none !important;
        background: #2b2b2b !important;
        color: #e1e1e1 !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
        margin-top: 1px !important;
        margin-bottom: 20px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom: 2px !important;     
        border-color: #e1e1e1 !important;
        border-style: solid  !important;
        border-width: 2px !important;
        background-position: 12px 4px !important;
        border-radius: 8px!important;        
    }
    
    [href='about:rights']:hover {
        background: #404040 !important;
        background-position: 12px 4px !important;
        color: #e1e1e1 !important;
        border-color: #ff9600 !important;
    }

    /*     Datenschutzbestimmungen    */
    
    label.bottom-link:nth-child(3) {
        appearance: none !important;
        background: #2b2b2b !important;
        color: #e1e1e1 !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
        margin-top: 1px !important;
        margin-bottom: 20px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom: 2px !important;     
        border-color: #e1e1e1 !important;
        border-style: solid  !important;
        border-width: 2px !important;
        background-position: 12px 4px !important;
        border-radius: 8px!important;        
    }
    
    label.bottom-link:nth-child(3):hover {
        background: #404040 !important;
        background-position: 12px 4px !important;
        color: #e1e1e1 !important;
        border-color: #ff9600 !important;
    }
    
/*    Text ganz unten, Logo und Warenzeichen    */
    
    #trademark {
        padding-top: 10px !important;
        text-align: center !important;
        color: #e1e1e1 !important;
        margin-block: 15px !important;
        font-size: 13px !important;    
        font-weight: 700 !important;  
        
    }

    /*    Den Text "design by me ©" will ich ganz unten rechts inne Ecke.... */    
    
    #bottomBox::after {
        display: flex !important;
        content: "design by me ©" !important;
        font-size: 11px !important;
        margin-left: 850px !important;
        color: #e1e1e1 !important;
        padding-left: 12px !important;
    }    
        
    #aboutDialog {
        margin-bottom: 0px !important;
    }

}

Alles anzeigen

2002Andreas · 10. Dezember 2022

Zitat von Mira_Belle

Passt, Danke.

Teilen