Beiträge von Endor
-
-
Mann habt ihr schlechtes Wetter.
Hier strahlender Sonnenschein, blauer Himmel
14 Grad warm.
Mfg.
Endor -
Hallo 2002Andreas und FuchsFan.
Ihr habt ja immer noch weitere klasse Ideen.

Habe ich mal wieder übernommen nur habe ich das Firefox Logo anders eingebunden
damit nicht soviel Abstand nach oben ist und der blaue Pfeil wieder angezeigt wird.
Hier mein ganzer Code:
CSS
Alles anzeigen@namespace url(http://www.w3.org/1999/xhtml); @-moz-document url(about:windows-messages) { html{background: white !important; scrollbar-width: none !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;} .window-card-title::after { content: " Release" !important; color: #d90036 !important; font-size: 21px !important;} .card > summary{ background: #FFFFFF url("..//icons/Firefox6.png") no-repeat !important; background-attachment:scroll !important; background-position:18px -7px !important;} .card:hover > summary{ background: #FFFFF0 url("..//icons/Firefox6.png") no-repeat !important; background-attachment:scroll !important; background-position:18px -7px !important;} .window-card-title { margin-left: 65px !important; margin-right: 10px !important;} [data-l10n-id="windows-messages-page-title"] { font-size: 0 !important; } [data-l10n-id="windows-messages-page-title"]:before { content: "Endors Firefox: Aktuelle Informationen zu Meldungen von Windows" !important; font-size: 20px !important; margin-left: 220px } 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;} [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;} }Symbol für oben:

Was meint Ihr dazu?
Mfg.
Endor -
Danke, ja funktioniert.
Und wie Du schon sagtest, da wird der Text nicht angezeigt.
Auch oben Links fehlt etwas.Ich fange nochmal von vorne mit dem CSS Code an
dann kriege ich das schon hin.
Nochmals vielen Dank für Deine Hilfe.
Mfg.
Endor -
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 -
Hallo 2002Andreas
Jetzt verstehe ich was Du meinst.
Der ist ca. in der Mitte siehe:
Sollte also funktionieren.
Mfg.
Endor -
Hallo 2002Andreas.
Obiger CSS Code ist für die Seite about:logins.
Den musste ich auch ändern. Daher meine Frage an FuchsFanda er mich ja darauf aufmerksamen gemacht hat.
Mfg.
Endor -
Teste mal den für about:logins
Edit: Code funktioniert noch nicht richtig.
Daher habe ich ihn wieder entfernt.Mfg.
Endor -
Kleine Änderungen habe ich noch gemacht
Hallo FuchsFan
Habe ich jetzt so übernommen.
CSS
Alles anzeigenli.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;}sieht finde ich gut aus. Danke!

Habe es so jetzt auch im letzten CSS Code geändert.
BeitragRE: 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
Endor15. Februar 2023 um 19:20 Mfg.
Endor -
Hallo FuchsFan.
Danke für den CSS Code.
Ich habe es so gemacht:
padding: 4px 10px 10px 10px !important;}Danke

Mfg.
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
-
-
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
Alles anzeigen@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;} }Was sagst Du dazu?
Mfg.
Endor -
[data-l10n-id="windows-messages-copy-to-clipboard"]
Danke 2002Andreas werde ich so machen.

Füge mal diesen Teil noch in den Code ein wegen Farbe:
CSS
Alles anzeigenli.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; }ich habe auch noch einen Hover Effekt hinzugefügt.
Mfg.
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.
EndorHallo FuchsFan
Teste mal diesen CSS Code für
about:windows-messages
CSS
Alles anzeigen@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;} }Symbol:

Mfg.
Endor -
Yep hier auch.

ich entferne oben gleich noch die beiden Teile.Erledigt.Mfg.
Endor -
-
Hallo FuchsFan.
So müsste es nun passen.
Danke nochmals für Deinen Hinweis.
Habe übrigens noch paar Kleinigkeiten geändert.
CSS
Alles anzeigen/* 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;} }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 -
Hallo FuchsFan
Danke, habe ich jetzt auch gesehen.
Teste gleich mal Deine Lösung.
Vielen Dank.
Mfg.
Endor