Beiträge von Mira_Belle

Mira_Belle

Und wieder habe ich mehr graue Haare bekommen!

Die Menüs der Menüleiste sind fertig, das Mainmenü (Hamburgermenü),
sowie das Tabskontextmenü auch.

Noch offen, das Lesezeichenleistekontextmenü, das Textfeldkontextmenü und das Inhalaltekontextmenü.

Hätte nicht gedacht, dass das so schwierig wird, wo ich doch zwei sehr gute Vorlagen habe.
Aber alles ist halt doch nicht vorgegeben und so muss ich oft die richtigen Selektoren suchen.
Besonders schwer ist das mit den Parametern.
Damit meine ich so etwas wie ::before oder menupopup[hasbeenopened="true"] oder :not(.menuitem-iconic))::before
oder auch label[value="TEXT"].

Mira_Belle

@Horstmann Habe den code einem oberflächlichen Kurztest unterzogen!
Scheint zu funktionieren, aber sei mir bitte nicht böse, wenn ich mich damit nicht weiter beschäftigen werde,
habe das Problem, für mich, längst gelöst und werde auch "meinen" Code weiter verwenden.

Mira_Belle

Der Selektor:

CSS

#contentAreaContextMenu:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]) {
        padding-inline-start: calc(1em + 24px) !important;
        background-position: left 1em center;
        background-repeat: no-repeat;
        background-size: 16px;
        -moz-context-properties: fill, fill-opacity;
        fill: #E0E0E0 !important;
}

Und dann mit den Eigenschaften etwas herumexperimentieren.
fill: #E0E0E0 !important; brauchst Du ja nicht. und -moz-context-properties: fill, fill-opacity; wohl auch nicht!

Mira_Belle

OK, hat sich erledigt!

Nein, doch nicht!
Das schaut bei mir ganz anders aus!
Folgende Einträge sind bei mir gar nicht vorhanden:

1. mit Rahmen und einiges andere!
2. ohne
3. erste Versuche für das Textfeldkontextmenü.css , noch ohne Symbole!

Die Symbole für DeepL und Google kommen von den jeweiligen Skripten,
das Symbol für "Ausgewählten Text übersetzen" entweder auch von einem Skript
oder von einer Erweiterung!

Ich bin noch nicht soweit!
Z.Z. kämpfe ich mit dem Kontextmenü der Tabs herum.

Mira_Belle

Wenn mir jetzt jemand verrät, welches Kontextmenü, das genau ist, würde ich mich freuen.

Mira_Belle

Zitat von Horstmann

Macht das irgendwie Sinn?

Irgendwie ja.

Ich verstehe Deine Antwort so,
Wenn z.B. so etwas in den Dateien vorkommt:

CSS

	/* ----------------------------------------------- */
	/* -------- Zeilenabstände in diesem Menü -------- */
    /* ----------------------------------------------- */

    #tools-menu menupopup > menuitem,
    #tools-menu menupopup > menu {
        padding-block: 2px !important;
    }

oder

CSS

	/* ----------------------------------------------- */
	/* -------- Zeilenabstände in diesem Menü -------- */
    /* ----------------------------------------------- */

    #view-menu menupopup > menuitem,
    #view-menu menupopup > menu {
        padding-block: 2px !important;
    }

und das kommt in allen acht CSS-Dateien vor,
dann lieber verallgemeinern und in eine "Zentrale" CSS-Datei auslagern.
Zum Bleistift so:

CSS

	/* ---------------------------------------------- */
	/* *** Zeilenabstände aller Einträge in ********* */
    /* *** allen Menüs und allen Popups geringer **** */
	/* ---------------------------------------------- */

    menupopup > menuitem,
    menupopup > menu {
        padding-block: 2px !important;
    }

Und so auch mit anderen Elementen, die sich immer wiederholen, so machen.
Als da wären z.B. die Abstände der Symbole zum dahinter liegenden Text!

Also so dann:

CSS

    /* ---------------------------------------------- */
	/* **** Abstände für alle Icons in den Menüa **** */
    /* ---------------------------------------------- */
	
	menupopup:not(.in-menulist) > menu:not(.menu-iconic),
	menupopup:not(.in-menulist, [aria-label]) > menuitem:not(.menuitem-iconic, [checked="true"]) {
		padding-inline-start: calc(1em + 24px) !important;
		background-position: left 1em center;
		background-repeat: no-repeat;
		background-size: 16px;
		-moz-context-properties: fill, fill-opacity;
		fill: #E0E0E0 !important;
	}

Alles anzeigen

Und damit wären dann auch noch die anderen Parameter zentral abgelegt.

Mira_Belle

@Horstmann Ich hätte da mal eine Frage an Dich!

