Hilfe Dialog (über Firefox)

BarbaraZ-

Moin,

ich habe ein bisschen gebastelt und bin dabei an meine Grenzen gestoßen.

So sieht es im Moment aus:

Dafür nutze ich diesen Code:

CSS

/* About:Dialog (Firefox-Hilfe-Seite */
        @-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml"){
        
    #version:before {content: "Meine aktuelle Firefox Browser Version ist die:"; 
        font-size: 15px !important; 
        font-weight: bold! important; 
        color: magenta !important; 
        padding-right: 10px !important;
        /*margin-right: 10px !important;*/
        }

    #version {font-weight: bold! important; font-size:14px !important;}
    
    #version {margin-top: 30px !important; color: #1e90ff !important;} /*Color=dodgerblue*/ /*oberste Ziele*/
    
    #aboutDialog {height: 430px !important;}

    #agent {margin-left: -140px !important;
        margin-bottom: 10px ! important;
        max-height: 55px !important; 
        margin-right: 94px !important; 
        /*margin-top: 30px !important; */
        padding-top: 5px !important;
        }
    
       #agent {-moz-appearance: none !important;}
    
       #agent .textbox-input-box {margin-top: -1px !important; 
        margin-left: 12px !important;}

    #bottomBox {background-color: #483d8b !important; /*color=Darkslateblue*/ /*die untere Box mit den drei Containern*/
        margin-bottom: 30px !important;}

    #aboutDialog {background-color: #483d8b !important;} /*die unterste leere Zeile*/

    #updateButton{ min-width: 360px !important; 
        margin-top: 5px!important; margin-bottom: 5px !important;}

    #trademark { margin-bottom: -40px !important; 
        margin-top: 16px !important; 
        font-size: 12px !important; 
        background-color: #483d8b !important; /*die Zeile mit der Firefox-Beschreibung*/
        }

    #leftBox {margin-top: 60px !important; }
    
    #updateButton{ 
        -moz-appearance:none! important;
        /*background: lightgray url("file:///H:/Icons/qd-lupe.png")no-repeat !important;*/
        background: lightgray url("../Icons/qd-lupe.gif")no-repeat !important;
        padding-left: 22px !important;
        background-position: 13px 3px !important;
        font-size: 13.5px !important;
        border-color: red !important;
        border-style: outset !important;
        border-width: 2px !important;
        color:#483d8b !important; /*Versionsnummer*/
        margin-bottom: 10px !important;
        /*margin-top: 10px !important;*/
        padding-top: 10px !Important;
        }
        
    #updateButton .button-box{
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        -moz-padding-start: 3px !important;
        -moz-padding-end: 3px !important;
        }        
    
    [href="about:license"]{
        -moz-appearance: none !important;
       /*background: lightgray url("file:///H:/Icons/qd-info.png")no-repeat !important;*/ 
        background: lightgray url("../Icons/qd-info.png")no-repeat !important; 
        color: black !important;
        margin-left: 10px !important;
        margin-top: 2px !important;
        font-size: 14px !important;
        text-decoration: none !important;
        padding-right: 20px !important;
        padding-left: 40px! important;
        border-color: dodgerblue !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        }

    [href="about:license"]:hover{
        -moz-appearance: none !important;
       /*background: lightgray url("file:///H:/Icons/qd-info.png")no-repeat !important;*/
        background: lightgray url("../Icons/qd-info.png")no-repeat !important;
        color: red !important;
        font-size: 14px !important;
        text-decoration: none !important;
        padding-right: 20px!important;
        padding-left: 40px !important;
        background-position: 10px 1px !important;
        }
    
    [href="about:rights"]{
        -moz-appearance: none !important;
        background: #B2EDFA url("../Icons/qd-endanwender.png")no-repeat !important;
        color: black !important;
        margin-left: -28px !important;
        margin-right: 10px !important;
        margin-top: 2px !important;
        font-size: 14px !important;
        text-decoration: none !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-color: red !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        }

    [href="about:rights"]:hover{
        -moz-appearance: none !important;
        background: #B2EDFA url("../Icons/qd-endanwender.png") no-repeat !important;
        color: black !important;
        font-size: 14px !important;
        text-decoration: none !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        background-position: 10px 1px !important;
        }

    .bottom-link[data-l10n-id="bottomLinks-privacy"] {
        -moz-appearance: none !important;
        background: lightgray url("../Icons/qd-datenschutz.png")no-repeat !important;
        color: black !important;
        margin-left: 2px !important;
        margin-right: 10px !important;
        margin-top: 2px !important;
        font-size: 14px !important;
        text-decoration: none !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-color: green !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        }

    .bottom-link[data-l10n-id="bottomLinks-privacy"]:hover{
        -moz-appearance: none !important;
        background: #B2EDFA url("../Icons/qd-datenschutz.png")no-repeat !important;
        color: black !important;
        font-size: 14px !important;
        text-decoration: none !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        background-position: 10px 1px !important;
        }            
        
    [href="http://www.mozilla.org/"]{
        -moz-appearance: none !important;
        background: lightgray url("../Icons/qd-mozilla.png")no-repeat !important;
        color: black !important;
        margin-left: 2px !important;
        margin-right: 0px !important;
        font-size: 14px !important;
        text-decoration: none !important;
        padding-right: 15px !important;
        padding-left: 35px !important;
        border-color: cadetblue !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        }

    [href="http://www.mozilla.org/"]:hover{
        -moz-appearance: none !important;
        background: #B2EDFA url("../Icons/qd-mozilla.png")no-repeat !important;
        color: black !important;
        font-size: 14px !important;
        text-decoration: none !important;
        padding-right: 15px !important;
        padding-left: 35px !important;
        background-position: 10px 1px !important;
        }
    
    [href="about:credits"]{
        -moz-appearance: none !important;
        background: lightgray url("../Icons/qd-community.png")no-repeat !important;
        color: black !important;
        margin-left: 2px !important;
        margin-right: 0px !important;
        margin-top: 5px !important;
        margin-bottom: 5px !important;
        font-size: 14px !important;
        text-decoration: none !important;
        padding-right: 15px !important;
        padding-left: 35px !important;
        border-color: cadetblue !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        }

    [href="about:credits"]:hover{
        -moz-appearance: none !important;
        background: #B2EDFA url("../Icons/qd-community.png") no-repeat !important;
        color: black !important;
        font-size: 14px! important;
        text-decoration: none !important;
        padding-right: 15px !important;
        padding-left: 35px !important;
        background-position: 10px 1px !important;
        }
            
    [href="http://www.mozilla.org/contribute/"]{
        -moz-appearance: none !important;
        background: lightgray url("../Icons/qd-mitmachen.png")no-repeat !important;
        color: black !important;
        margin-left: 2px !important;
        margin-right: 10px !important;
        font-size: 14px! important;
        text-decoration: none !important;
        padding-right: 15px !important;
        padding-left: 35px !important;
        border-color: cadetblue !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        }

    [href="http://www.mozilla.org/contribute/"]:hover{
        -moz-appearance: none !important;
        background: #B2EDFA url("../Icons/qd-mitmachen.png")no-repeat !important;
        color: black !important;
        font-size: 14px !important;
        text-decoration: none !important;
        padding-right: 15px !important;
        padding-left: 35px !important;
        background-position: 10px 1px !important;
        }


        #contributeDesc > label:nth-child(1){
        background: yellow url("../Icons/qd-spenden.png")no-repeat !important;
        color: black !important;
        margin-left: 11px !important;
        margin-right: -2px !important;
        font-size: 14px !important;
        text-decoration: none !important;
        border-color: cadetblue !important;
        border-style: outset !important;
        border-width: 2px !important;
        padding-left:30px!important;
        padding-right:10px!important;
        background-position: 7px 3px !important;
        }            
         
        #contributeDesc > label:nth-child(1):hover{
        background: #B2EDFA url("../Icons/qd-spenden.png")no-repeat !important;
        color:black!important;
        margin-left: 11px !important;
        margin-right: -2px !important;
        font-size: 14px !important;
        text-decoration: none !important;
        border-color: cadetblue !important;
        border-style: outset !important;
        border-width: 2px !important;
        padding-left:30px!important;
        padding-right:10px!important;
        background-position: 7px 3px !important;
        }            
    
        #releasenotes{
        background: lightgray url("../Icons/qd-info.png")no-repeat !important;
        color: black !important;
        margin-left: 10px !important;
        margin-right: 35px !important;
        font-size: 14px! important;
        text-decoration: none !important;
        padding-right: 20px !important;
        padding-left: 30px !important;
        padding-bottom: 1px !important;
        border-color: cadetblue !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 7px 3px!important;
        margin-top: 35px !important;
        }

        #releasenotes:hover{
        background: #B2EDFA url("../Icons/qd-info.png")no-repeat !important;
        color: black !important;
        margin-left: 10px !important;
        margin-right: 35px !important;
        font-size: 14px !important;
        text-decoration: none !important;
        border-color: cadetblue !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 7px 3px !important;
        }            
        window#aboutDialog 
        vbox#aboutDialogContainer 
        hbox#clientBox 
        vbox#rightBox 
        textarea#agent{
            text-align:center !important;
            }
        }

