Beiträge von FuchsFan

FuchsFan

Zitat von milupo

Es will vielleicht nichts bedeuten, aber in Zeile 62 sind die Kommas doch etwas eigenartig gesetzt

Danke, milupo, habe deine Hinweise hierzu (auch aus den folgenden Beiträgen) alle verarbeitet, es funktioniert.

Zitat von grisu2099

Ihr habt da bei den äußeren Buttons eine andere Breite als bei den mittleren.

Ich danke dir, habe aber nur teilweise davon Gebrauch gemacht (hilft).

Zitat von 2002Andreas

Wie schon gesagt, wenn die Icons eine eigene Farbe bekommen gibt es Probleme.

Jetzt habe ich den Code nochmals bearbeitet, für Hover aber die originale (graue) Farbe belassen, damit kann ich erst einmal leben. Eventuell gibt es doch noch eine bessere Variante.

FuchsFan

Zitat von 2002Andreas

Das wird in Zukunft echt fummelig mit manchen Icons und auch anderen Dingen

Das glaube ich dir gern.

Hier noch auf die Schnelle der Code mit dem ich heute früh experimentiert habe, kannst ja mal begutachten. Für mich wäre wichtig, wie ich den blauen Button links/rechts erweitern kann, damit das Feld ausgefüllt ist.

CSS

/*==================================*/
/***** POPUP und KONTEXT Menus ******/
/*==================================*/

menupopup > menuitem,
menupopup > menu {
background-position:8px 7px!important;
    padding-left:36px!important;}

#context-stop,    
#context-bookmarkpage,
#context-reload,
#context-to-bottom,
#context-to-top,
#context-forward,
#context-back
 {
     appearance: none !important;
    background: none !important;
/* margin-right:2px!important;    
max-width: 62px !important; */
border:1px solid lime !important;
 }    
 
 #context-stop:hover,    
#context-bookmarkpage:hover,
#context-reload:hover,
#context-to-bottom:hover,
#context-to-top:hover,
#context-forward:hover,
#context-back:hover
 {
     appearance: none !important;
    background-color: #e3dac9  !important;
/* margin-right:2px!important;    
max-width: 62px !important; */
border:1px solid grey !important;
 }    

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

/* Zeilen anpassen */    
menupopup > menu ,menupopup > menuitem,popup > menu ,popup > menuitem  {
    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 #FF3300 !important; /* Umrandung/Farbe */
   padding: 6px 6px 6px 6px !important; /* Ausrichtung */
   background: #F5F5DC /* #F0F8FF */ !important; /* Hintergrund */
   font-size: 9pt !important; /* Schriftgröße */
   border-radius: 10px !important;
}

/* angewählte Zeilen erhalten farbigen Hintergrund (Lime) und blaue fette Schrift bei Hover */
menupopup.textbox-contextmenu :-moz-any(menu,menuitem)[_moz-menuactive="true"],
popupset > menupopup  :-moz-any(menu,menuitem)[_moz-menuactive="true"]:not([id^="BMB"]),
popupset > menupopup  menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"]:not([id^="BMB"]),
popupset >*:not(menupopup) menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"],
toolbarbutton:not(#bookmarks-menu-button):not(#alltabs-button):not(.bookmark-item)  menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"],
#PlacesToolbar :-moz-any(menu,menuitem)[_moz-menuactive="true"],
#main-menubar menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"],
#sourceeditor-context :-moz-any(menu,menuitem)[_moz-menuactive="true"] {
    appearance: none !important;
    background-color: greenyellow !important;
    font-size: 9pt !important; /* Schriftgröße bei Hover */
    font-weight: bold !important;  /* fette Schrift */
    border:1px solid red !important; /* Umrandung bei Hover */
    color: #3300ff !important;
}

/* nichtanwählbare Zeilen erhalten farbigen Hintergrund (Blue) und dunkle graue fette Schrift bei Hover */
menupopup.textbox-contextmenu :-moz-any([disabled="true"])[_moz-menuactive="true"],
popupset > menupopup  :-moz-any([disabled="true"])[_moz-menuactive="true"]:not([id^="BMB"]),
popupset > menupopup  menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"]:not([id^="BMB"]),
popupset >*:not(menupopup) menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"],
toolbarbutton:not(#bookmarks-menu-button):not(#alltabs-button):not(.bookmark-item)  menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"],
#PlacesToolbar :-moz-any([disabled="true"])[_moz-menuactive="true"],
#main-menubar menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"],
#sourceeditor-context :-moz-any([disabled="true"])[_moz-menuactive="true"],
#lpt_site-context-menu :-moz-any([disabled="true"])[_moz-menuactive="true"] {
    background-color: #3399ff !important;
    color: #666699 !important;
    font-weight: bold !important;
} 