Also, einerseits ist es ja schon ganz schön bestimmte "Einstellungen" in den einzelnen CSS-Dateien zu haben.
Ich denke da an die Symbolabstände oder auch an die Zeilenabstände.
Hinzu kämen aber noch viel weitere "Einstellungen"!
Die Platzierung der Popups (Untermenüs), oder Rahmen und alles was damit zusammen hängt.

Ich bin echt am Überlegen, ob ich mir DAS antun soll, da allgemeiner Code ja vorhanden ist,
den ich in einer eigenen Datei zusammen führen könnte.

Nachteil, der Code wirkt dann überall und nicht immer NUR da, wo er wirken soll!

Was denkst Du?

Okay, die Frage geht auch an alle anderen, die eigene Symbole im Firefox nutzen

Mira_Belle

OK, wenn es einen Ordner css parallel zu dem Ordner icons gibt, dann url("../icons/toolbar.svg"),
wenn die CSS-Datei direkt im Ordner chrome liegt, dann nur url("./icons/toolbar.svg").

Denke halt nur, es wird recht viel wenn am Schluss dann noch ca. 15 andere CSS-Dateien auch noch im Ordner chrome liegen.

Und wenn dann jemand auch noch JS nutzt und diese Dateien auch noch da rumlungern, ist das Chaos perfekt.

Mira_Belle

Zitat von Horstmann

und im gleichen Ordner wie die userChrome.css liegen.

In die userChrome.css @import url("./css/07_Extras.css"); eintragen.
Natürlich muss es dann auch den Unterordner css geben, in dem dann die Datei 07_Extras.css zu finden ist.
Genau so, wie der Unterordner icons vorhanden sein muss, in dem die ganzen Symbole sein sollten.

Mira_Belle

Zitat von Sören Hentzschel

Ich behaupte, dass die allermeisten, die ...

Denke, da hast Du wohl recht. Und die Nutzer, die sich des Themas bewusst sind, scheren sich nicht um Lizenzen,
ebenso wenig wie MS.
Aber das Resultat ab jetzt gibt es weder für W7 Updates noch für FF ESR.
Jetzt sollten wenigstens jene, die ein gepatchtes W7 nutzten, sich was überlegen und auch handeln,
oder sie gehen ein hohes Risiko ein, ihre Daten zu verlieren. Aber das ist ja nicht das Thema.
Und wenn ich weiter schreibe eskaliert es wieder nur, von wegen Risiko auch für andere usw.

Mira_Belle

Ich liebe Menschen, die anderen vorschreiben müssen, was richtig und was falsch ist!

Ich finde es irgendwie Schade, dass diese ESR nun nicht mehr weiter entwickelt wird.
Aber zur Wahrheit gehört auch, dass das schon lange absehbar war.
Wie heißt es so treffend, alles hat ein Ende, nur die Wurst hat zwei.
Von daher hatten alle Nutzer älterer Windowsversionen die Chance, sich entsprechen vorzubereiten.

Und da es für Windows Server 2008 R2 Service Pack 1 und Windows Embedded POSReady 7
wohl am 18.12.2025 das allerletzte Update gab, wird es wirklich Zeit etwas zu unternehmen.

Mira_Belle

mkpcxxl Nutzt Du überhaupt schon CSS, um Deinen Firefox irgendwie anzupassen?
Ich vermute nein, oder?
Dann warte einfach noch ein wenig, denn noch ist der ganze "Krempel" ja nicht fertig
und es gibt noch viel zu tun.

Mira_Belle

So hier nun etwas zum Spielen und Testen!

CSS: 01_Datei.css

@-moz-document url(chrome://browser/content/browser.xhtml) {

	/* ----------------------------------------------- */
	/* ------------ Symbole der Menuleiste ----------- */
	/* ----------------------------------------------- */

	/* ----------------------------------------------- */
	/* Einstellungen für das Symbol in der Menüleiste  */
	/* ----------------------------------------------- */

    #file-menu::before { background-image: url("../icons/mail-inbox-all.svg") !important;
		margin-left: 1px !important;
		padding-right: 5px !important;
		content: '' !important;
		display: block !important;
		width: 16px !important;
		height: 16px !important;
		background-repeat: no-repeat !important;
		-moz-context-properties: fill, fill-opacity;
		fill: currentColor;
	}

    /* ---------------------------------------------- */
	/* *** Abstände für alle Icons in diesem Menü *** */
    /* ---------------------------------------------- */

    #file-menu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]) {
		padding-inline-start: calc(1em + 24px) !important;
		background-position: left 1em center;
		background-repeat: no-repeat;
		background-size: 16px;
		-moz-context-properties: fill, fill-opacity;
		fill: #E0E0E0 !important;
	}

    /* ------------------ */
    /* ----- Datei ------ */
    /* ------------------ */

	/* Neuer Tab */
	#menu_newNavigatorTab { background-image: url("../icons/tab-open.svg"); background-repeat: no-repeat; }
	/* Neues Fenster */
	#menu_newNavigator { background-image: url("../icons/session.svg"); }
	/* Neues privates Fenster */
	#menu_newPrivateWindow { background-image: url("../icons/privateBrowsing.svg"); }
	/* Datei öffnen... */
	#menu_openFile { background-image: url("../icons/folder-open.svg"); }
  /* Fenster schließen ausblenden	! */
	#menu_closeWindow { background-image: url("../icons/quit.svg"); }
	/* Seite speichern unter... */
	#menu_savePage { background-image: url("../icons/folder-save.svg"); }
	/* Link per E-Mail senden... */
	#menu_sendLink { background-image: url("../icons/mail.svg"); }
	/* Drucken... */
	#menu_print { background-image: url("../icons/printer.svg"); }
	/* Daten aus einem anderen Browser importieren... */
	#menu_importFromAnotherBrowser { background-image: url("../icons/import.svg"); }
	/* Offline arbeiten */
	#goOfflineMenuitem { background-image: url("../icons/plug-disconnected.svg"); }
	/* Beenden */
	#menu_FileQuitItem { background-image: url("../icons/Power_off_redorange.svg"); }

}

