Beiträge von Endor

Endor

Hallo 2002Andreas

Jetzt verstehe ich was Du meinst.

Der ist ca. in der Mitte siehe:

Sollte also funktionieren.

Mfg.
Endor

Endor

Hallo 2002Andreas.

Obiger CSS Code ist für die Seite about:logins.
Den musste ich auch ändern. Daher meine Frage an FuchsFan

da er mich ja darauf aufmerksamen gemacht hat.

Mfg.
Endor

Endor

FuchsFan

Teste mal den für about:logins

Edit: Code funktioniert noch nicht richtig.
Daher habe ich ihn wieder entfernt.

Mfg.
Endor

Endor

Zitat von FuchsFan

Kleine Änderungen habe ich noch gemacht

Hallo FuchsFan

Habe ich jetzt so übernommen.

CSS

li.message:nth-child(odd) {
background: #fffae8 !important;
border-radius: 14px !important;
border: 1px solid silver !important;
padding: 4px 10px 10px 10px !important;}

li.message:nth-child(even) {
background: #ffffdd !important;
border-radius: 14px !important;
border: 1px solid silver !important;
padding: 4px 10px 10px 10px !important;} 

li.message:nth-child(odd):hover {
background: #fbe8d2 !important;
border-radius: 14px !important;
border: 1px solid silver !important;
padding: 4px 10px 10px 10px !important;
box-shadow: 2px 2px 2px 2px lightgrey !important;}

li.message:nth-child(even):hover {
background: #fbe8d2 !important;
border-radius: 14px !important;
border: 1px solid silver !important;
padding: 4px 10px 10px 10px !important;
box-shadow: 2px 2px 2px 2px lightgrey !important;}

Alles anzeigen

sieht finde ich gut aus. Danke!

Habe es so jetzt auch im letzten CSS Code geändert.

Beitrag

RE: About Seiten mit CSS Codes anpassen

Hallo 2002Andreas .

Vielen Dank für Deine Codes. Alles übernommen.

Hallo FuchsFan

Habe alles was ihr beiden oben vorgeschlagen habt übernommen
und noch etwas eingefügt.

Hier der gesamte CSS Code:

about:windows-messages

(Quelltext, 113 Zeilen)

Was sagst Du dazu?

Mfg.
Endor

Endor

15. Februar 2023 um 19:20

Mfg.
Endor

Endor

Hallo FuchsFan.

Danke für den CSS Code.

Ich habe es so gemacht:

padding: 4px 10px 10px 10px !important;}

Danke

Mfg.
Endor

Endor

Hallo FuchsFan

entsprechenden Absatz so ändern:

CSS

    .card > summary:nth-child(1)::marker{
    color: #1a75ff !important; 
    font-size: 20px ! important;}
    
    li.message:nth-child(n+1)::marker{
    color: #cc0000 !important;
    font-size: 20px ! important;}

Danke für die Idee, übernehme ich gleich mal.

Edit: Ist im letzten Code jetzt auch drinnen.

Mfg.

Endor

Endor

Endor

Hallo 2002Andreas.

Vielen Dank für Deine Codes. Alles übernommen.

Hallo FuchsFan

Habe alles was ihr beiden oben vorgeschlagen habt übernommen
und noch etwas eingefügt.

Hier der gesamte CSS Code:

about:windows-messages

