1. Nachrichten
  2. Forum
    1. Unerledigte Themen
    2. Forenregeln
  3. Spenden
  • Anmelden
  • Registrieren
  • Suche
Alles
  • Alles
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
  1. camp-firefox.de
  2. Endor

Beiträge von Endor

  • About Seiten mit CSS Codes anpassen

    • Endor
    • 16. Februar 2023 um 19:36

    In den Entwicklerwerkzeugen fehlt schon mehr.

    Wie macht man das? Möchte ich auch mal testen.

    Dank Deines Bilder habe ich gesehen, dass etwas falsch angezeigt wird.

    Muss den Code nochmal überarbeiten.
    Danke vielmals für Dein Bild 2002Andreas.

    Mfg.
    Endor

  • About Seiten mit CSS Codes anpassen

    • Endor
    • 16. Februar 2023 um 19:29

    Hallo 2002Andreas

    Jetzt verstehe ich was Du meinst.

    Der ist ca. in der Mitte siehe:

    Sollte also funktionieren.

    Mfg.
    Endor

  • About Seiten mit CSS Codes anpassen

    • Endor
    • 16. Februar 2023 um 19:13

    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

  • About Seiten mit CSS Codes anpassen

    • Endor
    • 16. Februar 2023 um 17:27

    FuchsFan

    Teste mal den für about:logins

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

    Mfg.
    Endor

  • About Seiten mit CSS Codes anpassen

    • Endor
    • 16. Februar 2023 um 14:38
    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! :thumbup:

    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.
    :thumbup:

    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

  • About Seiten mit CSS Codes anpassen

    • Endor
    • 16. Februar 2023 um 11:33

    Hallo FuchsFan.

    Danke für den CSS Code.

    Ich habe es so gemacht:

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

    Danke :thumbup:

    Mfg.
    Endor

  • About Seiten mit CSS Codes anpassen

    • Endor
    • 15. Februar 2023 um 19:57

    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. :thumbup:

    Edit: Ist im letzten Code jetzt auch drinnen.

    Mfg.

    Endor

  • About Seiten mit CSS Codes anpassen

    • Endor
    • 15. Februar 2023 um 19:22

    :thumbup:

  • About Seiten mit CSS Codes anpassen

    • Endor
    • 15. Februar 2023 um 19:20

    Hallo 2002Andreas.

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

    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

  • About Seiten mit CSS Codes anpassen

    • Endor
    • 15. Februar 2023 um 14:56
    Zitat von 2002Andreas

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

    Danke 2002Andreas werde ich so machen. :thumbup:

    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

    • Endor
    • 15. Februar 2023 um 14:44

    2002Andreas.

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

    Mfg.
    Endor

  • About Seiten mit CSS Codes anpassen

    • Endor
    • 15. Februar 2023 um 14:10

    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

  • About Seiten mit CSS Codes anpassen

    • Endor
    • 14. Februar 2023 um 20:03

    Yep hier auch. :thumbup: :)

    ich entferne oben gleich noch die beiden Teile. Erledigt.

    Mfg.
    Endor

  • About Seiten mit CSS Codes anpassen

    • Endor
    • 14. Februar 2023 um 19:21

    :thumbup: :)

  • About Seiten mit CSS Codes anpassen

    • Endor
    • 14. Februar 2023 um 19:15

    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

  • About Seiten mit CSS Codes anpassen

    • Endor
    • 14. Februar 2023 um 19:04

    Hallo FuchsFan

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

    Vielen Dank.

    Mfg.
    Endor

  • About Seiten mit CSS Codes anpassen

    • Endor
    • 14. Februar 2023 um 17:30

    Hallo Boersenfeger.

    Schau Dir von meinem letzten Code die Zeilen 199 und 268

    mal an. Hast Du dies auch übernommen?

    Mfg.
    Endor

  • About Seiten mit CSS Codes anpassen

    • Endor
    • 14. Februar 2023 um 14:56

    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

  • About Seiten mit CSS Codes anpassen

    • Endor
    • 14. Februar 2023 um 14:29

    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

  • About Seiten mit CSS Codes anpassen

    • Endor
    • 14. Februar 2023 um 10:11

    Hallo FuchsFan

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

    Mfg.
    Endor

Unterstütze uns!

Jährlich (2025)

92,9 %

92,9% (604,17 von 650 EUR)

Jetzt spenden
  1. Kontakt
  2. Datenschutz
  3. Impressum
Community-Software: WoltLab Suite™
Mastodon