Alles anzeigen

Nun habe ich mal alle überflüssigen Einträge, dass heißt alles was als margin angesprochen wird, entweder entfernt oder konsequent in padding geändert.

Dabei ist folgendes Ergebnis herausgekommen:

Hierzu sieht der Code so aus:

CSS

/* About:Dialog (Firefox-Hilfe-Seite) */
        @-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml"){
        
    #version:before {content: "Meine aktuelle Firefox Browser Version ist die:"; 
        font-size: 15px !important; 
        font-weight: bold! important; 
        color: magenta !important; 
        padding-right: 10px !important;
        }

    #version {font-weight: bold! important; font-size:14px !important;}
    
    #version {padding-top: 30px !important; color: #1e90ff !important;} /*Color=dodgerblue*/ /*oberste Ziele*/
    
    #aboutDialog {height: 330px !important;}

    #agent {
        padding-left: -140px !important;
        padding-bottom: 10px ! important;
        padding-right: 94px !important; 
        padding-top: 5px !important;
        max-height: 55px !important; 
        }
    
       #agent {-moz-appearance: none !important;}
    
       #agent .textbox-input-box {
        padding-top: -1px !important; 
        padding-left: 12px !important;}

    #bottomBox {background-color: #483d8b !important; /*color=Darkslateblue*/ /*die untere Box mit den drei Containern*/
        padding-bottom: 30px !important;}

    #aboutDialog {background-color: #483d8b !important;} /*die unterste leere Zeile*/

    #updateButton {min-width: 360px !important; 
        padding-top: 5px!important; padding-bottom: 5px !important;}

    #trademark {padding-bottom: -40px !important; 
        padding-top: 16px !important; 
        font-size: 12px !important; 
        background-color: #483d8b !important; /*die Zeile mit der Firefox-Beschreibung*/
        }

    #leftBox {padding-top: 60px !important; }
    
    #updateButton{ 
        -moz-appearance:none! important;
        background: lightgray url("../Icons/qd-lupe.gif")no-repeat !important;
        background-position: 13px 3px !important;
        font-size: 13.5px !important;
        border-color: red !important;
        border-style: outset !important;
        border-width: 2px !important;
        color:#483d8b !important; /*Versionsnummer*/
        padding-left: 22px !important;
        padding-bottom: 10px !important;
        padding-top: 10px !Important;
        }
        
    #updateButton .button-box{
        -moz-padding-start: 3px !important;
        -moz-padding-end: 3px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        }        
    
    [href="about:license"]{
        -moz-appearance: none !important;
           background: lightgray url("../Icons/qd-info.png")no-repeat !important; 
        color: black !important;
        font-size: 14px !important;
        text-decoration: none !important;
        padding-top: 2px !important;
        padding-right: 20px !important;
        padding-left: 40px! important;
        border-color: dodgerblue !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        }

    [href="about:license"]:hover{
        -moz-appearance: none !important;
           background: lightgray url("../Icons/qd-info.png")no-repeat !important;
        color: red !important;
        font-size: 14px !important;
        text-decoration: none !important;
        padding-right: 20px!important;
        padding-left: 40px !important;
        background-position: 10px 1px !important;
        }
    
    [href="about:rights"]{
        -moz-appearance: none !important;
        background: #B2EDFA url("../Icons/qd-endanwender.png")no-repeat !important;
        color: black !important;
        font-size: 14px !important;
        text-decoration: none !important;
        padding-top: 2px !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-color: red !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        }

    [href="about:rights"]:hover{
        -moz-appearance: none !important;
        background: #B2EDFA url("../Icons/qd-endanwender.png") no-repeat !important;
        color: black !important;
        font-size: 14px !important;
        text-decoration: none !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        background-position: 10px 1px !important;
        }

    .bottom-link[data-l10n-id="bottomLinks-privacy"] {
        -moz-appearance: none !important;
        background: lightgray url("../Icons/qd-datenschutz.png")no-repeat !important;
        color: black !important;
        font-size: 14px !important;
        text-decoration: none !important;
        padding-top: 2px !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-color: green !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        }

    .bottom-link[data-l10n-id="bottomLinks-privacy"]:hover{
        -moz-appearance: none !important;
        background: #B2EDFA url("../Icons/qd-datenschutz.png")no-repeat !important;
        color: black !important;
        font-size: 14px !important;
        text-decoration: none !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        background-position: 10px 1px !important;
        }            
        
    [href="http://www.mozilla.org/"]{
        -moz-appearance: none !important;
        background: lightgray url("../Icons/qd-mozilla.png")no-repeat !important;
        color: black !important;
        font-size: 14px !important;
        text-decoration: none !important;
        padding-right: 15px !important;
        padding-left: 35px !important;
        border-color: cadetblue !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        }

    [href="http://www.mozilla.org/"]:hover{
        -moz-appearance: none !important;
        background: #B2EDFA url("../Icons/qd-mozilla.png")no-repeat !important;
        color: black !important;
        font-size: 14px !important;
        text-decoration: none !important;
        padding-right: 15px !important;
        padding-left: 35px !important;
        background-position: 10px 1px !important;
        }
    
    [href="about:credits"]{
        -moz-appearance: none !important;
        background: lightgray url("../Icons/qd-community.png")no-repeat !important;
        color: black !important;
        font-size: 14px !important;
        text-decoration: none !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        padding-right: 15px !important;
        padding-left: 35px !important;
        border-color: cadetblue !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        }

    [href="about:credits"]:hover{
        -moz-appearance: none !important;
        background: #B2EDFA url("../Icons/qd-community.png") no-repeat !important;
        color: black !important;
        font-size: 14px! important;
        text-decoration: none !important;
        padding-right: 15px !important;
        padding-left: 35px !important;
        background-position: 10px 1px !important;
        }
            
    [href="http://www.mozilla.org/contribute/"]{
        -moz-appearance: none !important;
        background: lightgray url("../Icons/qd-mitmachen.png")no-repeat !important;
        color: black !important;
        font-size: 14px! important;
        text-decoration: none !important;
        padding-right: 15px !important;
        padding-left: 35px !important;
        border-color: cadetblue !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        }

    [href="http://www.mozilla.org/contribute/"]:hover{
        -moz-appearance: none !important;
        background: #B2EDFA url("../Icons/qd-mitmachen.png")no-repeat !important;
        color: black !important;
        font-size: 14px !important;
        text-decoration: none !important;
        padding-right: 15px !important;
        padding-left: 35px !important;
        background-position: 10px 1px !important;
        }

        #contributeDesc > label:nth-child(1){
        background: yellow url("../Icons/qd-spenden.png")no-repeat !important;
        color: black !important;
        font-size: 14px !important;
        text-decoration: none !important;
        border-color: cadetblue !important;
        border-style: outset !important;
        border-width: 2px !important;
        padding-left:30px!important;
        padding-right:10px!important;
        background-position: 7px 3px !important;
        }            
         
        #contributeDesc > label:nth-child(1):hover{
        background: #B2EDFA url("../Icons/qd-spenden.png")no-repeat !important;
        color:black!important;
        font-size: 14px !important;
        text-decoration: none !important;
        border-color: cadetblue !important;
        border-style: outset !important;
        border-width: 2px !important;
        padding-left:30px!important;
        padding-right:10px!important;
        background-position: 7px 3px !important;
        }            
    
        #releasenotes{
        background: lightgray url("../Icons/qd-info.png")no-repeat !important;
        color: black !important;
        font-size: 14px! important;
        text-decoration: none !important;
        padding-right: 20px !important;
        padding-left: 30px !important;
        padding-bottom: 1px !important;
        border-color: cadetblue !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 7px 3px!important;
        padding-top: 35px !important;
        }

        #releasenotes:hover{
        background: #B2EDFA url("../Icons/qd-info.png")no-repeat !important;
        color: black !important;
        padding-left: 10px !important;
        padding-right: 35px !important;
        font-size: 14px !important;
        text-decoration: none !important;
        border-color: cadetblue !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 7px 3px !important;
        }            
        window#aboutDialog 
        vbox#aboutDialogContainer 
        hbox#clientBox 
        vbox#rightBox 
        textarea#agent{
            text-align:center !important;
            }
        }

