About Dialog CSS stellt nicht mehr alles dar

Boersenfeger

Moin, wie im Post Sidebar Hover Code anpassen

angekündigt, stelle ich hier meinen 2. Problemcode im aktuellen Nightly vor:

CSS

        /* About : Dialog */

    @-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml") {

    #aboutDialog,
    #aboutDialogContainer,
    #agent .textbox-input-box,
    #agent,
    #bottomBox,
    #clientBox,
    #leftBox,
    #trademark,
    #updateBox > vbox:nth-child(2) > hbox:nth-child(2),
    #updateButton,
    #version,
    #version::before
    {
        font-family: 'Courier New' !important;
    }

    
    #aboutDialog vbox,
    #aboutDialogContainer hbox,
    #clientBox vbox,
    #contributeDesc > label:nth-child(1),
    #contributeDesc > label:nth-child(2),
    #releasenotes,
    #trademark,
    #updateButton,
    label.bottom-link:nth-child(3),
    [href='about:credits'],
    [href='about:license'],
    [href='about:rights'],
    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
    {
        font-size: 15px !important;
    }


    #contributeDesc > label:nth-child(1),
    #contributeDesc > label:nth-child(2),
    #releasenotes,
    label.bottom-link:nth-child(3),
    [href='about:credits'],
    [href='about:license'],
    [href='about:rights'],
    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
    {
        text-decoration: none !important;
    }

    #aboutDialog,
    #aboutDialogContainer,
    #bottomBox,
    #clientBox,
    #trademark
    {
        background-color: #202340 !important;
    }
    
    #version::before
    {
        content: 'Boersenfeger seine Nightly-Version ist:';
        font-size: 17px !important;
        font-weight: bold !important;
        color: #f08080 !important;
        margin-right: 6px !important;
        margin-left: -24px !important;
    }

    #version
    {
        font-size: 16px !important;
        margin-top: 30px !important;
        color: #fff !important;
    }

    #aboutDialog
    {
        height: 350px !important;
    }

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

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

    #bottomBox
    {
        margin-left: -23px !important;
        margin-top: -15px !important;
        margin-bottom: 40px !important;
    }

    #updateBox > vbox:nth-child(2) > hbox:nth-child(2)
    {
        margin-top: -25px !important;
        margin-bottom: 20px !important;
    }

    #trademark
    {
        margin-top: 16px !important;
        margin-bottom: -40px !important;
    }

    #leftBox
    {
        margin-top: 60px !important;
    }


    /* Build ID about Dialog css, Text mittig.*/

    #rightBox textarea
    {
        background-color: white !important;
        color: black !important;
        text-align: center !important;
        margin-top: 50px !important;
        margin-bottom: 10px !important;
    }

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

    #updateButton
    {    
        appearance: none !important;
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index1.gif') 
        no-repeat !important;
        background-color: gainsboro !important;
        background-position: 13px 3px !important;
        min-width: 360px !important;
        padding-left: 30px !important;
        border-radius: 14px !important;
        border: 2px solid red!important;
        color: black !important;
    }

    #updateButton:hover
    {
        background-color: #b2edfa !important;
    }

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


    #updateBox vbox description.text-blurb label.text-link
    {
        display: none !important;
    }

    [href='about:license']
    {
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index1.gif') 
        no-repeat !important;
        background-position: 10px 3px !important;
        color: black !important;
        margin: 0 30px 0 70px !important;
        padding: 0 20px 0 40px !important;
        border: 2px solid dodgerblue !important;
        border-radius: 14px !important;
    }

    [href='about:license']:hover
    {
        background-color: #b2edfa !important;
    }

    [href='about:rights']
    {
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index3.gif') 
        no-repeat !important;
        background-position: 10px 3px !important;
        color: black !important;
        margin: 0 29px 0 -30px !important;       
        padding: 0 20px 0 40px!important;
        border: 2px solid red!important;
        border-radius: 14px !important;
    }

    [href='about:rights']:hover
    {
        background-color: #b2edfa !important;
    } 
    

    label.bottom-link:nth-child(3)
    {        
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index4.png') 
        no-repeat !important;
        background-position: 10px 3px !important;
        color: black !important;
        margin: 0 -30px 0 -30px!important;
        padding: 0 20px 0 40px !important;
        border: 2px solid green!important;
        border-radius: 14px !important;
    }

    label.bottom-link:nth-child(3):hover
    {
        background-color: #b2edfa !important;
    }

    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
    {        
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/Fuchs2.png') 
        no-repeat !important;
        background-position: 10px 3px !important;
        color: black !important;
        margin: 0 -2px 0 -2px !important;
        padding: 0 15px 0 35px!important;
        border: 2px solid 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-color: #b2edfa !important;
    }

    [href='about:credits']
    {
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index8.png') 
        no-repeat !important;
        background-position: 10px 3px !important;
        color: black !important;
        margin: 0 5px 0 5px !important;
        padding:0 15px 0 35px !important;
        border: 2px solid cadetblue !important;
        border-radius: 14px !important;
    }

    [href='about:credits']:hover
    {
        background-color: #b2edfa !important;
    }

    #contributeDesc > label:nth-child(1)
    {
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index10.png') 
        no-repeat !important;
        background-position: 10px 3px !important;
        color: black !important;
        margin: 0 3px 0 3px !important;
        padding: 0 15px 0 35px  !important;
        border: 2px solid cadetblue !important;
        border-radius: 14px !important;
    }

    #contributeDesc > label:nth-child(1):hover
    {
        background-color: #b2edfa !important;
    }

    #contributeDesc > label:nth-child(2)
    {
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index9.png') 
        no-repeat !important;
        background-position: 10px 3px !important;
        color: black !important;
        margin: 0 -2px  0 10px !important;
        padding: 0 15px 0 35px !important;
        border: 2px solid cadetblue !important;
        border-radius: 14px !important;
    }

    #contributeDesc > label:nth-child(2):hover
    {
        background-color: #b2edfa !important;
    }

    #releasenotes
    {
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index11.png') 
        no-repeat !important;
        background-position: 10px 3px !important;
        color: black !important;
        margin: 0 20px 0 35px !important;
        padding: 0 20px 0 30px !important;
        border: 2px solid cadetblue !important;
        border-radius: 14px !important;
        margin-top: 35px !important;
    }

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

