Hintergrundfarbe der Menüs/Lesezeichen/Kontextmenü - mit Hover-Effekt

Zitat von FuchsFan

Wie muss dort der Eintrag richtig definiert werden, damit nur die Popup so aussehen?

menupopup::part(innerbox)

ABER: Das funktioniert nicht in der 'userChrome.css' sondern nur, wenn der css-Code über ein Skript eingefügt wird.

Der Grund ist die 'shadow-root'. 'part' wird in der userChrome.css nicht unterstützt und daher musst du den Selektor global ansprechen, was dazu führt, dass alle 'arrowscrollboxen' angesprochen werden. Mir ist kein Weg bekannt, das zu ändern....

Kannst ja mal hier schauen, wie du per Script deinen css-code einbauen kannst.

RE: SaveTo.uc.js

Zitat von FuchsFan

Dann muss ich mich notgedrungen den Gegebenheiten anpassen, ist ja kein Beinbruch.

Na ja, wer wird denn gleich aufgeben.

Wenn du das Script eh nutzt, kannst du doch dort genau deinen css-Code reinschreiben (ungetestet von mir!):

 var css =`
                hbox.dialog-button-box button.dialog-button menupopup {
                background: #eeeeee !important;
            }
                hbox.dialog-button-box button.dialog-button menupopup menuitem.menuitem-iconic:hover{
                background: lightblue !important;
            }
/*Einfügen-------------*/
        menupopup::part(innerbox)
        {
        width: 350px !important; /* vorgegebene Breite der Popup-Fenster */
        border: 1px solid red !important; /* Umrandung der Popup-Menüs */ 
        padding: 5px 5px 5px 5px  !important; /* Umrandung nach außen versetzt */ 
        border-radius: 10px  ! important; /* Ecken abgerundet */
    }
/*Einfügen-------------*/


        `;

        var sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
        var uri = Services.io.newURI('data:text/css,' + encodeURIComponent(css))
        sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);

Bitte mal testen

 /*==================================*/
/***** 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: 2px solid blue  !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: 25px !important; /* vorgegebene Höhe der Zeilen */
    max-height: 25px !important;
    -moz-opacity: 1.0 !important;
    border-radius: 6px !important;
    border: 1px solid #99ccff  !important; /* Umrandung/Farbe */
}

/* Hintergrund/Umrandung/Ausrichtung - aller Popup */
menupopup { 
   border: 2px solid red !important; /* Umrandung/Farbe */
   padding: 6px 6px 6px 6px !important; /* Ausrichtung */
   background: #F0F8FF  /* #F5F5DC */ !important; /* Hintergrund */
   font-size: 9pt !important; /* Schriftgröße */
   border-radius: 10px !important;
}

Zitat von FuchsFan

Das hatte ich schon getestet, leider ohne Erfolg.

Stimmt, in diesem Skript funktioniert es nicht. Wenn ich es in das Skript für die mehrzeiligen Tabs einbaue, dann geht es :

var css =`
    menupopup::part(innerbox)
    {
        width: 350px !important; /* vorgegebene Breite der Popup-Fenster */
        border: 1px solid red !important; /* Umrandung der Popup-Menüs */ 
        padding: 5px 5px 5px 5px  !important; /* Umrandung nach außen versetzt */ 
        border-radius: 10px  ! important; /* Ecken abgerundet */
    }
    tabs tab {
        border-left: solid 1px hsla(0,0%,0%,.0) !important;
        border-right: solid 1px hsla(0,0%,0%,.0) !important;
    }
    tabs tab:after,tabs tab:before { display: none !important; }
    `;
    var sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
    var uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css));
    sss.loadAndRegisterSheet(uri, sss.AUTHOR_SHEET);

Edit:

OK, sehe gerade 2002Andreas hat das Problem auf elegantere Weise gelöst. Er ist halt der 'CSS-Meister', das muss man ihm lassen

Zitat von BrokenHeart

Er ist halt der 'CSS-Meister',

Nicht doch, Ich bin nur ein kleiner Bastler.

Zitat von 2002Andreas

Nicht doch, Ich bin nur ein kleiner Bastler.

OK, einigen wir uns auf "Kleiner Bastel-Meister".

Zitat von 2002Andreas

Bitte mal testen

Spoiler anzeigen

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: 2px solid blue  !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: 25px !important; /* vorgegebene Höhe der Zeilen */
    max-height: 25px !important;
    -moz-opacity: 1.0 !important;
    border-radius: 6px !important;
    border: 1px solid #99ccff  !important; /* Umrandung/Farbe */
}

/* Hintergrund/Umrandung/Ausrichtung - aller Popup */
menupopup { 
   border: 2px solid red !important; /* Umrandung/Farbe */
   padding: 6px 6px 6px 6px !important; /* Ausrichtung */
   background: #F0F8FF  /* #F5F5DC */ !important; /* Hintergrund */
   font-size: 9pt !important; /* Schriftgröße */
   border-radius: 10px !important;
}

Alles anzeigen

Danke!

Hab's auch für meinen Zweck adaptieren können ...

Teste bitte:

.scrollbutton-up:hover,
.scrollbutton-down:hover {
    background-color: green !important;
    }

Zitat von FuchsFan

Ab der Beta 76 dann nicht mehr, hat dann wohl andere ID.

Dann muß ich nächste Woche noch mal schauen - habe keine Beta...

Bitte testen:

toolbarbutton#scrollbutton-up:hover,
toolbarbutton#scrollbutton-down:hover {
     background: red !important;
}

Zitat von FuchsFan

Ab der Beta 76 dann nicht mehr, hat dann wohl andere ID.

Nö, erst ab dann sind es IDs. Denn bis Fx 75 sind es Klassen.