/********** KONTEXT-MENÜ ***************************/





/************* SEPARATOREN *******************************/

/* Separatoren werden entfernt (Querlinien) */
.small-separator,
#organizeBookmarksSeparator,
#bookmarksToolbarSeparator,
#bookmarksMenuItemsSeparator {
    display: none !important;
}    

#contentAreaContextMenu menuseparator {
    display: none !important;
}

menupopup menuseparator {
    display: none !important;
}

/****************** MENÜBAR ********************/

/* Hovereffekt Menübar anpassen */
#main-menubar > menu[_moz-menuactive="true"],
#main-menubar > menu[_moz-menuactive="true"]:-moz-lwtheme-darktext{
    background: #00FF00 !important; /* Hintergrund */
    border: 1px solid #ff6600 !important; /* Umrandung*/
    color: red !important; /* Schriftfarbe */
}
    
#main-menubar > menu{
    padding: 0px 3px 0px 3px !important; }    

/*Höhenverschiebung Menülleiste durch Hovereffekt verhindern*/
#main-menubar {
    height: 22px !important;
    margin-left:2px!important;
}

/* Menübar-Textfarbe-Stil */
menubar > menu { 
   font-family: "helvetica"  !important;
   color: #330066 !important; /* Schriftfarbe */
   font-style: italic !important; /* Schriftstil */
   font-size: 12px !important; /* Schriftgröße */
   /* font-weight: bold !important; */ /* fette Schrift */
}

/*====================================================================================================================*/

Alles anzeigen

FuchsFan

Zitat von 2002Andreas

Das Problem bei deinem Code ist, du gibst den Button eine eigene Farbe, wie ich es gesagt hatte:

So ist es, Andreas. Das wollte ich auch wieder umsetzen, aber es will nicht funktionieren. Mit dem letzten Code sieht es dann so aus, mit dem Filter wird alles so blass aussehen, auch die Icons, und das wollte ich vermeiden. Mit dem grauen Hintergrund bei den Icons, wenn man den weg bekäme.

Ich packe erst einmal zusammen, neue Energie tanken, dann neuer Anlauf.

Danke, Andreas!

FuchsFan

Zitat von milupo

Warum zeigst du denn nicht mal deinen Code, damit man mal herausfinden kann, wo da Fehler sind?

Hi milupo!

Das mache ich, der Code funktioniert in allen Versionen (bis Nightly ohne Proton).

CSS

/*==================================*/
/***** POPUP und KONTEXT Menus ******/
/*==================================*/


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

/* Zeilen anpassen */    
menupopup > menu ,menupopup > menuitem,popup > menu ,popup > menuitem  {
    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 #FF3300 !important; /* Umrandung/Farbe */
   padding: 6px 6px 6px 6px !important; /* Ausrichtung */
   background: #F5F5DC /* #F0F8FF */ !important; /* Hintergrund */
   font-size: 9pt !important; /* Schriftgröße */
   border-radius: 10px !important;
}

/* angewählte Zeilen erhalten farbigen Hintergrund (Lime) und blaue fette Schrift bei Hover */
menupopup.textbox-contextmenu :-moz-any(menu,menuitem)[_moz-menuactive="true"],
popupset > menupopup  :-moz-any(menu,menuitem)[_moz-menuactive="true"]:not([id^="BMB"]),
popupset > menupopup  menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"]:not([id^="BMB"]),
popupset >*:not(menupopup) menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"],
toolbarbutton:not(#bookmarks-menu-button):not(#alltabs-button):not(.bookmark-item)  menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"],
#PlacesToolbar :-moz-any(menu,menuitem)[_moz-menuactive="true"],
#main-menubar menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"],
#sourceeditor-context :-moz-any(menu,menuitem)[_moz-menuactive="true"] {
    appearance: none !important;
    background-color: greenyellow !important;
    font-size: 9pt !important; /* Schriftgröße bei Hover */
    font-weight: bold !important;  /* fette Schrift */
    border:1px solid red !important; /* Umrandung bei Hover */
    color: #3300ff !important;
}

