Dialog Hilfe/Über Firefox

2002Andreas

Zitat von harff182

Du hast mich auf eine Idee gebracht

Freut mich dann

Dharkness

Zitat von harff182

Da is aber noch viel durcheinander und unaufgeräumt drin

Und mit Fehlern versehen, Zeile 30 und 174 ist nicht #version:before, sondern #version::before.

harff182

Zitat von Dharkness

Und mit Fehlern versehen

Danke, schon korrigiert.

Jetzt geh ich ans Aufräumen...

Dharkness

Zitat von harff182

Danke, schon korrigiert.

Aber gerne doch.

2002Andreas

Zitat von harff182

Jetzt geh ich ans Aufräumen...

Na dann..

PS:

Bild von Michael Schwarzenberger auf Pixabay

BarbaraZ-

Viele Dank harff182 für die Idee aus Beitrag #136.

Mit ein wnig Anpassung habe ich folgendes Ergebnis erzielt:

Nun werde ich mich Schritt für Schritt an das CSS-Voodo wagen.

harff182

Hab noch was gefunden, was mich bei der ganzen Testerei beim Um-/Aufräumen meines Codes dann doch etwas genervt hat.

Code:

CSS

/*     12_about_dialog.css */
/*     Menu:         "Hilfe/Über Firefox"-Dialog 
    Herkunft:    https://www.camp-firefox.de/forum/thema/134024/?postID=1193840#post1193840
    211230:        Erster Versuch - Erfolgreich trotz Anpassung
    
    211231:        Andy:    https://www.camp-firefox.de/forum/thema/134044/?postID=1193987#post1193987
    
    220101:        Haken vor "Firefox ist aktuell"
                Andy:    https://www.camp-firefox.de/forum/thema/134044/?postID=1194078#post1194078 
    
    220102-05:    Großes Aufräumen, was nicht notwedig scheint und richtige? Reihenfolge;)
                Diverse optische Anpassungen, Umstellungen und Doku-Zeilen
    
    Anmerkung:    N++ hat Probleme mit den Klammern, Atom und Inet-Check nicht ;)
                Sören sagt: TRBL
*/

@-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml"){
 
    #aboutDialog,
    #aboutDialogContainer,
    #bottomBox,
    #clientBox,
    #leftBox,
    #trademark,
    #updateBox > vbox:nth-child(2) > hbox:nth-child(2),
    #updateButton,
    #version,
    #version::before
    {
        font-family: 'PaulBecker' !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: 14px !important;
        color: black !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: underline !important; */
        text-decoration: none !important;
    }

    #aboutDialog,
    #aboutDialogContainer,
    #bottomBox,
    #clientBox,
    #trademark {
        background-color: gold !important;
    }

/*    gesamter Innenbereich*/
    #aboutDialog{
        height: 350px !important;
    }

/*    Das ist links die Box um das FF-Logo*/
    #leftBox {
        margin-top: 60px !important;
        appearance: none !important;
        background: gold url('../icons/foxfav.png')no-repeat !important;
        background-position: center !important;
        background-size: contain !important;
    }
    
/*    "Firefox Browser"-Original weg und Platz freiräumen */
    #rightBox {
        background-image: none !important;
        padding-top: 0px !important;      
        margin-top: 10px !important;
    }

/*    GFX durch TXT ersetzen - mit Zeilenumbruch + 2 Fonts versuchen*/    
    #rightBox::before {
        content: "Firefox Workbench" !important;
        font-family: 'KeypressDB' !important;
        font-size: 47px !important;
        text-shadow: 3px 3px 4px red !important;
        color: black !important;
    }    

    #detailsBox::before {
        content: "In Memory of AmigaOS and Beos" !important;
        font-family: 'PaulBecker' !important;
        font-size: 15px !important;
        color: black !important;
        border-radius: 10px !important;
        background-color: lightblue !important;
        border: 2px solid red !important;
        padding: 0 10px 0 10px !important;

    }

/*    der Updatebereich unter "In Memory of AmigaOS and Beos" */
    #updateBox > vbox:nth-child(2) > hbox:nth-child(2){
        margin-top: -25px !important;
        margin-bottom: 20px !important;    
    }

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

    #updateDeck #checkingForUpdates > label {
        appearance: none !important;
        border: 2px solid darkgrey !important;
        border-radius: 10px !important;
        background: lightblue url('../icons/ajax-loader.gif') no-repeat 10px 6px !important;
        background-size: 16px !important;
        color: black !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        min-height: 28px !important;
        margin: 10px 0 0 -25px !important;
        padding: 3px 20px 5px 37px !important;
    }

/*    Update-Check mit Erwartung auf FF96ff..*/
    #updateButton {
        appearance: none !important;
        background: yellow url('../icons/ud16.png')no-repeat 13px 1px !important;
        color: black !important;
        min-width: 360px !important;
        padding-left: 30px !important;
        margin: 0 0 10px 0!important;
        border: 2px solid black !important;
        border-radius: 10px !important;
    }

    #updateButton:hover{
        background: lightblue url('../icons/ud16.png')no-repeat 13px 3px !important;
    }

/*    Dazugehörige default-GFX is im Weg...*/    
    #icons > .apply{
        display: none !important;
    } 

    #updateButton .button-box{
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        -moz-padding-start: 3px !important;
        -moz-padding-end: 3px !important;
    }

/*    'Meine FF-Version ist:' */
    #version::before{
        content: 'Meine FF-Version ist:';
        font-size: 16px !important;
        font-weight: bold !important;
        color: Blue !important;
        margin-top: 10px !important;
        margin-right: 6px !important;
        margin-bottom: 0px !important;
        margin-left: 0px !important;
    }

/*    komplette Versionsnummer*/
    #version{
        font-size: 16px !important;
        font-weight: bold !important;
        margin-top: 30px !important;
        color: black !important;
    }

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

/*    220103: 
    Grisu    https://www.camp-firefox.de/forum/thema/134044/?postID=1194360#post1194360
*/
/*     Label: "Firefox ist aktuell" */
    #aboutDialog #noUpdatesFound > label:nth-child(1) {
        appearance: none !important;
        border: 2px solid darkgrey !important;
        border-radius: 10px !important;
        background: lightgreen url('../icons/check-50.png') no-repeat 10px 6px !important;
        background-size: 16px !important;
        color: black !important;
        font-size: 14px !important;
        min-height: 28px !important;
        margin: 10px 0 !important;
        padding: 3px 20px 5px 37px !important;
    }

/*    220101:    Haken vor "Firefox ist aktuell"
    Andy:    https://www.camp-firefox.de/forum/thema/134044/?postID=1194078#post1194078 */    
    #icons > .noUpdatesFound {
        display: none !important;