Alles anzeigen

Es fehlt der Build-Strang:

Wo hakt es denn hier und ist es bei den Verwendern des CSS genauso?

Lieben Dank!

Dharkness

Hallo Boersenfeger,

Du begrenzt die Höhe über den Eintrag #aboutDialog in Zeile 78.

Boersenfeger

Prima, den Ansatz habe ich mit height: 650px !important; verbessert, allerdings bringt der Eintrag weight: 1020px !important; nicht die Verbreiterung der ganzen Box und der Abstand zwischen 64bit und "Sie sind..." ist viel zu groß. Noch weitere Vorschläge?

2002Andreas

Zitat von Boersenfeger

bringt der Eintrag weight:

Die Breite lautet auch:

width

Boersenfeger

Danke, damit rutscht aber der ganze Text nach rechts, eigentlich sollte sich das ganze Fenster nach rechts vergrößern und es so aussehen lassen, wie in #1 das 2. Bild zeigt.

2002Andreas

Zitat von Boersenfeger

Noch weitere Vorschläge?

CSS

        /* About : Dialog */

    @-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml") {

    #aboutDialog,
    #aboutDialogContainer,
    #agent .textbox-input-box,
    #agent,
    #bottomBox,
    #clientBox,
    #leftBox,
    #trademark,
    #updateBox > vbox:nth-child(2) > hbox:nth-child(2),
    #updateButton,
    #version,
    #version::before
    {
        font-family: 'Courier New' !important;
    }

    
    #aboutDialog vbox,
    #aboutDialogContainer hbox,
    #clientBox vbox,
    #contributeDesc > label:nth-child(1),
    #contributeDesc > label:nth-child(2),
    #releasenotes,
    #trademark,
    #updateButton,
    label.bottom-link:nth-child(3),
    [href='about:credits'],
    [href='about:license'],
    [href='about:rights'],
    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
    {
        font-size: 15px !important;
    }


    #contributeDesc > label:nth-child(1),
    #contributeDesc > label:nth-child(2),
    #releasenotes,
    label.bottom-link:nth-child(3),
    [href='about:credits'],
    [href='about:license'],
    [href='about:rights'],
    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
    {
        text-decoration: none !important;
    }

    #aboutDialog,
    #aboutDialogContainer,
    #bottomBox,
    #clientBox,
    #trademark
    {
        background-color: #202340 !important;
    }
        #updateDeck::before
    {
        content: 'Boersenfeger seine Nightly-Version ist:';
        font-size: 17px !important;
        font-weight: bold !important;
        color: #f08080 !important;
        margin-right: 6px !important;
        margin-left: -24px !important;
    }


    #version
    {
        font-size: 16px !important;
        margin-top: 30px !important;
        color: #fff !important;
    }

    #aboutDialog
    {
        min-height: 650px !important;
      min-width: 950px !important;
    }

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

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

    #bottomBox
    {
        margin-left: -23px !important;
        margin-top: -15px !important;
        margin-bottom: 40px !important;
    }

    #updateBox > vbox:nth-child(2) > hbox:nth-child(2)
    {
        margin-top: -25px !important;
        margin-bottom: 20px !important;
    }

    #trademark
    {
        margin-top: 16px !important;
        margin-bottom: -40px !important;
    }

    #leftBox
    {
        margin-top: 60px !important;
    }


    /* Build ID about Dialog css, Text mittig.*/

    #rightBox textarea
    {
        background-color: white !important;
        color: black !important;
        text-align: center !important;
        margin-top: 50px !important;
        margin-bottom: 10px !important;
    }

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

    #updateButton
    {    
        appearance: none !important;
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index1.gif') 
        no-repeat !important;
        background-color: gainsboro !important;
        background-position: 13px 3px !important;
        min-width: 360px !important;
        padding-left: 30px !important;
        border-radius: 14px !important;
        border: 2px solid red!important;
        color: black !important;
    }

    #updateButton:hover
    {
        background-color: #b2edfa !important;
    }

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


    #updateBox vbox description.text-blurb label.text-link
    {
        display: none !important;
    }

    [href='about:license']
    {
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index1.gif') 
        no-repeat !important;
        background-position: 10px 3px !important;
        color: black !important;
        margin: 0 30px 0 70px !important;
        padding: 0 20px 0 40px !important;
        border: 2px solid dodgerblue !important;
        border-radius: 14px !important;
    }

    [href='about:license']:hover
    {
        background-color: #b2edfa !important;
    }

    [href='about:rights']
    {
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index3.gif') 
        no-repeat !important;
        background-position: 10px 3px !important;
        color: black !important;
        margin: 0 29px 0 -30px !important;       
        padding: 0 20px 0 40px!important;
        border: 2px solid red!important;
        border-radius: 14px !important;
    }

    [href='about:rights']:hover
    {
        background-color: #b2edfa !important;
    } 
    

    label.bottom-link:nth-child(3)
    {        
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index4.png') 
        no-repeat !important;
        background-position: 10px 3px !important;
        color: black !important;
        margin: 0 -30px 0 -30px!important;
        padding: 0 20px 0 40px !important;
        border: 2px solid green!important;
        border-radius: 14px !important;
    }

    label.bottom-link:nth-child(3):hover
    {
        background-color: #b2edfa !important;
    }

    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
    {        
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/Fuchs2.png') 
        no-repeat !important;
        background-position: 10px 3px !important;
        color: black !important;
        margin: 0 -2px 0 -2px !important;
        padding: 0 15px 0 35px!important;
        border: 2px solid 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-color: #b2edfa !important;
    }

    [href='about:credits']
    {
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index8.png') 
        no-repeat !important;
        background-position: 10px 3px !important;
        color: black !important;
        margin: 0 5px 0 5px !important;
        padding:0 15px 0 35px !important;
        border: 2px solid cadetblue !important;
        border-radius: 14px !important;
    }

    [href='about:credits']:hover
    {
        background-color: #b2edfa !important;
    }

    #contributeDesc > label:nth-child(1)
    {
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index10.png') 
        no-repeat !important;
        background-position: 10px 3px !important;
        color: black !important;
        margin: 0 3px 0 3px !important;
        padding: 0 15px 0 35px  !important;
        border: 2px solid cadetblue !important;
        border-radius: 14px !important;
    }

    #contributeDesc > label:nth-child(1):hover
    {
        background-color: #b2edfa !important;
    }

    #contributeDesc > label:nth-child(2)
    {
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index9.png') 
        no-repeat !important;
        background-position: 10px 3px !important;
        color: black !important;
        margin: 0 -2px  0 10px !important;
        padding: 0 15px 0 35px !important;
        border: 2px solid cadetblue !important;
        border-radius: 14px !important;
    }

    #contributeDesc > label:nth-child(2):hover
    {
        background-color: #b2edfa !important;
    }

    #releasenotes
    {
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index11.png') 
        no-repeat !important;
        background-position: 10px 3px !important;
        color: black !important;
        margin: 0 20px 0 35px !important;
        padding: 0 20px 0 30px !important;
        border: 2px solid cadetblue !important;
        border-radius: 14px !important;
        margin-top: 35px !important;
    }

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