/* nichtanwählbare Zeilen erhalten farbigen Hintergrund (Blue) und dunkle graue fette Schrift bei Hover */
menupopup.textbox-contextmenu :-moz-any([disabled="true"])[_moz-menuactive="true"],
popupset > menupopup  :-moz-any([disabled="true"])[_moz-menuactive="true"]:not([id^="BMB"]),
popupset > menupopup  menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"]:not([id^="BMB"]),
popupset >*:not(menupopup) menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"],
toolbarbutton:not(#bookmarks-menu-button):not(#alltabs-button):not(.bookmark-item)  menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"],
#PlacesToolbar :-moz-any([disabled="true"])[_moz-menuactive="true"],
#main-menubar menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"],
#sourceeditor-context :-moz-any([disabled="true"])[_moz-menuactive="true"],
#lpt_site-context-menu :-moz-any([disabled="true"])[_moz-menuactive="true"] {
    background-color: #3399ff !important;
    color: #666699 !important;
    font-weight: bold !important;
} 


/********** KONTEXT-MENÜ ***************************/

/* Icon Farbe */
#context-navigation > menuitem > hbox.menu-iconic-left {
    appearance: none !important;
    color:     #3333ff ! important; /* Farbe */
    padding: 0px  4px 0px 4px !important; /* Ausrichtung */
}

/* Hintergrund hinter den Icons */
#context-navigation {
    background: /* #f3e5ab */ #99ccff    /* #ecebbd */ !important; /* Farbe */
    padding: 4px  4px 4px 4px !important; /* Ausrichtung */
    margin-bottom: 4px ! important; /* untere Anpassung */
    min-height: 40px !important; /* vorgegebene Höhe des Hintergrundes */
    max-height: 40px !important;
}

/************* SEPARATOREN *******************************/

/* Separatoren werden entfernt (Querlinien) */
.small-separator,
#organizeBookmarksSeparator,
#bookmarksToolbarSeparator,
#bookmarksMenuItemsSeparator {
    display: none !important;
}    

#contentAreaContextMenu menuseparator {
    display: none !important;
}

menupopup menuseparator {
    display: none !important;
}

/****************** MENÜBAR ********************/

/* Hovereffekt Menübar anpassen */
#main-menubar > menu[_moz-menuactive="true"],
#main-menubar > menu[_moz-menuactive="true"]:-moz-lwtheme-darktext{
    background: #00FF00 !important; /* Hintergrund */
    border: 1px solid #ff6600 !important; /* Umrandung*/
    color: red !important; /* Schriftfarbe */
}
    
#main-menubar > menu{
    padding: 0px 3px 0px 3px !important; }    

/*Höhenverschiebung Menülleiste durch Hovereffekt verhindern*/
#main-menubar {
    height: 22px !important;
    margin-left:2px!important;
}

/* Menübar-Textfarbe-Stil */
menubar > menu { 
   font-family: "helvetica"  !important;
   color: #330066 !important; /* Schriftfarbe */
   font-style: italic !important; /* Schriftstil */
   font-size: 12px !important; /* Schriftgröße */
   /* font-weight: bold !important; */ /* fette Schrift */
}

/*====================================================================================================================*/

Alles anzeigen

Zitat von 2002Andreas

Den grauen Hintergrund konnte ich auch nur mit dem langen Farbcode entfernen

Ich habe ja für Hover Greenyellow, wollte die Farbe auf das komische Grau einrichten, war schon dicht dran, aber der Unterschied war immer noch erkennbar.

FuchsFan

Zitat von 2002Andreas

Du hast meinen nachträglichen Hinweis unten in Beitrag Nr. 60 gesehen?

Habe ich gelesen. Dein letzter Code für den Filter funktioniert, es sind auch die Icons zu sehen.

Eine Sache dazu, auf den Bildern hier RE: Anpassungen wegen Proton ist hinter den Icons ein heller Hintergrund (originale Farbe) zu sehen, bekommst du das raus, wie die heißt?

FuchsFan

Zitat von 2002Andreas

Diesen Code habe ich dazu benutzt:

So hier:

Wie bekomme ich über den Filter die Farbe Greenyellow hin? Ich habe schon so viel probiert, sehe nur noch Schwarz.

FuchsFan

Zitat von 2002Andreas