Alles anzeigen

CSS: 02_Bearbeiten.css

@-moz-document url(chrome://browser/content/browser.xhtml) {

	/* ----------------------------------------------- */
	/* ------------ Symbole der Menuleiste ----------- */
	/* ----------------------------------------------- */

	/* ----------------------------------------------- */
	/* Einstellungen für das Symbol in der Menüleiste  */
	/* ----------------------------------------------- */

    #edit-menu::before { background-image: url("../icons/mail-inbox-all.svg") !important;
		margin-left: 1px !important;
		padding-right: 5px !important;
		content: '' !important;
		display: block !important;
		width: 16px !important;
		height: 16px !important;
		background-repeat: no-repeat !important;
		-moz-context-properties: fill, fill-opacity;
		fill: currentColor;
	}

    /* ---------------------------------------------- */
	/* *** Abstände für alle Icons in diesem Menü *** */
    /* ---------------------------------------------- */

    #edit-menu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]) {
		padding-inline-start: calc(1em + 24px) !important;
		background-position: left 1em center;
		background-repeat: no-repeat;
		background-size: 16px;
		-moz-context-properties: fill, fill-opacity;
		fill: #E0E0E0 !important;
	}

Alles anzeigen

CSS: 03_Ansicht.css

@-moz-document url(chrome://browser/content/browser.xhtml) {

	/* ----------------------------------------------- */
	/* ------------ Symbole der Menuleiste ----------- */
	/* ----------------------------------------------- */

    /* ----------------------------------------------- */
	/* Einstellungen für das Symbol in der Menüleiste  */
	/* ----------------------------------------------- */

    #view-menu::before {
        background-image: url("../icons/content-view.svg") !important;
		margin-left: 1px !important;
		padding-right: 5px !important;
		content: '' !important;
		display: block !important;
		width: 16px !important;
		height: 16px !important;
		background-repeat: no-repeat !important;
		-moz-context-properties: fill, fill-opacity;
		fill: currentColor;
	}
    #menu_viewPopup {
		margin-top: 5px !important;
    }

    /* ---------------------------------------------- */
	/* ********* Ausrichtung der Untermenüs ********* */
    /* ---------------------------------------------- */

    /* Ausrichtung der Untermenüs in Ansicht */
    #viewToolbarsMenu > menupopup,
    #viewSidebarMenuMenu > menupopup,
    #viewFullZoomMenu > menupopup,
    #pageStyleMenu > menupopup {
        margin-left: 6px !important;
        margin-top: -7px !important;
    }
    /* Ausrichtung des Untermenüs in Ansicht */
     #toggle_PersonalToolbar >  menupopup {
        margin-left: 5px !important;
        margin-top: -5px !important;
}

    /* ---------------------------------------------- */
	/* *** Abstände für alle Icons in diesem Menü *** */
    /* ---------------------------------------------- */

    #view-menu menupopup:not(.in-menulist) > menu:not(.menu-iconic),
  	#view-menu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]) {	
		padding-inline-start: calc(1em + 24px) !important;
		background-position: left 1em center;
		background-repeat: no-repeat;
		background-size: 16px;
		-moz-context-properties: fill, fill-opacity;
		fill: #E0E0E0 !important;
    }
    #view-menu-popup > menu:not(.menu-iconic) > label[value="Lesezeichen-Symbolleiste"],
    #menu_customizeToolbars  > label[value="Symbolleiste anpassen…"] {
        margin-left: -25px !important;
    }

    /* ------------------ */
	/* ---- Ansicht ----- */
    /* ------------------ */

	/* Symbolleisten */
	#viewToolbarsMenu { background-image: url("../icons/toolbar.svg") !important; }
	
		/* <<< Submenu_Symbolleisten >>> */

		#toggle_PersonalToolbar { background-image: url("../icons/bookmarks-toolbar.svg"); padding-left: 13px !important; }
		#menu_customizeToolbars { background-image: url("../icons/Themes.svg"); padding-left: 13px !important; }

		/* ---------------------------------- */
		/* --- Checkboxen in den Submenüs --- */
		/* ---------------------------------- */

        /* Menüleiste on */
            #toggle_toolbar-menubar[checked="true"] > .menu-icon {
            fill: lime !important;  
        }

        /* Lesezeichen-Symbolleiste */

            /* Immer anzeigen */
            [data-l10n-id="toolbar-context-menu-bookmarks-toolbar-always-show-2"] > .menu-icon,
            /* Nur bei neuem Tab anzeigen */
            [data-l10n-id="toolbar-context-menu-bookmarks-toolbar-on-new-tab-2"] > .menu-icon,
            /* Nie anzeigen */
            [data-l10n-id="toolbar-context-menu-bookmarks-toolbar-never-show-2"] > .menu-icon {
                fill: lime !important;  
            }

            /* Die Kästchen */
            #view-menu-popup menuitem[checked="false"] {
                background-image: url("../icons/square.svg") !important;
                background-repeat: no-repeat;
            }

        /* Texte ausrichten */
        #view-menu-popup menuitem[checked="false"] > label[value="Immer anzeigen"],
        #view-menu-popup menuitem[checked="false"] > label[value="Nur bei neuem Tab anzeigen"],
        #view-menu-popup menuitem[checked="false"] > label[value="Nie anzeigen"] {
            margin-left: -25px !important;
		}
		/* ----------------------------------- */

    /* Sidebar */
    #viewSidebarMenuMenu { background-image: url("../icons/Dock Side Left.svg") !important; }

        /* <<< Submenu_Sidebar >>> */
		
        #menu_bookmarksSidebar:not([checked="true"]) { 
            background-image: url("../icons/bookmark.svg") !important;
            background-repeat: no-repeat;
        } 
            #menu_historySidebar:not([checked="true"]) { 
            background-image: url("../icons/history.svg") !important;
            background-repeat: no-repeat; 
        }
        #menu_tabsSidebar:not([checked="true"]) { 
            background-image: url("../icons/Dock Side Left.svg") !important;
            background-repeat: no-repeat; 
        }
        #menu_genaiChatSidebar:not([checked="true"]) { 
            background-image: url("../icons/robot-icon.svg") !important; 
            background-repeat: no-repeat;
        }

    /* Zoom */
    #viewFullZoomMenu { background-image: url("../icons/screenshot.svg") !important; }
	
        /* <<< Submenu_Zoom >>> */

        #menu_zoomEnlarge { background-image: url("../icons/zoom-in.svg") !important; }	/*  +  */
        #menu_zoomReduce { background-image: url("../icons/zoom-out.svg") !important; }	/*  -  */

        /* Texte ausrichten */
        /* Vergrößern */
        menupopup[needsgutter] > #menu_zoomEnlarge:not([type="checkbox"], [type="radio"], [checked]) > .menu-icon,
        /* Verkleinern */
         menupopup[needsgutter] > #menu_zoomReduce:not([type="checkbox"], [type="radio"], [checked]) > .menu-icon,
        /* Tatsächliche Größe */
        menupopup[needsgutter] > #menu_zoomReset:not([type="checkbox"], [type="radio"], [checked]) > .menu-icon {
            display: none !important;
        }

        /* Tatsächliche Größe */
        #menu_zoomReset:not([checked="true"]) {
            background-image: url("../icons/reload.svg")  !important;
            background-position: left 1em center;
            background-repeat: no-repeat; 
        }

        /* Nur Text zoomen OFF */
            #toggle_zoom:not([checked="true"]) {
            /* url("../icons/square.svg") */
            background-image: url("../icons/square.svg") !important;
            background-position: left 1em center;
            background-repeat: no-repeat;
            background-size: 16px;
            }

        /* Nur Text zoomen ON */
            #toggle_zoom[checked="true"] > .menu-icon { 
                fill: lime !important;
            }

    /* Webseiten-Stil */
    #pageStyleMenu { background-image: url("../icons/document-css.svg") !important; }

        /* <<< Submenu_Webseiten-Stil >>> */

        /* Kein Stil */
        #menu_pageStyleNoStyle[checked="true"] > .menu-icon {
            fill: lime !important;
        }
        /* Text ausrichten */
        #menu_pageStyleNoStyle[checked="false"] > label[value="Kein Stil"] {
            margin-left: -25px !important;
        }
        /* Kästchen */
        #menu_pageStyleNoStyle:not([checked="true"]) {
            background-image: url("../icons/square.svg") !important; 
            background-repeat: no-repeat;
        }

        /* Standart-Stil */
        #menu_pageStylePersistentOnly[checked="true"] > .menu-icon {
            fill: lime !important;
        }
        /* Text ausrichten */
        [data-l10n-id="menu-view-page-basic-style"]:not([checked="true"]) > label[value="Standard-Stil"] {
            margin-left: -25px !important;
        }
        /* Kästchen */
        [data-l10n-id="menu-view-page-basic-style"]:not([checked="true"]) {
            background-image: url("../icons/square.svg") !important;
            background-repeat: no-repeat;
        }

  /* Textkodierung reparieren ausblenden	! */
    #repair-text-encoding { background-image: url("../icons/characterEncoding.svg") !important; }
    /* Vollbild */
    #fullScreenItem { background-image: url("../icons/fullscreen.svg") !important; }

}