Alles anzeigen

Boersenfeger

Ergibt hier

Ich versuche mal andere Werte....

2002Andreas

Zitat von Boersenfeger

ch versuche mal andere Werte....

Zeile 81 für die Breite mal verändern.

Boersenfeger

...

#aboutDialog

{

min-height: 350px !important;

min-width: 1350px !important;

}

Damit sieht es so aus...

nach links und in einer Ausrichtung wäre schön...

FuchsFan

Gib mal das bitte zusätzlich ein, Werte selbst anpassen.

CSS

/* große Icon auf linker Seite */
    #leftBox {
        min-width: 200px !important;
        max-width: 200px !important;
    }

2002Andreas

Zitat von Boersenfeger

nach links und in einer Ausrichtung wäre schön.

CSS

        /* About : Dialog */

    @-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml") {

    #aboutDialog,
    #aboutDialogContainer,
    #agent .textbox-input-box,
    #agent,
    #bottomBox,
    #clientBox,
    #leftBox,
    #trademark,
    #updateBox > vbox:nth-child(2) > hbox:nth-child(2),
    #updateButton,
    #version,
    #version::before
    {
        font-family: 'Courier New' !important;
    }

    
    #aboutDialog vbox,
    #aboutDialogContainer hbox,
    #clientBox vbox,
    #contributeDesc > label:nth-child(1),
    #contributeDesc > label:nth-child(2),
    #releasenotes,
    #trademark,
    #updateButton,
    label.bottom-link:nth-child(3),
    [href='about:credits'],
    [href='about:license'],
    [href='about:rights'],
    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
    {
        font-size: 15px !important;
    }


    #contributeDesc > label:nth-child(1),
    #contributeDesc > label:nth-child(2),
    #releasenotes,
    label.bottom-link:nth-child(3),
    [href='about:credits'],
    [href='about:license'],
    [href='about:rights'],
    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
    {
        text-decoration: none !important;
    }

    #aboutDialog,
    #aboutDialogContainer,
    #bottomBox,
    #clientBox,
    #trademark
    {
        background-color: #202340 !important;
    }
        #updateDeck::before
    {
        content: 'Boersenfeger seine Nightly-Version ist:';
        font-size: 17px !important;
        font-weight: bold !important;
        color: #f08080 !important;
        margin-right: 6px !important;
        margin-left: -24px !important;
    }


    #version
    {
        font-size: 16px !important;
        margin-top: 30px !important;
        color: #fff !important;
    }

    #aboutDialog
    {
      max-height: 550px !important;
      min-width: 1050px !important;
    }

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

    #clientBox {
        margin-left: -100px !important;
        margin-right: 50px !important;
        }
        
    #agent .textbox-input-box
    {
        margin-top: 11px !important;
        margin-left: 12px !important;
    }

    #bottomBox
    {
        margin-left: -23px !important;
        margin-top: -15px !important;
        margin-bottom: 40px !important;
    }

    #updateBox > vbox:nth-child(2) > hbox:nth-child(2)
    {
        margin-top: -25px !important;
        margin-bottom: 20px !important;
    }

    #trademark
    {
        margin-top: 16px !important;
        margin-bottom: -40px !important;
    }

    #leftBox
    {
        margin-top: 60px !important;
    }


    /* Build ID about Dialog css, Text mittig.*/

    #rightBox textarea
    {
        background-color: white !important;
        color: black !important;
        text-align: center !important;
        margin-top: 50px !important;
        margin-bottom: 10px !important;
    }

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

    #updateButton
    {    
        appearance: none !important;
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index1.gif') 
        no-repeat !important;
        background-color: gainsboro !important;
        background-position: 13px 3px !important;
        min-width: 360px !important;
        padding-left: 30px !important;
        border-radius: 14px !important;
        border: 2px solid red!important;
        color: black !important;
    }

    #updateButton:hover
    {
        background-color: #b2edfa !important;
    }

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


    #updateBox vbox description.text-blurb label.text-link
    {
        display: none !important;
    }

    [href='about:license']
    {
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index1.gif') 
        no-repeat !important;
        background-position: 10px 3px !important;
        color: black !important;
        margin: 0 30px 0 70px !important;
        padding: 0 20px 0 40px !important;
        border: 2px solid dodgerblue !important;
        border-radius: 14px !important;
    }

    [href='about:license']:hover
    {
        background-color: #b2edfa !important;
    }

    [href='about:rights']
    {
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index3.gif') 
        no-repeat !important;
        background-position: 10px 3px !important;
        color: black !important;
        margin: 0 29px 0 -30px !important;       
        padding: 0 20px 0 40px!important;
        border: 2px solid red!important;
        border-radius: 14px !important;
    }

    [href='about:rights']:hover
    {
        background-color: #b2edfa !important;
    } 
    

    label.bottom-link:nth-child(3)
    {        
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index4.png') 
        no-repeat !important;
        background-position: 10px 3px !important;
        color: black !important;
        margin: 0 -30px 0 -30px!important;
        padding: 0 20px 0 40px !important;
        border: 2px solid green!important;
        border-radius: 14px !important;
    }

    label.bottom-link:nth-child(3):hover
    {
        background-color: #b2edfa !important;
    }

    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
    {        
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/Fuchs2.png') 
        no-repeat !important;
        background-position: 10px 3px !important;
        color: black !important;
        margin: 0 -2px 0 -2px !important;
        padding: 0 15px 0 35px!important;
        border: 2px solid 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-color: #b2edfa !important;
    }

    [href='about:credits']
    {
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index8.png') 
        no-repeat !important;
        background-position: 10px 3px !important;
        color: black !important;
        margin: 0 5px 0 5px !important;
        padding:0 15px 0 35px !important;
        border: 2px solid cadetblue !important;
        border-radius: 14px !important;
    }

    [href='about:credits']:hover
    {
        background-color: #b2edfa !important;
    }

    #contributeDesc > label:nth-child(1)
    {
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index10.png') 
        no-repeat !important;
        background-position: 10px 3px !important;
        color: black !important;
        margin: 0 3px 0 3px !important;
        padding: 0 15px 0 35px  !important;
        border: 2px solid cadetblue !important;
        border-radius: 14px !important;
    }

    #contributeDesc > label:nth-child(1):hover
    {
        background-color: #b2edfa !important;
    }

    #contributeDesc > label:nth-child(2)
    {
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index9.png') 
        no-repeat !important;
        background-position: 10px 3px !important;
        color: black !important;
        margin: 0 -2px  0 10px !important;
        padding: 0 15px 0 35px !important;
        border: 2px solid cadetblue !important;
        border-radius: 14px !important;
    }

    #contributeDesc > label:nth-child(2):hover
    {
        background-color: #b2edfa !important;
    }

    #releasenotes
    {
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index11.png') 
        no-repeat !important;
        background-position: 10px 3px !important;
        color: black !important;
        margin: 0 20px 0 35px !important;
        padding: 0 20px 0 30px !important;
        border: 2px solid cadetblue !important;
        border-radius: 14px !important;
        margin-top: 35px !important;
    }

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

