About Seiten mit CSS Codes anpassen

Endor

Danke, freut mich wenn es gefällt.

FuchsFan, habe Deinen CSS Code angeschaut und getestet, soweit aber

alles bestens. Funktioniert hier einwandfrei.

habe dabei festgestellt, wir haben eine Schaltfläche vergessen anzupassen

Das wäre der Teil für die Schaltfläche

CSS Code

CSS

#remoteprocesses-row > td:nth-child(2) > a:nth-child(1){
-moz-appearance:none!important;
margin-left: -4px !important;
background: #F0F0F0 url("..//icons/Bild125.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
padding-right:160px!important;
padding-left:35px!important;
padding-bottom: 2px !important;
padding-top: 2px !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:2px !important;
background-position:8px 3px!important;
border-radius:14px!important;}


#remoteprocesses-row > td:nth-child(2) > a:nth-child(1):hover{
-moz-appearance:none!important;
background: #B2EDFA url("..//icons/Bild125.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
background-position:8px 3px!important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
border-style: outset !important;
border-width:2px !important;}


#remoteprocesses-row,
#remoteprocesses-row > th:nth-child(1),
#remoteprocesses-row > td:nth-child(2) {padding-bottom: 10px !important; padding-top: 10px !important;}

Alles anzeigen

Symbol:

Mfg.
Endor

FuchsFan

Zitat von Endor

habe Deinen CSS Code angeschaut und getestet, soweit aber
alles bestens. Funktioniert hier einwandfrei.

Danke, Endor, ich habe da schon mal vorgearbeitet, wollte nur noch deinen Segen haben.

Ich hatte es weiter oben ja schon erwähnt, auch Andreas ist ja der gleichen Meinung, du könntest dir doch viel Arbeit sparen, wenn du auf den border-radius bei den einzelnen Feldern (Boxen) verzichten würdest. Ich habe erst einmal mit support damit angefangen, und mir gefällt das so auch. Du bist der Chef des Ganzen, war nur eine Überlegung von mir.

Endor

FuchsFan ja sehe es auch so,

für das Forum ist es besser wenn wir bei about:support

border-radius weg lassen. Das erspart eine Menge Arbeit.

Teste gleich Deinen CSS Code nochmal in Beta und Nightly ausgiebig

wenn alles passt, nehmen wir den und ersetzen meinen hier im Forum damit.

Vielen Dank für die ganze Mühe die Du dir gemacht hast. :klasse:

Mfg.
Endor

Endor

FuchsFan

So habe jetzt meine drei Codes für about:support entfernt,

und Deinen dafür eingefügt.
Siehe RE: About Seiten mit CSS Codes anpassen

Danke nochmals für Deine Hilfe.

Mfg.
Endor

FuchsFan

Zitat von Endor

So habe jetzt meine drei Codes für about:support entfernt,
und Deinen dafür eingefügt.

Wer dann möchte kann den Code von hier nutzen, nach dem Aussehen von hier: RE: About Seiten mit CSS Codes anpassen

CSS

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(about:support) {

body::before {content: "Design by Endor";
margin-left: 0px;
font-size: 20px;
/* font-weight: bold; */
color: dodgerblue;}

html{
    background: #eae0c8 !important;  /* gesamte Hintergrund */
}

body > h1:nth-child(2){  /* Informationen zur Fehlerbehebung */
    margin-top: 10px !important;
    
}

body{
    margin-left: 250px !important; 
    max-width: 1200px !important;  /* Breite der Box */
    border: 5px solid dodgerblue! important;
    border-radius:24px !important;
    padding:  -60px  -60px !important;
    background: #f8f8ff !important;
    box-shadow: inset 0 0 15px 15px lightblue !important; /* innerer Schatten */
}

#action-box{
    width: 30% !important; 
    border-radius:24px !important;
    border: 2px solid coral! important;
}
#action-box {
    background: #FDF5E6 !important;
}

#reset-box, #safe-mode-box {
    margin-left: 11px !important;
}

td, th{
    padding-left: 15px !important;
}

#copy-raw-data-to-clipboard {
    min-width: 330px !important;
}

#safe-mode-box > h3, #reset-box > h3, h2, h1 {
    color: #057A7A !important;
}

#prefs-user-js-section > h3, h2 {
    margin-left: 8px !important; 
    color: red !important;
}

#safe-mode-box > h3, #reset-box > h3 {
    margin-left: 4px !important;
}

#graphics-decisions-tbody > tr:nth-child(n+1) > td > table,
#graphics-decisions-tbody > tr:nth-child(n+1) > td > table > tr > td {
    border: none! important;
}

#graphics-decisions-tbody > tr:nth-child(n+1) > td > table > tr > td:hover,
#graphics-decisions-tbody > tr:nth-child(n+1) > td > table > tr:hover {
    border: none! important;
}

#graphics-decisions-tbody > tr:nth-child(n+2) > td:nth-child(2) > table:nth-child(1) {
    margin-left: -15px!important;
}

#graphics-decisions-tbody > tr:nth-child(n+1) > td:nth-child(2) > table:nth-child(1),
#graphics-decisions-tbody > tr:nth-child(n+1) > td:nth-child(2) > table:nth-child(1) > tr:nth-child(1) {
    border: none! important;
}

#graphics-decisions-tbody > tr:nth-child(n+1) > td > table > tr > td:hover,
#graphics-decisions-tbody > tr:nth-child(n+1) > td > table > tr:hover {
    border: none! important;
}

