Beiträge von harff182

harff182

Sorry, ich geb auf

Ich komm mit dem "Update-Check" nicht weiter, da Dein Code sich von meinem doch sehr stak unterscheidet.

Tut mir leid, hab ich mich wohl übernommen

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

harff182

Nix Da - Du bist unser CSS-Voodoo-Priester

harff182

Nur damit ich Deine Vorstellung richtig verstehe:

"Nach Updates suchen" und "Firefox ist aktuell" in gleichem Font unf Fontgröße in einer Flucht zur darunterliegenden Version.

Und die Icons jeweils in gleicher/ähnlicher Größe und Abstand links davor.

Aber erwarte keine Wunder, im Gegensatz zu 2002Andreas bin ich kein Houngan

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.

harff182

Mira_Belle :

Gibste mal bitte deinen kompletten Code?

Und eventuell benutzte GFX für Haken und animiertes GIF

Wenn ich meinen Zappelphilip, den ich im Thread nebenan angeprangert hab, gebändigt bekomme, tausch ich meinen Dialog mal gegen Deinen und bastel damit weiter

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.

harff182

Mira_Belle:

Guck mal, ob Du damit was anfangen kanst:

CSS

/*    Mira_Belle-Ideen*/    
    #updateDeck #checkingForUpdates label {
        color: white !important;
        font-weight: 500 !important;
        font-size: 1.2em !important;
        margin-left: 1px !important;
        margin-top: 10px !important;
        margin-bottom: 5px !important;
    }

    /* Das Gif wird an richtiger Stelle angezeigt.*/
    #icons >.update-throbber{
        fill: transparent !important; 
        background-image: url("../icons/ajax-loader.gif") !important;
        background-repeat: no-repeat !important;   
        padding-top: 10px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom: 10px !important;
    }
    
    /*Blendet BEIDE Animationen aus!*/
    #icons > .update-throbber {
        visibility: hidden !important;
    }

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

Alles anzeigen

Ich bin damit recht weit gekommen, muß aber jetzt Bubu machen

Pfad zum Icon und einige Werte wirst Du anpassen müssen

Wenn Du das GIF möchtest:

harff182

Zitat von Dharkness

Und mit Fehlern versehen

Danke, schon korrigiert.

Jetzt geh ich ans Aufräumen...

harff182

Zitat von Mira_Belle

Entweder hat keiner Lust,

Lust hab ich schon, denn das wäre die vorletzte Baustelle in meinem Dialog.

Ich will aber erst meinen Code noch aufräumen.

Haste mal versucht, das icon zu löschen und Dein Gif mit ::bevor vor Deinem Text einzufügen?

harff182

Du hast mich auf eine Idee gebracht

Damit:

CSS

     #aboutDialogContainer::after {
        content: "Dialog-Design by harff182" !important;
        font-size: 10px !important;
        color: black !important;
        margin-left: 815px !important;
    }

hab ich das so hinbekommen:

Jappa Dappa Doooo

Nu kann ich mich ans aufräumen machen

harff182

:schäm: Da is aber noch viel durcheinander und unaufgeräumt drin

CSS

 /*     21_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 ;)
                TRBL
*/

@-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: '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;
        /* border: 5px solid blue !important; */
    }

/*    Wasn das?
    Andy:    https://www.camp-firefox.de/forum/thema/134044/?postID=1194491#post1194491
    Für/vom Script addBuildIdToAboutDialogueBox.uc.js
    Könnte also eigentlich weg...
*/
/*
        #agent{
        appearance: none !important;
        margin: 50px 40px 84px 10px !important;
        max-height: 56px !important;
        padding-top: 5px !important;
        text-align: center !important;
        border-radius: 14px !important;
        max-width: 1100px !important;
    }

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

/*    Das ist links die Box umd 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" in Blau und anderem Font*/
    #rightBox {
        background-image: none !important;
        padding-top: 0px !important;      
        margin-top: 10px !important;
    }

/*    "Firefox Browser" durch ein eigenes GFX ersetzen */
    #rightBox::before {
        content: url("../icons/pocpart_1.png") !important;
        margin-left: -1px !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 \A0 \A0  \A0 \A0  \A0 \A0  \A0 \A0 \A0 \A0  \A0 \A0  \A0 \A0  \A0 \A0 Dialog-Design by harff182" !important;
    white-space: pre !important;
    font-family: 'PaulBecker' !important;
    font-size: 16px !important;
    color: black !important;
    }

 
/*    Rechts; der Updatebereich unter dem GFX */
    #updateBox > vbox:nth-child(2) > hbox:nth-child(2){
        margin-top: -25px !important;
        margin-bottom: 20px !important;    
    }

