Beiträge von Firefox_94.0.1

Ich versuche aktuell die Einstellungsseite anzupassen.

Doch irgendwie werden die Änderungen der css nicht übernommen:

/*about:preferences*/




@-moz-document url(about:preferences), url-prefix(about:preferences#privacy)
{
/*Hintergrund gesamte Seite*/


.main-content {
padding-top: 0;
scroll-padding-top: 90px;
contain: inline-size;
background-color: #ffd700 !important;
}


.sticky-inner-container {
-moz-box-flex: 1;
max-width: var(--main-pane-width);
background-color: #ffd700 !important;
}


.sticky-container {
position: sticky;
background-color: #ffd700 !important;
top: 0;
z-index: 1;
width: calc(100% + 8px);
margin-inline: -4px;
padding-inline: 4px;
}


/*Suchfeld*/


#policies-container, #searchInput {
min-height: 32px;
margin: 20px 0 30px;
margin-right: 0px;
background-color: #00016e !important;
color: #fff !important;
margin-right: 435px !important;
}


/*Überschriften*/


h1 {
margin: 0 0 8px;
font-size: 1.46em;
font-weight: 800 !important;
line-height: 1.3em;
background-color: #ffd !important;
color: #00016e !important;
width: 600px !important;
text-align: center !important;
border-radius: 15px !important;
}

}

Hat jemand eine Idee, woran das liegen könnte?

Hallo,

welche Firefox Version nutzt du genau? Es gibt keine mit dem Namen "letzte". Des weiteren solltest du dein veraltetes Win 7 auf Windows 10 upgraden. Für verwaltete Systeme (Browser oder Betriebssystem) gibt es laut den Forenregeln hier keine Hilfe.

Zitat von Dharkness

Zitat von Firefox_94.0.1

Nur ich finde nichts funktionierendes für :hover der einzelnen Einträge.

Teste bitte das ↓.

CSS

addon-options > panel-list > panel-item:hover,
plugin-options > panel-list > panel-item:hover {
fill: #000 !important;
background-color: #D1E2F2 !important;
color: #000 !important;
}

Danke. Hat nicht 100% funktioniert, war aber eine große Hilfe.

Hier die (bei mir) funktionierende Lösung:

addon-options > panel-list > panel-item:hover,
plugin-options > panel-list > panel-item:hover {
fill: #9c1818 !important;
--in-content-button-background-hover: #ffd700 !important;
--in-content-button-text-color-hover: #9c1818 !important;
}

Zitat von 2002Andreas

Zitat von Firefox_94.0.1

rechts oben im Kasten der einzelnen Erweiterungen (u.a. "Auf Updates prüfen") anzusprechen?

Genau den meine ich jetzt.

Den Code für den Hintergrund und die Schrift habe ich selber gefunden. Nur ich finde nichts funktionierendes für :hover der einzelnen Einträge.

Brauche noch einmal Hilfe:

Wie lautet der Code, um das :hover der Elemente im drop-down menü rechts oben im Kasten der einzelnen Erweiterungen (u.a. "Auf Updates prüfen") anzusprechen?

Zitat von 2002Andreas

Zitat von Firefox_94.0.1

in der .css für diese Seite getestet

Ja

CSS

@-moz-document url-prefix(about:addons) {

.search-label {
margin-inline-end: 8px;
background-color: #9c1818 !important;
width: 200px !important;
text-align: center !important;
color: #ffd700 !important;
border-radius: 15px !important;
font-weight: 600 !important;
}


input {
border: none;
padding: 0 1px;
outline: none;
font: inherit;
font-size: inherit;
text-shadow: inherit;
box-sizing: border-box;
-moz-box-flex: 1;
min-width: 0;
text-align: inherit;
background-color: #00016e !important;
color: #fff !important;
font-size: 17px !important;
}


.textbox-search-icon .deck-selected {
color: red !important;
}

search-addons > search-textbox {
min-height: 32px;
padding-inline: 8px;
background-color: #00016e !important;
color: #fff !important;
}


.search-addons > .search-textbox {
margin: 0;
width: 20em;
min-height: 32px;
background-color: #00016e !important;
color: #fff !important;
}
}

Alles anzeigen

Es reicht auch oben:

@-moz-document url(about:addons) {

Danke. Ich hatte oben als Adressierung noch "@namespace url(http://www.w3.org/1999/xhtml);" drin. Das habe ich jetzt entfernt und der Code funktioniert auch bei mir.

Kannst du mir bitte noch sagen, wie ich bei dem drop-down Menü bei :hover den border-radius ändern kann?

#page-options panel-list {
font: menu;
background-color: #00016e !important;
border-radius: 5px !important;
border-color: #00016e !important;
color: #ffd700 !important;
}


#page-options panel-item {
--in-content-button-background-hover: #ffd700 !important;
--in-content-button-text-color-hover: #9c1818 !important;
--in-content-button-border-radius: 30px !important;
}