Alles anzeigen

CSS: 07_Extras.css

@-moz-document url(chrome://browser/content/browser.xhtml) {

	/* ----------------------------------------------- */
	/* ------------ Symbole der Menuleiste ----------- */
	/* ----------------------------------------------- */

	/* ----------------------------------------------- */
	/* Einstellungen für das Symbol in der Menüleiste  */
	/* ----------------------------------------------- */

    #tools-menu::before { background-image: url("../icons/mail-inbox-all.svg") !important;
		margin-left: 1px !important;
		padding-right: 5px !important;
		content: '' !important;
		display: block !important;
		width: 16px !important;
		height: 16px !important;
		background-repeat: no-repeat !important;
		-moz-context-properties: fill, fill-opacity;
		fill: currentColor;
	}

    /* ---------------------------------------------- */
	/* *** Abstände für alle Icons in diesem Menü *** */
    /* ---------------------------------------------- */

    #tools-menu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]) {
		padding-inline-start: calc(1em + 24px) !important;
		background-position: left 1em center;
		background-repeat: no-repeat;
		background-size: 16px;
		-moz-context-properties: fill, fill-opacity;
		fill: #E0E0E0 !important;
	}

    /* ------------------ */
	/* ----- Extras ----- */
    /* ------------------ */

	/* Downloads */
	#menu_openDownloads { background-image: url("../icons/downloads.svg") !important; }
	/* Add-ons und Themes */
	#menu_openAddons { background-image: url("../icons/addons.svg") !important; }
	/* Firefox View */
	#menu_openFirefoxView { background-image: url("../icons/firefox.svg") !important; }
	/* Anmelden */
	#sync-setup { background-image: url("../icons/avatar-empty.svg") !important; }
	/* Browser-Werkzeuge */
	#browserToolsMenu { background-image: url("../icons/debugging-workers.svg") !important; 
		padding-inline-start: calc(1em + 24px) !important;
		background-position: left 1em center;
		background-repeat: no-repeat;
		background-size: 16px;
		-moz-context-properties: fill, fill-opacity;
		fill: #E0E0E0 !important;
	}

	
		/* <<< Submenu_Browser-Werkzeuge >>> */	

		/* Werkzeuge für Web-Entwickler */
		#menu_devToolbox { background-image: url("../icons/developer.svg") !important; }
		/* Task-Manager */
		#menu_taskManager { background-image: url("../icons/performance.svg") !important; }
		/* Externes Debugging */
		#menu_devtools_remotedebugging { background-image: url("../icons/bug.svg") !important; }
		/* Browser-Werkzeuge */
		#menu_browserToolbox { background-image: url("../icons/window-dev-tools.svg") !important; }
		/* Browser-Inhaltswerkzeuge */
		#menu_browserContentToolbox { background-image: url("../icons/command-frames.svg") !important; }
		/* Browser-Konsole */
		#menu_browserConsole { background-image: url("../icons/command-console.svg") !important; }
		/* Bildschirmgrößen testen */
		#menu_responsiveUI { background-image: url("../icons/command-responsivemode.svg") !important; }
		/*Farbpipette */
		#menu_eyedropper { background-image: url("../icons/command-eyedropper.svg") !important; }
		/* Seitenquelltext anzeigen */
		#menu_pageSource { background-image: url("../icons/document-search.svg") !important; }
		/* Erweiterungen für Entwickler */
		#extensionsForDevelopers { background-image: url("../icons/addons.svg") !important; }	
	
	/* Seiteninformationen */
	#menu_pageInfo { background-image: url("../icons/document-endnote.svg") !important; }
	/* Einstellungen */
	#menu_preferences { background-image: url("../icons/settings.svg") !important; }



	/* Nur für mich ! */
	/* Meine Erweiterung "JavaScript-Loader-Menü */
	#userChrome_js_menu  {
		padding-inline-start: calc(1em + 24px) !important;
		background-position: left 1em center;
		background-repeat: no-repeat;
		background-size: 16px;
		-moz-context-properties: fill, fill-opacity;
		fill: #E0E0E0 !important;
	}
}