td {
    background: #FFFFF0 !important;
}
td:hover {
    background: #ffeb99 !important;
}

th {
    background-color: #ee7621 !important;
}
th:hover {
    background-color: #b54f06 !important;
}

#remoteprocesses-row > td:nth-child(2) > a:nth-child(1){
-moz-appearance:none!important;
margin-left: -4px !important;
background: #F0F0F0 url("..//icons/Bild125.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
padding-right:160px!important;
padding-left:35px!important;
padding-bottom: 2px !important;
padding-top: 2px !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:2px !important;
background-position:8px 3px!important;
border-radius:20px!important;}


#remoteprocesses-row > td:nth-child(2) > a:nth-child(1):hover{
-moz-appearance:none!important;
background: #B2EDFA url("..//icons/Bild125.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
background-position:8px 3px!important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
border-style: outset !important;
border-width:2px !important;}


#remoteprocesses-row,
#remoteprocesses-row > th:nth-child(1),
#remoteprocesses-row > td:nth-child(2) {padding-bottom: 10px !important; padding-top: 10px !important;}

#copy-raw-data-to-clipboard{
-moz-appearance:none!important;
background: #F0F0F0 url("..//icons/Bild73.png")no-repeat !important;
padding-left:20px!important;
padding-bottom: 5px!important;
background-position:14px 6px!important;
font-size:14.0px!important;
border-style: outset !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-radius:20px!important;
margin-right:10px!important;
color:black !important;}

#copy-raw-data-to-clipboard:hover{
-moz-appearance:none!important;
background: #B2EDFA url("..//icons/Bild73.png")no-repeat !important;
padding-left:20px!important ;
border-style: outset !important;
border-width:2px !important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
background-position:14px 6px!important;}

#copy-to-clipboard {min-width: 290px !important;}

#copy-to-clipboard{
-moz-appearance:none!important;
background: #F0F0F0 url("..//icons/Bild74.png")no-repeat !important;
padding-left:20px!important;
padding-bottom: 5px!important;
background-position:14px 6px!important;
font-size:14.0px!important;
border-style: outset !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-radius:20px!important;
color:black !important;}

#copy-to-clipboard:hover{
-moz-appearance:none!important;
background: #B2EDFA url("..//icons/Bild74.png")no-repeat !important;
padding-left:20px!important ;
border-style: outset !important;
border-width:2px !important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
background-position:14px 6px!important;}

#show-update-history-button{min-width: 220px !important;}

#show-update-history-button{
-moz-appearance:none!important;
background: #F0F0F0 url("..//icons/Bild75.png")no-repeat !important;
padding-left:19px!important;
padding-bottom: 5px!important;
background-position:8px 5px!important;
color:black!important;
margin-left: -3px !important;
font-size:14px!important;
text-decoration:none!important;
padding-right:8px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:2px !important;
border-radius:20px!important;}

#show-update-history-button:hover{
-moz-appearance:none!important;
background: #B2EDFA url("..//icons/Bild75.png")no-repeat !important;
background-position:8px 5px!important;
border-style: outset !important;
border-width:2px !important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}

#update-dir-button{min-width: 220px !important;}

#update-dir-button{
-moz-appearance:none!important;
background: #F0F0F0 url("..//icons/Bild76.png")no-repeat !important;
padding-left:19px!important;
padding-bottom: 5px!important;
background-position:8px 5px!important;
color:black!important;
margin-left: -3px !important;
font-size:14px!important;
text-decoration:none!important;
padding-right:76px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:2px !important;
border-radius:20px!important;}

#update-dir-button:hover{
-moz-appearance:none!important;
background: #B2EDFA url("..//icons/Bild76.png")no-repeat !important;
background-position:8px 5px!important;
border-style: outset !important;
border-width:2px !important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}

#profile-dir-button {min-width: 217px !important;}

#profile-dir-button{
-moz-appearance:none!important;
background: #F0F0F0 url("..//icons/Bild76.png")no-repeat !important;
padding-left:32px!important;
background-position:8px 4px!important;
color:black!important;
margin-left: -3px !important;
font-size:14px!important;
text-decoration:none!important;
padding-right:76px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:2px !important;
border-radius:20px!important;}

#profile-dir-button:hover{
-moz-appearance:none!important;
background: #B2EDFA url("..//icons/Bild76.png")no-repeat !important;
padding-left:32px!important ;
border-style: outset !important;
border-width:2px !important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
background-position:8px 4px!important;}

#reset-box-button{
-moz-appearance:none!important;
background: #F0F0F0 url("..//icons/Bild77.png")no-repeat !important;
padding-left:40px!important;
padding-right: 130px !important;
padding-bottom: 4px!important;
background-position:14px 5px!important;
font-size:14.0px!important;
border-style: outset !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-radius:20px !important;
color:black !important; }

#reset-box-button:hover{
-moz-appearance:none!important;
background: #B2EDFA url("..//icons/Bild77.png")no-repeat !important;
border-style: outset !important;
border-width:2px !important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
background-position:14px 5px!important;}

#restart-in-safe-mode-button{
-moz-appearance:none!important;
background: #F0F0F0 url("..//icons/Bild78.png")no-repeat !important;
padding-left:40px!important;
padding-right:5px!important;
background-position:14px 5px!important;
font-size:14.0px!important;
border-style: outset !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-radius:20px !important;
color:black !important; }

