Beiträge von Firefox_94.0.1

  • :hover für Kontextmenü, Ordner in Favoritenleiste und Dropdown in Menüleiste

    Zitat von Mira_Belle

    Firefox_94.0.1 Hättest Du mal einen Link, wo Dir das passiert?

    Und Du musst natürlich in Deiner userChrome.css

    in der ersten Zeile @-moz-document url(chrome://browser/content/browser.xhtml) { stehen haben

    und das ganze dann in der letzten Zeile auch mit ) abschließen!

    Leider funktioniert das trotz @-moz-document nicht. Einen Link habe ich mittlerweile. Hier im Forum bei der erweiterten Suche das Menü, bei welchem man die Seitenteile auswählen kann, in welchen gesucht werden soll: https://www.camp-firefox.de/suche/

  • :hover für Kontextmenü, Ordner in Favoritenleiste und Dropdown in Menüleiste

    Zitat von Mira_Belle

    Kann und darf auch ausprobiert werden, Farben müssen halt nach eigenen Wünschen angepasst werden.

    Im Hamburgermenü funktioniert dieses CSS aber noch nicht!

    Und für's Hamburgermenü

    CSS
    	:is(panelview toolbarbutton.subviewbutton,.toolbaritem-combined-buttons
	:is([overflowedItem="true"]) > toolbarbutton):not([disabled]):hover {
		background-color: orange !important; /* Feld (hover) */
    	color: lime !important; /* Schriftfarbe (hover) */
	}

    Danke dafür. Der Code ist (fast) perfekt. Mit diesem ist auch mein im Edit von #22 geschildertes Problem nicht mehr da. Den Code für das Hamburger Menü habe ich noch nicht getestet, da ich für dieses einen separaten Code am laufen haben muss (:hover ist noch in da, aber in einer anderen Farbe).

    Jedoch habe ich mit dem Code (wieder) das Problem, dass der sich auf auf Webseiten auswirkt... Kann man das noch ausschließen?

  • :hover für Kontextmenü, Ordner in Favoritenleiste und Dropdown in Menüleiste

    Zitat von 2002Andreas
    Zitat von Firefox_94.0.1

    aber das funktioniert leider nicht.

    Teste bitte:

    CSS
    menupopup :is(menu,menuitem)[disabled="true"]:hover {
  color: #5656ab !important;
  border-radius: 9px !important;
  background-color: #2b2c86 !important; /* old: #87CEFF */
  }

    Funktioniert leider nicht.

    Edit: Bezieht sich noch auf den funktionierenden Code: Im Kontextmenü der Menüleiste gibt es den Punkt "Lesezeichen-Symbolleiste". Wenn ich diesen mit der Maus anklicke und anschließend aus dem Menü fahre, ist der Punkt nicht mehr in "#2b2c86" hinterlegt, wie ich es als :hover definiert habe, sondern der wird dann weiß hinterlegt mit schwarzer Schrift. Welche Eigenschaft muss ich hier noch definieren, damit die Farben auch beim rausfahren stabil bleiben?

  • :hover für Kontextmenü, Ordner in Favoritenleiste und Dropdown in Menüleiste

    Vielen Dank für den Code, dieser funktioniert wunderbar. Jedoch möchte ich die ausgegrauten Elemente doch separat steuern.

    Ich habe es mit

    CSS
    menupopup[disabled="true"]:hover {
  color: #5656ab !important;
  border-radius: 9px !important;
  background-color: #2b2c86 !important; old: #87CEFF
  }
}

    probiert, aber das funktioniert leider nicht.

  • :hover für Kontextmenü, Ordner in Favoritenleiste und Dropdown in Menüleiste

    Zitat von 2002Andreas
    Zitat von Firefox_94.0.1

    Kann man das noch trennen?

    Neuer Versuch;)

    Evtl. auch diese Kurzform:/

    CSS
    /*4. hover Farbe in allen pop-up menüs ändern*/
@-moz-document url-prefix("chrome://browser/content/browser.xhtml") {

menupopup :is(menu,menuitem):not([disabled="true"]):not(#ContentSelectDropdown > menupopup > menuitem):hover {
   color: #fff !important;
   border-radius: 10px !important;
   background-color: #8888b3 !important; /*old: #87CEFF*/
   }
}

    Die Langform funktioniert nicht (hat Auswirkungen auf die Webseite), bei der Kurzform ist noch folgendes Problem: Wenn ein Punkt im drop-down "ausgegraut" ist, ist die :hover-Farbe nicht die #8888b3  sondern #f0f0f3. So kann man dort die weiße Schrift nicht lesen.

    Und eine Frage, damit ich es dokumentieren kann: Wodurch wird jetzt der 25-px-Radius an den gewünschten Stellen definiert?

  • :hover für Kontextmenü, Ordner in Favoritenleiste und Dropdown in Menüleiste

    Zitat von 2002Andreas
    Zitat von milupo

    eben jene Zeile 12.

    Sorry, wie peinlich.

    Ich habe sie noch eingefügt.

    Zitat von Firefox_94.0.1

    leider das gleiche Problem.

    Und damit?

    CSS
    /*4. hover Farbe in allen pop-up menüs ändern*/