Alles anzeigen

Zitat von FuchsFan

das bitte zusätzlich

Auch sehr gut:

FuchsFan

Zitat von 2002Andreas

Auch sehr gut:

Danke!

Das musste ich auch bei mir so anpassen, weil das Feld riesig breit war. Das haben die Jungs bei mozilla bestimmt nicht absichtlich so gemacht.

Dharkness

Boersenfeger,

vielleicht solltest Du der Textarea für den Agent-String #agent noch einem Minimalwert für die Höhe verpassen, das man den scrollen muss hat mich z.B. ziemlich genervt.

2002Andreas

Noch ein Versuch:

CSS

        /* About : Dialog */

    @-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml") {

    #aboutDialog,
    #aboutDialogContainer,
    #agent .textbox-input-box,
    #agent,
    #bottomBox,
    #clientBox,
    #leftBox,
    #trademark,
    #updateBox > vbox:nth-child(2) > hbox:nth-child(2),
    #updateButton,
    #version,
    #version::before
    {
        font-family: 'Courier New' !important;
    }

    
    #aboutDialog vbox,
    #aboutDialogContainer hbox,
    #clientBox vbox,
    #contributeDesc > label:nth-child(1),
    #contributeDesc > label:nth-child(2),
    #releasenotes,
    #trademark,
    #updateButton,
    label.bottom-link:nth-child(3),
    [href='about:credits'],
    [href='about:license'],
    [href='about:rights'],
    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
    {
        font-size: 15px !important;
    }


    #contributeDesc > label:nth-child(1),
    #contributeDesc > label:nth-child(2),
    #releasenotes,
    label.bottom-link:nth-child(3),
    [href='about:credits'],
    [href='about:license'],
    [href='about:rights'],
    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
    {
        text-decoration: none !important;
    }

    #aboutDialog,
    #aboutDialogContainer,
    #bottomBox,
    #clientBox,
    #trademark
    {
        background-color: #202340 !important;
    }
        #updateDeck::before
    {
        content: 'Boersenfeger seine Nightly-Version ist:';
        font-size: 17px !important;
        font-weight: bold !important;
        color: #f08080 !important;
        margin-right: 6px !important;
        margin-left: -24px !important;
    }


    #version
    {
        font-size: 16px !important;
        margin-top: 30px !important;
        color: #fff !important;
    }

    #aboutDialog
    {
      max-height: 550px !important;
      min-width: 1050px !important;
    }

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

    #clientBox {
        margin-left: -20px !important;
        margin-right: 10px !important;
        }
        
        /* große Icon auf linker Seite */
    #leftBox {
        min-width: 200px !important;
        max-width: 200px !important;
    }
        
    #agent .textbox-input-box
    {
        margin-top: 11px !important;
        margin-left: 12px !important;
    }

    #bottomBox
    {
        margin-left: -63px !important;
        margin-top: -15px !important;
        margin-bottom: 40px !important;
    }

    #updateBox > vbox:nth-child(2) > hbox:nth-child(2)
    {
        margin-top: -25px !important;
        margin-bottom: 20px !important;
    }

    #trademark
    {
        margin-top: 16px !important;
        margin-bottom: -40px !important;
    }

    #leftBox
    {
        margin-top: 60px !important;
    }


    /* Build ID about Dialog css, Text mittig.*/

    #rightBox textarea
    {
        background-color: white !important;
        color: black !important;
        text-align: center !important;
        margin-top: 50px !important;
        margin-bottom: 10px !important;
    }

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

    #updateButton
    {    
        appearance: none !important;
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index1.gif') 
        no-repeat !important;
        background-color: gainsboro !important;
        background-position: 13px 3px !important;
        min-width: 360px !important;
        padding-left: 30px !important;
        border-radius: 14px !important;
        border: 2px solid red!important;
        color: black !important;
    }

    #updateButton:hover
    {
        background-color: #b2edfa !important;
    }

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


    #updateBox vbox description.text-blurb label.text-link
    {
        display: none !important;
    }

    [href='about:license']
    {
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index1.gif') 
        no-repeat !important;
        background-position: 10px 3px !important;
        color: black !important;
        margin: 0 30px 0 70px !important;
        padding: 0 20px 0 40px !important;
        border: 2px solid dodgerblue !important;
        border-radius: 14px !important;
    }

    [href='about:license']:hover
    {
        background-color: #b2edfa !important;
    }

    [href='about:rights']
    {
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index3.gif') 
        no-repeat !important;
        background-position: 10px 3px !important;
        color: black !important;
        margin: 0 29px 0 -30px !important;       
        padding: 0 20px 0 40px!important;
        border: 2px solid red!important;
        border-radius: 14px !important;
    }

    [href='about:rights']:hover
    {
        background-color: #b2edfa !important;
    } 
    

    label.bottom-link:nth-child(3)
    {        
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index4.png') 
        no-repeat !important;
        background-position: 10px 3px !important;
        color: black !important;
        margin: 0 -30px 0 -30px!important;
        padding: 0 20px 0 40px !important;
        border: 2px solid green!important;
        border-radius: 14px !important;
    }

    label.bottom-link:nth-child(3):hover
    {
        background-color: #b2edfa !important;
    }

    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
    {        
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/Fuchs2.png') 
        no-repeat !important;
        background-position: 10px 3px !important;
        color: black !important;
        margin: 0 -2px 0 -2px !important;
        padding: 0 15px 0 35px!important;
        border: 2px solid 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-color: #b2edfa !important;
    }

    [href='about:credits']
    {
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index8.png') 
        no-repeat !important;
        background-position: 10px 3px !important;
        color: black !important;
        margin: 0 5px 0 5px !important;
        padding:0 15px 0 35px !important;
        border: 2px solid cadetblue !important;
        border-radius: 14px !important;
    }

    [href='about:credits']:hover
    {
        background-color: #b2edfa !important;
    }

    #contributeDesc > label:nth-child(1)
    {
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index10.png') 
        no-repeat !important;
        background-position: 10px 3px !important;
        color: black !important;
        margin: 0 3px 0 3px !important;
        padding: 0 15px 0 35px  !important;
        border: 2px solid cadetblue !important;
        border-radius: 14px !important;
    }

    #contributeDesc > label:nth-child(1):hover
    {
        background-color: #b2edfa !important;
    }

    #contributeDesc > label:nth-child(2)
    {
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index9.png') 
        no-repeat !important;
        background-position: 10px 3px !important;
        color: black !important;
        margin: 0 -2px  0 10px !important;
        padding: 0 15px 0 35px !important;
        border: 2px solid cadetblue !important;
        border-radius: 14px !important;
    }

    #contributeDesc > label:nth-child(2):hover
    {
        background-color: #b2edfa !important;
    }

    #releasenotes
    {
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index11.png') 
        no-repeat !important;
        background-position: 10px 3px !important;
        color: black !important;
        margin: 10px 20px 0 55px !important;
        padding: 0 20px 0 30px !important;
        border: 2px solid cadetblue !important;
        border-radius: 14px !important;
        margin-top: 35px !important;
    }

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