#restart-in-safe-mode-button:hover{
-moz-appearance:none!important;
background: #B2EDFA url("..//icons/Bild78.png")no-repeat !important;
background-position:14px 5px!important;
border-style: outset !important;
border-width:2px !important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}

#supportLink{
-moz-appearance:none!important;
background: #F0F0F0 url("..//icons/Bild52.gif") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
padding-right:13px!important;
padding-left:29px!important;
padding-bottom: 2px !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width: 2px !important;
background-position:6px 2px!important;
border-radius:14px!important;
line-height: 2.2 !important;}

#supportLink:hover{
-moz-appearance:none!important;
background: #B2EDFA url("..//icons/Bild52.gif") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
padding-right:13px!important;
padding-left:29px!important;
background-position:6px 2px!important;
border-radius:14px!important;
border-style: outset !important;
border-width:2px !important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}

a[href="about:plugins"]{
-moz-appearance:none!important;
background: #F0F0F0 url("..//icons/Bild3.png") no-repeat !important;
color:black!important;
margin-left: -3px !important;
font-size:14.0px!important;
text-decoration:none!important;
padding-right:96px!important;
padding-left:35px!important;
padding-bottom: 2px !important;
padding-top: 2px !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:2px !important;
background-position:8px 2px!important;
border-radius:14px!important;
min-height: 28px !important;
line-height: 2.2 !important;}

a[href="about:buildconfig"]{
-moz-appearance:none!important;
background: #F0F0F0 url("..//icons/Bild3.png") no-repeat !important;
color:black!important;
margin-left: -3px !important;
font-size:14.0px!important;
text-decoration:none!important;
padding-right:73px!important;
padding-left:35px!important;
padding-bottom: 2px !important;
padding-top: 2px !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:2px !important;
background-position:8px 2px!important;
border-radius:14px!important;
line-height: 2.2 !important;}

#crashes-allReportsWithPending{
-moz-appearance:none!important;
background: #F0F0F0 url("..//icons/Bild3.png") no-repeat !important;
color:black!important;
margin-left: 3px !important;
font-size:14px!important;
text-decoration:none!important;
padding-right:15px!important;
padding-left:35px!important;
padding-bottom: 2px !important;
padding-top: 2px !important;
max-width: 125px !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:2px !important;
background-position:8px 2px!important;
border-radius:14px!important;}

#crashes-allReportsWithPending:hover{
-moz-appearance:none!important;
background: #B2EDFA url("..//icons/Bild3.png") no-repeat !important;
color:black!important;
margin-left: 3px !important;
font-size:14px!important;
text-decoration:none!important;
padding-right:15px!important;
padding-left:35px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
border-style: outset !important;
border-width:2px !important;
background-position:8px 2px!important;
border-radius:14px!important;}

a[href="about:plugins"]:hover{
-moz-appearance:none!important;
background: #B2EDFA url("..//icons/Bild3.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
background-position:8px 2px!important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
border-style: outset !important;
border-width:2px !important;}

a[href="about:buildconfig"]:hover{
-moz-appearance:none!important;
background: #B2EDFA url("..//icons/Bild3.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
background-position:8px 2px!important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
border-style: outset !important;
border-width:2px !important;}

a[href="about:serviceworkers"]{
-moz-appearance:none!important;
background: #F0F0F0 url("..//icons/Bild3.png") no-repeat !important;
color:black!important;
margin-left: -3px !important;
font-size:14px!important;
text-decoration:none!important;
padding-right:50px!important;
padding-left:35px!important;
padding-bottom: 2px !important;
padding-top: 2px !important;
max-width: 125px !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:2px !important;
background-position:8px 2px!important;
border-radius:14px!important;
line-height: 2.2 !important;}

a[href="about:serviceworkers"]:hover{
-moz-appearance:none!important;
background: #B2EDFA url("..//icons/Bild3.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
padding-left:35px!important;
background-position:8px 2px!important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
border-style: outset !important;
border-width:2px !important;}

a[href="about:memory"]{
-moz-appearance:none!important;
background: #F0F0F0 url("..//icons/Bild3.png") no-repeat !important;
color:black!important;
margin-left: -3px !important;
font-size:14.0px!important;
text-decoration:none!important;
padding-right:88px!important;
padding-left:35px!important;
padding-bottom: 2px !important;
padding-top: 2px !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:2px !important;
background-position:8px 2px!important;
border-radius:14px!important;
line-height: 2.2 !important;}

a[href="about:memory"]:hover{
-moz-appearance:none!important;
background: #B2EDFA url("..//icons/Bild3.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
background-position:8px 2px!important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
border-style: outset !important;
border-width:2px !important;}

#prefs-user-js-link{
-moz-appearance:none!important;
background: #F0F0F0 url("..//icons/Bild3.png") no-repeat !important;
color:black!important;
margin-left: 3px !important;
font-size:14px!important;
text-decoration:none!important;
padding-right:15px!important;
padding-left:35px!important;
padding-bottom: 2px !important;
padding-top: 2px !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:2px !important;
background-position:8px 2px!important;
border-radius:14px!important;}

#prefs-user-js-link:hover{
-moz-appearance:none!important;
color:black!important; background: #B2EDFA url("..//icons/Bild3.png") no-repeat !important;
font-size:14px!important;
text-decoration:none!important;
padding-right:15px!important;
padding-left:35px!important;
background-position:8px 2px!important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
border-style: outset !important;
border-width:2px !important;}