Alles anzeigen

CSS: 08_Hilfe.css

@-moz-document url(chrome://browser/content/browser.xhtml) {

	/* ----------------------------------------------- */
	/* ------------ Symbole der Menuleiste ----------- */
	/* ----------------------------------------------- */

	/* ----------------------------------------------- */
	/* Einstellungen für das Symbol in der Menüleiste  */
	/* ----------------------------------------------- */

    #helpMenu::before { background-image: url("../icons/mail-inbox-all.svg") !important;
		margin-left: 1px !important;
		padding-right: 5px !important;
		content: '' !important;
		display: block !important;
		width: 16px !important;
		height: 16px !important;
		background-repeat: no-repeat !important;
		-moz-context-properties: fill, fill-opacity;
		fill: currentColor;
	}

    /* ---------------------------------------------- */
	/* *** Abstände für alle Icons in diesem Menü *** */
    /* ---------------------------------------------- */

    #helpMenu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]) {
		padding-inline-start: calc(1em + 24px) !important;
		background-position: left 1em center;
		background-repeat: no-repeat;
		background-size: 16px;
		-moz-context-properties: fill, fill-opacity;
		fill: #E0E0E0 !important;
	}

    /* ------------------ */
	/* ----- Hilfe ------ */
    /* ------------------ */

	/* Hilfe erhalten */
	#menu_openHelp { background-image: url("../icons/help.svg") !important; }
	/* Problem mit Website melden */
	#help_reportBrokenSite { background-image: url("../icons//warning.svg"); padding-left: 36px !important; }
	/* Ideen und Feedback teilen... */
	#feedbackPage { background-image: url("../icons/send.svg") !important; }
	/* Fehlerbehebungsmodus... */
	#helpSafeMode { background-image: url("../icons/debugging-workers.svg") !important; }
	/* Weitere Informationen zur Fehlerbehebung */
	#troubleShooting { background-image: url("../icons/more.svg") !important; }
	/* Betrügerische Website melden... */
	#menu_HelpPopup_reportPhishingtoolmenu { background-image: url("../icons/warning.svg") !important; }
	/* Zu einem neuen Gerät wechseln */
	#helpSwitchDevice { background-image: url("../icons/send-to-device.svg") !important; }
	/* Über Firefox */
	#aboutName { background-image: url("../icons/firefox.svg") !important; }
}