/*    Icon und Rest kann dank grisu weg ;)*/            
    }

/*    Neue Funktionen und Änderungen */
    #releasenotes    {
        appearance: none !important;
        background: yellow url('../icons/bild1.png')no-repeat 6px 1px !important;  
        color: black !important;
        margin: 0 35px 0 10px !important;
        padding: 1px 20px 0 30px !important;
        border: 2px outset cadetblue !important;
        border-radius: 14px !important;
    }

    #releasenotes:hover{
        background-color: lightblue !important;
    }

/*    "Firefox-Hilfe" und "Feedback senden" ausblenden */    
    #updateBox vbox description.text-blurb label.text-link    {
        display: none !important;
    }  
    
/*    unerwünschte Freifläche entfernen */    
    #updateBox {
        margin-bottom: -25px !important;
    }
    
/*    "Mozilla"*/
    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
    { 
        appearance: none !important;
        background: yellow url('../icons/Moz.png') no-repeat 10px 3px !important;
        color: black !important;
        margin: 0 2px 0 -2px !important;
        padding: 0 15px 0 35px !important;
        border: 2px outset cadetblue !important;
        border-radius: 14px !important;
    }

    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']:hover
    {
        background: lightblue url('../icons/Moz.png') no-repeat 10px 3px !important;
    }    
    
/*    "globalen Community"*/
    [href='about:credits'] {
        appearance: none !important;
        background: yellow url('../icons/beos-people16.png') no-repeat 10px 3px !important;
        color: black !important;
        margin: 5px 0 5px -2px !important;
        padding: 0 15px 0 35px !important;
        border: 2px outset cadetblue !important;
        border-radius: 14px !important;
    }

    [href='about:credits']:hover{
        background: lightblue url('../icons/beos-people16.png') no-repeat 10px 3px !important;
    }
    
/*    Hinter dem Komma einen Zeilenumbruch erzwingen
    220103:    Andy:    https://www.camp-firefox.de/forum/thema/134044/?postID=1194391#post1194391
    220104: abgerundeter Hintergrund
*/
    #communityDesc {
        background: lightgreen !important;
        border: 2px solid darkgrey !important;
        border-radius: 10px !important;
        max-width: 590px !important;
    }

/*    "spenden sie" */
    #contributeDesc > label:nth-child(1){
        appearance: none !important;
        background: yellow url('../icons/spende16.png') no-repeat 10px 3px !important;
        color: black !important;
        margin: 0 -3px 0 -2px !important;
        padding: 0 15px 0 35px !important;
        border: 2px outset cadetblue !important;
        border-radius: 14px !important;
    }

    #contributeDesc > label:nth-child(1):hover{
        background: lightblue url('../icons/spende16.png') no-repeat 10px 3px !important;
    }

/*     "machen sie mit" */
    #contributeDesc > label:nth-child(2){
        appearance: none !important;
        background: yellow url('../icons/daumen-hoch-16.png') no-repeat 10px 3px !important;
        color: black !important;
        margin: 0 10px 0 -2px !important;
        padding: 0 15px 0 35px !important;
        border: 2px outset cadetblue !important;
        border-radius: 14px !important;
    }

    #contributeDesc > label:nth-child(2):hover{
        background: lightblue url('../icons/daumen-hoch-16.png') no-repeat 10px 3px !important;
    }  

/*    Bereich unten mit Lizensierung, Rechte und datenschutz...*/
    #bottomBox{
        margin-top: -30px !important;
        margin-bottom: 30px !important;
    }

/*    Informationen zur Lizensierung*/
    [href='about:license']    {
        display: none !important;
        appearance: none !important;
        background: yellow url('../icons/bild1.png')no-repeat 10px 3px !important;
        color: black !important;
        margin-left: 10px !important;
        margin-top: 2px !important;
        padding: 0 20px 0 40px !important;
        border: 2px outset dodgerblue !important;
        border-radius: 14px !important;
    }

    [href='about:license']:hover{
        background: lightblue url('../icons/bild1.png')no-repeat 10px 3px !important;
    }

/*    Endanwenderrechte */
    [href='about:rights']{
        display: none !important;
        appearance: none !important;
        background: yellow url('../icons/bild25.png')no-repeat 10px 3px !important;
        color: black !important;
        margin: 2px 10px 0 -30px !important;
        padding: 0 20px 0 40px !important;
        border: 2px outset red !important;
        border-radius: 14px !important;
    }

    [href='about:rights']:hover{
        background: lightblue url('../icons/bild25.png')no-repeat 10px 3px !important;
    }

/*    Datenschutzbestimmungen*/    
    label.bottom-link:nth-child(3){
        appearance: none !important;
        background: yellow url('../icons/secure-mixed-16.png')no-repeat 10px 3px !important;
        color: black !important;
        margin: 2px -3px 0 -13px !important;
        padding: 0 20px 0 40px !important;
        border: 2px outset green !important;
        border-radius: 10px !important;
    }

    label.bottom-link:nth-child(3):hover    {
        background: lightblue url('../icons/secure-mixed-16.png')no-repeat 10px 3px !important;
    }
       
/*    Text ganz unten, Logo und Warenzeichen und so... ;)
    220103:    Andy:    https://www.camp-firefox.de/forum/thema/134044/?postID=1194313#post1194313
*/
    #trademark{
        margin-top: 16px !important;
        margin-bottom: -40px !important;
        color: black !important;
        border-radius: 10px !important;
        background-color: lightblue !important;
        border: 2px solid red !important;
        width:  500px !important;
        margin-left: 260px !important;

    }    
    
/*    Den Text "Dialog-Design by harff182" will ich ganz unten rechts inne Ecke.... */    
    #aboutDialogContainer::after {
        content: "Dialog-Design by harff182" !important;
        font-size: 10px !important;
        color: black !important;
        margin-left: 815px !important;
    }
    

}

Alles anzeigen

Und das nervt meinereiner:

Während nach Updates gesuch wird, ist die Zeile darunter (und nur die) nach rechts eingerückt.

Isser fertig, springt sie dahin, wo sie gemäß Code hinsoll.

Vielleicht hat ja wer eine hilfreiche Idee.

Mira_Belle

Zitat von harff182

Hab noch was gefunden, ...
Während nach Updates gesuch wird, ist die Zeile darunter (und nur die) nach rechts eingerückt.
Isser fertig, springt sie dahin, wo sie gemäß Code hinsoll.
Vielleicht hat ja wer eine hilfreiche Idee.