CSS

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

    @-moz-document url(about:windows-messages) {
        
    html{background: white !important;
    scrollbar-width: none !important;}
    
    h1:before {
    content: "Endors Firefox:    "; 
    font-weight:bold !important;  
    color:red !important; 
    margin-left:300px !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;}
    
    h3{
    color: #1a75ff !important; 
    font-size: 20px !important;}
    
    .card > summary:nth-child(1)::marker{
    color: #1a75ff !important;
    font-size: 20px ! important;}
    
    li.message:nth-child(n+1)::marker{
    color: #cc0000 !important;
    font-size: 20px ! important;}
    
    li.message:nth-child(odd) {
    background: #fffae8 !important;
    border-radius: 14px !important;
    border: 1px solid silver !important;
    padding: 4px 10px 10px 10px !important;}

    li.message:nth-child(even) {
    background: #ffffdd !important;
    border-radius: 14px !important;
    border: 1px solid silver !important;
    padding: 4px 10px 10px 10px !important;} 

    li.message:nth-child(odd):hover {
    background: #fbe8d2 !important;
    border-radius: 14px !important;
    border: 1px solid silver !important;
    padding: 4px 10px 10px 10px !important;
    box-shadow: 2px 2px 2px 2px lightgrey !important;}

    li.message:nth-child(even):hover {
    background: #fbe8d2 !important;
    border-radius: 14px !important;
    border: 1px solid silver !important;
    padding: 4px 10px 10px 10px !important;
    box-shadow: 2px 2px 2px 2px lightgrey !important;}
    
    .card:hover {
    background: #fffff0 !important;}
    
    :root {
    --card-outline-color: red !important;}
        
    body {
    height: auto !important; 
    background-color: #fffff0 !important;
    max-width: 1250px !important; /* hier die Breite einstellen */
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 25px !important;
    padding-top: 35px !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;}    
    
    [data-l10n-id="windows-messages-copy-to-clipboard"] {
    margin-top: 15px !important;
    text-decoration:none !important;
    display: inline-block !important;
    padding-left: 55px !important;
    padding-right: 35px !important;
    padding-top: 5px  !important;
    padding-bottom: 5px !important;
    color: black !important;
    background: #efefef url("..//icons/page_copy20.png") no-repeat !important;
    background-position:16px 6px!important;
    border-left-color:  #E6E5E5 !important;
    border-top-color:  #E6E5E5 !important;
    border-right-color:  #5C5B5B !important;
    border-bottom-color:  #5C5B5B !important;  
    border-width:1px !important;
    border-style: outset !important;
    border-radius:22px!important;}

    [data-l10n-id="windows-messages-copy-to-clipboard"]:hover{
    background: #CFE6F1 url("..//icons/page_copy20.png") no-repeat !important;
    background-position:16px 6px!important;
    border-left-color:  #e4e3e3 !important;
    border-top-color:  #e4e3e3 !important;
    border-right-color:  #5c5b5b !important;
    border-bottom-color:  #5c5b5b !important;    
    border-width:1px !important;
    border-style: outset !important;
    border-radius:22px!important;}
    }

Alles anzeigen

Was sagst Du dazu?

Mfg.
Endor

Endor

Zitat von 2002Andreas

[data-l10n-id="windows-messages-copy-to-clipboard"]

Danke 2002Andreas werde ich so machen.

FuchsFan

Füge mal diesen Teil noch in den Code ein wegen Farbe:

CSS

    li.message:nth-child(odd) {
    background: #fffae8 !important;
    }

    li.message:nth-child(even) {
    background: #ffffdd !important;
    } 

    li.message:nth-child(odd):hover {
    background: #fbe8d2 !important;
    }

    li.message:nth-child(even):hover {
    background: #fbe8d2 !important;
    }

Alles anzeigen

ich habe auch noch einen Hover Effekt hinzugefügt.

Mfg.
Endor

Endor

2002Andreas.

Danke, das sieht interessant aus.
Werde das mal testen.

Mfg.
Endor

Endor

Hallo Boersenfeger.

Ja.

Du kannst Dir in diesen Zeilen den Wert aber noch anpassen

Code die Zeilen 199 und 268

font-weight: 600 !important;

Zahl je nach Wunsch Erhöhen oder verringern.

also Statt 600 eben 500 oder 800 usw.

Mfg.
Endor

Hallo FuchsFan

Teste mal diesen CSS Code für

about:windows-messages

CSS

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

    @-moz-document url(about:windows-messages) {
        
    html{background: white !important;
    scrollbar-width: none !important;}
    
    h1:before {
    content: "Endors Firefox:    "; 
    font-weight:bold !important;  
    color:red !important; 
    margin-left:300px !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;}
    
    h3{
    color: #1a75ff !important; 
    font-size: 20px !important;}
    
    .card > summary:nth-child(1)::marker{
    color: #1a75ff !important; }
    
    li.message:nth-child(n+1)::marker{
    color: #cc0000 !important;}
    
    :root {
    --card-outline-color: red !important;}
        
    body {
    height: auto !important; 
    background-color: #fffff0 !important;
    max-width: 1250px !important; /* hier die Breite einstellen */
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 25px !important;
    padding-top: 35px !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;}    
    
    .card > summary:nth-child(1) > button:nth-child(2) {
    margin-top: 15px !important;
    text-decoration:none !important;
    display: inline-block !important;
    padding-left: 55px !important;
    padding-right: 35px !important;
    padding-top: 5px  !important;
    padding-bottom: 5px !important;
    color: black !important;
    background: #efefef url("..//icons/page_copy20.png") no-repeat !important;
    background-position:16px 6px!important;
    border-left-color:  #E6E5E5 !important;
    border-top-color:  #E6E5E5 !important;
    border-right-color:  #5C5B5B !important;
    border-bottom-color:  #5C5B5B !important;  
    border-width:1px !important;
    border-style: outset !important;
    border-radius:22px!important;}

    .card > summary:nth-child(1) > button:nth-child(2):hover{
    background: #CFE6F1 url("..//icons/page_copy20.png") no-repeat !important;
    background-position:16px 6px!important;
    border-left-color:  #e4e3e3 !important;
    border-top-color:  #e4e3e3 !important;
    border-right-color:  #5c5b5b !important;
    border-bottom-color:  #5c5b5b !important;    
    border-width:1px !important;
    border-style: outset !important;
    border-radius:22px!important;}
    }

Alles anzeigen

Symbol:

Mfg.
Endor

Endor

Yep hier auch.

~~ich entferne oben gleich noch die beiden Teile.~~ Erledigt.

Mfg.
Endor

Endor

Endor

Hallo FuchsFan.

So müsste es nun passen.

Danke nochmals für Deinen Hinweis.
Habe übrigens noch paar Kleinigkeiten geändert.

CSS

    /* AGENT_SHEET */
    @namespace url(http://www.w3.org/1999/xhtml);
    @-moz-document url(about:logging){
        
    html{
    background:#ffffff !important;
    scrollbar-width: none !important;}
        
    .main-content::before {content: "Design by Endor";
    margin-left: 300px;
    font-size: 25px;
    font-weight: bold;
    color: red;}
     
    .main-content {
    padding-top: 40px !important;
    scrollbar-width: none !important;}
    
    #logging{margin-top: 45px  !important;}
        
    #body{
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1200px !important; /* Breite anpassen - gelle Boersenfeger */
    /*max-height: 700px !important;*/
    margin-top: 35px !important;
    margin-bottom: 20px !important;
    padding-bottom: 30px !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;}
    
    #body:hover{
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    h1{
    color: #cc0000 !important; 
    font-size: 26px !important; 
    font-weight: bold !important;
    margin-left: 15px !important;}
    
    h2{
    color: #1a75ff !important;
    font-weight: bold !important; 
    font-size: 17px !important;
    margin-left: 8px !important;}
    
    #no-log-modules{
    color: #cc0000 !important;
    font-size: 18px !important;
    font-weight: bold !important; }
        
    #toggle-logging-button[data-l10n-id="about-logging-start-logging"]{
    appearance:none!important;
    background: #F0F0F0  url("..//icons/Play.png")no-repeat !important;
    padding-left:45px!important;
    padding-right:20px!important;
    margin-top: 10px !important;
    margin-left: 10px !important;
    background-position:14px 7px!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:12px !important;
    color:black !important;}

    #toggle-logging-button[data-l10n-id="about-logging-start-logging"]:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Play.png")no-repeat !important;
    background-position:14px 7px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #toggle-logging-button[data-l10n-id="about-logging-stop-logging"]{
    appearance:none!important;
    background: #F0F0F0  url("..//icons/PLayer-Stop.png")no-repeat !important;
    padding-left:35px!important;
    padding-right:20px!important;
    margin-top: 15px !important;
    background-position:14px 7px!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:12px !important;
    color:black !important;}
    
    #toggle-logging-button[data-l10n-id="about-logging-stop-logging"]:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/PLayer-Stop.png")no-repeat !important;
    background-position:14px 7px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #open-log-file-button{
    appearance:none!important;
    background: #F0F0F0  url("..//icons/Bild12.png")no-repeat !important;
    padding-left:35px!important;
    padding-right:20px!important;
    margin-top: 15px !important;
    background-position:14px 9px!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:12px !important;
    color:black !important; }
    
    #open-log-file-button:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild12.png")no-repeat !important;
    background-position:14px 9px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #set-log-file-button{
    appearance:none!important;
    background: #F0F0F0  url("..//icons/Bild13.png")no-repeat !important;
    margin-left: 5px !important;
    padding-left:35px!important;
    padding-right:20px!important;
    background-position:14px 9px!important;
    font-size:14px!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:12px !important;
    color:black !important;}
        
    #set-log-file-button:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild13.png")no-repeat !important;
    background-position:14px 9px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}    
    
    #logging-preset-dropdown{
    appearance:none !important;
    height: 30px !important;
    background: #F0F0F0  url("..//icons/network.png")no-repeat !important;
    margin-left: 5px !important;
    padding-left: 40px !important;
    padding-right:20px !important;
    padding-top: 0px !important;
    background-position:14px 7px!important;
    font-size:14px!important;
    font-weight: 600 !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:12px !important;
    color:black !important;}    
        
    #logging-preset-dropdown:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/network.png")no-repeat !important;
    background-position:14px 7px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}    
    
    #log-modules{
    margin-left: -5px !important;
    margin-top: 10px !important;}
    
    #logging-preset-description{
    margin-left: -6px !important;
    margin-top: 10px !important;}
    
    #current-log-modules{
    margin-left: -6px !important;
    margin-top: 10px !important;}
    
    #set-log-modules-button{
    appearance:none!important;
    background: #F0F0F0  url("..//icons/Bild13.png")no-repeat !important;
    margin-top: 15px !important;
    margin-left: -5px !important;
    padding-left:40px!important;
    padding-right:20px!important;
    background-position:14px 8px!important;
    font-size: 14px!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:12px !important;
    color:black !important;}
    
    #set-log-modules-button:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild13.png")no-repeat !important;
    background-position:14px 8px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #log-tutorial > a:nth-child(1){
    appearance:none!important;
    background: #F0F0F0  url("..//icons/Bild13.png")no-repeat !important;
    margin-top: 8px !important;
    padding-left:35px !important;
    padding-right:20px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    text-decoration: none !important;
    background-position:14px 6px!important;
    font-size:14px!important;
    font-weight: 600 !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:12px !important;
    color:black !important;}
    
    #log-tutorial > a:nth-child(1):hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild13.png")no-repeat !important;
    background-position:14px 6px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    }