Alles anzeigen

Mira_Belle

BarbaraZ- Wenn Du Dich gedulden kannst, ....
Ich nutze Teile aus dem Skript und habe diese in ein anderes Skript eingebaut.

Mira_Belle

@Horstmann Danke noch mal!!

DAS ist es, was ich für die Lesezeichenleiste brauche.

CSS

#placesContext menuitem[checked="false"] > label[value="Immer anzeigen"],
#placesContext menuitem[checked="false"] > label[value="Nur bei neuem Tab anzeigen"],
#placesContext menuitem[checked="false"] > label[value="Nie anzeigen"] {
  			margin-left: -25px !important;
}

Jetzt muss ich nur noch mal schauen, ob ich die "gleichen" Selektoren für das Menü "Ansicht"
auch noch etwas spezifischer machen kann.

Gesucht und gefunden!!
Ohne Dich @Horstmann wäre ich nie auf diese Lösung gekommen!
Danke, danke.

CSS

#view-menu-popup menuitem[checked="false"] > label[value="Immer anzeigen"],
#view-menu-popup menuitem[checked="false"] > label[value="Nur bei neuem Tab anzeigen"],
#view-menu-popup menuitem[checked="false"] > label[value="Nie anzeigen"] {
  			margin-left: -25px !important;
}

Mira_Belle

Zitat von BarbaraZ-

Ich wäre dran interessiert, die Dateien (Abschnitte) einzeln zu laden, inklusive der Icons.

Ok, dann werde ich das so machen!
D.h. für alle einzelne Menüs in der Menüleiste gibt es dann eine eigene CSS.
Hinzukommen dann eine CSS für das Kontextmenü der Tabs,
für Texteingabefelder, für das Hauptmenü (Hamburgermenü),
für das Kontextmenü der Lesezeichenleiste
und für das allgemeine Kontextmenü.
Das wären dann insgesamt 13 CSS-Dateien für alle "Popups", Kontextmenüs und Menüleiste.

Ok, bekomme ich hin, habe da ja schon seit längerem drann gearbeitet.
Dauert halt nur noch ein wenig.

Zitat von Horstmann

... hab ich noch was probiert ....

Funktioniert und ist wirklich auf die "Lesezeichenleiste" begrenzt! Danke!
Einzig "chrome://global/skin/icons/close-12.svg" funktioniert hier bei mir nicht,
aber wenn ich das "SVG" austausche, wird es angezeigt.