Du meinst bei hover?

Normal und bei Hover.

linke Seite:

rechte Seite:

vier in der Mitte:

FuchsFan

Zitat von 2002Andreas

Siehe meine beiden Screenshot dazu im Beitrag.
Mit meinem Code funktioniert das hier einwandfrei.

Ja, Andreas, das macht er hier auch, nur dann sind keine Icons mehr zu sehen. Ich bin da noch am Wirken, mal sehen was bei raus kommt. Sind bei dir die Button original auch unterschiedlich breit?

Andreas, wieder ein Dankeschön an dich für die Hilfe.

FuchsFan

Zitat von 2002Andreas

Du müsstest dir die Farben also für dich dann anpassen.

Damit beschäftige ich mich gerade, ist gar nicht so einfach. Kannst du hier RE: Anpassungen wegen Proton das erste Bild betrachten, da ist ja rechts der Button mit Hover rot hinterlegt, wird aber durch die originale Farbe teilweise überlagert. Lässt sich dieser Hintergrund ausblenden, damit nur die Hoverfarbe wirkt?

FuchsFan

Zitat von 2002Andreas

Siehe Beitrag Nr. 37

Ja, Andreas, habe ich gelesen.

Andere Sache dazu, mit Proton hat sich auch mit dem Kontextmenü was geändert, wozu ich weiter deine Hilfe bräuchte.

Die ID's zu den Button habe ich ja bekommen, und nun versucht Anpassungen vorzunehmen. Das geht eigentlich, bis auf den Umstand, bei Hover wird immer ein heller Hintergrund mit eingeblendet (ist bisher nicht so gewesen). Das betrifft aber nur die rechten vier Button, die beiden linken haben das nicht. Zur besseren Erkennung habe ich bei Hover Rot ausgewählt. Hast du eine Idee?

FuchsFan

Zitat von grisu2099

fehlt noch:

Nehme ich auch noch mit, danke.

FuchsFan

Herzlichen Dank!

FuchsFan

2002Andreas

Andreas, gibst du mir mal bitte die ID zu den Button in dieser Box des Rechtsklick-Kontextmenüs.

FuchsFan

Zitat von 2002Andreas

Teste bitte, und pass dir die Werte wenn nötig an:

Danke!

FuchsFan

Zitat von 2002Andreas

Und für die Abstände der Einträge im Kontextmenü braucht es auch nur einen kleinen 3 Zeiler Code.

Den hätte ich gern.

FuchsFan

Zitat von 2002Andreas

oder ich bleibe bei Fx 87

Aber das nehme ich dir nicht ab,

FuchsFan

Zitat von Sören Hentzschel

Das Einfachste ist wahrscheinlich

Kompliziert genug für mich , dann muss es in Zukunft auch so gehen. Danke!

FuchsFan

Bisher war es möglich hiermit text-align: center !important; die Schrift im Tab zu zentrieren. Das geht so nicht mehr, kann mir schon jemand zeigen wie es jetzt sein muss.

FuchsFan

Zitat von Sören Hentzschel

der Weg ist absolut in Ordnung.

Danke, dann ändere ich das überall.

FuchsFan

Zitat von 2002Andreas

Du kannst den Code dann auch noch verkürzen.

Könnte ich, Andreas, aber ich habe jetzt alles auf background-color umgestellt, und damit keine Probleme mehr. Danke nochmals für eure Hinweise.

Eine Sache ist mir ab Version 88 noch aufgefallen, die beiden Button links unten, speziell die Icons dazu. Bis zur v87 wurde z.B. das so .help-icon angesprochen. Ich musste das ändern in #help-button .sidebar-footer-icon, nur so ist es wieder aktiv. Ist das jetzt so richtig?

Beiträge von FuchsFan

Anpassungen wegen Proton

Anpassungen wegen Proton

Anpassungen wegen Proton

Anpassungen wegen Proton

Anpassungen wegen Proton

Anpassungen wegen Proton

Anpassungen wegen Proton

Anpassungen wegen Proton

Anpassungen wegen Proton

Anpassungen wegen Proton

Anpassungen wegen Proton

Anpassungen wegen Proton

Anpassungen wegen Proton

Anpassungen wegen Proton

Anpassungen wegen Proton

Tab-Leiste zu hoch

Tab-Leiste zu hoch

Tab-Leiste zu hoch

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"