dass schon deine Codes fehlerhaft sind
Zeile 11: font-weight: bold! important;
Zeile 35: text-align:center!important; Ist eigentlich nur ein Schönheitsfehler, Rapid CSS bemängelt es dennoch, sind diverse mit sowas.
Zeile 26 = Zeile 37, doppeltes #agent, taucht Z.99 auch nochmal auf.
Diverse 0px
#agent
margin-left: -140px !important;
margin-bottom: 10px !important;
margin-right: 84px !important;
margin-top: 30px !important;
margin: 30px -140px 84px 10px !important;
Zitat
Und weiter unten wird es verändert:
margin-top: 50px !important;
margin-bottom: 10px ! important;
margin: 50px -140px 84px 10px !important;
wäre dann doppelt
text-align: center!important;
#updateButton doppelt und Werte anders deklariert
font-family, font-size und text-decoration zusammengefasst, macht für mich mehr Sinn, dass zentral zu erfassen. appearance hab ich so gelassen, weil spezifisch.
diverse #202340 zusammengefasst
hover muss man nur das angeben, was auch geändert werden soll, durch das !important sind die anderen Werte eh schon in Stein gemeisselt.
Diverse border- könnte man noch zusammenfassen, die sind alle gleich für einige Elemente. Es ist immer der gleiche Rand, Farbe, Radius etc, man könnte daraus eine Gruppe bildern und dann nur noch die Elemente (wie bei font-size /-family) hinzufügen.
/* About : Dialog */
@-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
{
font-family: 'Courier New' !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;
}
#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: #202340 !important;
}
#version:before
{
content: 'Boersenfeger seine Nightly-Version ist:';
font-size: 17px !important;
font-weight: bold !important;
color: #f08080 !important;
margin-right: 6px !important;
margin-left: -24px !important;
}
#version
{
font-size: 16px !important;
margin-top: 30px !important;
color: #fff !important;
}
#aboutDialog
{
height: 350px !important;
}
#agent
{
appearance: none !important;
margin: 50px -140px 84px 10px !important;
max-height: 56px !important;
padding-top: 5px !important;
text-align: center !important;
border-radius: 14px !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
{
text-align: center !important;
margin-top: 50px !important;
margin-bottom: 10px !important;
}
#updateButton
{
appearance: none !important;
background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index1.gif')no-repeat !important;
min-width: 360px !important;
padding-left: 30px !important;
background-position: 13px 3px !important;
border-radius: 14px !important;
border-color: red !important;
border-style: outset !important;
border-width: 2px !important;
color: black !important;
margin-bottom: 10px !important;
margin-top: 0 !important;
}
#icons > .icon
{
margin-top: 8px !important;
}
#updateButton:hover
{
appearance: none !important;
background: #b2edfa url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index2.gif')no-repeat !important;
padding-left: 30px !important ;
background-position: 13px 3px !important;
}
#updateButton .button-box
{
padding-top: 0 !important;
padding-bottom: 0 !important;
-moz-padding-start: 3px !important;
-moz-padding-end: 3px !important;
}
#updateBox vbox description.text-blurb label.text-link
{
display: none !important;
}
[href='about:license']
{
appearance: none !important;
background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index1.png')no-repeat !important;
color: black !important;
margin-left: 10px !important;
margin-top: 2px !important;
padding-right: 20px !important;
padding-left: 40px !important;
border-color: dodgerblue !important;
border-style: outset !important;
border-width: 2px !important;
background-position: 10px 1px !important;
border-radius: 14px !important;
}
[href='about:license']:hover
{
background: #b2edfa url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index2.png')no-repeat !important;
}
[href='about:rights']
{
appearance: none !important;
background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index3.png')no-repeat !important;
color: black !important;
margin-left: -28px !important;
margin-right: 10px !important;
margin-top: 2px !important;
padding-right: 20px !important;
padding-left: 40px !important;
border-color: red !important;
border-style: outset !important;
border-width: 2px !important;
background-position: 10px 1px !important;
border-radius: 14px !important;
}
[href='about:rights']:hover
{
background: #b2edfa url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index4.png')no-repeat !important;
}
label.bottom-link:nth-child(3)
{
appearance: none !important;
background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index5.png')no-repeat !important;
color: black !important;
margin-left: -2px !important;
margin-right: -3px !important;
margin-top: 2px !important;
padding-right: 20px !important;
padding-left: 40px !important;
border-color: green !important;
border-style: outset !important;
border-width: 2px !important;
background-position: 10px 1px !important;
border-radius: 14px !important;
}
label.bottom-link:nth-child(3):hover
{
background: #b2edfa url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index6.png')no-repeat !important;
}
[href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
{
appearance: none !important;
background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index1.ico') no-repeat !important;
color: black !important;
margin-left: -2px !important;
margin-right: -2px !important;
padding-right: 15px !important;
padding-left: 35px !important;
border-color: cadetblue !important;
border-style: outset !important;
border-width: 2px !important;
background-position: 10px 1px !important;
border-radius: 14px !important;
}
[href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']:hover
{
background: #b2edfa url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index1.ico') no-repeat !important;
}
[href='about:credits']
{
appearance: none !important;
background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index8.png') no-repeat !important;
color: black !important;
margin: 5px 0 5px 15px !important;
padding-right: 15px !important;
padding-left: 35px !important;
border-color: cadetblue !important;
border-style: outset !important;
border-width: 2px !important;
background-position: 10px 1px !important;
border-radius: 14px !important;
}
[href='about:credits']:hover
{
background: #b2edfa url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index8.png') no-repeat !important;
}
#contributeDesc > label:nth-child(2)
{
appearance: none !important;
background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index9.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-style: outset !important;
border-width: 2px !important;
background-position: 10px 1px !important;
border-radius: 14px !important;
}
#contributeDesc > label:nth-child(2):hover
{
background: #b2edfa url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index9.png') no-repeat !important;
}
#contributeDesc > label:nth-child(1)
{
appearance: none !important;
background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index10.png') no-repeat !important;
color: black !important;
margin-left: -2px !important;
margin-right: -3px !important;
padding-left: 35px !important;
padding-right: 15px !important;
border-color: cadetblue !important;
border-style: outset !important;
border-width: 2px !important;
background-position: 10px 2px !important;
border-radius: 14px !important;
}
#contributeDesc > label:nth-child(1):hover
{
background: #b2edfa url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index10.png') no-repeat !important;
}
#releasenotes
{
background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index11.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-color: cadetblue !important;
border-style: outset !important;
border-width: 2px !important;
background-position: 7px 3px !important;
border-radius: 14px !important;
margin-top: 35px !important;
}
#releasenotes:hover
{
background: #b2edfa url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index11.png') no-repeat !important;
}
}
Alles anzeigen
Farben und Font würde ich zB auslagern in andere CSS, das obige halte ich einfach noch für zu unübersichtlich. Eine andere Software als NPP, speziell für CSS erkennt zB doppelte Lottchen und kann Elemente auch nach Namen und Typ sortieren (id/class). Einfach mehr Struktur reingeben.