Beiträge von BarbaraZ-

BarbaraZ-

So dann gleich noch:

font-weight: bold !important;

eingefügt. Nun braucht nichts mehr geändert zu werden.

Ich glaube nicht, das Ihr arbeitslos werdet.

BarbaraZ-

Danke, Es freut mich, das ich auf dem richtigen Weg war.

Ja Sören, da hast Du natürlich recht, denn die Werte passten bei mir nicht.

Kann jetzt ein wenig mit den Farben spielen.

Ich habe, alleine bei der Gestaltung schon eine Menge gelernt. Werde dran bleiben und es kommt (ganz sicher) der Tag, an dem ich nur noch wenig Hilfe benötige.

BarbaraZ-

Das Ergebnis mit Text-Shadow

BarbaraZ-

Ich habe nochmal etwas gespielt.

Habe versucht, bei Firefox Browser einen Schatten für font zu setzen.

Leider klappt es nur für die Box.

CSS

#rightBox::before {
    content: "Firefox Browser" !important;
    font-size: 35px !important;
    box-shadow: 10px 10px 15px red !important;
    color: yellow !important;
    }

Es klappt weder mit: font-shadow und auch nicht mit shadow.

Leider fehlt mir noch das Wissen. Bin ja froh, das ich überhaupt schon mal einen Schatten hin bekommen habe.

Zeilen 336 ff

Gibt dieses Ergebnis:

Habe es mal mit text-shadow probiert. Legt aber nur einen Schatten hinter den Text, aber nicht bei der Schrift.

Gedacht ist es wie bei #51.

BarbaraZ-

Dank der gemeinsamen Hilfe ist es nun perfekt.

Vielen Dank Euch

BarbaraZ-

Dabei kommt folgendes Ergebnis zustande:

Es fehlt also der gänzliche untere Teil.

Weis der Geier (oder wer auch immer) warum das bei mir nicht angesprochen wird, obwohl es bei dir so aussieht, wie ich es haben möchte.

BarbaraZ-

Huhu, ich nochmal.

Ich habe unten noch einen Rahmen eingefügt.

Definiert über Zeilen 340 bis 346.

Leider ragt dieser in die Zeile mit den 3 Boxen darüber rein. Wie kann ich diesen und somit dann auch die untere dunkle Ziele tiefer setzen?

CSS

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

@-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml"){
    #aboutDialog,
    #aboutDialogContainer,
    #agent.textbox-input-box,
    #agent,
    #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;
        }

    #aboutDialog
    {
        height: 350px !important;
        }
    
    #agent
    {
        appearance: none !important;
        margin: 50px 40px 84px 10px !important;
        max-height: 56px !important;
        padding-top: 7px !important;
        text-align: center !important;
        border: 3px solid green !important; 
        max-width: 1100px !important;
        }

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

    #bottomBox
    {
        margin-bottom: 30px !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: 16px !important;
        margin-bottom: -40px !important; 
        }

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

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

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

    #updateButton:hover
    {
        appearance: none !important;
        background: darkgray 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: 20px !important;
        padding-left: 40px !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;
        font-size: 14px !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: 1px !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 /*Neue Funktionen und Änderungen*/
    {
        background: lightgray url("../Icons/qd-info.png")no-repeat !important;
        color: black !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: 35px !important;
        }

    #releasenotes:hover
    {
        background: darkgray url("../Icons/qd-info.png")no-repeat !important;
        color: white !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;
    color: yellow !important;
    }
    
    #trademark {
    border: 3px solid red !important;
    max-width:  600px !important;
    margin-left: 250px !important;
    margin-right: 250px !important;
    color: Yellow !important;
}
}

Alles anzeigen

BarbaraZ-

Sehr gut

BarbaraZ-

Dann eine logische Frage. Dieses muss dann ja auch in Zeile 52 hinterlegt werden.

Ich denke wenn schon in Zeile 15, dann auch dort. Macht ja Sinn.

BarbaraZ-

Nö, sehe ich keine Notwendigkeit für. Danke für die Erklärung.

BarbaraZ-

Das muss aber nicht geladen werden oder ist es zwingend notwendig?

BarbaraZ-

Hier nun mein Endergebnis, jedenfalls bis auf eine Kleinigkeit.

Die obere Zeile, in Zeile 41 des Codes mit #trademark angesprochen, ist in der nachfolgenden Zeile 42 folgendermaßen definiert:

background-color: dodgerblue !important;

CSS

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