Mira_Belle

Meinen Dank an alle die mir helfen wollten und mich auf den richtigen Pfad gebracht haben!
Danke

Endor Schau Dir meine Lösung des Problems an.
Es war wirklich eine schwierige Geburt und ich habe lange mit den verschiedenen Parametern,
oder wie das heißt, herumexperimentiert, aber ich habe es hinbekommen!

Hier nun die Lösung
(nur das CSS für das Menü "Ansicht" mit seinen Untermenüs)

CSS

@-moz-document url(chrome://browser/content/browser.xhtml) {

	/* --------------------------------------------*/
	/* ---------- Symbole der Menuleiste ---------- */
	/* ------------------------------------------- */

    /* Ansicht  */
    #view-menu::before { background-image: url("../icons/content-view.svg") }

    /* ------------------ */
	/* ---- Ansicht ----- */
    /* ------------------ */

	/* Symbolleisten */
	#viewToolbarsMenu { background-image: url("../icons/toolbar.svg"); }
	
		/* <<< Submenu_Symbolleisten >>> */
		
		#toggle_PersonalToolbar { background-image: url("../icons/bookmarks-toolbar.svg"); padding-left: 13px !important; }
		#menu_customizeToolbars { background-image: url("../icons/Themes.svg"); }

		/* ---------------------------------- */
		/* --- Checkboxen in den Submenüs --- */
		/* ---------------------------------- */
    
		[data-l10n-id="toolbar-context-menu-bookmarks-toolbar-always-show-2"]:not([checked="true"]),
		[data-l10n-id="toolbar-context-menu-bookmarks-toolbar-on-new-tab-2"]:not([checked="true"]),
		[data-l10n-id="toolbar-context-menu-bookmarks-toolbar-never-show-2"]:not([checked="true"]),
	/*	#menu_zoomReset:not([checked="true"]), */
	/*	#toggle_zoom:not([checked="true"]), */
		#menu_pageStylePersistentOnly:not([checked="true"]) {
			background-image: url("../icons/square.svg");
			background-repeat: no-repeat;
		}
		[data-l10n-id="toolbar-context-menu-bookmarks-toolbar-always-show-2"]:not([checked="true"]) > label[value="Immer anzeigen"],
		[data-l10n-id="toolbar-context-menu-bookmarks-toolbar-on-new-tab-2"]:not([checked="true"]) > label[value="Nur bei neuem Tab anzeigen"],
		[data-l10n-id="toolbar-context-menu-bookmarks-toolbar-never-show-2"]:not([checked="true"]) > label[value="Nie anzeigen"] {
			margin-left: -25px !important;
		}
		/* ----------------------------------- */

        /* Sidebar */
        #viewSidebarMenuMenu { background-image: url("../icons/Dock Side Left.svg"); }

            /* <<< Submenu_Sidebar >>> */
		
            #menu_bookmarksSidebar:not([checked="true"]) { 
                background-image: url("../icons/bookmark.svg");
                background-repeat: no-repeat;
            } 
            #menu_historySidebar:not([checked="true"]) { 
                background-image: url("../icons/history.svg");
                background-repeat: no-repeat; 
            }
            #menu_tabsSidebar:not([checked="true"]) { 
                background-image: url("../icons/Dock Side Left.svg");
                background-repeat: no-repeat; 
            }
            #menu_genaiChatSidebar:not([checked="true"]) { 
                background-image: url("../icons/robot-icon.svg"); 
                background-repeat: no-repeat;
            }

        /* Zoom */
        #viewFullZoomMenu { background-image: url("../icons/screenshot.svg"); }
	
            /* <<< Submenu_Zoom >>> */

            #menu_zoomEnlarge { background-image: url("../icons/zoom-in.svg"); }	/*  +  */
            #menu_zoomReduce { background-image: url("../icons/zoom-out.svg"); }	/*  -  */

            #menu_zoomReset:not([checked="true"]) {
                background: url("../icons/reload.svg");
                background-position: left 1em center;
                background-repeat: no-repeat; }
            

            @media (-moz-platform: windows) {
                menupopup[needsgutter] > menuitem:not([type="checkbox"], [type="radio"], [checked]) > .menu-icon {
                    display: none !important;
                }
            }

            #toggle_zoom > label[value="Nur Text zoomen"] {
            padding-left: 25px !important;
            }
            #toggle_zoom[checked="true"] > .menu-icon {
                visibility: inherit;
                -moz-context-properties: fill, fill-opacity;
                fill: currentColor;
                fill-opacity: var(--menu-arrow-opacity);
                content: url("../icons/check.svg");
            }

            #toggle_zoom > label[value="Nur Text zoomen"] {
                margin-left: -25px !important;
            }
            #toggle_zoom:not([checked="true"]) {
            background: url("../icons/square.svg");
            background-position: left 1em center;
            background-repeat: no-repeat;
            background-size: 16px;
            }


        /* Webseiten-Stil */
        #pageStyleMenu { background-image: url("../icons/document-css.svg"); }

        /* <<< Submenu_Webseiten-Stil >>> */
    
        #menu_pageStyleNoStyle:not([checked="true"]) {
            background-image: url("../icons/document-css.svg"); 
            background-position: left 1em center;
            background-repeat: no-repeat;
            padding-left: 13px !important;
        }
        [data-l10n-id="menu-view-page-basic-style"]:not([checked="true"]) > label[value="Standard-Stil"] {
            margin-left: -25px !important;
        }

    /* Textkodierung reparieren */
    #repair-text-encoding { background-image: url("../icons/characterEncoding.svg"); }
    /* Vollbild */
    #fullScreenItem { background-image: url("../icons/fullscreen.svg"); }

}

