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