a[href="about:performance"]{
-moz-appearance:none!important;
background: #F0F0F0 url("..//icons/Bild3.png") no-repeat !important;
color:black!important;
margin-left: -3px !important;
margin-top: 3px !important;
font-size:14px!important;
text-decoration:none!important;
padding-right:63px!important;
padding-left:35px!important;
padding-bottom: 2px !important;
padding-top: 2px !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:2px !important;
background-position:8px 2px!important;
border-radius:14px!important;
line-height: 2.2 !important;}

a[href="about:performance"]:hover{
-moz-appearance:none!important;
background: #B2EDFA url("..//icons/Bild3.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
background-position:8px 2px!important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
border-style: outset !important;
border-width:2px !important;}

a[href="about:profiles"]{
-moz-appearance:none!important;
background: #F0F0F0 url("..//icons/Bild3.png") no-repeat !important;
color:black!important;
margin-left: -3px !important;
margin-top: 3px !important;
font-size:14px!important;
text-decoration:none!important;
padding-right:94px!important;
padding-left:35px!important;
padding-bottom: 2px !important;
padding-top: 2px !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:2px !important;
background-position:8px 2px!important;
border-radius:14px!important;
line-height: 2.2 !important;}

a[href="about:profiles"]:hover{
-moz-appearance:none!important;
background: #B2EDFA url("..//icons/Bild3.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
background-position:8px 2px!important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
border-style: outset !important;
border-width:2px !important;}

#verify-place-integrity-button{
-moz-appearance:none!important;
background: #F0F0F0 url("..//icons/Bild3.png") no-repeat !important;
color:black!important;
margin-left: 3px !important;
margin-top: 3px !important;
font-size:14px!important;
text-decoration:none!important;
padding-right:20px!important;
padding-left:35px!important;
padding-bottom: 2px !important;
padding-top: 2px !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:2px !important;
background-position:8px 4px!important;
border-radius:20px!important;}

#verify-place-integrity-button:hover{
-moz-appearance:none!important;
background: #B2EDFA url("..//icons/Bild3.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
background-position:8px 4px!important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
border-style: outset !important;
border-width:2px !important;}

button[data-l10n-id="reset-on-next-restart"]{
-moz-appearance:none!important;
background: #F0F0F0 url("..//icons/Bild85.png") no-repeat !important;
color:black!important;
margin-left: 3px !important;
margin-top: 3px !important;
font-size:14px!important;
text-decoration:none!important;
padding-right:20px!important;
padding-left:35px!important;
padding-bottom: 2px !important;
padding-top: 2px !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:2px !important;
background-position:8px 5px!important;
border-radius:20px!important;}

button[data-l10n-id="reset-on-next-restart"]:hover{
-moz-appearance:none!important;
background: #B2EDFA url("..//icons/Bild85.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
background-position:8px 5px!important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
border-style: outset !important;
border-width:2px !important;}

button[data-l10n-id="gpu-process-kill-button"]{
-moz-appearance:none!important;
background: #F0F0F0 url("..//icons/Bild117.png") no-repeat !important;
color:black!important;
margin-left: 3px !important;
margin-top: 3px !important;
font-size:14px!important;
text-decoration:none!important;
padding-right:20px!important;
padding-left:35px!important;
padding-bottom: 2px !important;
padding-top: 2px !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:2px !important;
background-position:8px 5px!important;
border-radius:20px!important;}

button[data-l10n-id="gpu-process-kill-button"]:hover{
-moz-appearance:none!important;
background: #B2EDFA url("..//icons/Bild117.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
background-position:8px 5px!important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
border-style: outset !important;
border-width:2px !important;}

button[data-l10n-id="gpu-device-reset-button"]{
-moz-appearance:none!important;
background: #F0F0F0 url("..//icons/Bild21.png") no-repeat !important;
color:black!important;
margin-left: 3px !important;
margin-top: 3px !important;
font-size:14px!important;
text-decoration:none!important;
padding-right:40px!important;
padding-left:35px!important;
padding-bottom: 2px !important;
padding-top: 2px !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:2px !important;
background-position:8px 5px!important;
border-radius:20px!important;}

button[data-l10n-id="gpu-device-reset-button"]:hover{
-moz-appearance:none!important;
background: #B2EDFA url("..//icons/Bild21.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
background-position:8px 6px!important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
border-style: outset !important;
border-width:2px !important;}

button[id="enumerate-database-button"]{
-moz-appearance:none!important;
background: #F0F0F0 url("..//icons/Bild7.png") no-repeat !important;
color:black!important;
margin-left: 3px !important;
margin-top: 3px !important;
font-size:14px!important;
text-decoration:none!important;
padding-right:40px!important;
padding-left:35px!important;
padding-bottom: 2px !important;
padding-top: 2px !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:2px !important;
background-position:8px 6px!important;
border-radius:20px!important;}

button[id="enumerate-database-button"]:hover{
-moz-appearance:none!important;
background: #B2EDFA url("..//icons/Bild7.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
background-position:8px 5px!important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
border-style: outset !important;
border-width:2px !important;}
}

Alles anzeigen

Boersenfeger

Ich teste es dann morgen, ob mir dieser oder der Alte besser gefällt... vielen Dank Euch beiden..

Boersenfeger

Ich bleibe zunächst beim abgerundeten Code...

Was mir bei dem jetzigen ungerundeten auffällt:

Bei "Externe Prozesse" erhalte ich da einen Button..