Alles anzeigen

Dadurch sind mir in den Kästchen einige Icons verrutscht und das obere Kästchen ist extrem groß.

Im Moment weis ich nicht, wo ich ansetzten muss, um dieses so, wie im oberen Bild hinzubekommen.

2002Andreas

Zitat von BarbaraZ-

das obere Kästchen ist extrem groß.

Teste bitte mal:

CSS

/* About:Dialog (Firefox-Hilfe-Seite) */
        @-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml"){
        
    #version:before {content: "Meine aktuelle Firefox Browser Version ist die:"; 
        font-size: 15px !important; 
        font-weight: bold!important; 
        color: magenta !important; 
        padding-right: 10px !important;
        }

    #version {font-weight: bold!important; font-size:14px !important;}
    
    #version {padding-top: 30px !important; color: #1e90ff !important;} /*Color=dodgerblue*/ /*oberste Ziele*/
    
    #aboutDialog {height: 330px !important;}

    #agent {
        padding-left: -140px !important;
        padding-bottom: 10px ! important;
        padding-right: 94px !important; 
        padding-top: 5px !important;
        max-height: 55px !important; 
        }
    
       #agent {-moz-appearance: none !important;}
    
       #agent .textbox-input-box {
        padding-top: -1px !important; 
        padding-left: 12px !important;}

    #bottomBox {background-color: #483d8b !important; /*color=Darkslateblue*/ /*die untere Box mit den drei Containern*/
        padding-bottom: 30px !important;}

    #aboutDialog {background-color: #483d8b !important;} /*die unterste leere Zeile*/

    #updateButton {min-width: 360px !important; 
        padding-top: 5px!important; padding-bottom: 5px !important;}

    #trademark {padding-bottom: -40px !important; 
        padding-top: 16px !important; 
        font-size: 12px !important; 
        background-color: #483d8b !important; /*die Zeile mit der Firefox-Beschreibung*/
        }

    #leftBox {padding-top: 60px !important; }
    
    #updateButton{ 
        -moz-appearance:none! important;
        background: lightgray url("../Icons/qd-lupe.gif")no-repeat !important;
        background-position: 13px 3px !important;
        font-size: 13.5px !important;
        border-color: red !important;
        border-style: outset !important;
        border-width: 2px !important;
        color:#483d8b !important; /*Versionsnummer*/
        padding-left: 22px !important;
        padding-bottom: 10px !important;
        padding-top: 10px !Important;
        }
        
    #updateButton .button-box{
        -moz-padding-start: 3px !important;
        -moz-padding-end: 3px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        }        
    
    [href="about:license"]{
        -moz-appearance: none !important;
           background: lightgray url("../Icons/qd-info.png")no-repeat !important; 
        color: black !important;
        font-size: 14px !important;
        text-decoration: none !important;
        padding-top: 2px !important;
        padding-right: 20px !important;
        padding-left: 40px! important;
        border-color: dodgerblue !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        }

    [href="about:license"]:hover{
        -moz-appearance: none !important;
           background: lightgray url("../Icons/qd-info.png")no-repeat !important;
        color: red !important;
        font-size: 14px !important;
        text-decoration: none !important;
        padding-right: 20px!important;
        padding-left: 40px !important;
        background-position: 10px 1px !important;
        }
    
    [href="about:rights"]{
        -moz-appearance: none !important;
        background: #B2EDFA url("../Icons/qd-endanwender.png")no-repeat !important;
        color: black !important;
        font-size: 14px !important;
        text-decoration: none !important;
        padding-top: 2px !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-color: red !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        }

    [href="about:rights"]:hover{
        -moz-appearance: none !important;
        background: #B2EDFA url("../Icons/qd-endanwender.png") no-repeat !important;
        color: black !important;
        font-size: 14px !important;
        text-decoration: none !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        background-position: 10px 1px !important;
        }

    .bottom-link[data-l10n-id="bottomLinks-privacy"] {
        -moz-appearance: none !important;
        background: lightgray url("../Icons/qd-datenschutz.png")no-repeat !important;
        color: black !important;
        font-size: 14px !important;
        text-decoration: none !important;
        padding-top: 2px !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-color: green !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        }

    .bottom-link[data-l10n-id="bottomLinks-privacy"]:hover{
        -moz-appearance: none !important;
        background: #B2EDFA url("../Icons/qd-datenschutz.png")no-repeat !important;
        color: black !important;
        font-size: 14px !important;
        text-decoration: none !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        background-position: 10px 1px !important;
        }            
        
    [href="http://www.mozilla.org/"]{
        -moz-appearance: none !important;
        background: lightgray url("../Icons/qd-mozilla.png")no-repeat !important;
        color: black !important;
        font-size: 14px !important;
        text-decoration: none !important;
        padding-right: 15px !important;
        padding-left: 35px !important;
        border-color: cadetblue !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        }

    [href="http://www.mozilla.org/"]:hover{
        -moz-appearance: none !important;
        background: #B2EDFA url("../Icons/qd-mozilla.png")no-repeat !important;
        color: black !important;
        font-size: 14px !important;
        text-decoration: none !important;
        padding-right: 15px !important;
        padding-left: 35px !important;
        background-position: 10px 1px !important;
        }
    
    [href="about:credits"]{
        -moz-appearance: none !important;
        background: lightgray url("../Icons/qd-community.png")no-repeat !important;
        color: black !important;
        font-size: 14px !important;
        text-decoration: none !important;
        padding-right: 15px !important;
        padding-left: 35px !important;
        border-color: cadetblue !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        }

    [href="about:credits"]:hover{
        -moz-appearance: none !important;
        background: #B2EDFA url("../Icons/qd-community.png") no-repeat !important;
        color: black !important;
        font-size: 14px! important;
        text-decoration: none !important;
        padding-right: 15px !important;
        padding-left: 35px !important;
        background-position: 10px 1px !important;
        }
            
    [href="http://www.mozilla.org/contribute/"]{
        -moz-appearance: none !important;
        background: lightgray url("../Icons/qd-mitmachen.png")no-repeat !important;
        color: black !important;
        font-size: 14px! important;
        text-decoration: none !important;
        padding-right: 15px !important;
        padding-left: 35px !important;
        border-color: cadetblue !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        }

    [href="http://www.mozilla.org/contribute/"]:hover{
        -moz-appearance: none !important;
        background: #B2EDFA url("../Icons/qd-mitmachen.png")no-repeat !important;
        color: black !important;
        font-size: 14px !important;
        text-decoration: none !important;
        padding-right: 15px !important;
        padding-left: 35px !important;
        background-position: 10px 1px !important;
        }

        #contributeDesc > label:nth-child(1){
        background: yellow url("../Icons/qd-spenden.png")no-repeat !important;
        color: black !important;
        font-size: 14px !important;
        text-decoration: none !important;
        border-color: cadetblue !important;
        border-style: outset !important;
        border-width: 2px !important;
        padding-left:30px!important;
        padding-right:10px!important;
        background-position: 7px 3px !important;
        }            
         
        #contributeDesc > label:nth-child(1):hover{
        background: #B2EDFA url("../Icons/qd-spenden.png")no-repeat !important;
        color:black!important;
        font-size: 14px !important;
        text-decoration: none !important;
        border-color: cadetblue !important;
        border-style: outset !important;
        border-width: 2px !important;
        padding-left:30px!important;
        padding-right:10px!important;
        background-position: 7px 3px !important;
        }            
    
        #releasenotes{
        background: lightgray url("../Icons/qd-info.png")no-repeat !important;
        color: black !important;
        font-size: 14px! important;
        text-decoration: none !important;
        padding-right: 20px !important;
        padding-left: 30px !important;
        border-color: cadetblue !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 7px 3px!important;
        padding-top: 0 !important;
        }

        #releasenotes:hover{
        background: #B2EDFA url("../Icons/qd-info.png")no-repeat !important;
        color: black !important;
        padding-left: 30px !important;
        padding-right: 20px !important;
        font-size: 14px !important;
        text-decoration: none !important;
        border-color: cadetblue !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 7px 3px !important;
        }    
            
        window#aboutDialog, 
        vbox#aboutDialogContainer, 
        hbox#clientBox, 
        vbox#rightBox, 
        textarea#agent{
            text-align:center !important;
            }
        }

