userChrome.CSS | Generell Popup Kontextmenü Farben und Schrift anpassen ?

^L^

Hi, hab mich seit Jahren nicht mehr damit befasst, und suche daher die aktuellen Codes und Werte. Meine derzeitige Baustelle ...

CSS

/* POPUP und KONTEXT Menus */
arrowscrollbox:not(#tabbrowser-arrowscrollbox), menupopup, popup {
-moz-appearance: none!important;
width: 350px !important; /* vorgegebene Breite der Popup-Fenster */
border-radius: 6px !important;
# border: 1px white !important; /* Umrandung/Farbe */
# padding: 10px 10px 10px 10px !important; /* Ausrichtung */
}


/* Zeilen anpassen */
menupopup > menu ,menupopup > menuitem,popup > menu ,popup > menuitem {
-moz-appearance: none !important;
min-height: 20px !important; /* vorgegebene Hoehe der Zeilen */
max-height: 30px !important;
-moz-opacity: 1.0 !important;
border-radius: 6px !important;
border: 1px solid black !important; /* Umrandung/Farbe */
}


/* Hintergrund/Umrandung/Ausrichtung - aller Popup */
menupopup {
border: 1px black !important; /* Umrandung/Farbe */
padding: 6px 6px 6px 6px !important; /* Ausrichtung */
background: #green /* #lime */ !important; /* Hintergrund */
font-size: 11pt !important; /* Schriftgroesse */
border-radius: 10px !important;
}

Alles anzeigen

Ergebnis und Wunsch ...

2002Andreas

Zitat von ^L^

Meine derzeitige Baustelle ...

Meinst du das so?

Wenn ja, dann teste bitte mal:

CSS

/* Zeilen anpassen */
menupopup > menu ,menupopup > menuitem {
width: 350px !important; /* vorgegebene Breite der Popup-Fenster */
min-height: 20px !important; /* vorgegebene Hoehe der Zeilen */
max-height: 30px !important;
border-radius: 6px !important;
border: 1px solid black !important; /* Umrandung/Farbe */
}

/* Hintergrund/Umrandung/Ausrichtung - aller Popup */
menupopup {
--panel-background: green !important;
--panel-padding: 0px 0 !important;
font-size: 11pt !important; /* Schriftgroesse */
}

menuseparator {
margin: 0px 12em !important;
}

menu[disabled="true"], 
menuitem[disabled="true"], 
menu[_moz-menuactive="true"][disabled="true"], 
menuitem[_moz-menuactive="true"][disabled="true"] {
color: lightgreen !important;
}

Alles anzeigen

^L^

Danke, aber das sieht bei mir dann so aus?

2002Andreas

Zitat von ^L^

das sieht bei mir dann so aus?

Dann funkt dir ein anderer Code dazwischen.

In deinem Code in Beitrag Nr. 1 sind auch Fehler drin.

In Zeile 6, 7 und 26 hast du vorne bzw. vor der Farbe eine Raute.

Die gehört da jeweils nicht hin.

^L^

Hm, danke für den Hinweis. Die Rauten # hab ich mal weggenommen und nur die Farbe(n) geändert.

Zwar weiterhin ohne Schrift-Kontrast, aber damit kann ich leben.

CSS

/* POPUP und KONTEXT Menus */
arrowscrollbox:not(#tabbrowser-arrowscrollbox), menupopup, popup {
-moz-appearance: none!important;
width: 350px !important; /* vorgegebene Breite der Popup-Fenster */
border-radius: 6px !important;
border: 1px black !important; /* Umrandung/Farbe */
padding: 1px 1px 1px 1px !important; /* Ausrichtung */
}

/* Zeilen anpassen */
menupopup > menu ,menupopup > menuitem,popup > menu ,popup > menuitem {
-moz-appearance: none !important;
min-height: 20px !important; /* vorgegebene Hoehe der Zeilen */
max-height: 30px !important;
-moz-opacity: 1.0 !important;
border-radius: 6px !important;
border: 1px solid black !important; /* Umrandung/Farbe */
}

/* Hintergrund/Umrandung/Ausrichtung - aller Popup */
menupopup {
border: 2px black !important; /* Umrandung/Farbe */
padding: 6px 6px 6px 6px !important; /* Ausrichtung */
background: lightgrey /* #lightgrey */ !important; /* Hintergrund */
font-size: 11pt !important; /* Schriftgroesse */
border-radius: 10px !important;
}

Alles anzeigen

2002Andreas

Zitat von ^L^

Ich hab ich mal

So sieht der Code jetzt hier aus:

Da ist z.B. kein grauer Hintergrund wie er laut Zeile 24 sein sollte.

Also wie schon gesagt, da funkt dir ein anderer Code dazwischen.

Das ist so auch nicht richtig:

-moz-opacity: 1.0 !important;

-moz- gehört da nicht hin, und Wert 1 ist eh Standard.

Zeile 5, 6 und 7 haben hier keine Funktion:

border-radius: 6px !important;

border: 1px black !important; /* Umrandung/Farbe */

padding: 1px 1px 1px 1px !important; /* Ausrichtung */

Zitat von ^L^

aber damit kann ich leben.

Dann ist alles gut

^L^

Interessant! Hab die ''Altlasten'' entfernt & deinen Farbeintrag dazukopiert - passt! Vielen Dank!

CSS

menu[disabled="true"],
menuitem[disabled="true"],
menu[_moz-menuactive="true"][disabled="true"],
menuitem[_moz-menuactive="true"][disabled="true"] {
color: beige !important;
}