In Endors ursprünglichen Nightly-Code nicht..

Endor

Ja diesen Button hatte ich vergessen.

Ist daher erst jetzt dazu gekommen.

Code dafür siehe hier:

RE: About Seiten mit CSS Codes anpassen

An passender Stelle in Deinen vorhandenen CSS Code einfügen.

Mfg.
Endor

Boersenfeger

Vielen Dank, wie gesagt, ich bleibe erst mal beim abgerundeten Code..

Endor

Ich auch :wink:

Mfg.
Endor

Endor

Nachschub :wink:

about:buildconfig

CSS Code:

CSS

@namespace url(http://www.w3.org/1999/xhtml);


@-moz-document url(about:buildconfig) {


html{background: white !important;}


h1:before {
content: "Endors Firefox: ";
font-weight:bold !important;
color:red !important;
margin-left:250px !important;
margin-right: 15px !important;
padding-top: 100px !important;}


h1{
color: #cc0000 !important;
font-size: 22px !important;
font-weight: bold !important;
margin-bottom: 20px !important;}


h2, body > table:nth-child(n+1) > tbody:nth-child(1) > tr:nth-child(1) {color: #3377ff !important;}


body{
background-color: #fffff0 !important;
max-width: 900px !important;
margin-left: 220px !important;
margin-top: 25px !important;
padding-top: 20px !important;
padding-left: 25px !important;
padding-right: 25px !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-radius: 20px !important;
border-width: 4px !important;
border-style: outset !important;}


P > A {min-width: 260px !important;}


P > A {
-moz-appearance:none!important;
background: #efefef url("..//icons/Bild4.png")no-repeat !important;
margin-left: 30px !important;
padding-left:35px!important;
padding-right:20px!important;
padding-bottom: 1px!important;
height:24px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:2px !important;
font-size:14px!important;
text-decoration:none!important;
background-position:10px 2px!important;
border-radius:14px!important;
color:black !important; }




P > A:hover{
-moz-appearance:none!important;
background: #B2EDFA url("..//icons/Bild4.png")no-repeat !important;
font-size:14px!important;
text-decoration:none!important;
padding-right:20px!important;
padding-left:35px!important ;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
border-style: outset !important;
border-width:2px !important;
background-position:10px 2px!important;}
}

Alles anzeigen

Symbol:

Mfg.
Endor

Endor

Aktualisierung des Css Code für about:protections

Hatte eine Schaltfläche vergessen und bei zwei anderen Schaltfächen

habe ich Symbole eingebaut:

CSS Code:

CSS

/* AGENT_SHEET */
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix(about:protections){

html {background: #ffffff !important;}

body::before{
content: "Endors Protection:" !important;
margin-left:320px!important;
margin-right:5px!important;
color:red !important;
font-weight:bold !important;
font-size:22px!important; }

.passwords-stored-text .icon-small {
fill: gold !important;}

.synced-devices-text .icon-small {
fill: red !important;}

#report-title{color: #1a75ff !important; font-weight: bold !important; font-size: 18px !important;}

#report-content{
width: 890px !important;
margin-top: 20px !important;
margin-bottom: 20px !important;
padding-bottom: 20px !important;
padding-top: 15px !important;
padding-left: 50px !important;
padding-right: 50px !important;
background-color: #fffff0 !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-radius: 20px !important;
border-width: 4px !important;
border-style: outset !important;}

#report-content:hover{
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}

#interventions{
padding-top: 15px !important;
padding-left: 20px !important;
padding-right: 20px !important;
background-color: #fffff0 !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-radius: 20px !important;
border-width: 4px !important;
border-style: outset !important;}

#interventions:hover{
background-color: #FFDEAD !important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}

div.card,
section.card:nth-child(3),
section.card:nth-child(4),
section.card:nth-child(5){
padding-top: 15px !important;
padding-left: 20px !important;
padding-right: 20px !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-radius: 20px !important;
border-width: 4px !important;
border-style: outset !important;}

div.card:hover,
section.card:nth-child(3):hover,
section.card:nth-child(4):hover,
section.card:nth-child(5):hover{
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
}

#protection-details{
background: #efefef url("..//icons/Bild94.png") no-repeat !important;
margin-right: -5px !important;
color:black!important;
font-size:14px!important;
padding-left:35px!important;
padding-right:15px!important;
padding-top: 3px!important;
padding-bottom: 3px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
background-position:10px 5px!important;
border-radius:14px!important;}

#protection-details:hover{
background: #B2EDFA url("..//icons/Bild94.png") no-repeat !important;
padding-left:35px!important;
background-position:10px 5px!important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}

#trackerContent,
#cryptominerContent,
#fingerprinterContent,
#cookieContent,
#socialContent{
background-color: #fffff0 !important;
line-height: 2 !important;}

#tracker,
#cryptominer,
#fingerprinter,
#cookie,
#social{
background-color: #fffff0 !important;
border-left-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-bottom-right-radius: 14px !important;
border-bottom-left-radius: 14px !important;
}

#tracker-link,
#cryptominer-link,
#fingerprinter-link,
#cookie-link,
#social-link{
background: #efefef url("..//icons/Bild1.png") no-repeat !important;
margin-right: -5px !important;
color:black!important;
font-size:14px!important;
padding-left:35px!important;
padding-right: 22px!important;
padding-bottom: 2px!important;
padding-top: 2px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
background-position:10px 4px!important;
border-radius:14px!important;}