@-moz-document url-prefix("chrome://browser/content/browser.xhtml") {

toolbarbutton.bookmark-item:not(.subviewbutton):hover,
:is(menu,menuitem):not([disabled="true"]):not(#ContentSelectDropdown > menupopup > menuitem):hover {
   color: #fff !important;
   border-radius: 10px !important;
   background-color: #8888b3 !important; /*old: #87CEFF*/
   }
}

    Der Code wirkt sich nicht mehr auf Webseiten aus, jedoch wirkt sich dafür die "border-radius" Einstellung auch auf die Lesezeichen (davor nur das Order-drop down) sowie die Buttons in der Menüleiste (zuvor auch hier nur auf das drop down) aus. Kann man das noch trennen?

  • :hover für Kontextmenü, Ordner in Favoritenleiste und Dropdown in Menüleiste

    Genau. Der Code hat auswirkungen auf eine Webseite. Den Code habe ich ganz normal in der userChrome.css eingetragen. Mit deinem Code habe ich aber leider das gleiche Problem.

  • :hover für Kontextmenü, Ordner in Favoritenleiste und Dropdown in Menüleiste

    Für die oben genannten Menüs habe ich folgenden Code für die :hover Farbe in Verwendung:

    CSS
    /*4. hover Farbe in allen pop-up menüs ändern*/ --> /*mal anschauen*/