Alles anzeigen

Im obigen Code sind noch Fehler enthalten.

In Zeile 18, 28, 39 sind padding Werte mit - (Minus) enthalten.

Das gibt es nur für margin Werte, haben somit also keine Funktion.

Bitte also für dich dann noch anpassen, sollte es Probleme mit dem Abstand geben.

In Zeile 274 -278 fehlte jeweils am Ende das Komma, das habe ich eingefügt.

2002Andreas

Sollte das alles nicht funktionieren, dann gibt es hier einen fertigen Code.

Evtl. ist er ja auch etwas für dich, wenn du dir die Icons/Farben etc. noch anpasst.

#24

Am Ende des Beitrages ist der erneuerte Code.

BarbaraZ-

Der Code aus #24 enthält dann wieder margin und padding Werte.

Habe irgendwo gelesen, das die Margin-Werte eigentlich überflüssig sein sollen.

Oder habe ich da was falsch interpretiert.

Muss dann nochmal basteln im bestehenden Code.

2002Andreas

Zitat von BarbaraZ-

das die Margin-Werte eigentlich überflüssig sein sollen.

Das kann man so nicht sagen.

Die brauchst du z.B. wenn du einen Abstand einfügen willst.

Zitat von BarbaraZ-

basteln im bestehenden Code.