#tracker-link:hover,
#cryptominer-link:hover,
#fingerprinter-link:hover,
#cookie-link:hover,
#social-link:hover{
background: #B2EDFA url("..//icons/Bild1.png") no-repeat !important;
padding-left:35px!important;
background-position:10px 4px!important;
text-decoration: none !important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}

#lockwise-how-it-works{
background: #efefef url("..//icons/Bild1.png") no-repeat !important;
margin-right: -5px !important;
color:black!important;
font-size:14px!important;
padding-left:35px!important;
padding-right: 22px!important;
padding-bottom: 2px!important;
padding-top: 2px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
background-position:10px 4px!important;
border-radius:14px!important;}

#lockwise-how-it-works:hover{
background: #B2EDFA url("..//icons/Bild1.png") no-repeat !important;
padding-left:35px!important;
background-position:10px 4px!important;
text-decoration: none !important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}

#turn-on-sync{
background: #efefef url("..//icons/Bild83.png") no-repeat !important;
margin-left: 38px !important;
color:black!important;
font-size:14px!important;
padding-left:35px!important;
padding-right: 35px!important;
padding-bottom: 2px!important;
padding-top: 2px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
background-position:10px 4px!important;
border-radius:14px!important;}

#turn-on-sync:hover{
background: #B2EDFA url("..//icons/Bild83.png") no-repeat !important;
padding-left:35px!important;
background-position:10px 4px!important;
text-decoration: none !important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}

#manage-devices{
background: #efefef url("..//icons/tools.png") no-repeat !important;
margin-left: 38px !important;
color:black!important;
font-size:14px!important;
padding-left:35px!important;
padding-right: 35px!important;
padding-bottom: 2px!important;
padding-top: 2px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
background-position:10px 4px!important;
border-radius:14px!important;}

#manage-devices:hover{
background: #B2EDFA url("..//icons/tools.png") no-repeat !important;
padding-left:35px!important;
background-position:10px 4px!important;
text-decoration: none !important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}

.synced-devices-text,
.passwords-stored-text{min-width: 490px !important;}

#open-about-logins-button{
background: #0060df url("..//icons/key_go.png") no-repeat !important;
background-position:14px 10px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
border-radius:22px!important;}

#open-about-logins-button:hover{
background: #003eaa url("..//icons/key_go.png") no-repeat !important;
background-position:14px 10px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
border-radius:22px!important;}

#sign-up-for-monitor-link {
-moz-appearance: none !important;
background: #0060df url("..//icons/database.png") no-repeat !important;
background-position:17px 18px!important;
padding-left: 22px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
border-radius:30px!important;}

#sign-up-for-monitor-link:hover{
background: #003eaa url("..//icons/database.png") no-repeat !important;
background-position:17px 18px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
border-radius:30px !important;}
}

Alles anzeigen

Symbole:

Mfg.
Endor

Boersenfeger

Da scheint was nicht ganz zu passen:

Im Bildteil fehlt der blaue Rand, es ist nicht rund und der Button hat kein Icon

Endor

Hallo Boersenfeger.

Bitte teste diesen noch mal:

CSS

/* AGENT_SHEET */
@namespace url(http://www.w3.org/1999/xhtml);


@-moz-document url-prefix(about:protections){


html {background: #ffffff !important;}


body::before{
content: "Endors Protection:" !important;
margin-left:320px!important;
margin-right:5px!important;
color:red !important;
font-weight:bold !important;
font-size:22px!important; }


.passwords-stored-text .icon-small {
fill: gold !important;}


.synced-devices-text .icon-small {
fill: red !important;}


#report-title{color: #1a75ff !important; font-weight: bold !important; font-size: 18px !important;}


#report-content{
width: 890px !important;
margin-top: 20px !important;
margin-bottom: 20px !important;
padding-bottom: 20px !important;
padding-top: 15px !important;
padding-left: 50px !important;
padding-right: 50px !important;
background-color: #fffff0 !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-radius: 20px !important;
border-width: 4px !important;
border-style: outset !important;}


#report-content:hover{
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}


#interventions{
padding-top: 15px !important;
padding-left: 20px !important;
padding-right: 20px !important;
background-color: #fffff0 !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-radius: 20px !important;
border-width: 4px !important;
border-style: outset !important;}


#interventions:hover{
background-color: #FFDEAD !important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}


div.card,
section.card:nth-child(3),
section.card:nth-child(4),
section.card:nth-child(5){
padding-top: 15px !important;
padding-left: 20px !important;
padding-right: 20px !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-radius: 20px !important;
border-width: 4px !important;
border-style: outset !important;}


div.card:hover,
section.card:nth-child(3):hover,
section.card:nth-child(4):hover,
section.card:nth-child(5):hover{
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
}


#protection-details{
background: #efefef url("..//icons/Bild94.png") no-repeat !important;
margin-right: -5px !important;
color:black!important;
font-size:14px!important;
padding-left:35px!important;
padding-right:15px!important;
padding-top: 3px!important;
padding-bottom: 3px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
background-position:10px 5px!important;
border-radius:14px!important;}


#protection-details:hover{
background: #B2EDFA url("..//icons/Bild94.png") no-repeat !important;
padding-left:35px!important;
background-position:10px 5px!important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}


#trackerContent,
#cryptominerContent,
#fingerprinterContent,
#cookieContent,
#socialContent{
background-color: #fffff0 !important;
line-height: 2 !important;}