Zitat von 2002Andreas

Zitat von Firefox_94.0.1

den vollständigen Hintergrund der oberen Suchleiste

Keine Ahnung warum das bei dir alles nicht funktioniert

Hier funktioniert das einwandfrei.

Hast du den Code auch in der .css für diese Seite getestet, oder nur im Inspektor eingegeben?

Wenn du das in der css hast, kannst du dann bitte die vollständige Datei zur verfügung stellen, also auch mit dem "Kopf" in dem die Adresse der Seite eingetragen ist?

Zitat von grisu2099

Firefox_94.0.1

Hast du #1147 mal probiert?

Ja. Funktioniert leider nicht.

Zitat von 2002Andreas

Zitat von Firefox_94.0.1

Setze ich das dann in die css Datei, funktioniert der Code nicht...

In welche CSS Datei hast du das denn gesetzt?

Funktioniert hier einwandfrei.

Der Code für das Drop-Down Menü funktioniert bei mir auch sehr gut (wie kann man da den border-radius verändern?).

Hauptsächlich ging und geht es mir jedoch um den vollständigen Hintergrund der oberen Suchleiste (siehe dazu Beitrag #1145).

Zitat von 2002Andreas

Zitat von Firefox_94.0.1

Bei mir macht der Code jedoch nur folgendes:

Eigenartig

Extra nur in die Entwickler-Werkzeuge eingetragen ergibt:

---

Nur der eine Code mit anderen Farben ergibt:

Alles anzeigen

Bei mir ist es auch so, dass der Code nur in die Entwickler-Werkzeuge eingetragen funktioniert. Setze ich das dann in die css Datei, funktioniert der Code nicht...

Zitat von 2002Andreas

Zitat von Firefox_94.0.1

Der Hintergrund der Box soll vollständig in #00016e sein.

Meinst du das so?

Wenn ja, dann teste bitte:

CSS

.search-label {
margin-inline-end: 8px;
background-color: #9c1818 !important;
width: 200px !important;
text-align: center !important;
color: #ffd700 !important;
border-radius: 15px !important;
font-weight: 600 !important;
}


input {
border: none;
padding: 0 1px;
outline: none;
font: inherit;
font-size: inherit;
text-shadow: inherit;
box-sizing: border-box;
-moz-box-flex: 1;
min-width: 0;
text-align: inherit;
background-color: #00016e !important;
color: #fff !important;
font-size: 17px !important;
}


.textbox-search-icon .deck-selected {
color: red !important;
}

search-addons > search-textbox {
min-height: 32px;
padding-inline: 8px;
background-color: #00016e !important;
color: #fff !important;
}


.search-addons > .search-textbox {
margin: 0;
width: 20em;
min-height: 32px;
background-color: #00016e !important;
color: #fff !important;
}

Alles anzeigen

---

Mein Ziel ist, dass es am Ende so aussieht, wie auf deinem Bild. Bei mir macht der Code jedoch nur folgendes:

Hallo,

ich bin gerade dabei, about:addons für mich anzupassen. Hier komme ich aber bei der oberen Suchleiste überhaupt nicht weiter.

Hier mein Code dafür:

.search-label {
margin-inline-end: 8px;
background-color: #9c1818 !important;
width: 200px !important;
text-align: center !important;
color: #ffd700 !important;
border-radius: 15px !important;
font-weight: 600 !important;
}


input {
border: none;
padding: 0 1px;
outline: none;
font: inherit;
font-size: inherit;
text-shadow: inherit;
box-sizing: border-box;
-moz-box-flex: 1;
min-width: 0;
text-align: inherit;
background-color: #00016e !important;
color: #fff !important;
font-size: 17px !important;
}


.textbox-search-icon .deck-selected {
color: red !important;


}
.search-textbox {
min-height: 32px;
padding-inline: 8px;
background-color: #00016e !important;
color: #fff !important;
}


.search-addons > .search-textbox {
margin: 0;
width: 20em;
min-height: 32px;
background-color: #00016e !important;
color: #fff !important;
}

Der Hintergrund der Box soll vollständig in #00016e sein. Jedoch bekomme ich nur das "innere" Feld hin.

Des weiteren: Was muss man einstellen, damit Drop-down Menüs offen bleiben, damit man diese mit dem Inspektor entsprechend anschauen und anpassen kann?

deja.vu an welcher Stelle stört dich diese Verknüpfung im System genau?

Wenn es die im Startmenü sein sollte: Die kann man (relativ) leicht entfernen:

1. Klicke mit rechter Maustaste auf das Icon für den Privaten Modus

2. Wähle "Mehr" --> "Dateispeicherort öffnen" --> Es öffnet sich der Speicherort im Explorer

3. Jetzt kannst du aus diesem Ordner die Verknüpfung ganz einfach löschen. Sie ist dann nicht mehr in Startmenü zu sehen.

Endor kann es sein, dass dein Code für about:profiles mit FF106 keine Funktion mehr hat? Bei mir erscheint diese Seite seit dem Update im normalen Look und nicht im angepassten...

Zitat von Sol UP

Firefox im Fehlerbehebungsmodus - Problem bleibt bestehen.

Die Einstellungen zu about:config - "useragent" habe ich angehängt. (Sieht so aus als sei da nichts verändert. Oder irre ich?)

beacon.enabled steht auf "false".

Das mit den Useragent ist nicht in about:config. Da müsstest du auf about:support gehen. Der Useragent sind die Daten, welche unter der Überschrift "Allgemeine Informationen" folgen.

Zitat von Sören Hentzschel

Hallo,

würdest du etwas zum Testen bereitstellen, könnte das sehr helfen, dem Grund auf die Spur zu kommen.

Habe das Rätsel selber gelöst. Problem war, dass der Externe Anbieter etwas an seinem css gemacht hat (alle id´s +1) und sich das iframe nur im Privaten Modus selber bereits neu geladen hatte. Nachdem ich im normalen Fenster das iframe nun manuell neu geladen habe, ist beides wieder identischt.

Hallo,

ich habe mir meine eigene Startseite geschrieben und eingerichtet. Auf dieser habe ich eine Webseite per iframe-Element eingebunden. Diese eingebundene Webseite habe ich per css angepasst. Diese Seite [lokales html-Dokument] habe ich mit dem Add-on "new Tav Override" auch als Startseite für einen neuen Tab eingerichtet. Nun habe ich jedoch folgende (seltsame) Situation bemerkt:

Im "normalen" Modus werden alle css-Anpassungen der per iframe eingebundenen Webseite erkannt und alles so dargestellt, wie von mir eingerichtet.

Öffne ich nun jedoch im "privaten" Modus einen neuen Tab (identische Seite als Startseite eingerichtet, wie im "normalen" Modus), so wird ein Teil der css-Änderungen an der per iframe eingebundenen Webseite nicht übernommen ...

Hatte jemand schon eine solche Situation und / oder hat eine Idee, woran das liegen könnte?

Zitat von schlingo

Hallo

Zitat

Great news

Dear "I don't care about cookies" users,

After exactly 10 years of maintaining this project and dealing with cookie/GDPR pop-ups on my own, I am proud and happy to say that Avast - a famous and trustworthy IT company known for the wide range of products that help secure our digital experience, has recognized its value!

Avast offered to acquire the project so that we can help each other in creating even better products and I decided to accept the offer: "I don't care about cookies" is now officially a member of Avast family 🙂

I will keep working on the project and the extension will remain free to use. Donations are not needed anymore to keep the project going, of course. A big, big ♥ THANK YOU ♥ to all the donors, translators and everyone else who helped keeping the project alive over the years!

Stay tuned for more excited news in the future!

Alles anzeigen

Das war es dann für mich.

Gruß Ingo

Alles anzeigen

Danke für den Hinweis. Dann werde ich da schnell mal die automatischen Updates deaktivieren. Gibt es eigendlich eine sinnvolle Alternative dazu?

Zitat von 2002Andreas

Zitat von Firefox_94.0.1

in der userChromeShadow

Du hast das Update für das Script dazu gemacht?

Beitrag

ShadowRoot: Neue Aufruf-Methode für CSS-Regeln

Damit das alles so funktioniert, wie weiter unten beschrieben, muss in erster Linie aborix erwähnt werden, der mit seinem Lade-Skript die neue Aufruflogik überhaupt erst möglich gemacht hat und  2002Andreas , Sören Hentzschel für ihre Hilfe und den beigesteuerten Code. Vielen Dank!



Um auch weiterhin alle Elemente der Firefox-Oberfläche mittels 'css' gestalten zu können, ist es notwendig, eine zusätzliche Aufruflogik für bestimmte 'css'-Regeln zu benutzen.

Bei diesen Elementen handelt es…

BrokenHeart

18. Juni 2021 um 09:36

Nein, hatte ich nicht gesehen. Ist jetzt nachgeholt und es funktioniert wieder.

Hallo,

ich habe gerade das Update auf Version 104 durchgeführt. Nun wird jedoch mein Code für die Farbgestaltung der aufgeklappten Ordner in der Lesezeichenleiste, welcher sich in der userChromeShadow befindet, nicht mehr erkannt.

Hier mein Code dafür:

/* Farbe von Lesezeichendropdownmenü*/


#PlacesToolbar menupopup[placespopup="true"]::part(arrowscrollbox) {
border-radius: 5px !important;
background-color: #000080 !important;
border-color: #000080 !important;
}


#tabbrowser-arrowscrollbox::part(scrollbutton-up), #tabbrowser-arrowscrollbox::part(scrollbutton-down) {
fill: white !important;
}

Zitat von 2002Andreas

Zitat von Firefox_94.0.1

die Startseite eines neuen privaten Fensters?

Ist mir zumindest nicht bekannt

ok.