CSS

/* About:Dialog (Firefox-Hilfe-Seite) */
        @-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml"){
        
    #version:before {content: "Meine aktuelle Firefox Browser Version ist die:"; 
        font-size: 15px !important; 
        font-weight: bold!important; 
        color: magenta !important; 
        padding-right: 10px !important;
        }

    #version {font-weight: bold!important; font-size:14px !important;}
    
    #version {padding-top: 30px !important; color: #1e90ff !important;} /*Color=dodgerblue*/ /*oberste Ziele*/
    
    #aboutDialog {height: 330px !important;}

    #agent {
        padding-left: -140px !important;
        padding-bottom: 10px ! important;
        padding-right: 94px !important; 
        padding-top: 5px !important;
        max-height: 55px !important; 
        }
    
       #agent {-moz-appearance: none !important;}
    
       #agent .textbox-input-box {
        padding-top: -1px !important; 
        padding-left: 12px !important;}

    #bottomBox {background-color: #483d8b !important; /*color=Darkslateblue*/ /*die untere Box mit den drei Containern*/
        padding-bottom: 30px !important;}

    #aboutDialog {background-color: #483d8b !important;} /*die unterste leere Zeile*/

    #updateButton {min-width: 360px !important; 
        padding-top: 5px!important; padding-bottom: 5px !important;}

    #trademark {padding-bottom: -40px !important; 
        padding-top: 16px !important; 
        font-size: 12px !important; 
        background-color: #483d8b !important; /*die Zeile mit der Firefox-Beschreibung*/
        }

    #leftBox {padding-top: 60px !important; }
    
    #updateButton{ 
        -moz-appearance:none! important;
        background: lightgray url("../Icons/qd-lupe.gif")no-repeat !important;
        background-position: 13px 3px !important;
        font-size: 13.5px !important;
        border-color: red !important;
        border-style: outset !important;
        border-width: 2px !important;
        color:#483d8b !important; /*Versionsnummer*/
        padding-left: 22px !important;
        padding-bottom: 10px !important;
        padding-top: 10px !Important;
        }
        
    #updateButton .button-box{
        margin-top: -10px !important;
        }        
    
    [href="about:license"]{
        -moz-appearance: none !important;
           background: lightgray url("../Icons/qd-info.png")no-repeat !important; 
        color: black !important;
        font-size: 14px !important;
        text-decoration: none !important;
        padding-top: 2px !important;
        padding-right: 20px !important;
        padding-left: 40px! important;
        border-color: dodgerblue !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        }

    [href="about:license"]:hover{
        -moz-appearance: none !important;
           background: lightgray url("../Icons/qd-info.png")no-repeat !important;
        color: red !important;
        font-size: 14px !important;
        text-decoration: none !important;
        padding-right: 20px!important;
        padding-left: 40px !important;
        background-position: 10px 1px !important;
        }
    
    [href="about:rights"]{
        -moz-appearance: none !important;
        background: #B2EDFA url("../Icons/qd-endanwender.png")no-repeat !important;
        color: black !important;
        font-size: 14px !important;
        text-decoration: none !important;
        padding-top: 2px !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-color: red !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        }

    [href="about:rights"]:hover{
        -moz-appearance: none !important;
        background: #B2EDFA url("../Icons/qd-endanwender.png") no-repeat !important;
        color: black !important;
        font-size: 14px !important;
        text-decoration: none !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        background-position: 10px 1px !important;
        }

    .bottom-link[data-l10n-id="bottomLinks-privacy"] {
        -moz-appearance: none !important;
        background: lightgray url("../Icons/qd-datenschutz.png")no-repeat !important;
        color: black !important;
        font-size: 14px !important;
        text-decoration: none !important;
        padding-top: 2px !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-color: green !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        }

    .bottom-link[data-l10n-id="bottomLinks-privacy"]:hover{
        -moz-appearance: none !important;
        background: #B2EDFA url("../Icons/qd-datenschutz.png")no-repeat !important;
        color: black !important;
        font-size: 14px !important;
        text-decoration: none !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        background-position: 10px 1px !important;
        }            
        
    [href="http://www.mozilla.org/"]{
        -moz-appearance: none !important;
        background: lightgray url("../Icons/qd-mozilla.png")no-repeat !important;
        color: black !important;
        font-size: 14px !important;
        text-decoration: none !important;
        padding-right: 15px !important;
        padding-left: 35px !important;
        border-color: cadetblue !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        }

    [href="http://www.mozilla.org/"]:hover{
        -moz-appearance: none !important;
        background: #B2EDFA url("../Icons/qd-mozilla.png")no-repeat !important;
        color: black !important;
        font-size: 14px !important;
        text-decoration: none !important;
        padding-right: 15px !important;
        padding-left: 35px !important;
        background-position: 10px 1px !important;
        }
    
    [href="about:credits"]{
        -moz-appearance: none !important;
        background: lightgray url("../Icons/qd-community.png")no-repeat !important;
        color: black !important;
        font-size: 14px !important;
        text-decoration: none !important;
        padding-right: 15px !important;
        padding-left: 35px !important;
        border-color: cadetblue !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        }

    [href="about:credits"]:hover{
        -moz-appearance: none !important;
        background: #B2EDFA url("../Icons/qd-community.png") no-repeat !important;
        color: black !important;
        font-size: 14px! important;
        text-decoration: none !important;
        padding-right: 15px !important;
        padding-left: 35px !important;
        background-position: 10px 1px !important;
        }
            
    [href="http://www.mozilla.org/contribute/"]{
        -moz-appearance: none !important;
        background: lightgray url("../Icons/qd-mitmachen.png")no-repeat !important;
        color: black !important;
        font-size: 14px! important;
        text-decoration: none !important;
        padding-right: 15px !important;
        padding-left: 35px !important;
        border-color: cadetblue !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        }

    [href="http://www.mozilla.org/contribute/"]:hover{
        -moz-appearance: none !important;
        background: #B2EDFA url("../Icons/qd-mitmachen.png")no-repeat !important;
        color: black !important;
        font-size: 14px !important;
        text-decoration: none !important;
        padding-right: 15px !important;
        padding-left: 35px !important;
        background-position: 10px 1px !important;
        }

        #contributeDesc > label:nth-child(1){
        background: yellow url("../Icons/qd-spenden.png")no-repeat !important;
        color: black !important;
        font-size: 14px !important;
        text-decoration: none !important;
        border-color: cadetblue !important;
        border-style: outset !important;
        border-width: 2px !important;
        padding-left:30px!important;
        padding-right:10px!important;
        background-position: 7px 3px !important;
        }            
         
        #contributeDesc > label:nth-child(1):hover{
        background: #B2EDFA url("../Icons/qd-spenden.png")no-repeat !important;
        color:black!important;
        font-size: 14px !important;
        text-decoration: none !important;
        border-color: cadetblue !important;
        border-style: outset !important;
        border-width: 2px !important;
        padding-left:30px!important;
        padding-right:10px!important;
        background-position: 7px 3px !important;
        }            
    
        #releasenotes{
        background: lightgray url("../Icons/qd-info.png")no-repeat !important;
        color: black !important;
        font-size: 14px! important;
        text-decoration: none !important;
        padding-right: 20px !important;
        padding-left: 30px !important;
        border-color: cadetblue !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 7px 3px!important;
        padding-top: 0 !important;
        }

        #releasenotes:hover{
        background: #B2EDFA url("../Icons/qd-info.png")no-repeat !important;
        color: black !important;
        padding-left: 30px !important;
        padding-right: 20px !important;
        font-size: 14px !important;
        text-decoration: none !important;
        border-color: cadetblue !important;
        border-style: outset !important;
        border-width: 2px !important;
        background-position: 7px 3px !important;
        }    
            
        window#aboutDialog, 
        vbox#aboutDialogContainer, 
        hbox#clientBox, 
        vbox#rightBox, 
        textarea#agent{
            text-align:center !important;
            }
        }