#tracker,
#cryptominer,
#fingerprinter,
#cookie,
#social{
background-color: #fffff0 !important;
border-left-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-bottom-right-radius: 14px !important;
border-bottom-left-radius: 14px !important;
}


#tracker-link,
#cryptominer-link,
#fingerprinter-link,
#cookie-link,
#social-link{
background: #efefef url("..//icons/Bild1.png") no-repeat !important;
margin-right: -5px !important;
color:black!important;
font-size:14px!important;
padding-left:35px!important;
padding-right: 22px!important;
padding-bottom: 2px!important;
padding-top: 2px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
background-position:10px 4px!important;
border-radius:14px!important;}


#tracker-link:hover,
#cryptominer-link:hover,
#fingerprinter-link:hover,
#cookie-link:hover,
#social-link:hover{
background: #B2EDFA url("..//icons/Bild1.png") no-repeat !important;
padding-left:35px!important;
background-position:10px 4px!important;
text-decoration: none !important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}


#lockwise-how-it-works{
background: #efefef url("..//icons/Bild1.png") no-repeat !important;
margin-right: -5px !important;
color:black!important;
font-size:14px!important;
padding-left:35px!important;
padding-right: 22px!important;
padding-bottom: 2px!important;
padding-top: 2px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
background-position:10px 4px!important;
border-radius:14px!important;}


#lockwise-how-it-works:hover{
background: #B2EDFA url("..//icons/Bild1.png") no-repeat !important;
padding-left:35px!important;
background-position:10px 4px!important;
text-decoration: none !important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}


#turn-on-sync{
background: #efefef url("..//icons/Bild83.png") no-repeat !important;
margin-left: 38px !important;
color:black!important;
font-size:14px!important;
padding-left:35px!important;
padding-right: 35px!important;
padding-bottom: 2px!important;
padding-top: 2px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
background-position:10px 4px!important;
border-radius:14px!important;}


#turn-on-sync:hover{
background: #B2EDFA url("..//icons/Bild83.png") no-repeat !important;
padding-left:35px!important;
background-position:10px 4px!important;
text-decoration: none !important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}


#manage-devices{
background: #efefef url("..//icons/tools.png") no-repeat !important;
margin-left: 38px !important;
color:black!important;
font-size:14px!important;
padding-left:35px!important;
padding-right: 35px!important;
padding-bottom: 2px!important;
padding-top: 2px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
background-position:10px 4px!important;
border-radius:14px!important;}


#manage-devices:hover{
background: #B2EDFA url("..//icons/tools.png") no-repeat !important;
padding-left:35px!important;
background-position:10px 4px!important;
text-decoration: none !important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}


.synced-devices-text,
.passwords-stored-text{min-width: 490px !important;}


#open-about-logins-button{
background: #0060df url("..//icons/key_go.png") no-repeat !important;
background-position:14px 10px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
border-radius:22px!important;}


#open-about-logins-button:hover{
background: #003eaa url("..//icons/key_go.png") no-repeat !important;
background-position:14px 10px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
border-radius:22px!important;}


#sign-up-for-monitor-link {
-moz-appearance: none !important;
background: #0060df url("..//icons/database.png") no-repeat !important;
background-position:17px 18px!important;
padding-left: 22px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
border-radius:30px!important;}


#sign-up-for-monitor-link:hover{
background: #003eaa url("..//icons/database.png") no-repeat !important;
background-position:17px 18px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
border-radius:30px!important;}
}

Alles anzeigen

Boersenfeger

Keine Änderung

milupo

Endor Die ID #manage-passwords-button für die Schaltfläche Passwörter verwalten fehlt in deinem Code.

Endor

Ja habe ich jetzt gesehen.

Habe erst vorhin bemerkt, das Bild stammt aus dem Nightly.

Daher habe ich das vorher nicht bemerkt.

Arbeite daran.

Mfg.
Endor

so bitte nochmal testen ist jetzt speziell für Nightly:

CSS

/* AGENT_SHEET */
@namespace url(http://www.w3.org/1999/xhtml);


@-moz-document url-prefix(about:protections){


html {background: #ffffff !important;}


body::before{
content: "Endors Protection:" !important;
margin-left:320px!important;
margin-right:5px!important;
color:red !important;
font-weight:bold !important;
font-size:22px!important; }


.passwords-stored-text .icon-small {
fill: gold !important;}


.synced-devices-text .icon-small {
fill: red !important;}


#report-title{color: #1a75ff !important; font-weight: bold !important; font-size: 18px !important;}


#report-content{
width: 890px !important;
margin-top: 20px !important;
margin-bottom: 20px !important;
padding-bottom: 20px !important;
padding-top: 15px !important;
padding-left: 50px !important;
padding-right: 50px !important;
background-color: #fffff0 !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-radius: 20px !important;
border-width: 4px !important;
border-style: outset !important;}


#report-content:hover{
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}


#interventions{
padding-top: 15px !important;
padding-left: 20px !important;
padding-right: 20px !important;
background-color: #fffff0 !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-radius: 20px !important;
border-width: 4px !important;
border-style: outset !important;}


#interventions:hover{
background-color: #FFDEAD !important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}


div.card,
section.card:nth-child(3),
section.card:nth-child(4),
section.card:nth-child(5),
section.card:nth-child(6){
padding-top: 15px !important;
padding-left: 20px !important;
padding-right: 20px !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-radius: 20px !important;
border-width: 4px !important;
border-style: outset !important;}


