Habe mir Stylus mal geladen.
Danke
Habe mir Stylus mal geladen.
Danke
Emil Mangelsdorff, ein hervorragender Jazz-Musiker ist im Alter von 96 Jahren gestorben.
https://www.deutschlandfunk.de/der-saxophonist-emil-mangelsdorff-ist-tot-104.html
Danke für die Aufschlüsselung. Ich werde, da es, wie ich finde, übersichtlicher ist, das Ganze nochmal anpassen.
Und ja, da ich mich erst langsam einarbeite, wird es noch ein wenig dauern, ehe ich da einigermaßen Durchblick habe.
Aber solche Hinweise finde ich sehr wertvoll.
Danke damit klappt es. Danke Euch für die Hilfe.
Habe hier für mich viel gelernt. Nun heißt es, sich mit den Entwicklerwerkzeugen zu beschäftigen, damit ich solche Sachen auch zuordnen kann.
Verständnisfrage. Kann ich -appearance dann generell weglassen, wenn ich oben mit @-moz-document den Aufruf erzeuge?
Hier klappt es leider nicht.
#menu_tabsSidebar{ /*Ansicht-Sidebar-Lesezeichen*/
-moz-appearance:none !important;
background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Sidebar-Lesezeichen.png") no-repeat !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px !important;
}
#menu_tabsSidebar:hover{
-moz-appearance:none !important;
margin-right: -1px !important;
background: #f44336 url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Sidebar-Lesezeichen.png") no-repeat !important;
border-width: thin !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px !important;
}
Alles anzeigen
Statt des Icons und background red bei hover wird als Symbol ein Häkchen gesetzt und der Hintergrund bleibt schwarz.
Es sollte eigentlich dieses Icon statt des Häkchens erscheinen.
Selbst die Konstellation mit background-image und background-color (siehe unten), bringt nicht den gewünschten Effekt.
#menu_tabsSidebar:hover{
-moz-appearance:none !important;
margin-right: -1px !important;
background-image url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Sidebar-Lesezeichen.png") no-repeat !important;
background-color: #f44336
border-width: thin !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px !important;
}
Ja, das mit den doppelöten Symbolen habe ich auch. Lupe und Häkchen. Habe es aber so definieren können, das die Lupe den Haken fast überdeckt. Also nicht so tragisch und für mich okay.
Nun habe ich den code mal etwas geändert:
#menu_zoomReset{ /*Zoom-Tatsächliche Größe*/
-moz-appearance:none !important;
background-color: red url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Zoom-Tatsächliche-Größe.png") no-repeat !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px !important;
}
#menu_zoomReset:hover{
-moz-appearance:none !important;
margin-right: -1px !important;
background: red url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Zoom-Tatsächliche-Größe.png") no-repeat !important;
border-width: thin !important;
border-style: solid !important;
min-height: 15px !important;
padding-left: 35px !important;
background-position: 10px 10px!important;
}
Alles anzeigen
Habe nun oben background-color gesetzt. Nun macht er das, was er machen soll.
Eigentlich - Allerdings zeigt es mir nun das Icon nicht bei "aktiv" an, dafür bei hover.
Ist schon irgendwie eigenartig aber ich probiere weiter.
Mit background-color zusätzlich bei hover ändert sich nichts.
Vielleicht haben Endor oder 2002Andreas ja noch eine Idee.
Wobei, ich versuche mal die Farbe, Anregung von Dharkness aus Beitrag #22, mit #f44336 zu setzen. Mal sehen.
Jepp das ist die Lösung!
#menu_zoomReset{ /*Zoom-Tatsächliche Größe*/
-moz-appearance:none !important;
background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Zoom-Tatsächliche-Größe.png") no-repeat !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px !important;
}
#menu_zoomReset:hover{
-moz-appearance:none !important;
margin-right: -1px !important;
background: #f44336 url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Zoom-Tatsächliche-Größe.png") no-repeat !important;
border-width: thin !important;
border-style: solid !important;
min-height: 15px !important;
padding-left: 35px !important;
background-position: 10px 10px!important;
}
Alles anzeigen
So sieht es aus und klappt tadellos.
Nun würde mich interessieren, warum es sorum klappt und andersrum nicht?
Ich verstehe die Logik nicht mehr?
Aber aufgeben ist keine Option.
Bin nun erstmal weg.
Bis später.
Mittlerweile, durch Deine Änderungen klappt es hier. Nun hakt hover bei:
Tatsächliche Größe
Sehr gerne:
Hier: Tatsächliche Größe
Hier: Nur-Text.zoomen
Ich habe nur die Namen hier etwas verkürzt und hoffe, es ist richtig
#toggle_zoom /*#viewFullZoomMenu menuitem[label="Nur Text zoomen"]*/,/*Zoom-Nur Text zoomen*/
#toggle_zoom /*#viewFullZoomMenu menuitem[label="Nur Text zoomen"]*/[type="checkbox"][checked="false"] > .menu-iconic-left {
-moz-appearance: none !important;
background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Zoom-Nur Text zoomen.png") no-repeat !important;
margin-left: 5px !important;
min-height: 24px !important;
padding-left: 25px !important;
background-position: 5px 5px !important;
}
#toggle_zoom /*#viewFullZoomMenu menuitem[label="Nur Text zoomen"]*/[type="checkbox"][checked="false"] >.menu-iconic-text{
padding-left: 10px !important;
}
Alles anzeigen
Danke für den Hinweis. Nun klappt es.
Allerdings verschiebt er mir nun hier das Icon bei hover:
#menu_zoomReset:hover{
-moz-appearance:none !important;
margin-right: -1px !important;
background: red url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Zoom-Tatsächliche Größe.png") no-repeat !important;
border-width: thin !important;
border-style: solid !important;
min-height: 15px !important;
padding-left: 35px !important;
background-position: 10px 10!important;
}
in die obere linke Ecke.
Und mit background-color bleibt es bei hover zwar bestehen aber färbt sich nicht ein.
Ich gebe aber nicht auf.
So geschehen.
Allerdings greift background-color: red nicht bei hover.
Selbst wenn ich aus background-color nur background mache. klappt es nicht.
Dachte über diesen Trick schaffe ich es.
So, ich habe jetzt die erste Zeile auskommentiert und den Code versetzt.
So weit, so gut.
Nun hat er mir aber mein Icon stibitzt.
Hier der Codeschnipsel:
/*#viewFullZoomMenu menuitem[label="Nur Text zoomen"],*//*Zoom-Nur Text zoomen*/
#viewFullZoomMenu menuitem[label="Nur Text zoomen"][type="checkbox"][checked="false"] > .menu-iconic-left {
appearance: none !important;
background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Zoom-Nur Text zoomen.png") no-repeat !important;
margin-left: 5px !important;
min-height: 24px !important;
padding-left: 10px !important;
background-position: 5px 5px !important;
}
waswas. Nicht die Geduld verlieren.
Ich bin auch gerade am bastelt. Aber mit unseren Göttern schaffe ich es auch.
Ab nächste Woche werde ich mich dann mal mit den Browser Werkzeugen vertratut.
Das ist schon mal großartig.
Jetzt weis ich, welche Auswirkungen das hat. Danke für den Hinweis
Habe die Zeile entfernt. Nun ist der Text auch wieder zu lesen, allerdings nicht rot unterlegt bei hover, was er eigentlich sollte .
Damit blendet er mir komplett den Eintrag: "Nur Text zoomen" incl. Icon aus.
Ach ja, ursprünglich wurde das auch in Zeile so angesprochen.
Sogar in beiden Zeile, siehe Zeile 157 und 158 in Beitrag #1.
So, den Fehler gefunden.
Es hängt mit folgendem Eintrag zusammen:
#viewFullZoomMenu menuitem[label="Nur Text zoomen"]{ /*Zoom-Nur Text zoomen*/
#viewFullZoomMenu menuitem[label="Nur Text zoomen"][type="checkbox"][checked="false"] > .menu-iconic-left
display: none !important;
appearance: none !important;
background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Zoom-Nur Text zoomen.png") no-repeat !important;
margin-left: 5px !important;
min-height: 24px !important;
padding-left: 10px !important;
background-position: 5px 5px !important;
}
Normalerweise ist am Ende der 2. Zeile eine offene Klammer.
Wenn ich diese wieder setze, deaktiviert es alle folgenden Einträge, macht mir aber bei hover genau das, was in Beitrag #8 dargestellt wird.
Mit dem dargestellten Code ist alles wieder aktiv, nur eben bei hover nicht das Feld "Nur Text zoomen" in rot unterlegt.
Hier nochmal der komplette jetzige Code mit dem Schnipsel von oben:
/*Menuleiste-Ansicht*/
@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml"),
url-prefix("chrome://browser/content/places/places.xhtml"),
url("chrome://browser/content/browser.xhtml") {
#menu_EditPopup > menuitem {
color: white !important;
}
menu[label="Symbolleisten"]{ /*Symbolleisten*/
-moz-appearance:none !important;
background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Symbolleisten.gif") no-repeat !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px!important;
}
menu[label="Symbolleisten"]:hover{
-moz-appearance:none !important;
margin-right: -1px !important;
background: red url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Symbolleisten.gif") no-repeat !important;
border-width: thin !important;
border-radius: 4px !important;
border-style: solid !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px !important;
}
#toggle_toolbar-menubar[checked="true"]>.menu-iconic-left{ /*Symbolleisten-Menueleiste*/
-moz-appearance: none !important;
background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Symbolleisten-Menueleiste.png") no-repeat !important;
height: 15px !important;
padding-top: 1px !important;
margin-left: 5px !important;
}
#toggle_toolbar-menubar[checked="true"]>.menu-iconic-text {
-moz-appearance: none !important;
padding-left: 5px !important;}
#toggle_toolbar-menubar:hover {
background-color: red !important;
color: white !important;
}
#toggle_PersonalToolbar > menupopup:nth-child(4) > menuitem:nth-child(1):hover {
background-color: red !important;
color: white !important;
}
#toggle_PersonalToolbar > menupopup:nth-child(4) > menuitem:nth-child(2),
#toggle_PersonalToolbar > menupopup:nth-child(4) > menuitem:nth-child(3) {
display: none !important;
}
#menu_customizeToolbars{ /*Symbolleisten anpassen*/
-moz-appearance:none !important;
background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Symbolleisten-Symbolleiste anpassen.png") no-repeat !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px !important;
}
#menu_customizeToolbars:hover{
-moz-appearance:none!important;
margin-right: -1px !important;
background: red url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Symbolleisten-Symbolleiste anpassen.png") no-repeat !important;
border-width: thin !important;
border-style: solid !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px !important;
}
#menu_tabsSidebar{ /*Ansicht-Sidebar-Lesezeichen*/
-moz-appearance:none !important;
background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Sidebar-Lesezeichen.png") no-repeat !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px !important;
}
#menu_tabsSidebar:hover{
-moz-appearance:none !important;
margin-right: -1px !important;
background: red url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Sidebar-Lesezeichen.png") no-repeat !important;
border-width: thin !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px !important;
}
menu[label="Sidebar"]{ /*Sidebar*/
-moz-appearance:none !important;
background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Sidebar.png") no-repeat !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px !important;
}
menu[label="Sidebar"]:hover{
-moz-appearance:none !important;
margin-right: -1px !important;
background: red url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Sidebar.png") no-repeat !important;
border-width: thin !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px !important;
}
#menu_historySidebar {
display: none !important;
}
menu[label="Zoom"]{ /*Zoom*/
-moz-appearance:none !important;
background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Zoom.png") no-repeat !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px !important;
}
menu[label="Zoom"]:hover{
-moz-appearance:none !important;
margin-right: -1px !important;
background: red url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Zoom.png") no-repeat !important;
border-width: thin !important;
border-style: solid !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px !important;
}
#toggle_zoom:hover {
background-color: red !important;
color: white !important;
}
#menu_zoomEnlarge{ /*Zoom-Vergrößern*/
-moz-appearance:none !important;
background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Zoom-Vergrößern.png") no-repeat !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px !important;
}
#menu_zoomEnlarge:hover{
-moz-appearance:none !important;
margin-right: -1px !important;
background: red url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Zoom-Vergrößern.png") no-repeat !important;
border-width: thin !important;
border-style: solid !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px !important;
}
#menu_zoomReduce{ /*Zoom-Verkleinern*/
-moz-appearance:none !important;
background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Zoom-Verkleinern.png") no-repeat !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px !important;
}
#menu_zoomReduce:hover{
-moz-appearance:none !important;
margin-right: -1px !important;
background: red url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Zoom-Verkleinern.png") no-repeat !important;
border-width: thin !important;
border-style: solid !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px !important;
}
#menu_zoomReset{ /*Zoom-Tatsächliche Größe*/
-moz-appearance:none !important;
background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Zoom-Tatsächliche Größe.png") no-repeat !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px !important;
}
#menu_zoomReset:hover{
-moz-appearance:none !important;
margin-right: -1px !important;
background: red url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Zoom-Tatsächliche Größe.png") no-repeat !important;
border-width: thin !important;
border-style: solid !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px !important;
}
#viewFullZoomMenu menuitem[label="Nur Text zoomen"]{ /*Zoom-Nur Text zoomen*/
#viewFullZoomMenu menuitem[label="Nur Text zoomen"][type="checkbox"][checked="false"] > .menu-iconic-left
display: none !important;
appearance: none !important;
background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Zoom-Nur Text zoomen.png") no-repeat !important;
margin-left: 5px !important;
min-height: 24px !important;
padding-left: 10px !important;
background-position: 5px 5px !important;
}
#viewFullZoomMenu menuitem[label="Nur Text zoomen"][type="checkbox"][checked="false"] >.menu-iconic-text{
padding-left: 10px !important;
}
menu[label="Webseiten-Stil"]{ /*Webseitenstil*/
-moz-appearance:none !important;
background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Webseitenstil.png") no-repeat !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px !important;
}
menu[label="Webseiten-Stil"]:hover{
-moz-appearance:none !important;
margin-right: -1px !important;
background: red url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Webseitenstil.png") no-repeat !important;
border-width: thin !important;
border-style: solid !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px !important;
}
#menu_pageStyleNoStyle {
display: none !important;
}
menu[label="Webseiten-Stil"] menuitem[type="radio"][checked="true"] > .menu-iconic-left { /*Standardstil*/
-moz-appearance: none !important;
background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Webseitenstil-Standardstil.png")no-repeat !important;
height: 15px !important;
padding-top: 1px !important;
margin-left: 5px !important;
}
#menu_pageStylePersistentOnly {
background-color: red !important;
color: white !important;
}
menu[label="Webseiten-Stil"] menuitem[type="radio"][checked="true"]>.menu-iconic-text{
margin-left: 9px !important;
}
menu[label="Webseiten-Stil"] menuitem[type="radio"]> .menu-iconic-left {
-moz-appearance: none !important;
background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Webseitenstil-Standardstil.png")no-repeat !important;
height: 15px !important;
padding-top: 1px !important;
margin-left: 5px !important;
}
menu[label="Webseiten-Stil"] menuitem[type="radio"]>.menu-iconic-text{
margin-left: 9px !important;
}
#repair-text-encoding { /*Textkodierung deaktiviert*/
display: none !important;
}
#fullScreenItem { /*Ansicht-Vollbild*/
-moz-appearance: none !important;
background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Vollbild.png") no-repeat !important;
height: 15px !important;
padding-top: 7px !important;
background-position: 10px 10px !important;
}
#fullScreenItem[type="checkbox"] > .menu-iconic-left {
-moz-appearance: none !important;
background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Vollbild.png") no-repeat !important;
height: 15px !important;
padding-top: 1px !important;
margin-left: 5px !important;
}
#fullScreenItem:hover {
background-color: red !important;
color: white !important;
}
#fullScreenItem[type="checkbox"] >.menu-iconic-text {
background: !important;
margin-left: -7px !important;
}
#menu_readerModeItem{
display: none !important;
}
}}
Alles anzeigen
Sieht schon gut aus. Bei Sidebar Lesezeichen (Bildchen 3) fehlt mir noch und die Ausblendung beim Webseitenstil "Kein Stil" (Bildchen 5).
Ach ja, die Abschlußßklammer für die Zeilen 58 und 159 waren noch notwendig. Die hatten alles außer Kraft gesetzt.
Bin gerade dabei, die einzelnen "Abschnitte" einzufügen.
Zum Teil setzen die sich dann gegenseitig außer Kraft. Muss also erst einmal in Ruhe probieren.
Habe dabei in den Zeilen 58 und 159 noch jeweils einen Klammerfehler gefunden.
Moin,
mittlerweile habe ich die Menus fast fertig angepasst.
Hier erst einmal mein kompletter Code
/*Menuleiste-Ansicht*/
@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml"),
url-prefix("chrome://browser/content/places/places.xhtml"),
url("chrome://browser/content/browser.xhtml") {
#menu_EditPopup > menuitem {
color: white !important;
}
menu[label="Symbolleisten"]{ /*Symbolleisten*/
-moz-appearance:none !important;
background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Symbolleisten.gif") no-repeat !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px!important;}
menu[label="Symbolleisten"]:hover{
-moz-appearance:none !important;
margin-right: -1px !important;
background: red url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Symbolleisten.gif") no-repeat !important;
border-width: thin !important;
border-radius: 4px !important;
border-style: solid !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px !important;}
#toggle_toolbar-menubar[checked="true"]>.menu-iconic-left{ /*Symbolleisten-Menueleiste*/
-moz-appearance: none !important;
background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Symbolleisten-Menueleiste.png") no-repeat !important;
height: 15px !important;
padding-top: 1px !important;
margin-left: 5px !important;}
#toggle_toolbar-menubar[checked="true"]>.menu-iconic-text {
-moz-appearance: none !important;
padding-left: 5px !important;}
#menu_customizeToolbars{ /*Symbolleisten anpassen*/
-moz-appearance:none !important;
background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Symbolleisten-Symbolleiste anpassen.png") no-repeat !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px !important;}
#menu_customizeToolbars:hover{
-moz-appearance:none!important;
margin-right: -1px !important;
background: red url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Symbolleisten-Symbolleiste anpassen.png") no-repeat !important;
border-width: thin !important;
border-style: solid !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px !important;}
#menu_tabsSidebar{ /*Ansicht-Sidebar-Lesezeichen*/)
-moz-appearance:none !important;}
background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Sidebar-Lesezeichen.png") no-repeat !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px !important;}
#menu_tabsSidebar:hover{
-moz-appearance:none !important;
margin-right: -1px !important;
background: red url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Sidebar-Lesezeichen.png") no-repeat !important;
border-width: thin !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px !important;}
menu[label="Sidebar"]{ /*Sidebar*/
-moz-appearance:none !important;
background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Sidebar.png") no-repeat !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px !important;}
menu[label="Sidebar"]:hover{
-moz-appearance:none !important;
margin-right: -1px !important;
background: red url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Sidebar.png") no-repeat !important;
border-width: thin !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px !important;}
menu[label="Zoom"]{ /*Zoom*/
-moz-appearance:none !important;
background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Zoom.png") no-repeat !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px !important;}
menu[label="Zoom"]:hover{
-moz-appearance:none !important;
margin-right: -1px !important;
background: red url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Zoom.png") no-repeat !important;
border-width: thin !important;
border-style: solid !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px !important;}
#menu_zoomEnlarge{ /*Zoom-Vergrößern*/)
-moz-appearance:none !important;
background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Zoom-Vergrößern.png") no-repeat !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px !important;}
#menu_zoomEnlarge:hover{
-moz-appearance:none !important;
margin-right: -1px !important;
background: red url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Zoom-Vergrößern.png") no-repeat !important;
border-width: thin !important;
border-style: solid !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px !important;}
#menu_zoomReduce{ /*Zoom-Verkleinern*/
-moz-appearance:none !important;
background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Zoom-Verkleinern.png") no-repeat !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px !important;}
#menu_zoomReduce:hover{
-moz-appearance:none !important;
margin-right: -1px !important;
background: red url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Zoom-Verkleinern.png") no-repeat !important;
border-width: thin !important;
border-style: solid !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px !important;}
#menu_zoomReset{ /*Zoom-Tatsächliche Größe*/
-moz-appearance:none !important;
background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Zoom-Tatsächliche Größe.png") no-repeat !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px !important;}
#menu_zoomReset:hover{
-moz-appearance:none !important;
margin-right: -1px !important;
background: red url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Zoom-Tatsächliche Größe.png") no-repeat !important;
border-width: thin !important;
border-style: solid !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px !important;}
#viewFullZoomMenu menuitem[label="Nur Text zoomen"]{ /*Zoom-Nur Text zoomen*/
#viewFullZoomMenu menuitem[label="Nur Text zoomen"][type="checkbox"][checked="false"] > .menu-iconic-left {
display: none !important;}
-moz-appearance: none !important;
background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Zoom-Nur Text zoomen.png") no-repeat !important;
margin-left: 5px !important;
min-height: 24px !important;
padding-left: 26px !important;
background-position: 5px 5px !important;
}
#viewFullZoomMenu menuitem[label="Nur Text zoomen"][type="checkbox"][checked="false"] >.menu-iconic-text{
padding-left: 5px !important;
}
menu[label="Webseiten-Stil"]{ /*Webseitenstil*/
-moz-appearance:none !important;
background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Webseitenstil.png") no-repeat !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px !important;}
menu[label="Webseiten-Stil"]:hover{
-moz-appearance:none !important;
margin-right: -1px !important;
background: red url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Webseitenstil.png") no-repeat !important;
border-width: thin !important;
border-style: solid !important;
min-height: 24px !important;
padding-left: 35px !important;
background-position: 10px 10px !important;}
menu[label="Webseiten-Stil"] menuitem[type="radio"][checked="true"] > .menu-iconic-left { /*Standardstil*/
-moz-appearance: none !important;
background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Webseitenstil-Standardstil.png")no-repeat !important;
height: 15px !important;
padding-top: 1px !important;
margin-left: 5px !important;}
menu[label="Webseiten-Stil"] menuitem[type="radio"][checked="true"]>.menu-iconic-text{
margin-left: 9px !important;}
menu[label="Webseiten-Stil"] menuitem[type="radio"]> .menu-iconic-left {
-moz-appearance: none !important;
background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Webseitenstil-Standardstil.png")no-repeat !important;
height: 15px !important;
padding-top: 1px !important;
margin-left: 5px !important;}
menu[label="Webseiten-Stil"] menuitem[type="radio"]>.menu-iconic-text{
margin-left: 9px !important;}
#repair-text-encoding { /*Textkodierung deaktiviert*/
display: none !important;}
#fullScreenItem { /*Ansicht-Vollbild*/
-moz-appearance: none !important;
background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Vollbild.png") no-repeat !important;
height: 15px !important;
padding-top: 7px !important;
background-position: 10px 10px !important;}
#fullScreenItem[type="checkbox"] > .menu-iconic-left {
-moz-appearance: none !important;
background: url("file:///F:/ICONS/Firefox/Menue-Icons/Ansicht-Vollbild.png") no-repeat !important;
height: 15px !important;
padding-top: 1px !important;
margin-left: 5px !important;}
#fullScreenItem[type="checkbox"] >.menu-iconic-text {
background: !important;
margin-left: -7px !important;}
#menu_readerModeItem{
display: none !important;}
}
Alles anzeigen
Allerdings stoße ich an einige, für mich (noch) unüberwindbare Hindernisse.
Diese sind:
Bei Symbolleisten - Menüleisten bekomme ich nur das Icon mit rot unterlegt. Was ich aber benötige, ich möchte gerne den Reiter "Menüleiste" bei hover komplett in rot unterlegt haben.
Hier möchte ich gerne den Reiter "Immer anzeigen" bei hover komplett in rot unterlegt haben.
Die beiden nachfolgenden Reiter benötige ich nicht, von daher hätte ich diese gerne deaktiviert.
Hier möchte ich gerne den Reiter "Lesezeichen" bei hover komplett in rot unterlegt haben.
Die Chronik kann hier gelöscht werden.
Hier fehlt mir bei "Nur Text zoomen" ebenfalls bei hover der rot hinterlegte Background.
Icon und Text habe ich mittlerweile nach links verschieben können.
Da ich hier nur "Standard-Stil" nutze, möchte ich bitte "Kein Stil" deaktiviert und "Standard-Stil" rot unterlegt haben.
Bei Vollbild, hier habe ich nicht extra ein Screen angefertigt, fehlt mir bei hover ebenfalls background red.
Ich denke, wenn ich einmal weiss, wie ich: backgroung: red !important; einfügen muss, bekomme ich das bestimmt auch hin.
Wenn nicht, kann ich fragen.
Schon mal Danke für die Hilfe.