Alles anzeigen

Sobald Firefox auf 110 aktualisiert ist, was heute oder Morgen sein wird,

können wir die beiden einzelnen alten entfernen. Die sind dann überflüssig.

Mfg.
Endor

Endor

Hallo FuchsFan

Danke, habe ich jetzt auch gesehen.
Teste gleich mal Deine Lösung.

Vielen Dank.

Mfg.
Endor

Endor

Hallo Boersenfeger.

Schau Dir von meinem letzten Code die Zeilen 199 und 268

mal an. Hast Du dies auch übernommen?

Mfg.
Endor

Endor

Nachmals testen bitte:

CSS

    /* AGENT_SHEET */
    @namespace url(http://www.w3.org/1999/xhtml);
    @-moz-document url(about:logging){
        
    html{background:#ffffff !important;}
        
    .main-content::before {content: "Design by Endor";
     margin-left: 300px;
     font-size: 25px;
     font-weight: bold;
     color: red;}
     
    .main-content {
    padding-top: 40px !important;
    scrollbar-width: none !important;}
    
    #logging{margin-top: 45px  !important;}
        
    #body{
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1450px !important; /* Breite anpassen - gelle Boersenfeger */
    /*max-height: 700px !important;*/
    margin-top: 35px !important;
    margin-bottom: 20px !important;
    padding-bottom: 30px !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;}
    
    #body:hover{
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    h1{
    color: #cc0000 !important; 
    font-size: 26px !important; 
    font-weight: bold !important;
    margin-left: 15px !important;}
    
    h2{
    color: #1a75ff !important;
    font-weight: bold !important; 
    font-size: 17px !important;
    margin-left: 8px !important;}
    
    #start-logging-button{
    appearance:none!important;
    background: #F0F0F0  url("..//icons/Play.png")no-repeat !important;
    padding-left:35px!important;
    padding-right:20px!important;
    margin-top: 15px !important;
    background-position:14px 9px!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:12px !important;
    color:black !important; 
    }

    #start-logging-button:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Play.png")no-repeat !important;
    background-position:14px 9px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #toggle-logging-button{
    appearance:none!important;
    background: #F0F0F0  url("..//icons/Play.png")no-repeat !important;
    padding-left:45px!important;
    padding-right:20px!important;
    margin-top: 10px !important;
    margin-left: 10px !important;
    background-position:14px 7px!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:12px !important;
    color:black !important;}

    #toggle-logging-button:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Play.png")no-repeat !important;
    background-position:14px 7px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #stop-logging-button{
    appearance:none!important;
    background: #F0F0F0  url("..//icons/PLayer-Stop.png")no-repeat !important;
    padding-left:35px!important;
    padding-right:20px!important;
    margin-top: 15px !important;
    background-position:14px 9px!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:12px !important;
    color:black !important;}
    
    #stop-logging-button:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/PLayer-Stop.png")no-repeat !important;
    background-position:14px 9px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #open-log-file-button{
    appearance:none!important;
    background: #F0F0F0  url("..//icons/Bild12.png")no-repeat !important;
    padding-left:35px!important;
    padding-right:20px!important;
    margin-top: 15px !important;
    background-position:14px 9px!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:12px !important;
    color:black !important; }
    
    #open-log-file-button:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild12.png")no-repeat !important;
    background-position:14px 9px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #set-log-file-button{
    appearance:none!important;
    background: #F0F0F0  url("..//icons/Bild13.png")no-repeat !important;
    margin-left: 5px !important;
    padding-left:35px!important;
    padding-right:20px!important;
    background-position:14px 9px!important;
    font-size:14px!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:12px !important;
    color:black !important;}
        
    #set-log-file-button:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild13.png")no-repeat !important;
    background-position:14px 9px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}    
    
    #logging-preset-dropdown{
    appearance:none !important;
    height: 30px !important;
    background: #F0F0F0  url("..//icons/network.png")no-repeat !important;
    margin-left: 5px !important;
    padding-left: 40px !important;
    padding-right:20px !important;
    padding-top: 0px !important;
    background-position:14px 7px!important;
    font-size:14px!important;
    font-weight: 600 !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:12px !important;
    color:black !important;}    
        
    #logging-preset-dropdown:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/network.png")no-repeat !important;
    background-position:14px 7px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}    
    
    #log-modules{
    margin-left: -5px !important;
    margin-top: 10px !important;}
    
    #logging-preset-description{
    margin-left: -6px !important;
    margin-top: 10px !important;}
    
    #current-log-modules{
    margin-left: -6px !important;
    margin-top: 10px !important;}
    
    #set-log-modules-button{
    appearance:none!important;
    background: #F0F0F0  url("..//icons/Bild13.png")no-repeat !important;
    margin-top: 15px !important;
    margin-left: -5px !important;
    padding-left:40px!important;
    padding-right:20px!important;
    background-position:14px 8px!important;
    font-size: 14px!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:12px !important;
    color:black !important;}
    
    #set-log-modules-button:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild13.png")no-repeat !important;
    background-position:14px 8px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #log-tutorial > a:nth-child(1){
    appearance:none!important;
    background: #F0F0F0  url("..//icons/Bild13.png")no-repeat !important;
    margin-top: 8px !important;
    padding-left:35px !important;
    padding-right:20px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    text-decoration: none !important;
    background-position:14px 6px!important;
    font-size:14px!important;
    font-weight: 600 !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:12px !important;
    color:black !important;}
    
    #log-tutorial > a:nth-child(1):hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild13.png")no-repeat !important;
    background-position:14px 6px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    }