Blende die Grafik in Zeile 122 mal nicht aus!
Denn sie wird ja in Zeile 129 überdeckt.

Gruß

Mira

2002Andreas

Zitat von harff182

Vielleicht hat ja wer eine hilfreiche Idee.

Nur ein Versuch ob es besser ist

CSS

/*     12_about_dialog.css */
/*     Menu:         "Hilfe/Über Firefox"-Dialog 
    Herkunft:    https://www.camp-firefox.de/forum/thema/134024/?postID=1193840#post1193840
    211230:        Erster Versuch - Erfolgreich trotz Anpassung
    
    211231:        Andy:    https://www.camp-firefox.de/forum/thema/134044/?postID=1193987#post1193987
    
    220101:        Haken vor "Firefox ist aktuell"
                Andy:    https://www.camp-firefox.de/forum/thema/134044/?postID=1194078#post1194078 
    
    220102-05:    Großes Aufräumen, was nicht notwedig scheint und richtige? Reihenfolge;)
                Diverse optische Anpassungen, Umstellungen und Doku-Zeilen
    
    Anmerkung:    N++ hat Probleme mit den Klammern, Atom und Inet-Check nicht ;)
                Sören sagt: TRBL
*/

@-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml"){
 
    #aboutDialog,
    #aboutDialogContainer,
    #bottomBox,
    #clientBox,
    #leftBox,
    #trademark,
    #updateBox > vbox:nth-child(2) > hbox:nth-child(2),
    #updateButton,
    #version,
    #version::before
    {
        font-family: 'PaulBecker' !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: 14px !important;
        color: black !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: underline !important; */
        text-decoration: none !important;
    }

    #aboutDialog,
    #aboutDialogContainer,
    #bottomBox,
    #clientBox,
    #trademark {
        background-color: gold !important;
    }

/*    gesamter Innenbereich*/
    #aboutDialog{
        height: 350px !important;
    }

/*    Das ist links die Box um das FF-Logo*/
    #leftBox {
        margin-top: 60px !important;
        appearance: none !important;
        background: gold url('../icons/foxfav.png')no-repeat !important;
        background-position: center !important;
        background-size: contain !important;
    }
    
/*    "Firefox Browser"-Original weg und Platz freiräumen */
    #rightBox {
        background-image: none !important;
        padding-top: 0px !important;      
        margin-top: 10px !important;
    }

/*    GFX durch TXT ersetzen - mit Zeilenumbruch + 2 Fonts versuchen*/    
    #rightBox::before {
        content: "Firefox Workbench" !important;
        font-family: 'KeypressDB' !important;
        font-size: 47px !important;
        text-shadow: 3px 3px 4px red !important;
        color: black !important;
    }    

    #detailsBox::before {
        content: "In Memory of AmigaOS and Beos" !important;
        font-family: 'PaulBecker' !important;
        font-size: 15px !important;
        color: black !important;
        border-radius: 10px !important;
        background-color: lightblue !important;
        border: 2px solid red !important;
        padding: 0 10px 0 10px !important;

    }

/*    der Updatebereich unter "In Memory of AmigaOS and Beos" */
    #updateBox > vbox:nth-child(2) > hbox:nth-child(2){
        margin-top: -25px !important;
        margin-bottom: 20px !important;    
    }

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

    #updateDeck #checkingForUpdates > label {
        appearance: none !important;
        border: 2px solid darkgrey !important;
        border-radius: 10px !important;
        background: lightblue url('../icons/ajax-loader.gif') no-repeat 10px 6px !important;
        background-size: 16px !important;
        color: black !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        min-height: 28px !important;
        margin: 10px 0 0 -25px !important;
        padding: 3px 20px 5px 37px !important;
    }

/*    Update-Check mit Erwartung auf FF96ff..*/
    #updateButton {
        appearance: none !important;
        background: yellow url('../icons/ud16.png')no-repeat 13px 1px !important;
        color: black !important;
        min-width: 360px !important;
        padding-left: 30px !important;
        margin: 0 0 10px 0!important;
        border: 2px solid black !important;
        border-radius: 10px !important;
    }

    #updateButton:hover{
        background: lightblue url('../icons/ud16.png')no-repeat 13px 3px !important;
    }

/*    Dazugehörige default-GFX is im Weg...*/    
    #icons > .apply{
        visibility: hidden  !important;
    } 

    #updateButton .button-box{
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        -moz-padding-start: 3px !important;
        -moz-padding-end: 3px !important;
    }

/*    'Meine FF-Version ist:' */
    #version::before{
        content: 'Meine FF-Version ist:';
        font-size: 16px !important;
        font-weight: bold !important;
        color: Blue !important;
        margin-top: 10px !important;
        margin-right: 6px !important;
        margin-bottom: 0px !important;
        margin-left: 0px !important;
    }

/*    komplette Versionsnummer*/
    #version{
        font-size: 16px !important;
        font-weight: bold !important;
        margin-top: 30px !important;
        color: black !important;
    }

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

/*    220103: 
    Grisu    https://www.camp-firefox.de/forum/thema/134044/?postID=1194360#post1194360
*/
/*     Label: "Firefox ist aktuell" */
    #aboutDialog #noUpdatesFound > label:nth-child(1) {
        appearance: none !important;
        border: 2px solid darkgrey !important;
        border-radius: 10px !important;
        background: lightgreen url('../icons/check-50.png') no-repeat 10px 6px !important;
        background-size: 16px !important;
        color: black !important;
        font-size: 14px !important;
        min-height: 28px !important;
        margin: 10px 0 !important;
        padding: 3px 20px 5px 37px !important;
    }

/*    220101:    Haken vor "Firefox ist aktuell"
    Andy:    https://www.camp-firefox.de/forum/thema/134044/?postID=1194078#post1194078 */    
    #icons > .noUpdatesFound {
        visibility: hidden  !important;
/*    Icon und Rest kann dank grisu weg ;)*/            
    }

/*    Neue Funktionen und Änderungen */
    #releasenotes    {
        appearance: none !important;
        background: yellow url('../icons/bild1.png')no-repeat 6px 1px !important;  
        color: black !important;
        margin: 0 35px 0 10px !important;
        padding: 1px 20px 0 30px !important;
        border: 2px outset cadetblue !important;
        border-radius: 14px !important;
    }

    #releasenotes:hover{
        background-color: lightblue !important;
    }

/*    "Firefox-Hilfe" und "Feedback senden" ausblenden */    
    #updateBox vbox description.text-blurb label.text-link    {
        display: none !important;
    }  
    
/*    unerwünschte Freifläche entfernen */    
    #updateBox {
        margin-bottom: -25px !important;
    }
    