/*    Update-Check und so....*/
    #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;
    }

    #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-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    {
        /* visibility: hidden !important; */
        display: none !important;
    }  
    
/*    unerwünschte Freifläche entfernen */    
    #updateBox {
        /* border: 2px outset cadetblue !important; */ /*nur zum verdeutlichen ;)*/
        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 zu Lizensierung*/
    [href='about:license']    {
        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']{
        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 -2px !important;
        padding: 0 20px 0 40px !important;
        border: 2px outset green !important;
        border-radius: 14px !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: 14px !important;
        background-color: lightblue !important;
        border: 2px solid red !important;
        max-width:  500px !important;
        margin-left: 268px !important;
        margin-right: 150px !important;

    }    
    
    #trademark::after
    {
        content: "Dialog-Design by harff182" !important;
        font-size: 10px !important;
        color: black !important;
    }

}

Alles anzeigen

harff182

Hab noch einen, bevor ich mit dem "Fine-Tuning" anfange:

Mit diesem Code:

CSS

    #trademark::after
    {
        content: "Dialog-Design by harff182" !important;
        font-size: 10px !important;
        color: black !important;
    }

dieses Ergebnis:

"Dialog-Design by harff182" hätte ich gerne dahinter, statt da drin.

Wie gehts?

harff182

Sören Hentzschel :

Danke, werde gleich mit rumexperimentieren, wenn ich die Wäsche aufgehangen habe

harff182

Zitat von milupo

Wenn du \A in content: einfügst, solltest du zusätzlich noch die Eigenschaft white-space mit dem Wert pre hinzufügen:

Teste ich grade mit rum:

CSS

/*    GFX durch TXT mit Zeilenumbruch ersetzen versuchen*/    
    #rightBox::before {
        content: "Firefox Browser  \A Dialog-Design by me" !important;
        white-space: pre !important;
        font-size: 35px !important;
        text-shadow: 3px 3px 4px red !important;
        color: black !important;
    }

Hat irgendwer eine Idee, wie ich der ersten und zweiten Zeile, also vor und dann nach dem Zeilenumbruch, jeweils verschiedene Fonts zuweisen kann?

harff182

Zitat von 2002Andreas

addBuildIdToAboutDialogueBox.uc.js

Habbichnich

Werd ich mal auskommentieren und zur Löschung vormerken.

Danke, 2002Andreas

harff182

Ist mir beim Auf-/Umräumen aufgefallen:

CSS

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

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

Alles anzeigen

Was ist das?

Im Inspektor find ich nix...

harff182

Zitat von BarbaraZ-

Dabei kommt folgendes Ergebnis zustande:

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

harff182

Zitat von 2002Andreas

Schade, aber du hast nach milupo gerufen

Boah, Du fiese Möpp, Du läst Mira_Belle so einfach im Regen stehn?

Nicht daß sie sich noch was bricht, wenn sie von einem Fuß auf den andern hampelt

harff182

Zitat von harff182

Wenns ums Updaten auf FF96 oder 95.irgendwas geht, grab ich den aber bestimmt wieder aus

Hat sich auch schon erledigt, habn Backup-Archiv mit 9201 gefindet und solange rumgetrixt, bissich zufrieden war

Zitat von Mira_Belle

Allen ein gesundes und glückliches neues Jahr.

Dir latürnich auch

Zitat von Mira_Belle

!! und genau hier sollte der Zeilenumbruch sein.

Au ja, binnich auch für

milupo vor, noch ein Code

BTW:

Zitat von milupo

wie wäre es mal mit einer Schiffsschaukel?

Die is aber nur für Kinder oder Rentner, die überschlägt sich ja nichmal

Beiträge von harff182

Hilfedialog (Anpassungen)

Dialog Hilfe/Über Firefox

Hilfedialog (Anpassungen)

Hilfedialog (Anpassungen)

Dialog Hilfe/Über Firefox

Hilfedialog (Anpassungen)

Dialog Hilfe/Über Firefox

Hilfedialog (Anpassungen)

Dialog Hilfe/Über Firefox

Hilfedialog (Anpassungen)

Dialog Hilfe/Über Firefox

Dialog Hilfe/Über Firefox

Dialog Hilfe/Über Firefox

Dialog Hilfe/Über Firefox

Dialog Hilfe/Über Firefox

Dialog Hilfe/Über Firefox

Dialog Hilfe/Über Firefox

Hilfe Dialog (über Firefox)

Dialog Hilfe/Über Firefox

Dialog Hilfe/Über Firefox