@-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml"){
    #aboutDialog,
    #aboutDialogContainer,
    #agent .textbox-input-box,
    #agent,
    #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: dodgerblue !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;
    }

    #aboutDialog
    {
        height: 350px !important;
    }

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

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

    #bottomBox
    {
        margin-bottom: 30px !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: 16px !important;
        margin-bottom: -40px !important; 
    }

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


    /* Build ID about Dialog css, Text mittig.*/

    #rightBox textarea
    {
        background-color: yellow !important;
        color: dodgerblue !important;
        text-align: center !important;
        margin-top: 50px !important;
        margin-bottom: 10px !important; 
    }

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

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

    #updateButton:hover
    {
        appearance: none !important;
        background: darkgray 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: 20px !important;
        padding-left: 40px !important;
        border-width: 2px !important;
        background-position: 5px 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: 5px 5px !important;
    }

    [href="about:rights"]{
        appearance: none !important; /* Endanwenderrechte */
        background: CornflowerBlue url("../Icons/qd-endanwender.png")no-repeat !important;
        color: black !important;
        font-size: 14px !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: 5px 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: 5px 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: 1px !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-width: 2px !important;
        background-position: 5px 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: 5px 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: 5px 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: 5px 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: 5px 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: 5px 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: 5px 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: 5px 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: 5px 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: 5px 5px !important;
    }

    #releasenotes /*Neue Funktionen und Änderungen*/
    {
        background: lightgray url("../Icons/qd-info.png")no-repeat !important;
        color: black !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: 5px 5px !important;
        border: 3px solid yellow!important;
        margin-top: 35px !important;
    }

    #releasenotes:hover
    {
        background: darkgray url("../Icons/qd-info.png")no-repeat !important;
        color: white !important;
        background-position: 5px 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;
    color: yellow !important;
    }
}

Alles anzeigen

Dieses bewirkt, dass sie zwar in dodgerblue angezeigt wird aber, sobald ich dieses Screen anfertige, sich die Zeile dunkel einfärbt.

Sie soll aber in Dodgerblue bleiben.

Mit dieser letzten Anpassung wird dann für diesen Code der Abschluß erfolgen.

Anschließend wird er dann separat zusätzlich nochmal gesichert. (Für eventuelle "Notfälle").

BarbaraZ-

Erstmal vielen Dank. Weis dann wenigstens, wo ich ansetzen muss. Werde ich später probieren.

Noch einen schönen Abend.

BarbaraZ-

Nachdem ich nun soweit alles umgesetzt habe, sind mir noch Kleinigkeiten aufgefallen, die ich mit meinem Laienhaften Wissen noch nicht beheben kann. Habe viel probiert, bekomme es aber (noch) nicht hin.

1. Die Icons sind alle ein wenig aus der Flucht geraten, heißt, sie sitzen etwas zu hoch.

2. Bei den unteren Containern passt der Abstand nicht ganz. Ist unterschiedlich. Ich hätte sie gerne ein wenig platzsparen zusammengerückt.

Hier mein Code, den ich dank Eurer Hilfe soweit schon mal zusammenbekommen habe:

CSS

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

@-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml"){
    #aboutDialog,
    #aboutDialogContainer,
    #agent .textbox-input-box,
    #agent,
    #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: #23008c !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: #f08080 !important;
        margin-right: 6px !important;
        margin-left: -24px !important;
    }

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

    #aboutDialog
    {
        height: 350px !important;
    }

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

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

    #bottomBox
    {
        margin-bottom: 30px !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;
    }


    /* Build ID about Dialog css, Text mittig.*/

    #rightBox textarea
    {
        background-color: yellow !important;
        color: dodgerblue !important;
        text-align: center !important;
        margin-top: 50px !important;
        margin-bottom: 10px !important; 
    }

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

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

    #updateButton:hover
    {
        appearance: none !important;
        background: darkgray 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: 20px !important;
        padding-left: 40px !important;
        border-width: 2px !important;
        background-position: 10px 1px !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 1px !important;
    }

    [href="about:rights"]{
        appearance: none !important; /* Endanwenderrechte */
        background: #B2EDFA url("../Icons/qd-endanwender.png")no-repeat !important;
        color: black !important;
        font-size: 14px !important;
        padding-top: 2px !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-color: red !important;
        border-width: 2px !important;
        background-position: 10px 1px !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 1px !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 1px !important;
        border: 3px solid green !important;
    }

    label.bottom-link:nth-child(3):hover
    {
        background: darkgray url("../Icons/qd-datenschutz.png")no-repeat !important;
        color: white !important;
        background-position: 10px 1px !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 1px !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 1px !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: 5px !important;
        padding-left: 35px !important;
        border-width: 2px !important;
        background-position: 10px 1px !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 1px !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 1px !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 1px !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 2px !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 1px !important;
    }

    #releasenotes /*Neue Funktionen und Änderungen*/
    {
        background: lightgray url("../Icons/qd-info.png")no-repeat !important;
        color: black !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: 7px 3px !important;
        border: 3px solid yellow!important;
        margin-top: 35px !important;
    }

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

    #rightBox::before {
    content: "Firefox Browser" !important;
    font-size: 35px !important;
    color: yellow !important;
    }
}