div.card:hover,
section.card:nth-child(3):hover,
section.card:nth-child(4):hover,
section.card:nth-child(5):hover,
section.card:nth-child(6):hover{
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
}


#protection-details{
background: #efefef url("..//icons/Bild94.png") no-repeat !important;
margin-right: -5px !important;
color:black!important;
font-size:14px!important;
padding-left:35px!important;
padding-right:15px!important;
padding-top: 3px!important;
padding-bottom: 3px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
background-position:10px 5px!important;
border-radius:14px!important;}


#protection-details:hover{
background: #B2EDFA url("..//icons/Bild94.png") no-repeat !important;
padding-left:35px!important;
background-position:10px 5px!important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}


#trackerContent,
#cryptominerContent,
#fingerprinterContent,
#cookieContent,
#socialContent{
background-color: #fffff0 !important;
line-height: 2 !important;}


#tracker,
#cryptominer,
#fingerprinter,
#cookie,
#social{
background-color: #fffff0 !important;
border-left-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-bottom-right-radius: 14px !important;
border-bottom-left-radius: 14px !important;
}


#tracker-link,
#cryptominer-link,
#fingerprinter-link,
#cookie-link,
#social-link{
background: #efefef url("..//icons/Bild1.png") no-repeat !important;
margin-right: -5px !important;
color:black!important;
font-size:14px!important;
padding-left:35px!important;
padding-right: 22px!important;
padding-bottom: 2px!important;
padding-top: 2px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
background-position:10px 4px!important;
border-radius:14px!important;}


#tracker-link:hover,
#cryptominer-link:hover,
#fingerprinter-link:hover,
#cookie-link:hover,
#social-link:hover{
background: #B2EDFA url("..//icons/Bild1.png") no-repeat !important;
padding-left:35px!important;
background-position:10px 4px!important;
text-decoration: none !important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}


#lockwise-how-it-works{
background: #efefef url("..//icons/Bild1.png") no-repeat !important;
margin-right: -5px !important;
color:black!important;
font-size:14px!important;
padding-left:35px!important;
padding-right: 22px!important;
padding-bottom: 2px!important;
padding-top: 2px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
background-position:10px 4px!important;
border-radius:14px!important;}


#lockwise-how-it-works:hover{
background: #B2EDFA url("..//icons/Bild1.png") no-repeat !important;
padding-left:35px!important;
background-position:10px 4px!important;
text-decoration: none !important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}


#turn-on-sync{
background: #efefef url("..//icons/Bild83.png") no-repeat !important;
margin-left: 38px !important;
color:black!important;
font-size:14px!important;
padding-left:35px!important;
padding-right: 35px!important;
padding-bottom: 2px!important;
padding-top: 2px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
background-position:10px 4px!important;
border-radius:14px!important;}


#turn-on-sync:hover{
background: #B2EDFA url("..//icons/Bild83.png") no-repeat !important;
padding-left:35px!important;
background-position:10px 4px!important;
text-decoration: none !important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}


#manage-devices{
background: #efefef url("..//icons/tools.png") no-repeat !important;
margin-left: 38px !important;
color:black!important;
font-size:14px!important;
padding-left:35px!important;
padding-right: 35px!important;
padding-bottom: 2px!important;
padding-top: 2px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
background-position:10px 4px!important;
border-radius:14px!important;}


#manage-devices:hover{
background: #B2EDFA url("..//icons/tools.png") no-repeat !important;
padding-left:35px!important;
background-position:10px 4px!important;
text-decoration: none !important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}


.synced-devices-text,
.passwords-stored-text{min-width: 490px !important;}


#manage-passwords-button{
min-width: 250px !important;
background: #0060df url("..//icons/key_go.png") no-repeat !important;
background-position:14px 10px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
border-radius:22px!important;}


#manage-passwords-button:hover{
background: #003eaa url("..//icons/key_go.png") no-repeat !important;
background-position:14px 10px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
border-radius:22px!important;}


#open-about-logins-button{
background: #0060df url("..//icons/key_go.png") no-repeat !important;
background-position:14px 10px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
border-radius:22px!important;}


#open-about-logins-button:hover{
background: #003eaa url("..//icons/key_go.png") no-repeat !important;
background-position:14px 10px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
border-radius:22px!important;}


#sign-up-for-monitor-link {
-moz-appearance: none !important;
background: #0060df url("..//icons/database.png") no-repeat !important;
background-position:17px 10px!important;
padding-left: 22px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
border-radius:30px!important;}


#sign-up-for-monitor-link:hover{
background: #003eaa url("..//icons/database.png") no-repeat !important;
background-position:17px 10px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
border-radius:30px!important;}
}

Alles anzeigen

Mfg.
Endor

Boersenfeger

Jo, jetzt ists schick, vielen Dank!

Endor

Gerne.

Tu mir in Zukunft bitte einen Gefallen, schreib dazu wenn es um Nightly geht.

Denn ich teste die CSS Codes, aus Zeitgründen, im Moment nur im aktuellen 76.0.1.

:wink:

Mfg.
Endor

milupo

Zitat von Endor

Denn ich teste die CSS Codes, aus Zeitgründen, im Moment nur im aktuellen 76.0.1.

Lohnt sich das noch? Am Dienstag kommt Fx 77.

About Seiten mit CSS Codes anpassen

Ähnliche Themen

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

Addons Manager Nightly