About Seiten mit CSS Codes anpassen
-
Endor -
10. Mai 2020 um 14:44 -
Erledigt
-
-
Prima, freut mich.
Es liegen aber immer noch Fehler auf der Seite vor,
das hier fehlt im Nightly immer noch:
Wir im Nightly hier nicht angezeigt.
Mfg.
Endor -
das hier fehlt im Nightly immer noch:
Das stimmt, hier wird es auch nicht angezeigt. Warten wir also weiter ab.
-
Heute nach dem ersten Update für Nightly erschien die Box für appcache wieder.
Ich hatte das als Reaktion auf die Meldung hier bei Mozilla gemeldet:
https://bugzilla.mozilla.org/show_bug.cgi?id=1650613
Wer weiß, wann das sonst behoben worden wäre. Ich kann mir nicht vorstellen, dass es viele Nutzer gibt, welche about:cache nutzen. Dann kann sowas auch mal Monate unentdeckt bleiben.
-
Wer weiß, wann das sonst behoben worden wäre.
Sehr lobenswert, Sören.
Ich kann mir nicht vorstellen, dass es viele Nutzer gibt, welche about:cache nutzen.
Um ehrlich zu sein, nur durch Endors Initiative in diesem Thread, bin ich mehr daran interessiert. Wenn ich auch bislang noch längst nicht alles verstanden habe, was da im Hintergrund abläuft, so ist es aber der Ehrgeiz etwas Neues zu entdecken. Ich traue mich schon gar nicht danach zu fragen, weil es dann den Rahmen sprengen würde, so ist dann halt probieren und studieren angesagt.
-
Hallo zusammen.
Nachschub:
about:devtools
CSS Code:
CSS
Alles anzeigen@-moz-document url("about:devtools"){ body:before {content: "Endors about:devtools"; font-size:20px !important; font-weight: bold !important; color:red !important; margin-right: 10px !important; margin-left: 440px !important;} html{background: #ffffff !important;} /* Breite einstellen */ body{ margin-left: auto !important; margin-right: auto !important; justify-content: center!important; align-items: center!important; max-width: 1200px !important; height: auto !important; margin-top: 20px !important; margin-bottom: 20px !important; padding-bottom: 20px !important; padding-top: 30px !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;} #newsletter-email, #email{border-radius: 20px !important; -moz-outline-radius: 20px !important;} #welcome-page > div:nth-child(1){max-width: 860px !important;} #welcome-page > div:nth-child(1) > div:nth-child(2), .newsletter, #newsletter-form, #newsletter-privacy, #newsletter-privacy > label:nth-child(2){min-width: 450px !important;} #welcome-page > div:nth-child(1){margin-left: -338px !important;} #welcome-page > footer:nth-child(3){ max-width: 1150px !important; padding-bottom: 50px !important; padding-top: 15px !important; padding-left: 50px !important; padding-right: 50px !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;} #welcome-page > div:nth-child(1) > div:nth-child(2) > h1:nth-child(1){ color: red !important; font-size: 20px !important; font-weight: bold !important; margin-top: 20px !important;} h2{ color: #3377ff !important; font-size: 18px !important; font-weight: bold !important; } h3{ color: #3377ff !important; font-size: 18px !important; font-weight: bold !important;} .external::after { margin-left: 3rem !important; fill: red !important;} #newsletter-privacy > label:nth-child(2) > a:nth-child(1){ background: #efefef url("..//icons/Bild1.png") no-repeat !important; color:black!important; font-size:14px!important; margin-top: 10px !important; margin-bottom: 2px !important; text-decoration:none!important; padding-right: 20px !important; padding-top: 4px !important; padding-bottom: 4px !important; padding-left:40px!important; border-left-color: lightblue!important; border-top-color: lightblue!important; border-right-color: dodgerblue!important; border-bottom-color: dodgerblue!important; border-style: outset !important; border-width:1px !important; background-position:16px 6px!important; border-radius:16px!important; line-height: 2.5 !important;} #newsletter-submit{ min-width: 320px !important; background: #0060df url("..//icons/email_accounts.png") no-repeat !important; background-position:18px 10px!important; border-left-color: lightblue!important; border-top-color: lightblue!important; border-right-color: dodgerblue!important; border-bottom-color: dodgerblue!important; border-width:2px !important; border-style: outset !important; border-radius:22px!important;} #newsletter-submit:hover{ background: #003eaa url("..//icons/email_accounts.png") no-repeat !important; background-position:18px 10px!important; border-left-color: lightblue!important; border-top-color: lightblue!important; border-right-color: dodgerblue!important; border-bottom-color: dodgerblue!important; border-width:2px !important; border-style: outset !important; border-radius:22px!important;} li.feature:nth-child(6) > p:nth-child(2){margin-top: 37px !important; } li.feature:nth-child(n+1) > p:nth-child(2) > a:nth-child(1){ background: #efefef url("..//icons/Bild1.png") no-repeat !important; color:black!important; font-size:14px!important; margin-top: 10px !important; margin-bottom: 2px !important; text-decoration:none!important; padding-top: 2px !important; padding-bottom: 2px !important; padding-left:50px!important; border-left-color: lightblue!important; border-top-color: lightblue!important; border-right-color: dodgerblue!important; border-bottom-color: dodgerblue!important; border-style: outset !important; border-width:1px !important; background-position:16px 6px!important; border-radius:16px!important;} #newsletter-privacy > label:nth-child(2) > a:nth-child(1):hover, li.feature:nth-child(n+1) > p:nth-child(2) > a:nth-child(1):hover{ background: #CFE6F1 url("..//icons/Bild1.png") no-repeat !important; color:black!important; font-size:14px!important; text-decoration:none!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-style: outset !important; border-width:1px !important;} li.feature:nth-child(n+1){ min-width: 330px !important;} a.external:nth-child(3){ background: #efefef url("..//icons/Bild1.png") no-repeat !important; max-width: 200px !important; color:black!important; font-size:14px!important; margin-top: 5px !important; margin-bottom: 2px !important; text-decoration:none!important; padding-top: 4px !important; padding-bottom: 4px !important; padding-right:10px!important; padding-left:50px!important; border-left-color: #E6E5E5 !important; border-top-color: #E6E5E5 !important; border-right-color: #5C5B5B !important; border-bottom-color: #5C5B5B !important; border-style: outset !important; border-width:1px !important; background-position:16px 6px!important; border-radius:16px!important;} a.external:nth-child(3):hover{ background: #CFE6F1 url("..//icons/Bild1.png") no-repeat !important; color:black!important; font-size:14px!important; text-decoration:none!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-style: outset !important; border-width:1px !important;} }
Symbole:
Eine Frage dazu hätte ich auch, in meinen Schaltflächen ist ja rechts das Symbol
dass der Link bei kick in einem neuen Fenster / neuen Tab geöffnet wird. Kann man das irgendwie
verschieben, und die Farbe ändern, ich kriege das einfach nicht hin.Edit: hat sich erledigt.
Mfg.
Endor -
Hallo, Endor!
Danke, für den Code.
Eine Frage dazu, in Zeile 168 sind 160px angegeben, ist das so gewollt, wenn es damit dann so aussieht?
Wenn ich auf 200px erhöhe, dann sieht der Button so wie alle anderen aus.
-
Nein ist nicht so gewollt. Danke für den Hinweis.
Schaue ich mir an.
Mfg.
EndorHatte ich hier leider übersehen.
Ist nun oben geändert.
Vielen Dank nochmals für den Hinweis und den passenden Wert.
:klasse:
Mfg.
Endor -
Hallo Endor,
wenn wir jetzt "auf See" wären, würde dann automatisch das Kommando kommen:
Recht so!
>> bedeutet: Den momentan anliegenden Kurs steuern!
Du befindest dich also im richtigen Fahrwasser >> weiter so!
Vielen Dank für deine Arbeit!
-
Ai Ai Kapitän!
:wink:
Mfg.
Endor -
Nachschub:
about:welcomeback
CSS
Alles anzeigen@-moz-document url-prefix(about:welcomeback){ html{background: #ffffff !important;} .container:before {content: "Endors abgestürzte Tabs:"; margin-left: 270px !important; font-size: 20px!important; font-weight: bold!important; color: red!important; } .title{margin-left: 10px !important; margin-top: 60px !important; } .description{min-width: 54em !important;} h1{ color: #cc0000 !important; font-size: 22px !important; font-weight: bold !important; min-height: 50px !important;} body{ margin-left: auto !important; margin-right: auto !important; justify-content: center!important; align-items: center!important; max-width: 1100px !important; min-height: 600px !important; max-height: 700px !important; background-color: #fffff0 !important; margin-top: 40px !important; padding-top: 20px !important; padding-left: 25px !important; padding-right: 25px !important; border-left-color: lightblue!important; border-top-color: lightblue!important; border-right-color: dodgerblue!important; border-bottom-color: dodgerblue!important; border-radius: 20px !important; border-width: 4px !important; border-style: outset !important;} #errorTryAgain { -moz-appearance: none !important; background: #0060df url("..//icons/application_go.png") no-repeat !important; background-position:18px 6px!important; min-width: 200px!important; padding-left: 22px!important; border-left-color: lightblue!important; border-top-color: lightblue!important; border-right-color: dodgerblue!important; border-bottom-color: dodgerblue!important; border-width:2px !important; border-style: outset !important; border-radius:30px!important; opacity: 1!important;} #errorTryAgain:hover{ background: #003eaa url("..//icons/application_go.png") no-repeat !important; background-position:18px 6px!important; border-left-color: lightblue!important; border-top-color: lightblue!important; border-right-color: dodgerblue!important; border-bottom-color: dodgerblue!important; border-width:2px !important; border-style: outset !important; border-radius:30px!important;} #linkMoreTroubleshooting { background: #efefef url("..//icons/Bild1.png") no-repeat !important; color:black!important; font-size:14px!important; text-decoration:none!important; padding-top: 3px !important; padding-bottom: 4px !important; padding-right:20px !important; padding-left:40px !important; border-color: #A6A4A4 !important; border-left-color: #E6E5E5 !important; border-top-color: #E6E5E5 !important; border-right-color: #5C5B5B !important; border-bottom-color: #5C5B5B !important; border-style: outset !important; border-width:1px !important; background-position:14px 5px!important; border-radius:16px!important; line-height: 2.5 !important; } #linkMoreTroubleshooting:hover{ background: #CFE6F1 url("..//icons/Bild1.png") no-repeat !important; color:black!important; font-size:14px!important; text-decoration:none!important; background-position:14px 5px!important; border-left-color: #e4e3e3 !important; border-top-color: #e4e3e3 !important; border-right-color: #5c5b5b !important; border-bottom-color: #5c5b5b !important; border-style: outset !important; border-width:1px !important;} #tabList {border-radius:22px!important;} #restore { border-top-left-radius: 22px!important; padding-left: 15px !important; background-color: #ee7621 !important; color: white !important;} #title{ border-top-right-radius: 22px!important; background-color: #ee7621 !important; color: white !important;} #restore:hover, #title:hover { background-color: #b54f06 !important;} }
Symbole:
Mfg.
Endor -
Hallo zusammen.
Habe den CSS Code für about:serviceworkers aktualisiert.
CSS Code:
CSS
Alles anzeigen@namespace url(http://www.w3.org/1999/xhtml); @-moz-document url(about:serviceworkers){ html {background: #FFFFFF !important;} body:before { content: "Endors Firefox "; font-weight:bold !important; font-size: 26px !important; color:red !important; text-align: center!important; margin-left: 510px !important; margin-right: auto !important;} #serviceworkers > div:nth-child(n+2){ max-width: 800px !important; margin-left: auto !important; margin-right: auto !important;} body{ margin-left: auto !important; margin-right: auto !important; justify-content: center!important; align-items: center!important; max-width: 1200px !important; height: auto !important; background-color: #fffff0 !important; margin-top: 20px !important; padding-top: 20px !important; padding-left: 25px !important; padding-right: 25px !important; padding-bottom: 50px !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;} #serviceworkers > div:nth-child(n+1) > ul:nth-child(2) > li:nth-child(-n+10) > strong:nth-child(1), ::marker{color: #0052cc !important;} #serviceworkers > h1 {color: #af3a04 !important;} h2{color: red !important; margin-left: 18px !important; } #serviceworkers > h1:nth-child(1){ margin-left: 410px !important; margin-bottom: 45px !important; margin-top: 25px !important; font-weight:bold !important;} hr{display: none !important;} #serviceworkers{margin-top: 30px !important; } li {font-size: 14px !important;} #serviceworkers > div:nth-child(even) { background-color: #fbfbf3 !important; padding-left: 15px !important; padding-bottom: 20px !important; padding-top: 15px !important; margin-bottom: 10px!important; margin-top: 10px!important; border-left-color: lightblue!important; border-top-color: lightblue!important; border-right-color: dodgerblue!important; border-bottom-color: dodgerblue!important; border-style: outset !important; border-width:3px !important; border-radius:14px!important;} #serviceworkers > div:nth-child(even):hover{ background-color: #ffeb99 !important; padding-left: 15px !important; padding-bottom: 20px !important; padding-top: 15px !important; margin-bottom: 10px!important; margin-top: 10px!important; border-style: outset !important; border-width: 3px !important; border-left-color: #bbddff !important; border-top-color: #bbddff !important; border-right-color: #11508d !important; border-bottom-color: #11508d !important;} #serviceworkers > div:nth-child(odd){ background-color: #fef4d8 !important; padding-left: 15px !important; padding-bottom: 20px !important; padding-top: 15px !important; margin-bottom: 10px!important; margin-top: 10px!important; border-left-color: lightblue!important; border-top-color: lightblue!important; border-right-color: dodgerblue!important; border-bottom-color: dodgerblue!important; border-style: outset !important; border-width:3px !important; border-radius:14px!important;} #serviceworkers > div:nth-child(odd):hover { background-color: #fce39c !important; padding-left: 15px !important; padding-bottom: 20px !important; padding-top: 15px !important; margin-bottom: 10px!important; margin-top: 10px!important; border-style: outset !important; border-width: 3px !important; border-left-color: #bbddff !important; border-top-color: #bbddff !important; border-right-color: #11508d !important; border-bottom-color: #11508d !important;} #serviceworkers > div > button:nth-child(3){ -moz-appearance:none!important; background: #F0F0F0 url("..//icons/Bild5.png")no-repeat !important; margin-top: 20px !important; padding-bottom: 2px!important; padding-top: 2px!important; padding-left:35px!important; padding-right:20px!important; border-left-color: lightblue!important; border-top-color: lightblue!important; border-right-color: dodgerblue!important; border-bottom-color: dodgerblue!important; border-style: outset !important; border-width:2px !important; font-size:14px!important; text-decoration:none!important; background-position:10px 2px!important; border-radius:14px!important; color:black !important;} #serviceworkers > div > button:nth-child(3):hover{ -moz-appearance:none!important; background: #B2EDFA url("..//icons/Bild5.png")no-repeat !important; font-size:14px!important; border-style: outset !important; border-width:2px !important; border-left-color: #bbddff !important; border-top-color: #bbddff !important; border-right-color: #11508d !important; border-bottom-color: #11508d !important; text-decoration:none!important; padding-right:20px!important; padding-left:35px!important ; background-position:10px 2px!important;} #serviceworkers > div > button:nth-child(4){ -moz-appearance:none!important; background: #F0F0F0 url("..//icons/Bild6.png")no-repeat !important; margin-left: 5px !important; padding-bottom: 2px!important; padding-top: 2px!important; padding-left:35px!important; padding-right:20px!important; border-left-color: lightblue!important; border-top-color: lightblue!important; border-right-color: dodgerblue!important; border-bottom-color: dodgerblue!important; border-style: outset !important; border-width:2px !important; font-size:14px!important; text-decoration:none!important; background-position:10px 2px!important; border-radius:14px!important; color:black !important;} #serviceworkers > div > button:nth-child(4):hover{ -moz-appearance:none!important; background: #B2EDFA url("..//icons/Bild6.png")no-repeat !important; font-size:14px!important; border-style: outset !important; border-width:2px !important; border-left-color: #bbddff !important; border-top-color: #bbddff !important; border-right-color: #11508d !important; border-bottom-color: #11508d !important; text-decoration:none!important; padding-right:20px!important; padding-left:35px!important ; background-position:10px 2px!important;} #serviceworkers > div > ul > li:nth-child(2) > a{ -moz-appearance:none!important; background: #F0F0F0 url("..//icons/Bild7.png")no-repeat !important; display: inline-block !important; min-width: 250px !important; max-width: 250px !important; margin-left: 50px !important; padding-left:35px!important; padding-right:20px!important; border-left-color: lightblue!important; border-top-color: lightblue!important; border-right-color: dodgerblue!important; border-bottom-color: dodgerblue!important; border-style: outset !important; border-width:2px !important; font-size:14px!important; text-decoration:none!important; background-position:10px 6px!important; border-radius:14px!important; color:black !important; text-align: left!important; white-space: nowrap!important; overflow: hidden !important; text-overflow: ellipsis!important; line-height: 2 !important;} #serviceworkers > div > ul > li:nth-child(2) > a:hover{ -moz-appearance:none!important; background: #B2EDFA url("..//icons/Bild7.png")no-repeat !important; font-size:14px!important; border-style: outset !important; border-width:2px !important; border-left-color: #bbddff !important; border-top-color: #bbddff !important; border-right-color: #11508d !important; border-bottom-color: #11508d !important; text-decoration:none!important; padding-right:20px!important; padding-left:35px!important ; background-position:10px 6px!important;} #serviceworkers > div > ul > li:nth-child(3) > a{ -moz-appearance:none!important; background: #F0F0F0 url("..//icons/Bild43.png")no-repeat !important; display: inline-block !important; min-width: 250px !important; max-width: 250px !important; margin-left: 13px !important; padding-left:35px!important; padding-right:20px!important; border-left-color: lightblue!important; border-top-color: lightblue!important; border-right-color: dodgerblue!important; border-bottom-color: dodgerblue!important; border-style: outset !important; border-width:2px !important; font-size:14px!important; text-decoration:none!important; background-position:10px 6px!important; border-radius:14px!important; color:black !important; text-align: left!important; white-space: nowrap!important; overflow: hidden !important; text-overflow: ellipsis!important; line-height: 2 !important;} #serviceworkers > div > ul > li:nth-child(3) > a:hover{ -moz-appearance:none!important; background: #B2EDFA url("..//icons/Bild43.png")no-repeat !important; font-size:14px!important; border-style: outset !important; border-width:2px !important; border-left-color: #bbddff !important; border-top-color: #bbddff !important; border-right-color: #11508d !important; border-bottom-color: #11508d !important; text-decoration:none!important; padding-right:20px!important; padding-left:35px!important ; background-position:10px 6px!important;} }
Boersenfeger für dich könnte Zeile 24 wieder interessant sein. :wink:
Eventuell auch Zeile 15.
Mfg.
Endor -
Boersenfeger für dich könnte Zeile 24 wieder interessant sein. :wink:
Eventuell auch Zeile 15.
Vielen Dank!
Hier sind es die Zeilen 9, 18 und 28.
CSS
Alles anzeigen@namespace url(http://www.w3.org/1999/xhtml); @-moz-document url(about:serviceworkers){ html {background: #FFFFFF !important;} body:before { content: "Boersenfegers Firefox "; font-weight:bold !important; font-size: 26px !important; color:red !important; text-align: center!important; margin-left: 510px !important; margin-right: auto !important;} #serviceworkers > div:nth-child(n+2){ max-width: 1000px !important; margin-left: auto !important; margin-right: auto !important;} body{ margin-left: auto !important; margin-right: auto !important; justify-content: center!important; align-items: center!important; max-width: 1650px !important; ...
Wobei ich keinerlei Auswirkung des Scripts erkenne, auch nicht in der vorherigen Version, weil:
-
Ich habe da eine ganze Reihe von Serviceworkers.
Youtube.com zbs. oder von mail.google.com usw.
Offne mal in einem Tab youtube.com und dann öffne about:serviceworkers.
Dann solltest Du einen sehen. Wenn Du dann Firefox Nightly neu startest sieht eswieder so aus wie bei Deinem Bild. Keine Ahnung warum die nicht gespeichert werden.
sieht hier so aus:
Mfg.
Endor -
-
Eben auch mal im Nightly getestet, wie oben beschrieben,
wenn Video läuft wird es angezeigt auch nachdem ich den youtube Tab geschlossen
habe, aber sobald Nightly neu gestartet wird is es weg, dann wie bei Dir.
Keine Ahnung warum das so ist. Hatte das hier auch für einige Firefox Version lang,
zuerst ging es, da habe ich ja den ersten Code dafür erstellt, war letztes Jahr irgendwann im Sommer,
dann aber Oktober, Firefox aktualisiert und es war plötzlich so wie bei Dir.
Erst ein paar Firefox Versionen später ging es plötzlich wieder. Wieso, keine Ahnung.
Mfg.
Endor -
Ich werde es beobachten und ggf. wieder Bescheid sagen
-
Kann man die Einträge in about:serviceworkers evtl. auch 2-spaltig darstellen?
-
-
Momentan nicht, aber man kann ja nie wissen...
-