Hilfe Dialog (über Firefox)

grisu2099

Zitat von BarbaraZ-

#version:before

Nicht nur ein Komma...

Richtig muß es heißen:

CSS

#version::before,

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.

Dharkness

Zitat von BarbaraZ-

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

In der Tat, auch dort muss es geändert werden.

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

2002Andreas

Teste bitte mal diesen kompl. Code:

Ab Zeile 90 und Zeile 105 habe ich die Werte verändert:

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
    {
        max-height: 0 !important;
        padding-bottom: 0px !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: 40px !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-

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.

harff182

Zitat von BarbaraZ-

Dabei kommt folgendes Ergebnis zustande:

Hab den Code aus #47 grad mal schnell getestet: sieht so aus wie bei BarbaraZ-

Mira_Belle

Fügt mal folgendes ein.

CSS

    #aboutDialogContainer {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

Und testen, eventuell den unteren Wert erhöhen.

Weitere Möglichkeit!

CSS

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

Auch hier mit den Werten spielen.

FuchsFan

Zitat von BarbaraZ-

Es fehlt also der gänzliche untere Teil.

Das habe ich bei mir so gelöst, dass ich die Höhe des Dialoges festgelegt habe.

CSS

#aboutDialog {
        border: 6px solid #5efdd3 !important;
        max-height: 718px !important;
        min-height: 718px !important;
        min-width: 1400px !important;
    }

2002Andreas

Zitat von BarbaraZ-

Es fehlt also der gänzliche untere Teil.

Teste bitte wieder:

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

Dank der gemeinsamen Hilfe ist es nun perfekt.

Vielen Dank Euch

2002Andreas

Zitat von BarbaraZ-

ist es nun perfekt.

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.

Sören Hentzschel

Zitat von BarbaraZ-

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

text-shadow ist in jedem Fall die korrrekte Eigenschaft für Text-Schatten. Allerdings verstehe ich das beschriebene Problem nicht. Kannst du das anders erklären oder anhand eines Screenshots zeigen?

BarbaraZ-

Das Ergebnis mit Text-Shadow

2002Andreas

Teste bitte:

CSS

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

Sören Hentzschel

Zitat von BarbaraZ-

Das Ergebnis mit Text-Shadow

Funktionert doch. Die verschiedenen Werte müssen halt natürlich auch so angepasst werden, bis dir das Ergebnis gefällt. Die Pixel-Angaben haben ja alle eine Bedeutung.

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.

2002Andreas

Zitat von BarbaraZ-

nur noch wenig Hilfe benötige.

Mach uns hier bitte nicht arbeitslos

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.

Hilfe Dialog (über Firefox)

Ähnliche Themen

Hilfe-Dialog

Markieren von Text funktioniert nicht mehr über die Seite hinaus

Hamburger Überhangmenü - Symbolleiste anpassen

Dialog Feld für pdf öffnet sich erst nachdem man Herunterladen anklickt, vorher war es sofort nach anklicken da !

Neuer Druck-Dialog ohne Einstellung der Kopf- + Fußzeilen und weitere Druckeinstellungs-Probleme

Hilfe Dialog-Fenster unter den Reiter Hilfe benötigt kosmetische Anpassungen