menupopup > menu:hover,
menupopup > menuitem:hover,
menupopup > menu[_moz-menuactive="true"],
menupopup > menuitem[_moz-menuactive="true"] {
   color: #fff !important;
    border-radius: 10px !important;
   background-color: #8888b3 !important; /*old: #87CEFF*/
}

    Die Einstellungen wirken sich jedoch auch auf andere Menüs aus, nicht nur - wie gewollt - auf die im Titel genannten. Ein Beispiel zu nennen ist aber schwierig, da die Seite, auf welcher ich es bemerkt habe, nur als angemeldeter Benutzer mit entsprechenden Rechten benutzbar ist. Daher: gibt es Codes, welche sich nur auf die 3 genannten Elemente auswirken?

  • Hamburger Menü :hover

    Ich nutze schon länger diesen Code für das Hamburger Menü:


    Die Einstellungen für :hover wirken sich jedoch auch an Menüstellen aus, wo diese nicht ganz passend sind, wie z. B. ganz oben ("Daten synconisieren...") oder bei dem Punkt "Zoom". Gibt es hier eine Option, damit diese Bereiche nicht von :hover erfasst werden, ohne dass ich für jeden einzelnen Menüpunkt die :hover-Einstellungen extra definieren muss?


    Code

  • Tagesschau.de Audiofenster in Artikel

    Zitat von Mitleser

    Ok, dann auf die harte Tour:

    CSS
    .mediaplayer.mediaplayer--reduced-m.mediaplayer--audio.mediaplayer--lazy-loading.mediaplayer--loaded div.player.ardplayer.ardplayer-show-controls.ardplayer-state-audio.ardplayer-state-audio-inline.ardplayer-state-inactive.ardplayer-m.ardplayer-bs-break {
  background-color: red !important;
}

    Jetzt?

    Ja. Perfekt. Danke für deine Hilfe.

  • Tagesschau.de Audiofenster in Artikel

    Zitat von Mitleser
    Zitat von Firefox_94.0.1

    Wirkt sich leider nur auch auf (div.ardplayer-posterbackdrop) aus

    Aber nicht auf dem von dir erwähnten Beispiellink (https://www.tagesschau.de/ausland/amerik…huldig-100.html) oder doch? Oder wo sonst (Bitte Link/Screen). Und was heißt 'teilweise'?

    Teilweise = Auf der genannten Seite funktioniert es, aber es wirkt sich auf Elemente auf der Startseite (https://www.tagesschau.de/) Videoeinbettung unter der Überschrift "Zollstreit mit China" aus.

  • Tagesschau.de Audiofenster in Artikel

    Zitat von milupo

    Eine Farbangabe mit 8 Stellen gibt es nicht. Im allgemeinen wird die Farbe im RGB-Format angegeben. Das hat nur 6 Stellen. #00016e ist OK, #00016e82 aber nicht. Oder meintest du eigentlich #000082? #00016 gibt es auch nicht, aber hier meintest du wohl auch #00016e.

    .ardplayer ist eine Klasse ja, die wirkt sich auf alle Elemente aus, die die Klasse haben. Wenn es aber nur um die unterschiedlichen Artikel geht, bette mal die Einträge mit .ardplayer am Anfang in @-moz-document url("https://www.tagesschau.de/ausland/amerik…huldig-100.html")

    Dann sollte dein CSS nur auf den ARD-Player auf dieser Seite funktionieren, aber auch nur auf dieser Seite. Ich halte es für Unsinn den ARD-Player auf jeder Seite unterschiedlich zu gestalten. Die ARD hat es bewusst so gemacht, dass der Player auf allen Seiten das gleiche Aussehen hat. Ich nehme mal an, dass deine falschen Farbangaben die Ursache für dein Problem sind.

    Danke für deine Ausführungen. Ja, #00016e ist korrekt. Habe ich mWn auch so in der .css.

    Das "#00016e82" habe ich über den Farbwähler in den Entwicklerwerkzeugen erzeugt, in dem ich von dem #00016e die Deckkraft reduziert habe. Die Farbe funktioniert an sich auch, wie sie soll.

    Problem konkret:

    Wenn ich den unteren Player (div.player.ardplayer.ardplayer-show-controls.ardplayer-state-audio.ardplayer-state-audio-inline.ardplayer-state-inactive ardplayer-m.ardplayer-bs-break.rdplayer-bs-xl) auf #00016e setze, wirkt sich das auf den (div.ardplayer-posterframe) aus.

    Ich möchte nicht den Player auf jeder Seite einzeln ändern, sondern nur den großen am Artikelende. Die kleinen Bild-Player sollen bleiben, wie sie sind.

  • Tagesschau.de Audiofenster in Artikel

    Hallo,

    am Ende von z. B. diesem Artikel: https://www.tagesschau.de/ausland/amerik…huldig-100.html

    befindet sich eine Box, um ein Audio abzuspielen. Diese möchte komplett in #00016 färben.

    Problem hierbei ist, dass die Bilder, welche im Artikel sind, auch ein Audio beeinhalten. Wenn ich die untere Box entsprechend einfärbe, verschwinden die Bilder. Gibt es da eine Lösung?


    Edit: Hier meine bisherige .css, welche auch funktioniert


  • Farbe von "Checkboxen" anpassen

    Ich bin gerade dabei, die Feinheiten der letzten Änderungen anzupassen. Hierbei ist mir aufgefallen, dass sich die Farbe von diesen Checkboxen nicht mehr wie gewohnt ändern lässt.

    Gemeint sind die Boxen wie:

    - Bei der Suche (Strg+F) vor "alles hervorheben", "Groß-/Kleinschreibung", "Akzente", "Ganze Wörter"

    - Bei about:config vor "Beim Aufruf dieser Einstellungen immer warnen"

    - und weitere (falls ich noch welche übersehen habe)

    Gibt es da aktuell noch eine Möglichkeit, die Hintergrundfarbe im nicht aktivierten Zustand sowie im aktivierten Zustand die Farbe hinter dem Haken und den Haken selber anzupassen?

  • Standard-Favicon ("Weltkugel") in Lesezeichenleiste Farbe ändern

    Zitat von Horstmann
    Zitat von Firefox_94.0.1

    Wie würdest du das überdenken? Woran erkenne ich, ob der Code nichts macht bzw falsch ist?

    Wenn ich den bei mir reinstelle, macht farblich kaum was Sinn, auch bei verschiedenen Themes.
    Man müsste noch wissen welches Theme du benutzt, ob noch anderen CSS Code, oder evtl. Erweiterungen wie Firefox Color.

    Ich habe das Standard-Theme laufen. Da ich eigendlich alles angepasst habe, hat sich auch jede Menge Code angesammelt. Das war irgendwann in einer Datei einfach nicht mehr übersichtlich, daher habe ich nach Bereichen getrennte einzelne Dateien per @import in die UserChrome.css gezogen. Der Übersicht halber habe ich oben nur den Code für die hier relevante Lesezeichenleiste eingestellt. Daher macht die Farbgebung von nur dem geposteten Code tatsächlich keinen Sinn.