Alles anzeigen

FuchsFan

Und von mir dann zur Auswahl auch noch die Anpassung mit dem Textfeld (Script).

CSS

        /* About : Dialog */

    @-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml") {

    #aboutDialog,
    #aboutDialogContainer,
    #agent .textbox-input-box,
    #agent,
    #bottomBox,
    #clientBox,
    #leftBox,
    #trademark,
    #updateBox > vbox:nth-child(2) > hbox:nth-child(2),
    #updateButton,
    #version,
    #version::before
    {
        font-family: 'Courier New' !important;
    }

    
    #aboutDialog vbox,
    #aboutDialogContainer hbox,
    #clientBox vbox,
    #contributeDesc > label:nth-child(1),
    #contributeDesc > label:nth-child(2),
    #releasenotes,
    #trademark,
    #updateButton,
    label.bottom-link:nth-child(3),
    [href='about:credits'],
    [href='about:license'],
    [href='about:rights'],
    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
    {
        font-size: 15px !important;
    }


    #contributeDesc > label:nth-child(1),
    #contributeDesc > label:nth-child(2),
    #releasenotes,
    label.bottom-link:nth-child(3),
    [href='about:credits'],
    [href='about:license'],
    [href='about:rights'],
    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
    {
        text-decoration: none !important;
    }

    #aboutDialog,
    #aboutDialogContainer,
    #bottomBox,
    #clientBox,
    #trademark
    {
        background-color: #202340 !important;
    }
        #updateDeck::before
    {
        content: 'Boersenfeger seine Nightly-Version ist:';
        font-size: 17px !important;
        font-weight: bold !important;
        color: #f08080 !important;
        margin-right: 6px !important;
        margin-left: 0px !important;
    }


    #version
    {
        font-size: 16px !important;
        margin-top: 30px !important;
        color: #fff !important;
    }

    #aboutDialog
    {
      max-height: 600px !important;
      min-width: 1100px !important;
      
    }

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

    #clientBox {
        margin-left: -50px !important;
        margin-right: 50px !important;
        }
        
    #agent .textbox-input-box
    {
        margin-top: 11px !important;
        margin-left: 12px !important;
    }

    #bottomBox
    {
        margin-left: -23px !important;
        margin-top: -15px !important;
        margin-bottom: 40px !important;
    }

    #updateBox > vbox:nth-child(2) > hbox:nth-child(2)
    {
        margin-top: -25px !important;
        margin-bottom: 20px !important;
    }

    #trademark
    {
        margin-top: 16px !important;
        margin-bottom: -40px !important;
    }

    #leftBox
    {
        margin-top: 60px !important;
        margin-left: 80px !important;
        max-width: 200px !important;
        min-width: 200px !important;

    }


    /* Build ID about Dialog css, Text mittig.*/

    #rightBox textarea
    {
        background-color: white !important;
        color: black !important;
        text-align: center !important;
        margin-top: 30px !important;
        margin-bottom: 10px !important;
        min-width: 750px !important;
        min-height: 70px !important;
    }

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

    #updateButton
    {    
        appearance: none !important;
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index1.gif') 
        no-repeat !important;
        background-color: gainsboro !important;
        background-position: 13px 3px !important;
        min-width: 360px !important;
        padding-left: 30px !important;
        border-radius: 14px !important;
        border: 2px solid red!important;
        color: black !important;
    }

    #updateButton:hover
    {
        background-color: #b2edfa !important;
    }

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


    #updateBox vbox description.text-blurb label.text-link
    {
        display: none !important;
    }

    [href='about:license']
    {
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index1.gif') 
        no-repeat !important;
        background-position: 10px 3px !important;
        color: black !important;
        margin: 0 30px 0 70px !important;
        padding: 0 20px 0 40px !important;
        border: 2px solid dodgerblue !important;
        border-radius: 14px !important;
    }

    [href='about:license']:hover
    {
        background-color: #b2edfa !important;
    }

    [href='about:rights']
    {
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index3.gif') 
        no-repeat !important;
        background-position: 10px 3px !important;
        color: black !important;
        margin: 0 29px 0 -30px !important;       
        padding: 0 20px 0 40px!important;
        border: 2px solid red!important;
        border-radius: 14px !important;
    }

    [href='about:rights']:hover
    {
        background-color: #b2edfa !important;
    } 
    

    label.bottom-link:nth-child(3)
    {        
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index4.png') 
        no-repeat !important;
        background-position: 10px 3px !important;
        color: black !important;
        margin: 0 -30px 0 -30px!important;
        padding: 0 20px 0 40px !important;
        border: 2px solid green!important;
        border-radius: 14px !important;
    }

    label.bottom-link:nth-child(3):hover
    {
        background-color: #b2edfa !important;
    }

    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
    {        
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/Fuchs2.png') 
        no-repeat !important;
        background-position: 10px 3px !important;
        color: black !important;
        margin: 0 -2px 0 -2px !important;
        padding: 0 15px 0 35px!important;
        border: 2px solid 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-color: #b2edfa !important;
    }

    [href='about:credits']
    {
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index8.png') 
        no-repeat !important;
        background-position: 10px 3px !important;
        color: black !important;
        margin: 0 5px 0 5px !important;
        padding:0 15px 0 35px !important;
        border: 2px solid cadetblue !important;
        border-radius: 14px !important;
    }

    [href='about:credits']:hover
    {
        background-color: #b2edfa !important;
    }

    #contributeDesc > label:nth-child(1)
    {
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index10.png') 
        no-repeat !important;
        background-position: 10px 3px !important;
        color: black !important;
        margin: 0 3px 0 3px !important;
        padding: 0 15px 0 35px  !important;
        border: 2px solid cadetblue !important;
        border-radius: 14px !important;
    }

    #contributeDesc > label:nth-child(1):hover
    {
        background-color: #b2edfa !important;
    }

    #contributeDesc > label:nth-child(2)
    {
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index9.png') 
        no-repeat !important;
        background-position: 10px 3px !important;
        color: black !important;
        margin: 0 -2px  0 10px !important;
        padding: 0 15px 0 35px !important;
        border: 2px solid cadetblue !important;
        border-radius: 14px !important;
    }

    #contributeDesc > label:nth-child(2):hover
    {
        background-color: #b2edfa !important;
    }

    #releasenotes
    {
        background: gainsboro url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/index11.png') 
        no-repeat !important;
        background-position: 10px 3px !important;
        color: black !important;
        margin: 0 20px 0 35px !important;
        padding: 0 20px 0 30px !important;
        border: 2px solid cadetblue !important;
        border-radius: 14px !important;
        margin-top: 35px !important;
    }

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

