Hm, das reicht auch noch nicht, aber damit scheint es jetzt zu funktionieren.
@-moz-document domain(computerbase.de) {
body {
overflow: auto !important;
}
div._dialog_overlay[style="z-index: 200147;"],
div.backdrop[style="z-index: 200148;"] {
display: none !important;
}
.consent.js-consent {
display: none !important;
}
.consent-dialog-open .main {
-webkit-filter: none !important;
filter: none !important;
}
}Dann wirkt noch etwas anderes.
In der Tat, das war noch in Stylus und nicht in der CSS-Datei.
div._dialog_overlay[style="z-index: 200147;"],
div.backdrop[style="z-index: 200148;"] {
display: none !important;
}auf computerbase.de hat die Seite einen grauen Schleier und ist daher nicht anklickbar
Hm,
hier nicht.
ja aber wenn ich das davor schreibe sieht der Code so aus
Ich habe das allerdings so → @import url( consent-blocker.css ); in die userContent.css eingebunden und eine separate CSS-Datei für derartiges CSS erstellt, bis jetzt geht es so.
@-moz-document domain(computerbase.de) {
.consent.js-consent {
display: none !important;
}
.consent-dialog-open .main {
-webkit-filter: none !important;
filter: none !important;
}
}
@-moz-document domain(zdf.de) {
.dialog-backdrop.m-open, .dialog-player-pin-backdrop.m-open {
visibility: hidden !important;
display: none !important;
}
.m-open-dialog-within,
.m-open-dialog-within .m-offcanvas-viewport,
.m-open-dialog-within > body {
overflow: auto !important;
}
}ja, das funktioniert bei zdf.de allerdings bin ich bei der userContent.css es auch so gewohnt, dass man die Domain voranstellt, bei der dieser Code dann wirken soll also so etwas wie
Jupp, das sollte man per @-moz-document einfügen, auch wenn es nicht sehr wahrscheinlich ist, das es auch woanders wirken würde.
Wo genau muss der welcher Code hin, damit er für computerbase.de und ZDF.de wirkt.
(Sowas wie Stylish nutze ich nicht)
In dem Fall in die userContent.css.
Ich bin schon ein klein wenig stolz.
Da ↓ sind für die Farbwerte 8 statt 6 stellen.
Zeile 120-122:
.content-blocking-category.selected {
background-color: #e1e1e13f !important;
}
Zeile 126-128:
.content-blocking-category.selected .content-blocking-warning {
background-color: #e1e1e15b !important;
}
Die Browserwerkzeuge öffnen sich nicht,
bzw. das Fenster ploppt nur kurz auf.
Lösche im Profil den Ordner chrome_debugger_profile, oder benenne ihn erst einmal um, natürlich bei beendetem Fx.
Werden auch in der Symbolleiste nicht angezeigt.
Bist Du im privaten Modus unterwegs und hast die Erweiterungen noch nicht dafür freigeschaltet?
Ich könnte die Erweiterung ja deaktivieren, dann erscheint die Meldung auch nicht.
Sie hat aber (noch) Vorteile auf manch anderen Seiten.
Hm, hier ist der Consent Blocker auf der Seite aktiv und es gibt keine Meldung, aber sobald uBO auf der Seite deaktiviert ist, erscheint die Meldung.
sind trotz configwert 2 alle Menus schwarz
Der Wert hat auch nichts mit der Oberfläche vom Fx zu tun.
Der bezieht sich nur auf die Ansicht von Webseiten.
Solltest Du vielleicht mal eine präzise Anleitung erstellen und diese bis zum wahrscheinlichen Ende der Fragen dazu anheften?
Sieht hier so aus in einem neuen Profil:
Bei Dir ist im normalen Modus auch nur der Text zu sehen, aber nicht das Lautsprecher-Symbol statt des Favicons, zum beständigen anzeigen bei Abspielen von Videos sollte der Eintrag in der userChrome.css reichen.
:root:not([uidensity="compact"]) #tabbrowser-tabs:not([secondarytext-unsupported]) .tabbrowser-tab:not(:hover) .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
opacity: 1 !important;
}Wie kann ich eine korrekte Darstellung erwirken?
Erzwinge auf der Website von CB in dessen eigenen Einstellungen, unten bei Einstellungen und Layout-Umschalter das helle Design.
Hallo zusammen,
bei mir hat der Eintrag keine Funktion mehr, kann das jemand bestätigen und wenn ja, gibt es eine Lösung?
treechildren::-moz-tree-line {
appearance: none !important;
visibility: visible !important;
border: 1px dotted #FFF !important;
}
treechildren::-moz-tree-line(hover) {
border: 1px dotted #000 !important;
}P.S.:
Ich habe es sowohl in der userChrome.css, als auch in der userContent.css.
Fehler gefunden, für einen Eintrag davor habe ich die schließende geschweifte Klammer vergessen.
Ja, jetzt. Zwei Stunden später.
Man sollte sich halt immer auf die automatische Meldung von Fx verlassen. 
Firefox 96.0.1 wurde noch überhaupt nicht veröffentlicht.
Ist hier gerade automatisch eingetroffen.
Hallo Mira_Belle,
hier ergibt das * das ** als Ergebnis.
*
@-moz-document url("about:about") {
div.container {
min-width: 1030px !important;
max-width: 1030px !important;
border: 3px solid #B2B2B2 !important;
background-color: #2A2A2E !important;
}
div.container h1 {
font-size: 1.8em !important;
border-bottom: 3px solid #B2B2B2 !important;
background-color: #2A2A2E !important;
color: #FFF !important;
padding: 2px 8px !important;
margin-bottom: 0 !important;
}
div.container > p {
border-bottom: 3px solid #B2B2B2 !important;
background-color: #2A2A2E !important;
padding: 2px 5px 5px 5px !important;
margin: 0 !important;
}
div.container > p > em {
font-style: normal !important;
font-size: 14px !important;
color: #FFF !important;
padding: 2px 0 !important;
}
div.container > p:nth-child(2) > em:nth-child(1) {
display: none !important
}
div.container > p:nth-child(2)::after {
content: "Dies ist eine Übersicht der vorhandenen about:Seiten."!important;
font-style: normal !important;
font-size: 16px !important;
margin-left: 10px !important;
}
#abouts.columns {
column-count: 4 !important;
column-gap: 7px !important;
margin: 20px 10px 10px 10px !important;
}
#abouts {
list-style: none !important;
}
#abouts > li {
min-width: 222px !important;
max-width: 222px !important;
display: block !important;
font-size: 14px !important;
text-decoration: none !important;
border-radius: 0 !important;
border: 2px solid #B2B2B2 !important;
background: #4E4E54 url("..//chrome/icons/Bild3.png") no-repeat !important;
background-position: 10px 3px !important;
color: transparent !important;
padding: 0 !important;
margin-top: 0 !important;
margin-bottom: 10px !important;
margin-right: 10px !important;
margin-left: 10px !important;
}
#abouts > li:hover {
min-width: 222px !important;
max-width: 222px !important;
display: block !important;
font-size: 14px !important;
text-decoration: none !important;
border-radius: 0 !important;
border: 2px solid #0082fc !important;
background: #D1E2F2 url("..//chrome/icons/Bild3.png") no-repeat !important;
background-position:10px 3px!important;
color: #000 !important;
padding: 0 !important;
margin-top: 0 !important;
margin-bottom: 10px !important;
margin-right: 10px !important;
margin-left: 10px !important;
}
#abouts > li:nth-child(5), /* about:certifikate */
#abouts > li:nth-child(8), /* about:config */
#abouts > li:nth-child(9), /* about:crashes */
#abouts > li:nth-child(16), /* about:logins */
#abouts > li:nth-child(21), /* about:networking */
#abouts > li:nth-child(23), /* about:performance */
#abouts > li:nth-child(34), /* about:serviceworkers */
#abouts > li:nth-child(37), /* about:sync */
#abouts > li:nth-child(41) /* about:unloads */ {
min-width: 222px !important;
max-width: 222px !important;
border-radius: 0 !important;
display: block !important;
font-size: 14px !important;
border: 2px solid #B2B2B2 !important;
background: #0082FC url("..//chrome/icons/Bild3.png") no-repeat !important;
background-position: 10px 3px !important;
color: #000 !important;
padding: 0 !important;
margin-top: 0 !important;
margin-bottom: 10px !important;
margin-right: 10px !important;
margin-left: 10px !important;
}
#abouts > li:nth-child(5):hover,
#abouts > li:nth-child(8):hover,
#abouts > li:nth-child(9):hover,
#abouts > li:nth-child(16):hover,
#abouts > li:nth-child(21):hover,
#abouts > li:nth-child(23):hover,
#abouts > li:nth-child(34):hover,
#abouts > li:nth-child(37):hover,
#abouts > li:nth-child(41):hover {
min-width: 222px !important;
max-width: 222px !important;
border-radius: 0 !important;
display: block !important;
font-size: 14px !important;
border: 2px solid #0082FC !important;
background: #D1E2F2 url("..//chrome/icons/Bild3.png") no-repeat !important;
background-position: 10px 3px !important;
color: #000 !important;
padding: 0 !important;
margin-top: 0 !important;
margin-bottom: 10px !important;
margin-right: 10px !important;
margin-left: 10px !important;
}
#abouts > li > a {
min-width: 186px !important;
max-width: 186px !important;
display: block !important;
}
#abouts > li > a {
text-decoration: none !important;
color: #FFF !important;
padding: 2px 0 3px 35px !important;
margin: 0 !important;
}
#abouts > li:hover > a {
text-decoration: none !important;
color: #000 !important;
padding: 2px 0 3px 35px !important;
margin: 0 !important;
}**
und einmal soll der ganze "Button" verlinken
Füge in #abouts > li bzw. in ul > li und #abouts > li> a bzw. in ul > li > a das → display: block !important; ein.
Auch möchte ich den Unterstrich loswerden!
Das geht mit text-decoration: none !important;.
wie ich bei mir 4 Spalten gezaubert habe
Genau.
ul.columns {
column-count: 3 !important;
column-gap: 10px !important;
margin: 20px 10px !important;
}