Alles anzeigen

Mfg.
Endor

Endor

Hallo Boersenfeger.

Teste mal meinen Code, eben fertig gemacht.

CSS

    /* AGENT_SHEET */
    @namespace url(http://www.w3.org/1999/xhtml);
    @-moz-document url(about:logging){
        
    html{background:#ffffff !important;}
        
    .main-content::before {content: "Design by Endor";
     margin-left: 300px;
     font-size: 25px;
     font-weight: bold;
     color: red;}
     
    .main-content {
    padding-top: 40px !important;
    scrollbar-width: none !important;}
    
    #logging{margin-top: 45px  !important;}
        
    #body{
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1450px !important; /* Breite anpassen - gelle Boersenfeger */
    margin-top: 35px !important;
    margin-bottom: 20px !important;
    padding-bottom: 30px !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;}
    
    #body:hover{
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    h1{
    color: #cc0000 !important; 
    font-size: 26px !important; 
    font-weight: bold !important;
    margin-left: 15px !important;}
    
    h2{
    color: #1a75ff !important;
    font-weight: bold !important; 
    font-size: 17px !important;
    margin-left: 8px !important;}
    
    #toggle-logging-button{
    appearance:none!important;
    background: #F0F0F0  url("..//icons/Play.png")no-repeat !important;
    padding-left:45px!important;
    padding-right:20px!important;
    margin-top: 10px !important;
    margin-left: 10px !important;
    background-position:14px 7px!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:12px !important;
    color:black !important;}

    #toggle-logging-button:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Play.png")no-repeat !important;
    background-position:14px 7px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #stop-logging-button{
    appearance:none!important;
    background: #F0F0F0  url("..//icons/PLayer-Stop.png")no-repeat !important;
    padding-left:35px!important;
    padding-right:20px!important;
    margin-top: 15px !important;
    background-position:14px 9px!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:12px !important;
    color:black !important;}
    
    #stop-logging-button:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/PLayer-Stop.png")no-repeat !important;
    background-position:14px 9px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #open-log-file-button{
    appearance:none!important;
    background: #F0F0F0  url("..//icons/Bild12.png")no-repeat !important;
    padding-left:35px!important;
    padding-right:20px!important;
    margin-top: 15px !important;
    background-position:14px 9px!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:12px !important;
    color:black !important; }
    
    #open-log-file-button:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild12.png")no-repeat !important;
    background-position:14px 9px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #set-log-file-button{
    appearance:none!important;
    background: #F0F0F0  url("..//icons/Bild13.png")no-repeat !important;
    margin-left: 5px !important;
    padding-left:35px!important;
    padding-right:20px!important;
    background-position:14px 9px!important;
    font-size:14px!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:12px !important;
    color:black !important;}
        
    #set-log-file-button:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild13.png")no-repeat !important;
    background-position:14px 9px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}    
    
    #logging-preset-dropdown{
    appearance:none !important;
    height: 30px !important;
    background: #F0F0F0  url("..//icons/network.png")no-repeat !important;
    margin-left: 5px !important;
    padding-left: 40px !important;
    padding-right:20px !important;
    padding-top: 0px !important;
    background-position:14px 7px!important;
    font-size:14px!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:12px !important;
    color:black !important;}    
        
    #logging-preset-dropdown:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/network.png")no-repeat !important;
    background-position:14px 7px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}    
    
    #log-modules{
    margin-left: -5px !important;
    margin-top: 10px !important;}
    
    #logging-preset-description{
    margin-left: -6px !important;
    margin-top: 10px !important;}
    
    #current-log-modules{
    margin-left: -6px !important;
    margin-top: 10px !important;}
    
    #set-log-modules-button{
    appearance:none!important;
    background: #F0F0F0  url("..//icons/Bild13.png")no-repeat !important;
    margin-top: 15px !important;
    margin-left: -5px !important;
    padding-left:40px!important;
    padding-right:20px!important;
    background-position:14px 8px!important;
    font-size: 14px!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:12px !important;
    color:black !important;}
    
    #set-log-modules-button:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild13.png")no-repeat !important;
    background-position:14px 8px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #log-tutorial > a:nth-child(1){
    appearance:none!important;
    background: #F0F0F0  url("..//icons/Bild13.png")no-repeat !important;
    margin-top: 8px !important;
    padding-left:35px !important;
    padding-right:20px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    text-decoration: none !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:12px !important;
    color:black !important;}
    
    #log-tutorial > a:nth-child(1):hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild13.png")no-repeat !important;
    background-position:14px 6px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    }