/*    "Mozilla"*/
    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
    { 
        appearance: none !important;
        background: yellow url('../icons/Moz.png') no-repeat 10px 3px !important;
        color: black !important;
        margin: 0 2px 0 -2px !important;
        padding: 0 15px 0 35px !important;
        border: 2px outset cadetblue !important;
        border-radius: 14px !important;
    }

    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']:hover
    {
        background: lightblue url('../icons/Moz.png') no-repeat 10px 3px !important;
    }    
    
/*    "globalen Community"*/
    [href='about:credits'] {
        appearance: none !important;
        background: yellow url('../icons/beos-people16.png') no-repeat 10px 3px !important;
        color: black !important;
        margin: 5px 0 5px -2px !important;
        padding: 0 15px 0 35px !important;
        border: 2px outset cadetblue !important;
        border-radius: 14px !important;
    }

    [href='about:credits']:hover{
        background: lightblue url('../icons/beos-people16.png') no-repeat 10px 3px !important;
    }
    
/*    Hinter dem Komma einen Zeilenumbruch erzwingen
    220103:    Andy:    https://www.camp-firefox.de/forum/thema/134044/?postID=1194391#post1194391
    220104: abgerundeter Hintergrund
*/
    #communityDesc {
        background: lightgreen !important;
        border: 2px solid darkgrey !important;
        border-radius: 10px !important;
        max-width: 590px !important;
    }

/*    "spenden sie" */
    #contributeDesc > label:nth-child(1){
        appearance: none !important;
        background: yellow url('../icons/spende16.png') no-repeat 10px 3px !important;
        color: black !important;
        margin: 0 -3px 0 -2px !important;
        padding: 0 15px 0 35px !important;
        border: 2px outset cadetblue !important;
        border-radius: 14px !important;
    }

    #contributeDesc > label:nth-child(1):hover{
        background: lightblue url('../icons/spende16.png') no-repeat 10px 3px !important;
    }

/*     "machen sie mit" */
    #contributeDesc > label:nth-child(2){
        appearance: none !important;
        background: yellow url('../icons/daumen-hoch-16.png') no-repeat 10px 3px !important;
        color: black !important;
        margin: 0 10px 0 -2px !important;
        padding: 0 15px 0 35px !important;
        border: 2px outset cadetblue !important;
        border-radius: 14px !important;
    }

    #contributeDesc > label:nth-child(2):hover{
        background: lightblue url('../icons/daumen-hoch-16.png') no-repeat 10px 3px !important;
    }  

/*    Bereich unten mit Lizensierung, Rechte und datenschutz...*/
    #bottomBox{
        margin-top: -30px !important;
        margin-bottom: 30px !important;
    }

/*    Informationen zur Lizensierung*/
    [href='about:license']    {
        display: none !important;
        appearance: none !important;
        background: yellow url('../icons/bild1.png')no-repeat 10px 3px !important;
        color: black !important;
        margin-left: 10px !important;
        margin-top: 2px !important;
        padding: 0 20px 0 40px !important;
        border: 2px outset dodgerblue !important;
        border-radius: 14px !important;
    }

    [href='about:license']:hover{
        background: lightblue url('../icons/bild1.png')no-repeat 10px 3px !important;
    }

/*    Endanwenderrechte */
    [href='about:rights']{
        display: none !important;
        appearance: none !important;
        background: yellow url('../icons/bild25.png')no-repeat 10px 3px !important;
        color: black !important;
        margin: 2px 10px 0 -30px !important;
        padding: 0 20px 0 40px !important;
        border: 2px outset red !important;
        border-radius: 14px !important;
    }

    [href='about:rights']:hover{
        background: lightblue url('../icons/bild25.png')no-repeat 10px 3px !important;
    }

/*    Datenschutzbestimmungen*/    
    label.bottom-link:nth-child(3){
        appearance: none !important;
        background: yellow url('../icons/secure-mixed-16.png')no-repeat 10px 3px !important;
        color: black !important;
        margin: 2px -3px 0 -13px !important;
        padding: 0 20px 0 40px !important;
        border: 2px outset green !important;
        border-radius: 10px !important;
    }

    label.bottom-link:nth-child(3):hover    {
        background: lightblue url('../icons/secure-mixed-16.png')no-repeat 10px 3px !important;
    }
       
/*    Text ganz unten, Logo und Warenzeichen und so... ;)
    220103:    Andy:    https://www.camp-firefox.de/forum/thema/134044/?postID=1194313#post1194313
*/
    #trademark{
        margin-top: 16px !important;
        margin-bottom: -40px !important;
        color: black !important;
        border-radius: 10px !important;
        background-color: lightblue !important;
        border: 2px solid red !important;
        width:  500px !important;
        margin-left: 260px !important;

    }    
    
/*    Den Text "Dialog-Design by harff182" will ich ganz unten rechts inne Ecke.... */    
    #aboutDialogContainer::after {
        content: "Dialog-Design by harff182" !important;
        font-size: 10px !important;
        color: black !important;
        margin-left: 815px !important;
    }
    

}

Alles anzeigen

harff182

Zitat von Mira_Belle

Blende die Grafik in Zeile 122 mal nicht aus!

Doch, doch, doch, doch, doch...

Damit funktionuckelts wie meinereiner es gerne hätte:

CSS

/*    Update-Check ohne Erwartung ;)*/
/*    Blendet Original-Animationen aus!*/
    #icons > .update-throbber {
        /* visibility: hidden !important; */ /*damit zappelts*/
        display: none !important; 
        /*Damit bleibt "Meine FF-version..." wo es hinsoll, aber suchen rutscht nach links*/
    }

    #updateDeck #checkingForUpdates > label {
        appearance: none !important;
        border: 2px solid darkgrey !important;
        border-radius: 10px !important;
        background: lightblue url('../icons/ajax-loader.gif') no-repeat 10px 6px !important;
        background-size: 16px !important;
        color: black !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        min-height: 28px !important;
        /* margin: 10px 0 0 -25px !important; */     /*Zappelt nach "display: none" */
        margin: 10px 0 0 0px !important;             /* jabba dabba doooo */        
        padding: 3px 20px 5px 37px !important;
    }

Alles anzeigen

Mira_Belle : Vielleicht kannste ja schon was abgucken

2002Andreas :

Teste ich gleich auch nochmal, aber jetzt muß ich mich um Abendessen und Tabletten für meine Mom kümmern.

2002Andreas

Zitat von harff182

Teste ich gleich auch nochmal

Oder diesen mal:

CSS

