Dann besser Deutsche Welle, auch als App
Weder noch, sowieso nur Gedöns. ![]()
Dann besser Deutsche Welle, auch als App
Weder noch, sowieso nur Gedöns. ![]()
Sei gegrüßt, Endor!
Im aktuellen Nightly sieht about:welcome nicht mehr ganz so hübsch aus. Wenn Du Zeit und Lust hast, schaust es Dir bitte mal an.
Es sind auch einige Änderungen dazu gekommen.
Edit:
Nun habe ich mal selbst einen Versuch gestartet, und bin nur über die Änderung der Schriftgröße (siehe Kasten) auf 20px zu einem Ergebnis gekommen. Das sieht im ersten Fenster dann so aus:
Und im zweiten und dritten Fenster ist die Aufteilung dann so:
Ich stelle mal den kompletten Code mit rein, eventuell kannst Du ja etwas verwenden.
@-moz-document url(about:welcome) {
.outer-wrapper {
background-image: none !important;
background: gainsboro !important;
}
.main-content {
background: rgba(255, 255, 255, 0.7)!important;
}
/* Seite 1 und 2 */
.screen {
background: transparent !important;
}
.screen {
margin-left: auto !important;
margin-right: auto !important;
max-width: 1200px !important;
min-height: 90vh !important;
max-height: 90vh !important;
margin-top: 30px !important;
margin-bottom: 20px !important;
padding-bottom: 20px !important;
padding-top: 15px !important;
padding-left: 50px !important;
padding-right: 50px !important;
background: #fffff0 !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width: 8px !important;
box-shadow: 15px 15px 0px 0px #fdd342 inset !important;
border-style: double !important;
}
.screen: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: 20px !important;
font-weight: bold !important;
}
.section-left {
display: none !important;
}
.secondary-cta > span:nth-child(1) {
color: #1a75ff !important;
font-weight: bold !important;
font-size: 17px !important;
}
h2 {
color: #1a75ff !important;
margin-top: 20px !important;
margin-bottom: 10px !important;
font-weight: bold !important;
font-size: 17px !important;
}
.welcome-text {
margin-bottom: 10px !important;
}
.screen:before {
position:absolute !important;
top: 40px !important;
left: 500px !important;
content: "Xyz Zin's Firefox";
font-weight:bold !important;
font-size: 28px !important;
color:red !important;
}
.primary{
margin-top: 15px !important;
appearance: none !important;
background: #0060df url("..//icons/Fuchs4.png") no-repeat !important;
background-position:16px 8px!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-width:2px !important;
border-style: outset !important;
border-radius:30px!important;}
.primary:hover{
background: #003eaa url("..//icons/Fuchs4.png") no-repeat !important;
background-position:16px 8px!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;}
div.secondary-cta:nth-child(4) > button:nth-child(1){
appearance:none!important;
background: #F0F0F0 url("..//icons/Bild15.png") no-repeat !important;
margin-top: 15px !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
padding-right:40px!important;
padding-left:40px!important;
padding-bottom: 4px !important;
padding-top: 2px !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;
background-position:12px 6px!important;
border-radius:20px!important;}
div.secondary-cta:nth-child(4) > button:nth-child(1):hover{
appearance:none!important;
background: #B2EDFA url("..//icons/Bild15.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
background-position:12px 6px!important;
border-radius:20px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
border-style: outset !important;
border-width:2px !important;}
div.secondary-cta:nth-child(1) > button:nth-child(1){
appearance:none!important;
background: #F0F0F0 url("..//icons/Bild42.png") no-repeat !important;
margin-top: 40px !important;
margin-right: -50px !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
padding-right:40px!important;
padding-left:40px!important;
padding-bottom: 4px !important;
padding-top: 2px !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;
background-position:12px 6px!important;
border-radius:20px!important;}
div.secondary-cta:nth-child(1) > button:nth-child(1):hover{
appearance:none!important;
background: #B2EDFA url("..//icons/Bild42.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
background-position:12px 6px!important;
border-radius:20px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
border-style: outset !important;
border-width:2px !important;}
}
Alles anzeigen
Und dazu habe ich nur diesen Code in die Shadow.css eingefügt.
Herzlichen Dank, Andreas.
![]()
Der Selektor ist passend dafür, ich hatte aber wohl noch einen anderen mit part genommen. ![]()
Das Popup sieht z.Z. so aus:

Um dort Anpassungen zu machen habe ich dazu den Selektor slot gefunden. Es gibt aber noch einen mit part für die shadow.css.
Was mich hierbei stört, der Code dazu wirkt übergreifend auf das Hamburger Menü und das Überhangmenü. Wer kann helfen?
@-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xhtml"),
url("chrome://browser/content/places/bookmarksSidebar.xhtml"),
url("chrome://browser/content/browser.xhtml") {
slot {
background-color: #fbe8d2 !important;
margin: 10px 0 0 20px !important;
border: 2px solid dodgerblue !important;
}
}
So sieht jetzt mein CSS Code aus:
Schau mal bitte nach, denn Zeile 87 bis 91 wird nicht mehr benötigt.
Mein Code dazu, mit deiner Ergänzung, danke dafür
Gerne doch, alles wird gut. ![]()
Nur mal als Hinweis für Dich, für die Zeilen 66 bis 98 in Deinem Code würde das ausreichen. Das Auskommentierte könnte also gelöscht werden.
/* html.official-branding.login-selected.initialized body section header {
background-color: #fbe8d2 !important;
height: 52px !important;
} */
login-list.initialized
{background-color: #fbe8d2 !important;
border-top-left-radius: 28px !important;}
/* html.official-branding.initialized body section header {
background-color: #fbe8d2 !important;
height: 52px !important;
} */
/* html.official-branding.login-selected.initialized body section header {
background-color: #fbe8d2 !important;
height: 52px !important;
border-top-right-radius: 28px !important;
} */
/* html.official-branding.initialized body section header {
background-color: #fbe8d2 !important;
height: 52px !important;
border-top-right-radius: 28px !important;
} */
/* HG für das obere Feld - rechte Seite */
html.initialized body header,
html.login-selected.initialized body header {
background-color: #fbe8d2 !important;
height: 52px !important;
}
Alles anzeigen
Sei gegrüßt, Endor!
Bei about:logins gab es im aktuellen Nightly wieder eine Änderung, denn das Feld oben rechts hat einen neuen Selektor bekommen.
In der beta wirkt immer noch die letzte Änderung.
In Deinem Code von hier RE: About Seiten mit CSS Codes anpassen habe ich die Zeilen 106 bis 117 durch folgenden Code ersetzt.
hat funktioniert.
Sehr schön!
jetzt weis ich nicht wie ich das behebe kann also zurück auf Standard.
Lösche mal bitte im Profilordner diesen Ordner chrome_debugger_profile. Dann neu starten.
Also ohne Grundkenntnisse geht es schon mal gar nicht, das kann man nur immer wieder predigen, gerade das angesprochene mit Klammern und Kommata, das muss einfach sitzen.
Da hast Du vollkommen recht, oder man bemüht sich und lernt noch dazu. Nur ohne Unterstützung wird das nichts, aber dafür haben wir ja Dich und andere Experten hier.
Halb Acht, Abend fängt an
Dann wünsche ich Dir noch einen schönen Abend. ![]()
Nur du weißt, ob du das brauchst. Ich bräuchte es nicht.
Ich wollte es deshalb wissen, weil ja in der originalen handlers.json die Dateien nicht eingetragen sind. Auch die RAR, ZIP nicht, und trotzdem wird mir der Dialog für die Auswahl angezeigt.
Du musst für alles Einträge vornehmen, was du darüber konfigurieren möchtest.
Auch z.B. für *.mp3, *.mp4, oder *.png, usw. ?
Sich eine JSON zusammenschrauben ist jetzt keine wilde Arbeit, schon gar nicht mit den gegebenen Beispielen. Die meisten werden wohl ihre Probleme mit der Auswahl der Sektion und viele sogar sich mit den Klammern und Kommata verhaspeln,
Darum geht es ja, Klammern, Kommata, verhaspeln. ![]()
Ich hatte ja die originale handlers.json gezeigt, dort fehlen im Gegensatz zu Deiner natürlich eine ganze Menge von Einträgen.
In meiner policies.json sind schon für einige Dateien Einträge vorhanden. Jetzt geht es mir auch darum, muss ich für alle anderen Dateien (wie in Deiner *.json) Einträge vornehmen?
In diesem Thread RE: Alten Downloaddialog wieder herstellen sind dazu schon einige Beiträge verfasst worden, die eigentlich mit dem Thema nicht in direkter Verbindung stehen. Es geht hier aber vorrangig um die handlers.json und die Einrichtung einer policies.json.
Bisher habe ich manuell die handlers.json bearbeitet, damit war ich bisher auch zufrieden.
Sören Hentzschel hat in einem Beitrag geschrieben:
"Die handlers.json-Datei würde ich übrigens gar nicht anfassen. Das geht über Unternehmensrichtlinien besser, erstens weil Profil-übergreifend, zweitens weil man dafür keine interne Firefox-Datei aus dem Profil bearbeiten muss, was bei einem Syntax-Fehler die ganze Datei ungültig macht. Ist in der Unternehmensrichtline ein Syntax-Fehler, funktionieren wenigstens nur die neuen Anpassungen nicht."
Weil ich das jetzt beherzigen will, so möchte ich mehr mit der policies.json arbeiten. I.M. taste ich mich noch durch die Dunkelheit, weil ich die Zusammenhänge noch nicht richtig deuten kann.
Deshalb lade ich alle hier aktiven Experten dazu ein, hier ihr Wissen einzubringen. Eventuell hat doch noch ein User eine Antwort auf meinen letzten Beitrag in o.g. Thread.
Es gibt ja hier https://github.com/mozilla/policy-templates#handlers Handlungsanweisungen, aber für einen Laien doch nicht so einfach zu interpretieren.
Es wäre schön, wenn hier Beispiele (echte policies.json) gezeigt würden, für alle Möglichkeiten, die in der täglichen Arbeit auftreten, ohne die handlers.json zu berühren.
Normal ist das aber dann nicht
Die .exe ist da ja auch schon eingetragen, und das ist nicht Standard.
Neuer Versuch mit Version 98 und 100, und ich muss Deine Aussage bestätigen. In beiden Versionen ist die handlers.json identisch.
{"defaultHandlersVersion":{},"mimeTypes":{"application/pdf":{"action":3,"extensions":["pdf"]},"image/webp":{"action":3,"extensions":["webp"]},"image/avif":{"action":3,"extensions":["avif"]}},"schemes":{"mailto":{"stubEntry":true,"handlers":[null,{"name":"Gmail","uriTemplate":"https://mail.google.com/mail/?extsrc=mailto&url=%s"}]}},"isDownloadsImprovementsAlreadyMigrated":true,"isSVGXMLAlreadyMigrated":true}
Nun stellt sich mir die Frage, wie es sein kann, dass z.B. bei Archiven wie RAR, ZIP und auch 7Z immer über den Speichern-Dialog gefragt wird, wo abgespeichert werden soll, sie sind aber oben nicht aufgeführt. In den Einstellungen ist "Jedes Mal nachfragen, wo eine Datei gespeichert werden soll" aktiv, ist das dafür der Auslöser?
Auch in der policies.json sind diese Dateien nicht aufgeführt. Bitte um Erklärung dazu.
{
"policies": {
"DisablePocket": true,
"DisableFirefoxStudies": true,
"DisableFirefoxAccounts": true,
"DisableBuiltinPDFViewer": true,
"Handlers": {
"extensions":{
"exe": {
"action": "saveToDisk",
"ask": true
},
"bin": {
"action": "saveToDisk",
"ask": true
},
"com": {
"action": "saveToDisk",
"ask": true
},
"pdf": {
"action": "saveToDisk",
"ask": true
}
},
"mimeTypes": {
"application/msword": {
"action": "saveToDisk",
"ask": true
}
}
}
}
}
Alles anzeigen
Bei einem Syntax-Fehler würdest du auf about:policies davon lesen können.
Danke, das ist sehr schön erklärt, ist schon abgespeichert.
Es ist also gut so, denn angezeigt wird nichts. Ich war mir nicht sicher, ob das für Zeile 16 und 17 so i.O. ist, denn ich habe immer von oben die Klammern gezählt, um dann unten abzuschließen.
Hier jetzt der neue, habe auch etwas von deinen Änderungen übernommen.
Teste mal:
Top! ![]()
Sieht so aus, ist alles etwas versetzt:
mit dem Code sieht es dann so aus:
/* unten letzter Container für VPN */
div#report-content section.card.card-no-hover.vpn-card {
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:4px !important;
border-style: outset !important;
border-radius:20px!important;
}
/* Button für Mozilla-VPN */
#get-vpn-link {
appearance: none !important;
background: #0060df url("..//icons/vpn1.png") no-repeat !important;
background-position:17px 10px!important;
margin-right: 11px !important;
margin-left: -9px !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;
}
#get-vpn-link:hover {
appearance: none !important;
background: #003eaa url("..//icons/vpn1.png") no-repeat !important;
background-position:17px 10px!important;
margin-right: 11px !important;
margin-left: -9px !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;
}
/* Überschrift im Container und Text darunter */
h2,h3, #graph-week-summary {
color: #1a75ff !important;
font-weight: bold !important;
font-size: 18px !important;
padding-left: 0px !important;
}
div#report-content section.card.card-no-hover.vpn-card div.card-header div.wrapper div div.title-wrapper h3.card-title {
padding-left: 12px !important;
}
div#report-content section.card.card-no-hover.vpn-card div.card-header div.wrapper div p.content {
padding-left: 11px !important;
}
/* links das große Icon */
section.card:nth-child(8) > div:nth-child(1) > img:nth-child(1) {
margin-left: 32px !important;
margin-top: 7px !important;
}
Alles anzeigen
"pdf" ist ist eine Dateiendung und kein MimeType, dementsprechend gehört das genauso in den "extensions"-Abschnitt und nicht in einen
"mimeTypes"-Abschnitt. "application/pdf" wäre ein MimeType für PDF.
Das habe ich verstanden, sind aber die Klammern und Kommas richtig gesetzt, darauf kommt es mir besonders an.