Alles anzeigen

Die anderen CSS für die Menüleiste habe ich auch schon fertig.
Bin aber noch am Überlegen, ob ich den Code in eine Datei schreiben soll,
oder ob es bei den einzelne Dateien für "Datei", "Bearbeiten", "Ansicht", "Chronik", "Lesezeichen", "Extras" und "Hilfe" bleiben soll.
Und auch eine separate Datei für die "Einstellungen" ist da noch.
Des Weiteren kämen ja dann auch für das Hamburgermenü (mainmenu) und für die Tabs ....

OK, das wird zu viel! Ich packe die Daten für die Menüleiste zusammen.

Reales Leben geht vor, es wird wohl bis zum Wochenende dauern.

Mira_Belle

Danke, das werde ich mir auch mal genauer anschauen!

Aber es geht mir um das Zoom-Menü
Das bekomme ich nicht in den Griff.

_{^{"Webseitenstil" und auch "Symbolleisten" habe ich anders in den Griff bekommen.}}

Mira_Belle

Zitat von Horstmann

Ansonsten, zum 1000sten Mal, bitte immer kompletten Code posten, und ...

Ich gebe zu, ich bin blond.
Auch stehe ich hin und wieder total auf dem Schlauch,
aber dieses Mal, verstehst Du mich nicht!

Deshalb erkläre ich es noch einmal etwas ausführlicher!
Ich habe zum Erstellen des neues CSS ein neues sauberes Profil!
Es gibt keinen weiteren Code!
Nur die zwei Dateien aus Beitrag #181.
2002Andreas HILFE

Mira_Belle

Zitat von Horstmann

Mit den Browserwerkzeugen kann man CSS Dateien live bearbeiten, die Änderungen direkt sehen, und sichern, via Stilbearbeitung, auch ohne Neustart.

Ach, mach Sachen!
Kopiere doch mal den ganzen Code da rein, nur so zum Spaß und versuche die Abhängigkeiten zu finden!
Das alte CSS => #125

Zitat von Horstmann

Was den Code angeht, da gibt es glaub ich eine Menge mehr für die Menü-Symbole bei dir, ...

Äh, nein! Z.Z. nicht, und das schrieb ich ja auch.

Zitat von Horstmann

Wer diesen momentanen Code mit gebastelt hat, wird sich bestimmt dazu melden.

Wie meinst Du das?
Das Skript, bzw. das CSS ist zum Großteil auf meinem Mist gewachsen!
Ok, hier oder da hat mir unter anderem auch Andreas oder andere User von hier geholfen.

Also, ich bräuchte immer noch Hilfe im Untermenü "Zoom" von "Ansicht" !

Beiträge von Mira_Belle

Symbole in den Kontextmenüs [ Update ]

Symbole in den Kontextmenüs [ Update ]

Symbole in den Kontextmenüs [ Update ]

Symbole in den Kontextmenüs [ Update ]

Symbole in den Kontextmenüs [ Update ]

Symbole in den Kontextmenüs [ Update ]

Symbole in den Kontextmenüs [ Update ]

Symbole in den Kontextmenüs [ Update ]

Symbole in den Kontextmenüs [ Update ]

Firefox: Mozilla stellt Unterstützung für veraltete Betriebssysteme endgültig ein

Firefox: Mozilla stellt Unterstützung für veraltete Betriebssysteme endgültig ein

Symbole in den Kontextmenüs [ Update ]

Symbole in den Kontextmenüs [ Update ]

userCSSloader.uc.js mag nicht die Styles laden

Symbole in den Kontextmenüs [ Update ]

Symbole in den Kontextmenüs [ Update ]

Symbole in den Kontextmenüs [ Update ]

Symbole in den Kontextmenüs [ Update ]

Symbole in den Kontextmenüs [ Update ]

Symbole in den Kontextmenüs [ Update ]