/*     12_about_dialog.css */
/*     Menu:         "Hilfe/Über Firefox"-Dialog 
    Herkunft:    https://www.camp-firefox.de/forum/thema/134024/?postID=1193840#post1193840
    211230:        Erster Versuch - Erfolgreich trotz Anpassung
    
    211231:        Andy:    https://www.camp-firefox.de/forum/thema/134044/?postID=1193987#post1193987
    
    220101:        Haken vor "Firefox ist aktuell"
                Andy:    https://www.camp-firefox.de/forum/thema/134044/?postID=1194078#post1194078 
    
    220102-05:    Großes Aufräumen, was nicht notwedig scheint und richtige? Reihenfolge;)
                Diverse optische Anpassungen, Umstellungen und Doku-Zeilen
    
    Anmerkung:    N++ hat Probleme mit den Klammern, Atom und Inet-Check nicht ;)
                Sören sagt: TRBL
*/

@-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml"){
 
    #aboutDialog,
    #aboutDialogContainer,
    #bottomBox,
    #clientBox,
    #leftBox,
    #trademark,
    #updateBox > vbox:nth-child(2) > hbox:nth-child(2),
    #updateButton,
    #version,
    #version::before
    {
        font-family: 'PaulBecker' !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: 14px !important;
        color: black !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: underline !important; */
        text-decoration: none !important;
    }

    #aboutDialog,
    #aboutDialogContainer,
    #bottomBox,
    #clientBox,
    #trademark {
        background-color: gold !important;
    }

/*    gesamter Innenbereich*/
    #aboutDialog{
        height: 350px !important;
    }

/*    Das ist links die Box um das FF-Logo*/
    #leftBox {
        margin-top: 60px !important;
        appearance: none !important;
        background: gold url('../icons/foxfav.png')no-repeat !important;
        background-position: center !important;
        background-size: contain !important;
    }
    
/*    "Firefox Browser"-Original weg und Platz freiräumen */
    #rightBox {
        background-image: none !important;
        padding-top: 0px !important;      
        margin-top: 10px !important;
    }

/*    GFX durch TXT ersetzen - mit Zeilenumbruch + 2 Fonts versuchen*/    
    #rightBox::before {
        content: "Firefox Workbench" !important;
        font-family: 'KeypressDB' !important;
        font-size: 47px !important;
        text-shadow: 3px 3px 4px red !important;
        color: black !important;
    }    

    #detailsBox::before {
        content: "In Memory of AmigaOS and Beos" !important;
        font-family: 'PaulBecker' !important;
        font-size: 15px !important;
        color: black !important;
        border-radius: 10px !important;
        background-color: lightblue !important;
        border: 2px solid red !important;
        padding: 0 10px 0 10px !important;

    }

/*    der Updatebereich unter "In Memory of AmigaOS and Beos" */
    #updateBox > vbox:nth-child(2) > hbox:nth-child(2){
        margin-top: -25px !important;
        margin-bottom: 20px !important;    
    }

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

    #updateDeck #checkingForUpdates > label {
        appearance: none !important;
        border: 2px solid darkgrey !important;
        border-radius: 10px !important;
        background: lightblue url('../icons/ajax-loader.gif') no-repeat 10px 6px !important;
        background-size: 16px !important;
        color: black !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        min-height: 28px !important;
        margin: 10px 0 0 -25px !important;
        padding: 3px 20px 5px 37px !important;
    }

/*    Update-Check mit Erwartung auf FF96ff..*/
    #updateButton {
        appearance: none !important;
        background: yellow url('../icons/ud16.png')no-repeat 13px 1px !important;
        color: black !important;
        min-width: 360px !important;
        padding-left: 30px !important;
        margin: 0 0 10px 0!important;
        border: 2px solid black !important;
        border-radius: 10px !important;
    }

    #updateButton:hover{
        background: lightblue url('../icons/ud16.png')no-repeat 13px 3px !important;
    }

/*    Dazugehörige default-GFX is im Weg...*/    
    #icons > .apply{
        visibility: hidden  !important;
    } 

    #updateButton .button-box{
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        -moz-padding-start: 3px !important;
        -moz-padding-end: 3px !important;
    }

/*    'Meine FF-Version ist:' */
    #version::before{
        content: 'Meine FF-Version ist:';
        font-size: 16px !important;
        font-weight: bold !important;
        color: Blue !important;
        margin-top: 10px !important;
        margin-right: 6px !important;
        margin-bottom: 0px !important;
        margin-left: 0px !important;
    }

/*    komplette Versionsnummer*/
    #version{
        font-size: 16px !important;
        font-weight: bold !important;
        margin-top: 30px !important;
        color: black !important;
    }

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

/*    220103: 
    Grisu    https://www.camp-firefox.de/forum/thema/134044/?postID=1194360#post1194360
*/
/*     Label: "Firefox ist aktuell" */
    #aboutDialog #noUpdatesFound > label:nth-child(1) {
        appearance: none !important;
        border: 2px solid darkgrey !important;
        border-radius: 10px !important;
        background: lightgreen url('../icons/check-50.png') no-repeat 10px 6px !important;
        background-size: 16px !important;
        color: black !important;
        font-size: 14px !important;
        min-height: 28px !important;
        margin-left: -25px  !important;
        margin-top: 10px !important;
        padding: 3px 50px 0px 50px !important;
    }

/*    220101:    Haken vor "Firefox ist aktuell"
    Andy:    https://www.camp-firefox.de/forum/thema/134044/?postID=1194078#post1194078 */    
    #icons > .noUpdatesFound {
        visibility: hidden  !important;
/*    Icon und Rest kann dank grisu weg ;)*/            
    }

/*    Neue Funktionen und Änderungen */
    #releasenotes    {
        appearance: none !important;
        background: yellow url('../icons/bild1.png')no-repeat 6px 1px !important;  
        color: black !important;
        margin: 0 35px 0 10px !important;
        padding: 1px 20px 0 30px !important;
        border: 2px outset cadetblue !important;
        border-radius: 14px !important;
    }

    #releasenotes:hover{
        background-color: lightblue !important;
    }

/*    "Firefox-Hilfe" und "Feedback senden" ausblenden */    
    #updateBox vbox description.text-blurb label.text-link    {
        display: none !important;
    }  
    
/*    unerwünschte Freifläche entfernen */    
    #updateBox {
        margin-bottom: -25px !important;
    }
    
/*    "Mozilla"*/
    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
    { 
        appearance: none !important;
        background: yellow url('../icons/Moz.png') no-repeat 10px 3px !important;
        color: black !important;
        margin: 0 2px 0 -2px !important;
        padding: 0 15px 0 35px !important;
        border: 2px outset cadetblue !important;
        border-radius: 14px !important;
    }

    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']:hover
    {
        background: lightblue url('../icons/Moz.png') no-repeat 10px 3px !important;
    }    
    