Alles anzeigen

ein neues Symbol:

Mfg.
Endor

Endor

Hallo FuchsFan

Danke für die Info. Ja im Nigthly muss ich da noch etwas
anpassen. Melde mich.

Mfg.
Endor

Endor

Hallo FuchsFan.

Danke fürs Aushelfen bei Boersenfeger

about:logging
CSS Code:

CSS

    /* AGENT_SHEET */
    @namespace url(http://www.w3.org/1999/xhtml);
    @-moz-document url(about:logging){
        
    html{background:#ffffff !important;}
        
    .main-content::before {content: "Design by Endor";
     margin-left: 430px;
     font-size: 25px;
     font-weight: bold;
     color: red;}
     
    .main-content {
    padding-top: 40px !important;}
    
    #logging{margin-top: 45px  !important;}
        
    #body{
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1200px !important; /* Breite anpassen - gelle Boersenfeger */
    max-height: 700px !important;
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    padding-bottom: 30px !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;}
    
    #body:hover{
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    

    #start-logging-button{
    appearance:none!important;
    background: #F0F0F0  url("..//icons/Play.png")no-repeat !important;
    padding-left:35px!important;
    padding-right:20px!important;
    margin-top: 15px !important;
    background-position:14px 9px!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:12px !important;
    color:black !important; 
    }

    #start-logging-button:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Play.png")no-repeat !important;
    background-position:14px 9px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #stop-logging-button{
    appearance:none!important;
    background: #F0F0F0  url("..//icons/PLayer-Stop.png")no-repeat !important;
    padding-left:35px!important;
    padding-right:20px!important;
    margin-top: 15px !important;
    background-position:14px 9px!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:12px !important;
    color:black !important;}
    
    #stop-logging-button:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/PLayer-Stop.png")no-repeat !important;
    background-position:14px 9px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #open-log-file-button{
    appearance:none!important;
    background: #F0F0F0  url("..//icons/Bild12.png")no-repeat !important;
    padding-left:35px!important;
    padding-right:20px!important;
    margin-top: 15px !important;
    background-position:14px 9px!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:12px !important;
    color:black !important; }
    
    #open-log-file-button:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild12.png")no-repeat !important;
    background-position:14px 9px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #set-log-file-button{
    appearance:none!important;
    background: #F0F0F0  url("..//icons/Bild13.png")no-repeat !important;
    margin-left: 5px !important;
    padding-left:35px!important;
    padding-right:20px!important;
    background-position:14px 9px!important;
    font-size:14px!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:12px !important;
    color:black !important;}
        
    #set-log-file-button:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild13.png")no-repeat !important;
    background-position:14px 9px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}    
    
    #set-log-modules-button{
    appearance:none!important;
    background: #F0F0F0  url("..//icons/Bild13.png")no-repeat !important;
    margin-left: 25px !important;
    padding-left:35px!important;
    padding-right:20px!important;
    background-position:14px 9px!important;
    font-size: 14px!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:12px !important;
    color:black !important;}
    
    #set-log-modules-button:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild13.png")no-repeat !important;
    background-position:14px 9px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #log-tutorial > a:nth-child(1){
    appearance:none!important;
    background: #F0F0F0  url("..//icons/Bild13.png")no-repeat !important;
    margin-top: 8px !important;
    padding-left:35px !important;
    padding-right:20px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    text-decoration: none !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:12px !important;
    color:black !important;}
    
    #log-tutorial > a:nth-child(1):hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild13.png")no-repeat !important;
    background-position:14px 6px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    }

Alles anzeigen

Symbole:

Mfg.
Endor