Kennt irgendjemand eine Loesung, um veschiedene html-Elemente, die unterhalb von veschiedenen #document liegen aber keine id= haben, unterschiedlich anzusprechen? @-moz-document hilft hier auch nicht, weil alle diese Seiten im messenger.xhtml-Kontext liegen.
N'Abend,
ich habe mich ein bisschen mit userContent.css beschäftigt, mehr aus Neugier und Spielerei. Davon habe ich schließlich einige Code beibehalten.
Wie beim userChrome.css geht es mir in der Hauptsache darum, etwas Farbe in das eintönige grau-weiß der macOS Version zu bringen, seit es keine vernünftigen Themen mehr gibt. Zu diesem Zweck bin ich überhaupt in die Foren gekommen, zuerst vor 14 Jahren im MozillaZine forum.
Als Beispiel gebe ich hier mal meine Code für das (den?) Tab "Konten-Einstellungen" an:
@-moz-document url-prefix("about:accounts"),
url-prefix("chrome://messenger/content/about:accounts.xhtml"){
#accountTreeBox {
background-color: lavender !important;
font-size: 13.5px !important;
min-width: 22em !important;
}
#accounttree:focus li.selected > div {
background-color: highlight !important;
color: blue !important;
}
#accounttree li > div:hover {
background-color: azure !important;
color: black !important;
}
#accounttree span {
border: 0.1px solid black !important; }
#accounttree li.children {
border: 0.1px solid black !important; }
#containerBox {
font-size: 13px !important; }
Alles anzeigen
Im TB Konten-Einstellungen Tab sieht das hier so aus
Vielleicht kannst du das als Ausgangsbasis benutzen.
Für die anderen Tabs heißen die ersten Zeilen so
@-moz-document url-prefix("about:addons"),
url-prefix("chrome://mozapps/content/extensions/extensions.xul")