/*    "globalen Community"*/
    [href='about:credits'] {
        appearance: none !important;
        background: yellow url('../icons/beos-people16.png') no-repeat 10px 3px !important;
        color: black !important;
        margin: 5px 0 5px -2px !important;
        padding: 0 15px 0 35px !important;
        border: 2px outset cadetblue !important;
        border-radius: 14px !important;
    }

    [href='about:credits']:hover{
        background: lightblue url('../icons/beos-people16.png') no-repeat 10px 3px !important;
    }
    
/*    Hinter dem Komma einen Zeilenumbruch erzwingen
    220103:    Andy:    https://www.camp-firefox.de/forum/thema/134044/?postID=1194391#post1194391
    220104: abgerundeter Hintergrund
*/
    #communityDesc {
        background: lightgreen !important;
        border: 2px solid darkgrey !important;
        border-radius: 10px !important;
        max-width: 590px !important;
    }

/*    "spenden sie" */
    #contributeDesc > label:nth-child(1){
        appearance: none !important;
        background: yellow url('../icons/spende16.png') no-repeat 10px 3px !important;
        color: black !important;
        margin: 0 -3px 0 -2px !important;
        padding: 0 15px 0 35px !important;
        border: 2px outset cadetblue !important;
        border-radius: 14px !important;
    }

    #contributeDesc > label:nth-child(1):hover{
        background: lightblue url('../icons/spende16.png') no-repeat 10px 3px !important;
    }

/*     "machen sie mit" */
    #contributeDesc > label:nth-child(2){
        appearance: none !important;
        background: yellow url('../icons/daumen-hoch-16.png') no-repeat 10px 3px !important;
        color: black !important;
        margin: 0 10px 0 -2px !important;
        padding: 0 15px 0 35px !important;
        border: 2px outset cadetblue !important;
        border-radius: 14px !important;
    }

    #contributeDesc > label:nth-child(2):hover{
        background: lightblue url('../icons/daumen-hoch-16.png') no-repeat 10px 3px !important;
    }  

/*    Bereich unten mit Lizensierung, Rechte und datenschutz...*/
    #bottomBox{
        margin-top: -30px !important;
        margin-bottom: 30px !important;
    }

/*    Informationen zur Lizensierung*/
    [href='about:license']    {
        display: none !important;
        appearance: none !important;
        background: yellow url('../icons/bild1.png')no-repeat 10px 3px !important;
        color: black !important;
        margin-left: 10px !important;
        margin-top: 2px !important;
        padding: 0 20px 0 40px !important;
        border: 2px outset dodgerblue !important;
        border-radius: 14px !important;
    }

    [href='about:license']:hover{
        background: lightblue url('../icons/bild1.png')no-repeat 10px 3px !important;
    }

/*    Endanwenderrechte */
    [href='about:rights']{
        display: none !important;
        appearance: none !important;
        background: yellow url('../icons/bild25.png')no-repeat 10px 3px !important;
        color: black !important;
        margin: 2px 10px 0 -30px !important;
        padding: 0 20px 0 40px !important;
        border: 2px outset red !important;
        border-radius: 14px !important;
    }

    [href='about:rights']:hover{
        background: lightblue url('../icons/bild25.png')no-repeat 10px 3px !important;
    }

/*    Datenschutzbestimmungen*/    
    label.bottom-link:nth-child(3){
        appearance: none !important;
        background: yellow url('../icons/secure-mixed-16.png')no-repeat 10px 3px !important;
        color: black !important;
        margin: 2px -3px 0 -13px !important;
        padding: 0 20px 0 40px !important;
        border: 2px outset green !important;
        border-radius: 10px !important;
    }

    label.bottom-link:nth-child(3):hover    {
        background: lightblue url('../icons/secure-mixed-16.png')no-repeat 10px 3px !important;
    }
       
/*    Text ganz unten, Logo und Warenzeichen und so... ;)
    220103:    Andy:    https://www.camp-firefox.de/forum/thema/134044/?postID=1194313#post1194313
*/
    #trademark{
        margin-top: 16px !important;
        margin-bottom: -40px !important;
        color: black !important;
        border-radius: 10px !important;
        background-color: lightblue !important;
        border: 2px solid red !important;
        width:  500px !important;
        margin-left: 260px !important;

    }    
    
/*    Den Text "Dialog-Design by harff182" will ich ganz unten rechts inne Ecke.... */    
    #aboutDialogContainer::after {
        content: "Dialog-Design by harff182" !important;
        font-size: 10px !important;
        color: black !important;
        margin-left: 815px !important;
    }
    

}

Alles anzeigen

Damit zuckt hier gar nichts mehr:

CSS

/*     12_about_dialog.css */
/*     Menu:         "Hilfe/Über Firefox"-Dialog 
    Herkunft:    https://www.camp-firefox.de/forum/thema/134024/?postID=1193840#post1193840
    211230:        Erster Versuch - Erfolgreich trotz Anpassung
    
    211231:        Andy:    https://www.camp-firefox.de/forum/thema/134044/?postID=1193987#post1193987
    
    220101:        Haken vor "Firefox ist aktuell"
                Andy:    https://www.camp-firefox.de/forum/thema/134044/?postID=1194078#post1194078 
    
    220102-05:    Großes Aufräumen, was nicht notwedig scheint und richtige? Reihenfolge;)
                Diverse optische Anpassungen, Umstellungen und Doku-Zeilen
    
    Anmerkung:    N++ hat Probleme mit den Klammern, Atom und Inet-Check nicht ;)
                Sören sagt: TRBL
*/

@-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml"){
 
    #aboutDialog,
    #aboutDialogContainer,
    #bottomBox,
    #clientBox,
    #leftBox,
    #trademark,
    #updateBox > vbox:nth-child(2) > hbox:nth-child(2),
    #updateButton,
    #version,
    #version::before
    {
        font-family: 'PaulBecker' !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: 14px !important;
        color: black !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: underline !important; */
        text-decoration: none !important;
    }

    #aboutDialog,
    #aboutDialogContainer,
    #bottomBox,
    #clientBox,
    #trademark {
        background-color: gold !important;
    }

/*    gesamter Innenbereich*/
    #aboutDialog{
        height: 350px !important;
    }

/*    Das ist links die Box um das FF-Logo*/
    #leftBox {
        margin-top: 60px !important;
        appearance: none !important;
        background: gold url('../icons/foxfav.png')no-repeat !important;
        background-position: center !important;
        background-size: contain !important;
    }
    