Alles anzeigen

BarbaraZ-

Ich habe mich jetzt für den Code aus #24 entschieden und den angepasst (wegen runder Ecken und der Schriftart).

Sieht zwar vom Aufbau her anders aus, hängt wahrscheinlich, so vermute ich, mit Nightly zusammen.

Der Code macht, was er soll, das ist wichtig und zählt.

Sieht so aus, wie ich es haben möchte. Danke für die Hilfe

2002Andreas

Zitat von BarbaraZ-

wie ich es haben möchte.

So soll es auch sein

.DeJaVu

Danke für die Blumen

harff182

BarbaraZ- bzw .DeJaVu :

Mögt/könntet Ihr die von Euch verwendeten GFX/Icons teilen?

Meinereiner will sich auch mal da dran versuchen

Nachtrag:

Hat sich erledigt...

BarbaraZ-

Hallo Harff182, leider lese ich erst jetzt, gerne stelle ich Dir die Icons zur Verfügung.

Am besten per PN anschreiben, wenn noch Bedarf besteht.

Boersenfeger

Ich poste mal alle Icons, die sich hier im Lauf der Zeit angesammelt haben. Wer mag, bedient sich...

Icons.zip

.DeJaVu

harff182

Zitat von Boersenfeger

Ich poste mal alle Icons