Alles anzeigen

Sören Hentzschel

Zitat von FuchsFan

Das musste ich auch bei mir so anpassen, weil das Feld riesig breit war. Das haben die Jungs bei mozilla bestimmt nicht absichtlich so gemacht.

Im morgigen Nightly-Build wird es nochmal eine minimale Anpassung geben. Aber was die Absicht betrifft: Grundsätzlich passt der Dialog ja bereits wieder - so wie Mozilla ihn implementiert hat. Es sind eure Anpassungen, die einen größeren Effekt verursachen. Und darauf kann Mozilla natürlich keine Rücksicht nehmen.

FuchsFan

Zitat von Sören Hentzschel

Es sind eure Anpassungen, die einen größeren Effekt verursachen. Und darauf kann Mozilla natürlich keine Rücksicht nehmen.

Da bin ich ganz bei Dir.

Boersenfeger

Vielen Dank an Alle, ich habe jetzt erst mal den Code aus #15 genommen und warte auf das heutige Nightly.

Danach würde ich noch gerne die 3 letzten Boxen, " Informationen zur Lizenzierung" etc soweit nach Rechts verschieben, damit der Anfang mit dem anderen Text untereinander steht. Eigene Versuche dazu schlugen fehl.

2002Andreas

Zitat von Boersenfeger

nach Rechts verschieben

Zeile 108, margin-left ändern zu:

CSS

#bottomBox
    {
        margin-left: 130px !important;
        margin-top: -15px !important;
        margin-bottom: 40px !important;
    }

Boersenfeger

CSS

#bottomBox
    {
        margin-left: 60px !important;
        margin-top: -15px !important;
        margin-bottom: 40px !important;
    }

So passt es jetzt für mich! Hoffen wir mal, das das noch fehlende UpDate von heute es nicht wieder verwürfelt! Vielen Dank!

About Dialog CSS stellt nicht mehr alles dar

Ähnliche Themen

Optimierung für Monochrom Displays / E-Ink?

Downloadfenster anpassen

About:config Icon