/*    "Firefox Browser"-Original weg und Platz freiräumen */
    #rightBox {
        background-image: none !important;
        padding-top: 0px !important;      
        margin-top: 10px !important;
    }

/*    GFX durch TXT ersetzen - mit Zeilenumbruch + 2 Fonts versuchen*/    
    #rightBox::before {
        content: "Firefox Workbench" !important;
        font-family: 'KeypressDB' !important;
        font-size: 47px !important;
        text-shadow: 3px 3px 4px red !important;
        color: black !important;
    }    

    #detailsBox::before {
        content: "In Memory of AmigaOS and Beos" !important;
        font-family: 'PaulBecker' !important;
        font-size: 15px !important;
        color: black !important;
        border-radius: 10px !important;
        background-color: lightblue !important;
        border: 2px solid red !important;
        padding: 0 10px 0 10px !important;

    }

/*    der Updatebereich unter "In Memory of AmigaOS and Beos" */
    #updateBox > vbox:nth-child(2) > hbox:nth-child(2){
        margin-top: -25px !important;
        margin-bottom: 20px !important;    
    }

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

    #updateDeck #checkingForUpdates > label {
        appearance: none !important;
        border: 2px solid darkgrey !important;
        border-radius: 10px !important;
        background: lightblue url('../icons/ajax-loader.gif') no-repeat 10px 6px !important;
        background-size: 16px !important;
        color: black !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        min-height: 28px !important;
        margin: 10px 0 0 -25px !important;
        padding: 3px 20px 5px 37px !important;
    }

/*    Update-Check mit Erwartung auf FF96ff..*/
    #updateButton {
        appearance: none !important;
        background: yellow url('../icons/ud16.png')no-repeat 13px 1px !important;
        color: black !important;
        min-width: 360px !important;
        padding-left: 30px !important;
        margin: 0 0 10px 0!important;
        border: 2px solid black !important;
        border-radius: 10px !important;
    }

    #updateButton:hover{
        background: lightblue url('../icons/ud16.png')no-repeat 13px 3px !important;
    }

/*    Dazugehörige default-GFX is im Weg...*/    
    #icons > .apply{
        visibility: hidden  !important;
    } 

    #updateButton .button-box{
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        -moz-padding-start: 3px !important;
        -moz-padding-end: 3px !important;
    }

/*    'Meine FF-Version ist:' */
    #version::before{
        content: 'Meine FF-Version ist:';
        font-size: 16px !important;
        font-weight: bold !important;
        color: Blue !important;
        margin-top: 10px !important;
        margin-right: 6px !important;
        margin-bottom: 0px !important;
        margin-left: -20px !important;
    }

/*    komplette Versionsnummer*/
    #version{
        font-size: 16px !important;
        font-weight: bold !important;
        margin-top: 30px !important;
        color: black !important;
    }

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

/*    220103: 
    Grisu    https://www.camp-firefox.de/forum/thema/134044/?postID=1194360#post1194360
*/
/*     Label: "Firefox ist aktuell" */
    #aboutDialog #noUpdatesFound > label:nth-child(1) {
        appearance: none !important;
        border: 2px solid darkgrey !important;
        border-radius: 10px !important;
        background: lightgreen url('../icons/check-50.png') no-repeat 10px 6px !important;
        background-size: 16px !important;
        color: black !important;
        font-size: 14px !important;
        min-height: 28px !important;
        margin-left: -25px  !important;
        margin-top: 10px !important;
        padding: 3px 50px 0px 50px !important;
    }

/*    220101:    Haken vor "Firefox ist aktuell"
    Andy:    https://www.camp-firefox.de/forum/thema/134044/?postID=1194078#post1194078 */    
    #icons > .noUpdatesFound {
        visibility: hidden  !important;
/*    Icon und Rest kann dank grisu weg ;)*/            
    }

/*    Neue Funktionen und Änderungen */
    #releasenotes    {
        appearance: none !important;
        background: yellow url('../icons/bild1.png')no-repeat 6px 1px !important;  
        color: black !important;
        margin: 0 35px 0 10px !important;
        padding: 1px 20px 0 30px !important;
        border: 2px outset cadetblue !important;
        border-radius: 14px !important;
    }

    #releasenotes:hover{
        background-color: lightblue !important;
    }

/*    "Firefox-Hilfe" und "Feedback senden" ausblenden */    
    #updateBox vbox description.text-blurb label.text-link    {
        display: none !important;
    }  
    
/*    unerwünschte Freifläche entfernen */    
    #updateBox {
        margin-bottom: -25px !important;
    }
    
/*    "Mozilla"*/
    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
    { 
        appearance: none !important;
        background: yellow url('../icons/Moz.png') no-repeat 10px 3px !important;
        color: black !important;
        margin: 0 2px 0 -2px !important;
        padding: 0 15px 0 35px !important;
        border: 2px outset cadetblue !important;
        border-radius: 14px !important;
    }

    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']:hover
    {
        background: lightblue url('../icons/Moz.png') no-repeat 10px 3px !important;
    }    
    
/*    "globalen Community"*/
    [href='about:credits'] {
        appearance: none !important;
        background: yellow url('../icons/beos-people16.png') no-repeat 10px 3px !important;
        color: black !important;
        margin: 5px 0 5px -2px !important;
        padding: 0 15px 0 35px !important;
        border: 2px outset cadetblue !important;
        border-radius: 14px !important;
    }

    [href='about:credits']:hover{
        background: lightblue url('../icons/beos-people16.png') no-repeat 10px 3px !important;
    }
    
/*    Hinter dem Komma einen Zeilenumbruch erzwingen
    220103:    Andy:    https://www.camp-firefox.de/forum/thema/134044/?postID=1194391#post1194391
    220104: abgerundeter Hintergrund
*/
    #communityDesc {
        background: lightgreen !important;
        border: 2px solid darkgrey !important;
        border-radius: 10px !important;
        max-width: 590px !important;
    }

/*    "spenden sie" */
    #contributeDesc > label:nth-child(1){
        appearance: none !important;
        background: yellow url('../icons/spende16.png') no-repeat 10px 3px !important;
        color: black !important;
        margin: 0 -3px 0 -2px !important;
        padding: 0 15px 0 35px !important;
        border: 2px outset cadetblue !important;
        border-radius: 14px !important;
    }

    #contributeDesc > label:nth-child(1):hover{
        background: lightblue url('../icons/spende16.png') no-repeat 10px 3px !important;
    }