Schankedööön...

Zitat von BarbaraZ-

leider lese ich erst jetzt

Null Problemo, meinereiner war letzte Nacht fleissig

Zitat von .DeJaVu

Danke für die Blumen

Von mir auch nen kleinen Strauß

Und Euch allen 3:

Guten Rutsch und weiche Landung

Möge die Gesundheit mit Euch sein

Boersenfeger

.. oh, hatte vergessen zu erwähnen, das die meisten von Endor stammen..

BarbaraZ-

So, zum neunen Jahresstart gleich nach Hilfe anfragen.

Ich habe mir dieses ein wenig angepasst, heißt ein wenig aufgehübscht:

Was ich leider nicht hinbekomme mit diesem Code:

Bei hover tanzen die Icons, was mich stört. Ich hätte sie gerne an ihrer Positon belassen und die Schrift ist mir ein wenig zu klein. Da ich Courier nicht mag, habe ich diese Schriftart, ebenso wie die Rundungen rausgenommen.

CSS

/* About:Dialog - über Firefox --- In Abwandlung von DeJaVu*/

@-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml")
{
    #aboutDialog,
    #aboutDialogContainer,
    #agent .textbox-input-box,
    #agent,
    #bottomBox,
    #clientBox,
    #leftBox,
    #trademark,
    #updateBox > vbox:nth-child(2) > hbox:nth-child(2),
    #updateButton,
    #version,
    #version:before
    #aboutDialog vbox,
    #aboutDialogContainer hbox,
    #clientBox vbox,
    #contributeDesc > label:nth-child(1),
    #contributeDesc > label:nth-child(2),
    #releasenotes,
    #trademark,
    #updateButton,
    label.bottom-link:nth-child(3),
    [href='about:credits'],
    [href='about:license'],
    [href='about:rights'],
    /*[href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
    {
        font-size: 18px !important;
    }*/

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

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

    #version:before
    {
        content: 'Meine aktuelle Browser-Version ist die:';
        font-size: 18px !important;
        font-weight: bold !important;
        color: #f08080 !important;
        margin-right: 6px !important;
        margin-left: -24px !important;
    }

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

    #aboutDialog
    {
        height: 350px !important;
    }

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

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

    #bottomBox
    {
        margin-bottom: 30px !important;
    }

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

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

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


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

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

    #updateButton
    {
        appearance: none !important;
        background: lightred url("../Icons/qd-lupe.gif")no-repeat !important;
        min-width: 360px !important;
        padding-left: 30px !important;
        background-position: 13px !important;
        border: 3px solid sladeblue !important;
        border-width: 2px !important;
        color: black !important;
        margin-bottom: 10px !important;
        margin-top: 0 !important;
    }

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

    #updateButton:hover
    {
        appearance: none !important;
        background: darkgray url("../Icons/qd-lupe.gif")no-repeat !important;
        padding-left: 30px !important ;
        background-position: 13px !important;
    }

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


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

    [href='about:license']
    {
        appearance: none !important; /* Information zur Lizensierung */
        background: lightgray url("../Icons/qd-info.png")no-repeat !important; 
        color: dodgerblue !important;
        margin-top: 2px !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        border: 3px solid red !important;
    }

    [href='about:license']:hover
    {
        background: darkgray url("../Icons/qd-info.png")no-repeat !important; 
        color: white !important;
    }

    [href='about:rights']
    {
        appearance: none !important; /* Endanwenderrechte */
        background: Vivid Sky Blue url("../Icons/qd-endanwender.png")no-repeat !important;
        color: black !important;
        margin-left: -28px !important;
        margin-right: 10px !important;
        margin-top: 2px !important;
        padding-right: 20px !important; 
        padding-left: 40px !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        border: 3px solid yellow !important;
    }

    [href='about:rights']:hover 
    {
       background: darkgray url("../Icons/qd-endanwender.png")no-repeat !important;
       color: white !important;
    }

    label.bottom-link:nth-child(3)
    {
        appearance: none !important; /* Datenschutzbestimmungen */
        background: lightgray url("../Icons/qd-datenschutz.png")no-repeat !important;
        color: dodgerblue !important;
        margin-left: -2px !important;
        margin-right: -3px !important;
        margin-top: 2px !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        border: 3px solid green !important;
    }

    label.bottom-link:nth-child(3):hover
    {
        background: darkgray url("../Icons/qd-datenschutz.png")no-repeat !important;
        color: white !important;
    }

    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
    {
        appearance: none !important; /* Mozilla */
        background: lightgray url("../Icons/qd-mozilla.png")no-repeat !important;
        color: black !important;
        margin-right: 2px !important;
        padding-right: 15px !important;
        padding-left: 35px !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        border: 3px solid magenta !important;
    }

    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']:hover
    {
        background: darkgray url("../Icons/qd-mozilla.png")no-repeat !important;
        color: white !important;
    }

    [href='about:credits']
    {
        appearance: none !important; /* globale Community */
        background: lightgray url("../Icons/qd-community.png")no-repeat !important;
        color: black !important;
        margin-right: 2px !important;
        padding-right: 5px !important;
        padding-left: 35px !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        border: 3px solid violet !important;
    }

    [href='about:credits']:hover
    {
        background: darkgray url("../Icons/qd-community.png")no-repeat !important;
        color: white !important;
    }

    #contributeDesc > label:nth-child(2)
    {
        appearance: none !important; /* machen Sie mit */
        background: lightgray url("../Icons/qd-mitmachen.png")no-repeat !important;
        color: black !important;
        margin-left: 2px !important;
        margin-right: 10px !important;
        padding-left: 35px !important;
        padding-right: 15px !important;
        border-color: cadetblue !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        border: 3px solid dodgerblue !important;
    }


    #contributeDesc > label:nth-child(2):hover
    {
        background: darkgray url("../Icons/qd-mitmachen.png")no-repeat !important;
        color: white !important;
    }

    #contributeDesc > label:nth-child(1)
    {
        appearance: none !important;  /*Spenden Sie*/
        background: yellow url("../Icons/qd-spenden.png")no-repeat !important;
        color: black !important;
        margin-right: -1px !important;
        padding-left: 35px !important;
        padding-right: 15px !important;
        border-width: 2px !important;
        background-position: 10px 2px !important;
        border: 3px solid pink !important;
    }

    #contributeDesc > label:nth-child(1):hover
    {
        background: darkgray url("../Icons/qd-spenden.png")no-repeat !important;
        color: black !important;
    }

    #releasenotes /*Neue Funktionen und Änderungen*/
    {
        background: lightgray url("../Icons/qd-info.png")no-repeat !important;
        color: black !important;
        margin-left: 10px !important;
        margin-right: 35px !important;
        padding-left: 30px !important;
        padding-right: 20px !important;
        padding-bottom: 1px !important;
        border-width: 2px !important;
        background-position: 7px 3px !important;
        border: 3px solid yellow!important;
        margin-top: 35px !important;
    }

    #releasenotes:hover
    {
        background: darkgray url("../Icons/qd-info.png")no-repeat !important;
        color: white !important;
    }
    
#rightBox {
    background-image: none !important;
    padding-top: 0px !important;      
    margin-top: 10px !important;
}