Alles anzeigen

Für das restlich Quentchen möchte ich gerne Hilfe erbeten.

BarbaraZ-

Vielen Dank , für die Erklärung und für den Schnipsel.

BarbaraZ-

Ich habe folgende Zeile deaktiviert, da ich damit gar nicht anfangen kann.

Was bedeutet dieses und welche Auswirkungen hat die Zeile?

Ich konnte nämlich mit und ohne keine Veränderungen feststellen.

CSS

text-decoration: none !important;

BarbaraZ-

Danke an Ralf,

ich habe mich für Deine Ausführung entschieden. So brauchte ich nur eine Zeile einfügen.

2002Andreas Ich meinte die Schrift im Text. Das in den Containern ist nicht ganz so wichtig. Passe ich aber direkt mit an.

BarbaraZ-

Sehr gut. Danke

BarbaraZ-

So, zum neunen Jahresstart gleich nach Hilfe anfragen.

Ich habe mir dieses ein wenig angepasst, heißt ein wenig aufgehübscht:

Was ich leider nicht hinbekomme mit diesem Code:

Bei hover tanzen die Icons, was mich stört. Ich hätte sie gerne an ihrer Positon belassen und die Schrift ist mir ein wenig zu klein. Da ich Courier nicht mag, habe ich diese Schriftart, ebenso wie die Rundungen rausgenommen.

CSS

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

@-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml")
{
    #aboutDialog,
    #aboutDialogContainer,
    #agent .textbox-input-box,
    #agent,
    #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'],
    /*[href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
    {
        font-size: 18px !important;
    }*/

    #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, 
    #bottomBox,
    #clientBox,
    #trademark
    {
        background-color: #23008c !important;
    }

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

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

    #aboutDialog
    {
        height: 350px !important;
    }

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

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

    #bottomBox
    {
        margin-bottom: 30px !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;
    }


    /* Build ID about Dialog css, Text mittig.*/

    #rightBox textarea
    {
        background-color: yellow !important;
        color: black !important;
        text-align: center !important;
        margin-top: 50px !important;
        margin-bottom: 10px !important; 
    }

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

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

    #updateButton:hover
    {
        appearance: none !important;
        background: darkgray 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: 20px !important;
        padding-left: 40px !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        border: 3px solid red !important;
    }

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

    [href='about:rights']
    {
        appearance: none !important; /* Endanwenderrechte */
        background: Vivid Sky Blue url("../Icons/qd-endanwender.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-width: 2px !important;
        background-position: 10px 1px !important;
        border: 3px solid yellow !important;
    }

    [href='about:rights']:hover 
    {
       background: darkgray url("../Icons/qd-endanwender.png")no-repeat !important;
       color: white !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 1px !important;
        border: 3px solid green !important;
    }

    label.bottom-link:nth-child(3):hover
    {
        background: darkgray url("../Icons/qd-datenschutz.png")no-repeat !important;
        color: white !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 1px !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;
    }

    [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: 5px !important;
        padding-left: 35px !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        border: 3px solid violet !important;
    }

    [href='about:credits']:hover
    {
        background: darkgray url("../Icons/qd-community.png")no-repeat !important;
        color: white !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 1px !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;
    }

    #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 2px !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;
    }

    #releasenotes /*Neue Funktionen und Änderungen*/
    {
        background: lightgray url("../Icons/qd-info.png")no-repeat !important;
        color: black !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: 7px 3px !important;
        border: 3px solid yellow!important;
        margin-top: 35px !important;
    }

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

#rightBox::before {
  content: "Firefox Browser" !important;
  font-size: 35px !important;
  color: yellow !important;
}
}

Alles anzeigen

BarbaraZ-

Erst einmal allen ein frohes und hoffentlich gesundes neues Jahr 2022.

Möge es nicht so anstrengend werden wie die letzten beiden Jahre.

Beiträge von BarbaraZ-

Hilfe Dialog (über Firefox)

Hilfe Dialog (über Firefox)

Hilfe Dialog (über Firefox)

Hilfe Dialog (über Firefox)

Hilfe Dialog (über Firefox)

Hilfe Dialog (über Firefox)

Hilfe Dialog (über Firefox)

2021-Update: Aktualisierung auf WoltLab Suite 5.4

Hilfe Dialog (über Firefox)

Dialog Hilfe/Über Firefox

Dialog Hilfe/Über Firefox

Hilfe Dialog (über Firefox)

Dialog Hilfe/Über Firefox

Dialog Hilfe/Über Firefox

Hilfe Dialog (über Firefox)

Hilfe Dialog (über Firefox)

Hilfe Dialog (über Firefox)

2021-Update: Aktualisierung auf WoltLab Suite 5.4

Hilfe Dialog (über Firefox)

Frohe Weihnachten und einen guten Rutsch