/*     "machen sie mit" */
    #contributeDesc > label:nth-child(2){
        appearance: none !important;
        background: yellow url('../icons/daumen-hoch-16.png') no-repeat 10px 3px !important;
        color: black !important;
        margin: 0 10px 0 -2px !important;
        padding: 0 15px 0 35px !important;
        border: 2px outset cadetblue !important;
        border-radius: 14px !important;
    }

    #contributeDesc > label:nth-child(2):hover{
        background: lightblue url('../icons/daumen-hoch-16.png') no-repeat 10px 3px !important;
    }  

/*    Bereich unten mit Lizensierung, Rechte und datenschutz...*/
    #bottomBox{
        margin-top: -30px !important;
        margin-bottom: 30px !important;
    }

/*    Informationen zur Lizensierung*/
    [href='about:license']    {
        display: none !important;
        appearance: none !important;
        background: yellow url('../icons/bild1.png')no-repeat 10px 3px !important;
        color: black !important;
        margin-left: 10px !important;
        margin-top: 2px !important;
        padding: 0 20px 0 40px !important;
        border: 2px outset dodgerblue !important;
        border-radius: 14px !important;
    }

    [href='about:license']:hover{
        background: lightblue url('../icons/bild1.png')no-repeat 10px 3px !important;
    }

/*    Endanwenderrechte */
    [href='about:rights']{
        display: none !important;
        appearance: none !important;
        background: yellow url('../icons/bild25.png')no-repeat 10px 3px !important;
        color: black !important;
        margin: 2px 10px 0 -30px !important;
        padding: 0 20px 0 40px !important;
        border: 2px outset red !important;
        border-radius: 14px !important;
    }

    [href='about:rights']:hover{
        background: lightblue url('../icons/bild25.png')no-repeat 10px 3px !important;
    }

/*    Datenschutzbestimmungen*/    
    label.bottom-link:nth-child(3){
        appearance: none !important;
        background: yellow url('../icons/secure-mixed-16.png')no-repeat 10px 3px !important;
        color: black !important;
        margin: 2px -3px 0 -13px !important;
        padding: 0 20px 0 40px !important;
        border: 2px outset green !important;
        border-radius: 10px !important;
    }

    label.bottom-link:nth-child(3):hover    {
        background: lightblue url('../icons/secure-mixed-16.png')no-repeat 10px 3px !important;
    }
       
/*    Text ganz unten, Logo und Warenzeichen und so... ;)
    220103:    Andy:    https://www.camp-firefox.de/forum/thema/134044/?postID=1194313#post1194313
*/
    #trademark{
        margin-top: 16px !important;
        margin-bottom: -40px !important;
        color: black !important;
        border-radius: 10px !important;
        background-color: lightblue !important;
        border: 2px solid red !important;
        width:  500px !important;
        margin-left: 260px !important;

    }    
    
/*    Den Text "Dialog-Design by harff182" will ich ganz unten rechts inne Ecke.... */    
    #aboutDialogContainer::after {
        content: "Dialog-Design by harff182" !important;
        font-size: 10px !important;
        color: black !important;
        margin-left: 815px !important;
    }
    

}

Alles anzeigen

Dharkness

Zitat von 2002Andreas

Damit zuckt hier gar nichts mehr:

Hm,

Nach Updates suchen… ist höher als Firefox ist aktuell.

2002Andreas

Zitat von Dharkness

Hm,

Naja, das Problem ist aber weg:

Zitat von harff182

Isser fertig, springt sie dahin, wo sie gemäß Code hinsoll.

Die Abstände kann er sich ja ab Zeile 194 für sich dann noch weiter anpassen.

harff182

2002Andreas :

Wie immer: Danke für Deine unermüdliche Mühe, ich hab Deine Versionen sogar gebackupped, aber meine Lösung sagt mir (im Moment) am meisten zu

2002Andreas

Zitat von harff182

Danke für Deine unermüdliche Mühe

Freut mich wenn ich helfen kann, darum immer gern geschehen.

Zitat von harff182

aber meine Lösung

Alles ist gut, du musst zufrieden sein.

harff182

Hab mal wieder meinem Spieltrieb gefrönt und komm an der letzten Stelle nicht weiter:

Eigentlich wollte ich das " Dann " nach dem Fragezeichen davor haben.

Alternativ sollte " "Spenden Sie" durch "Dann spenden Sie" ersetzt werden.

Schaff ich aber nicht

Das war mein bisher letzter (und einziger erfolgreicher) Versuch:

CSS

/*    "spenden sie" */
    #contributeDesc > label:nth-child(1)::before {
        content: "Dann " !important;
        color: black !important; 
    }

    #contributeDesc > label:nth-child(1){
        display: transparent !important;
        appearance: none !important;
        background: yellow url('../icons/spende16.png') no-repeat 10px 3px !important;
        color: black !important;
        margin: 0 -3px 0 -2px !important;
        padding: 0 15px 0 35px !important;
        border: 2px outset cadetblue !important;
        border-radius: 14px !important;
    }

Alles anzeigen

Irgendwer mit einer hilfreichen Idee?

grisu2099

Meinst du das in dieser Art?

Dann spiel mal mit diesem Code-Schnipsel:

CSS

#aboutDialog #contributeDesc > label:nth-child(1)::before {
    content: "Dann ";
    color: black !important;
    font-size: 14px !important;
    text-decoration: none !important;
    margin-right: 10px !important;
    padding: 3px 10px 3px 0px !important;
    }
    /* Button "Spenden" */
#aboutDialog #contributeDesc > label:nth-child(1) {
    border: 2px ridge lightgrey !important;
    border-radius: 10px !important;
    background: #1CE4FF url("file:///F:/FIREFOX-ICONS/Icons/spenden.png") no-repeat 50px 6px !important;
    color: black !important;
    font-size: 14px !important;
    text-decoration: none !important;
    margin: 0 2px !important;
    padding: 3px 20px 3px 10px !important;
    }

Alles anzeigen

Ist aus einem schnellen Test, du mußt also Abstände etc. noch anpassen...

harff182

Zitat von grisu2099

Meinst du das in dieser Art?

Nicht so ganz, da bin ich pingelig in meinen Vorstellungen.

Wenn das "Dann" drin ist, dann soll es so wie bei mir rechts vom Händchen sein und dann muß "spenden" kleingeschrieben sein.

Aaaaber:

Wenn ich "Dann: " einsetze, wäre das akzeptabel. Ich geh mal spielen...

grisu2099

Zitat von harff182

Ich geh mal spielen...

Genau als Vorlage dafür war mein Schnipsel ja gedacht...

harff182

hm...

Warum hast Du das #aboutDialog davor? Funktioniert doch auch ohne