#rightBox::before {
  content: "Firefox Browser" !important;
  font-size: 35px !important;
  color: yellow !important;
}
}

Alles anzeigen

2002Andreas

Zitat von BarbaraZ-

Bei hover tanzen die Icons,

Du musst bei hover auch die Werte eingeben.

Beispiel:

CSS

[href='about:license']
    {
        appearance: none !important; /* Information zur Lizensierung */
        background: lightgray url("file:///C:/Users/Andi/Icons%20Firefox/4.jpg")no-repeat !important; 
        color: dodgerblue !important;
        margin-top: 2px !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        border: 3px solid red !important;
    }

    [href='about:license']:hover
    {
        background: darkgray url("file:///C:/Users/Andi/Icons%20Firefox/1.png")no-repeat !important; 
        color: white !important;
        margin-top: 2px !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-width: 2px !important;
        background-position: 10px 1px !important;
        border: 3px solid red !important;
    }

Alles anzeigen

Wenn du allerdings das gleiche Icon nimmst, dann reicht das bei hover aus:

CSS

    [href='about:license']:hover
    {       
        color: white !important;
    }

Zitat von BarbaraZ-

die Schrift ist mir ein wenig zu klein.

Meinst du die in den Button?

Wenn ja, dann teste bitte:

CSS

.text-link,
label.bottom-link {
    font-size: 17px !important;
}

Dharkness

Hallo Andreas,

erst einmal ein frohes neues Jahr.

Zitat von 2002Andreas

Du musst bei hover auch die Werte eingeben.

Hm, die Werte für padding werden doch übergeben/vererbt, nur background-position: 10px 1px !important; muss m.M.n. übergeben werden.

2002Andreas

Zitat von Dharkness

erst einmal ein frohes neues Jahr.

Hallo Ralf, danke, das wünsche ich dir auch

Zitat von Dharkness

die Werte für

Ich habe immer den kompl. Code einfach kopiert, und nur um hover erweitert.

Bei gleichem Icon braucht es auch nur die Farbangabe, ohne das Icon erneut einzufügen.

Dharkness

Zitat von 2002Andreas

den kompl. Code einfach kopiert

Nö, ich minimiere den Code immer so weit wie möglich, sonst überschreitet der chrome-Ordner doch einmal die 10 MB-Größe.

2002Andreas

Zitat von Dharkness

ich minimiere den Code

Hilfe Dialog (über Firefox)

Ähnliche Themen

Hilfe-Dialog

Markieren von Text funktioniert nicht mehr über die Seite hinaus

Hamburger Überhangmenü - Symbolleiste anpassen

Dialog Feld für pdf öffnet sich erst nachdem man Herunterladen anklickt, vorher war es sofort nach anklicken da !

Neuer Druck-Dialog ohne Einstellung der Kopf- + Fußzeilen und weitere Druckeinstellungs-Probleme

Hilfe Dialog-Fenster unter den Reiter Hilfe benötigt kosmetische Anpassungen