About Seiten mit CSS Codes anpassen

Boersenfeger

Ändert nichts...

Die Maximale Höhe ist drin und die Breite ist auf 1550...

CSS

    /* AGENT_SHEET */
    @namespace url(http://www.w3.org/1999/xhtml);
    @-moz-document url(about:logging){
        
    html{background:#ffffff !important;}
        
    .main-content::before {content: "Boersenfegers Logging";
     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: 1550px !important;
    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;}
    
    #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

Endor

Hallo Boersenfeger.

Schau Dir von meinem letzten Code die Zeilen 199 und 268

mal an. Hast Du dies auch übernommen?

Mfg.
Endor

FuchsFan

Endor

Noch ein Hinweis, Endor.

Mir ist da noch was aufgefallen, die Button #start-logging-button und #stop-logging-button sind ja nur bis Version 109 als eigenständige Button vorhanden.

Ab beta 110 sind diese auf einen Button gelegt. Deshalb müssen auch beide Funktionen dementsprechend unterteilt werden, was ich z.B. dann so gelöst habe.

Selektor für Start: [data-l10n-id="about-logging-start-logging"]

Selektor für Stop: [data-l10n-id="about-logging-stop-logging"]

Endor

Hallo FuchsFan

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

Vielen Dank.

Mfg.
Endor

FuchsFan

Zitat von Endor

Oder habe ich da was falsch verstanden?

Ich glaube schon.

Die beiden Selektoren darüber beziehen sich auf den einzigen Button #toggle-logging-button (ab Version 110).

Diesen #toggle-logging-button hast Du im Code, aber er ist verantwortlich für zwei Funktionen, was in Deinem Code nur bis Version 109 gegeben ist.

Ich hoffe, dass ich mich verständlich ausgedrückt habe.

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

FuchsFan

Zitat von Endor

So müsste es nun passen.

Genau, das war es.

Zitat von Endor

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.

So machen wir es.

Endor

FuchsFan

Zitat von Endor

Sobald Firefox auf 110 aktualisiert ist

109 ist Geschichte, gerade auf 110 aktualisiert.

Endor

Yep hier auch.

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

Mfg.
Endor

Boersenfeger

Vielen Dank für Eure Arbeit... Sieht das bei Euch auch so aus?

Die Schrift bei "Netzwerkverbindungen" sieht für mich fetter aus als bei "Aufzeichnung starten" und "Als zu protokollierende Module festlegen"

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

FuchsFan

Zitat von Endor

Teste mal diesen CSS Code

Passt, danke!

Ich hatte mir das schon im Original angesehen, die Masse an Einträgen ist ja erdrückend. Meine Überlegung war, ob man die Einträge farblich (Hintergrund, Text) im Wechsel darstellen könnte.

2002Andreas

Zitat von FuchsFan

im Wechsel darstellen könnte.

Meinst du das so?

Wenn ja, dann teste bitte:

CSS

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

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

Boersenfeger

Endor Danke, jetzt passt es

Endor

2002Andreas.

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

Mfg.
Endor

2002Andreas

Nur mal so:

Statt:

.card > summary:nth-child(1) > button:nth-child(2)

würde ich die eindeutige ID bevorzugen:

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

FuchsFan

Zitat von 2002Andreas

Meinst du das so?

Genau, Andreas, danke.

Werde ich mir anpassen.

2002Andreas

Zitat von FuchsFan

Genau, Andreas, danke.

gerne doch, freut mich wenn es gefällt

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

About Seiten mit CSS Codes anpassen

Ähnliche Themen

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

Addons Manager Nightly