Beiträge von Mitleser

/*+++++Dropdown Lesezeichen: Ordnersymbol neues Icon+++++++++++++*/
menu.bookmark-item[container="true"]::before  {
    background-image: url("../css/image/14folder/14folder03-031-orange.svg") !important;
    width: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
    height: 16px !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px !important;
    background-position: left 1px top 0px !important;
    padding-right: 24px !important;
}
menu.bookmark-item[container="true"]:hover::before  {
    background-image: url("../css/image/14folder/14folder13-031-orange.svg") !important;
}
/*Originalicon löschen*/
menu.bookmark-item[container="true"] > img {
    display: none !important;
}

/*+++++Lesezeichenleiste: Ordnersymbol neues Icon+++++++++++++*/
#PlacesToolbarItems > toolbarbutton[container="true"] {
	background-image: url("../css/image/14folder/14folder03-022-gold.svg") !important;
	height: 14px !important;
	background-repeat: no-repeat !important;
	background-size: 28px 16px !important;
	background-position: left -1px top 3.5px !important;
}
#PlacesToolbarItems > toolbarbutton[container="true"]:hover{
	background-image: url("../css/image/14folder/14folder13-022-gold.svg") !important;
}
/*Originalicon löschen*/
#PlacesToolbarItems toolbarbutton[container="true"].bookmark-item:not(.subviewbutton) > .toolbarbutton-icon {
	display: none !important;
}

#urlbar[open] > .urlbar-background {
   margin-top: 4px !important;
   margin-bottom: 4px !important;
   margin-left: 5px !important;
   margin-right: 5px !important;
   border: 2px solid #083469 !important;
   border-radius: 2px !important;
   box-shadow: none !important;
}

#urlbar[focused] > .urlbar-background{
   --toolbar-field-focus-border-color: transparent !important;
   border: 2px solid #083469 !important;
   border-radius: 2px !important;
   box-shadow: none !important;
}

/*Adress und Suchfeld - Rahmen farblich einstellen*/
#urlbar ::selection,
#searchbar ::selection {
   color: white !important;
   background: #083469 !important;
}

.urlbar-background {
   border-radius: 4px !important;;
}

#urlbar[breakout][breakout-extend][breakout-extend-animate] > .urlbar-background {
   animation-name: none !important;
}

#urlbar[breakout][breakout-extend] > .urlbar-background {
   box-shadow: none !important;
}

/*Popup-Menü wird ausgeblendet wenn Suche über Adressleiste erfolgt*/
.urlbarView {
   display: none !important;
}

#PopupAutoCompleteRichResult {
   display: none !important;
}

#searchbar:focus-within {
   --toolbar-field-focus-border-color: transparent !important;
   border: 2px solid #083469 !important;
   border-radius: 2px !important;
}

/*Abstände der Einträge in Menüs wieder schmaler*/
menupopup > menuitem,
menupopup > menu {
   padding-block: 1px !important;
   padding-inline-start: 14px !important;
   font-size: 13px !important;
}

/*Anpassung der Schriftgrösse Menüleiste */
#main-menubar > menu {
   font-size: 14px !important;
}

/*Mehrzeilige Lesezeichen-Symbolleiste*/
#PersonalToolbar {
   max-height: calc(19px * 3) !important;
}

#personal-bookmarks,
#PlacesToolbar,
#PlacesToolbar > hbox {
   display: block !important;
}

#PersonalToolbar toolbarbutton {
   min-height: 19px !important;
   max-height: 19px !important;
}

#PlacesToolbarItems {
   max-height: 57px!important;
   display: flex!important;
   flex-wrap: wrap!important;
   overflow-x: visible!important;
   overflow-y: auto!important;
}

#PlacesToolbar,
#PersonalToolbar > scrollbar {
   -moz-window-dragging: no-drag !important;
}

#PlacesToolbar #PlacesChevron {
   display: none !important;
}


@media not (-moz-bool-pref: 'sidebar.verticalTabs') {
  .tabbrowser-tab[fadein]:not([pinned]) {
  	flex: 0 1 auto !important;
    max-width: 150px !important;

    tab-group[collapsed] > & {
      min-width: 0 !important;
      max-width: 0 !important;
    }
  }
}

/*tabbreite an tabtext anpassen*/
.tabbrowser-tab {
  &:not([pinned]) {
   flex: 0 0 auto !important;
   max-width: 250px !important;
  }
}

.tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button {
  padding-left: 5px !important;
  margin-left: 1px !important;
  width: unset !important;
}

.tab-close-button {
  display: flex !important;
}

.tab-close-button {
  display: flex !important;
}


/*Lautsprechersymbol auf Tab größer und blau*/
.tab-icon-overlay {
   fill: #083469 !important;
   transform: scale(1.3) !important;
}

/*Tab schließen Button HG bei hover (background) und  x (fill) je nach Farbe*/
.tab-close-button[fadein]:hover {
   fill: white !important;
   background: #70100c !important;
}

/*Keine Einblendungen bei Hover über Tab*/
#tab-preview-panel {
   display: none !important;
}

/*Eckige Tabs ohne HG Schatten*/
.tab-background {
   box-shadow: none !important;
   border-radius: 2px !important;
}

/*Aktiver Tab HG Farbeinstellung*/
.tabbrowser-tab[visuallyselected] .tab-background {
   background: #083469 !important;
}

/*Neuer Tab Button ausblenden*/
#TabsToolbar #tabs-newtab-button {
  display: none !important;
}

/*Neuer Tab ausblenden*/
.tabbrowser-tab[label="Neuer Tab"] {
  display: none !important;
}

.tabbrowser-tab[label="Neuer Tab"] {
  display: none !important;
}

/* Visuelle Anzeige des Seitenladezustands in der Kopfzeile der Tabs*/
/* progress-bar page loading in the tab header */
.tabbrowser-tab:not([usercontextid]) > .tab-stack > .tab-background > .tab-context-line {
   opacity: 0;
   background-color: #2A970A;
   height: 3px;
}

.tabbrowser-tab:is([busy], [progress]) > .tab-stack > .tab-background > .tab-context-line {
   opacity: 1;
   transform-origin: left center;
   animation: 2s ease-in-out scale;
}

.tabbrowser-tab[bursting] > .tab-stack > .tab-background > .tab-context-line {
   transition: opacity 2s ease-out;
}

@keyframes scale {
   0% {transform: scaleX(0);}
   100% {transform: scaleX(1);}
}

#TabsToolbar {
    position: absolute;
    display: block;
    bottom: 0;
    width: 100vw;
}

#navigator-toolbox {
    position: relative;
    padding-bottom: calc( var(--tab-min-height) + 8px );
}


/*...................Ab hier nur Privater Modus...................*/

/* Das lila Icon für privaten Modus oben rechts eingefügt */
#main-window[privatebrowsingmode=temporary] #PanelUI-button::before {
    margin-left: 0 !important;
    margin-right: 0 !important;
    content: '' !important;
    display: block !important;
    width: 20px !important;
    height: 30px !important;
    background: url("chrome://global/skin/icons/indicator-private-browsing.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 0 8px !important;
    background-size: 25px 17px !important;
}

/* Der neue zusätzliche Eintrag: Privater Modus unter dem Tab entfernt */
.private-browsing-indicator-with-label {
    display: none !important;
}

/* Tabbreite tab max-width */
.tabbrowser-tab[fadein]:not([pinned]) {
   max-width: 150px !important;
   overflow: hidden !important;

// JavaScript Document
// B_UniversalLink.uc.js

// Das Script erstellt einen Button, der einen Link auf eine - im UserConfig-Bereich konfigurierbare - Website (hier als Beispiel: reddit.com/r/FirefoxCSS/) ausführt. So kann auch bei ausgeblendeter Lesezeichenleiste auf die Seite schnell zugegriffen werden.
// Bei mehreren Buttons die id-Änderung nicht vergessen...

(function() {
  if (!window.gBrowser)
	return;
const
// ■■ START UserConfiguration ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
         id = 'link-button-uni', // Id des Buttons
       link = 'https://www.reddit.com/r/FirefoxCSS/', // Linkziel des Buttons
      label = 'Quicklink: reddit.com/...', // Bezeichnung des Buttons
tooltiptext = 'Quicklink:\nreddit.com/r/FirefoxCSS/',
// Icon-------------------------------------------------------
       icon = 'reddit-small_16.svg',  // [Name.Dateiendung] des Symbols
   iconPath = '/chrome/icons/', // Pfad zum Ordner der das Icon beinhaltet
// ■■ END UserConfiguration ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
 curProfDir = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir));
//const end
	if (Services.prefs.getBoolPref('svg.context-properties.content.enabled') == false) {
		Services.prefs.setBoolPref('svg.context-properties.content.enabled', true );
	}
//----
CustomizableUI.createWidget({
    id: id,
    defaultArea: CustomizableUI.AREA_NAVBAR,
    label: label,
    tooltiptext: tooltiptext,

    onCreated: (button) => {
		button.style.MozContextProperties = 'fill, stroke, fill-opacity';
		button.style.listStyleImage = 'url("' + curProfDir + iconPath + icon + '")';
		button.style.minWidth = 'fit-content';
//click
button.addEventListener('click', () => {
	if (event.button === 0) {
       	 event.target.ownerGlobal.openTrustedLinkIn(link, 'tab');
	}
});
	}
});
//----
})();

// JavaScript Document
// B_ScrollbarToggle.uc.js
(function() {
 if (!window.gBrowser)
    return;
const
// ■■ START UserConfiguration ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
        id = 'sb-toggle-button', // Id des Buttons
     label = 'Toggle Scrollbar', // Bezeichnung des Buttons
tooltiptext = 'Scrollbar on/off\n\nLinksklick: nur bei Hover anzeigen(gelb)/verbergen(rot)\nMittelklick: immer anzeigen(grün)/verbergen(rot)\n\n[Site/Content wird beim Umschalten neu geladen]',
// Icons------------------------------------------------------
   iconOff = '16_scroll-area-box-without-bar_moz.svg', // [Name.Dateiendung] des Symbols bei 'Scrollbar verbergen'
    iconOn = '16_scroll-area-box-with-bar_moz.svg', // [Name.Dateiendung] des Symbols bei 'Scrollbar anzeigen'
  iconPath = '/chrome/icons/', // Pfad zum Ordner der die Icons beinhaltet
iconColOff = 'firebrick',  // Farbe des Icons bei 'Scrollbar verbergen' (nur .svg-Datei mit [moz-context-properties], bei anderen Icons hat const iconColOff keine Funktion)
 iconColOn = 'goldenrod',  // Farbe des Icons bei Scrollbar 'nur bei Hover anzeigen' (nur .svg-Datei mit [moz-context-properties], bei anderen Icons hat const iconColOn keine Funktion)
iconColLock = 'forestgreen',  // Farbe des Icons bei 'Scrollbar immer anzeigen' (nur .svg-Datei mit [moz-context-properties], bei anderen Icons hat const iconColLock keine Funktion)
 iconColOv = 'currentColor',  // Farbe des Icons beim Überfahren des Buttons (nur .svg-Datei mit [moz-context-properties], bei anderen Icons hat const iconColOv keine Funktion)
// Scrollbar--(Änderungen erfordern Neustart des Browsers)----
  thumbCol = '#F60',  // Farbe des Thumbs(Slider)
   barSize = '8',  // Breite der Scrollbar in px
  barStyle = '0',  // Änderung ist nur erforderlich, wenn die CSS unter 'start()' z.B. mit der von ARIS ersetzt/ergänzt wird
// barStyle = '0' Standard-Stil der Plattform
// barStyle = '1' macOS
// barStyle = '2' GTK
// barStyle = '3' Android
// barStyle = '4' Windows 10
// barStyle = '5' Windows 11
// ■■ END UserConfiguration ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
curProfDir = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir)); //const end
//----
    if (Services.prefs.getBoolPref('svg.context-properties.content.enabled') == false) {
        Services.prefs.setBoolPref('svg.context-properties.content.enabled', true );
    }
//scrollbarPrefs
Services.prefs.setIntPref('widget.non-native-theme.scrollbar.size.override', barSize);
Services.prefs.setIntPref('widget.non-native-theme.scrollbar.style', barStyle);
//start in­i­ti­ie­ren
start();
//button start
CustomizableUI.createWidget({
   id: id,
   defaultArea: CustomizableUI.AREA_NAVBAR,
   label: label,
   tooltiptext: tooltiptext,
   onCreated: (button) => {
        button.style.MozContextProperties = 'fill, stroke, fill-opacity';
        button.style.minWidth = 'fit-content';
//click
button.addEventListener('click', () => {
if (event.button === 0) {
           if(g2_scrollb_b == '')  {
              g2_scrollb_b = '1';
            sbon();
            event.target.ownerGlobal.BrowserCommands.reloadSkipCache();
           }
   else if(g2_scrollb_b == '0') {
              g2_scrollb_b = '1';
            sbon();
            event.target.ownerGlobal.BrowserCommands.reloadSkipCache();
           }
   else if(g2_scrollb_b == '1') {
              g2_scrollb_b = '0';
            sboff();
            event.target.ownerGlobal.BrowserCommands.reloadSkipCache();
            }
    else if(g2_scrollb_b == '2') {
              g2_scrollb_b = '0';
            sboff();
            event.target.ownerGlobal.BrowserCommands.reloadSkipCache();
   }
} else
if (event.button == 1) {
           if(g2_scrollb_b == '')  {
              g2_scrollb_b = '2';
            sblockon();
            event.target.ownerGlobal.BrowserCommands.reloadSkipCache();
           }
   else if(g2_scrollb_b == '0') {
              g2_scrollb_b = '2';
            sblockon();
            event.target.ownerGlobal.BrowserCommands.reloadSkipCache();
           }
   else if(g2_scrollb_b == '2') {
              g2_scrollb_b = '0';
            sboff();
            event.target.ownerGlobal.BrowserCommands.reloadSkipCache();
            }
   else if(g2_scrollb_b == '1') {
              g2_scrollb_b = '0';
            sboff();
            event.target.ownerGlobal.BrowserCommands.reloadSkipCache();
            }
    }
else {
alert("ERROR: B_ScrollbarToggle.uc.js");
     };
//----
});//click END
    }//onCreated END
});//button END
/*1. Verhalten der Scrollbar beim start (ausgeschaltet/opacity:0/g2_scrollb_b = "0";)->*/
function start() {
g2_scrollb_b = '0';
    let css = `
:not(select) > scrollbar {
    position: relative !important;
    z-index: 3516351316854 !important;
    opacity: 0 !important;
}
/*-------------------------------------------------*/
:not(select) > scrollbar thumb {
    appearance: none !important;
    background-color: ${thumbCol} !important;
    opacity: 0 !important;
    transition: opacity 0.4s ease-in-out;
}
:not(select) > scrollbar:hover thumb {
    opacity: 0.5 !important;
    transition: opacity 0.1s ease-in-out;
}
:not(select) > scrollbar:active thumb {
    opacity: 0.9 !important;
    transition: opacity 0.06s ease-in-out;
}
:not(select) > scrollbar thumb {
    border-top-left-radius: calc(0.5 * ${barSize}px) !important;
    border-top-right-radius: calc(0.5 * ${barSize}px) !important;
    border-bottom-left-radius: calc(0.5 * ${barSize}px) !important;
    border-bottom-right-radius: calc(0.5 * ${barSize}px) !important;
}
/*------------Button-------------------------------*/
#${id} .toolbarbutton-icon {
    list-style-image: url(${curProfDir}${iconPath}${iconOff});
    fill: ${iconColOff} !important;
    transition: fill 0.4s ease-in-out !important;
}
#${id}:hover .toolbarbutton-icon {
    list-style-image: url(${curProfDir}${iconPath}${iconOn});
    fill: ${iconColOv} !important;
    transition: fill 0.4s ease-in-out !important;
}
#${id}:active .toolbarbutton-icon {
    list-style-image: url(${curProfDir}${iconPath}${iconOn});
    fill: ${iconColOn} !important;
    transition: fill 0.0s ease-in-out !important;
}
    `;
    let sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
    let uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css));
    sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
    };//start END
/*2. Einschalten der Scrollbar per Button (opacity:1/g2_scrollb_b = "1";)->*/
function sbon() {
g2_scrollb_b = '1';
    let css = `
:not(select) > scrollbar {
    opacity: 1 !important;
}
/*------------Button-------------------------------*/
#${id} .toolbarbutton-icon {
    list-style-image: url(${curProfDir}${iconPath}${iconOn});
    fill: ${iconColOn} !important;
    transition: fill 0.4s ease-in-out !important;
}
#${id}:hover .toolbarbutton-icon {
    list-style-image: url(${curProfDir}${iconPath}${iconOff});
    fill: ${iconColOv} !important;
    transition: fill 0.4s ease-in-out !important;
}
#${id}:active .toolbarbutton-icon {
    list-style-image: url(${curProfDir}${iconPath}${iconOff});
    fill: ${iconColOff} !important;
    transition: fill 0.0s ease-in-out !important;
}
    `;
    let sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
    let uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css));
    sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
    };//sbon END
/*3. Einschalten und Lock der Scrollbar per Button (opacity:1/g2_scrollb_b = "2";)->*/
function sblockon() {
g2_scrollb_b = '2';
    let css = `
:not(select) > scrollbar {
    opacity: 1 !important;
}
:not(select) > scrollbar thumb {
    transition: opacity 0.4s ease-in-out;
    opacity: 0.4 !important;
}
/*------------Button-------------------------------*/
#${id} .toolbarbutton-icon {
    list-style-image:url(${curProfDir}${iconPath}${iconOn});
    fill: ${iconColLock} !important;
    transition: fill 0.4s ease-in-out !important;
}
#${id}:hover .toolbarbutton-icon {
    list-style-image: url(${curProfDir}${iconPath}${iconOff});
    fill: ${iconColOv} !important;
    transition: fill 0.4s ease-in-out !important;
}
#${id}:active .toolbarbutton-icon {
    list-style-image: url(${curProfDir}${iconPath}${iconOff});
    fill: ${iconColOff} !important;
    transition: fill 0.0s ease-in-out !important;
}
    `;
    let sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
    let uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css));
    sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
    };//sblockon END
/*4. Ausschalten der Scrollbar per Button (opacity:0/g2_scrollb_b = "0";)->*/
function sboff() {
g2_scrollb_b = '0';
    let css = `
:not(select) > scrollbar {
    opacity: 0 !important;
}
:not(select) > scrollbar thumb {
    transition: opacity 0.4s ease-in-out;
    opacity: 0 !important;
}
/*------------Button-------------------------------*/
#${id} .toolbarbutton-icon {
    list-style-image: url(${curProfDir}${iconPath}${iconOff});
    fill: ${iconColOff} !important;
    transition: fill 0.4s ease-in-out !important;
}
#${id}:hover .toolbarbutton-icon {
    list-style-image: url(${curProfDir}${iconPath}${iconOn});
    fill: ${iconColOv} !important;
    transition: fill 0.4s ease-in-out !important;
}
#${id}:active .toolbarbutton-icon {
    list-style-image: url(${curProfDir}${iconPath}${iconOn});
    fill: ${iconColOn} !important;
    transition: fill 0.0s ease-in-out !important;
}
    `;
    let sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
    let uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css));
    sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
    };//sboff END
})();//function END

// B_Scrollbar_toggle.uc.js

(function () {

// ■■ START UserCustomisation ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
const buttonIcon1 = '16-scroll-area-box-text_off.svg'; // Name & Dateiendung des anzuzeigenden Symbols
const buttonIcon1ov = '16-scroll-area-box-text_off_ov.svg'; // Name & Dateiendung des anzuzeigenden Symbols
const buttonIcon2 = '16-scroll-area-box-text_over.svg'; // Name & Dateiendung des anzuzeigenden Symbols
const buttonIcon3 = '16-scroll-area-box-text_lock.svg'; // Name & Dateiendung des anzuzeigenden Symbols
const iconPath = '/chrome/icons/'; // Pfad zum Ordner der die Icons beinhaltet
const label = 'Toggle Scrollbar';
const tooltiptext = 'Scrollbar on/off\n\nLinksklick: nur bei Hover anzeigen(gelb)/verbergen(rot)\nMittelklick: immer anzeigen(grün)/verbergen(rot)\n\n[Site/Content wird beim Umschalten neu geladen]';
// ■■ END UserCustomisation ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
const curProfDir = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir));

	if (location.href !== 'chrome://browser/content/browser.xhtml') return;
// load on start
start();
/*0. Button Tooltip on/off (g2_scrollb_b = "1/0";)->*/
       try {
          CustomizableUI.createWidget({
             id: 'toggle-sb-button',
             type: 'custom',
             defaultArea: CustomizableUI.AREA_NAVBAR,
             onBuild: function(aDocument) {
                let toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
                var props = {
                   id: 'toggle-sb-button',
                   class: 'toolbarbutton-1 chromeclass-toolbar-additional',
                   removable: 'true',
                   label: label,
                   accesskey: '',
                   tooltiptext: tooltiptext
               };
           for(var p in props)
           toolbaritem.setAttribute(p, props[p]);
           return toolbaritem;
           }
        });
    } catch(e) { };

document.getElementById('toggle-sb-button').addEventListener( "click", onClick );

function onClick(event) {

if (event.button === 0) {
       	 if(g2_scrollb_b == '')  {
           	g2_scrollb_b = '1';
			sbon();
			BrowserCommands.reloadSkipCache();
            }
    else if(g2_scrollb_b == '0') {
           	g2_scrollb_b = '1';
			sbon();
			BrowserCommands.reloadSkipCache();
            }
    else if(g2_scrollb_b == '1') {
           	g2_scrollb_b = '0';
			sboff();
			BrowserCommands.reloadSkipCache();
		    }
	else if(g2_scrollb_b == '2') {
           	g2_scrollb_b = '0';
			sboff();
			BrowserCommands.reloadSkipCache();
    }
} else
if (event.button == 1) {
       	 if(g2_scrollb_b == '')  {
           	g2_scrollb_b = '2';
			sblockon();
			BrowserCommands.reloadSkipCache();
            }
    else if(g2_scrollb_b == '0') {
           	g2_scrollb_b = '2';
			sblockon();
			BrowserCommands.reloadSkipCache();
            }
    else if(g2_scrollb_b == '2') {
           	g2_scrollb_b = '0';
			sboff();
			BrowserCommands.reloadSkipCache();
		    }
    else if(g2_scrollb_b == '1') {
           	g2_scrollb_b = '0';
			sboff();
			BrowserCommands.reloadSkipCache();
		    }
	}
else
if (event.button === 2) {
alert("Rechtsklick wird nicht unterstützt");
}
else {
alert("ERROR: B_Scrollbar_toggle.uc.js");
		};
	}
/*1. Verhalten der Scrollbar beim start (ausgeschaltet/opacity:0/g2_scrollb_b = "0";)->*/
function start() {

g2_scrollb_b = '0';
	let css = `
.hidevscroll-scrollbar {
	appearance: none !important;
	border: none !important;
	position: relative !important;
	background-color: transparent !important;
	background-image: none !important;
	padding: 0px !important;
	z-index: 3516351316854 !important;
	opacity: 0 !important;
}
.hidevscroll-scrollbar[orient="vertical"] {
	margin-inline-start: -8px !important;
	min-width: 7px;
	width: 7px;
	max-width: 7px;
}
.hidevscroll-scrollbar[orient="horizontal"] thumb,
.hidevscroll-scrollbar[orient="vertical"] thumb {
	min-height: 20px!important;
}
.hidevscroll-scrollbar thumb {
	appearance: none !important;
	border-width: 0px !important;
	border-radius: 0px !important;
	background-color: #f60 !important;
/**/	opacity: 0 !important;
	transition: opacity 0.4s ease-in-out !important;
}
.hidevscroll-scrollbar:hover thumb {
	background-color: #f60 !important;
	opacity: 0.5 !important;
	transition: opacity 0.06s ease-in-out !important;
}
.hidevscroll-scrollbar thumb:active {
	background-color: #f60 !important;
	opacity: 0.9 !important;
	transition: opacity 0.06s ease-in-out !important;
}
.hidevscroll-scrollbar scrollbarbutton,
.hidevscroll-scrollbar gripper {
	display: none !important;
}
/*-------------------------------------------------*/
/*-------------------------------------------------*/
:not(select):not(hbox) > scrollbar {
/*	appearance: none !important;*/
	border: none !important;
	position: relative !important;
	background-color: transparent !important;
	background-image: none !important;
	padding: 0px !important;
	z-index: 3516351316854 !important;
	opacity: 0 !important;
}
:not(select):not(hbox) > scrollbar[orient="vertical"] thumb {
	min-height: 20px;
}
:not(select):not(hbox) > scrollbar[orient="horizontal"] thumb {
	min-width: 20px;
}
/*-------------------------------------------------
:not(select):not(hbox) > scrollbar[orient="vertical"] {
	margin-inline-start: -5px !important;
	min-width: 5px !important;
	width: 5px !important;
	max-width: 5px !important;
}
:not(select):not(hbox) > scrollbar[orient="horizontal"] {
	margin-top: -5px !important;
	min-height: 5px !important;
	height: 5px !important;
	max-height: 5px !important;
}
---------------------------------------------------*/
:not(select):not(hbox) > scrollbar thumb {
	appearance: none !important;
	border-width: 0px !important;
	border-radius: 0px !important;
	background-color: #f60 !important;
/**/	opacity: 0 !important;
	transition: opacity 0.4s ease-in-out;
}
:not(select):not(hbox) > scrollbar:hover thumb {
	background-color: #f60 !important;
	opacity: 0.5 !important;
	transition: opacity 0.1s ease-in-out;
}
:not(select):not(hbox) > scrollbar thumb:active {
	background-color: #f60 !important;
	opacity: 0.9 !important;
	transition: opacity 0.06s ease-in-out;
}
/*-------------------------------------------------*/
:not(select):not(hbox) > scrollbar scrollbarbutton,
:not(select):not(hbox) > scrollbar gripper {
	display: none;
}
/*-------------------------------------------------*/
#toggle-sb-button .toolbarbutton-icon {
	list-style-image: url(${curProfDir}${iconPath}${buttonIcon1});
	fill: #cd0e14 !important;
	transition: fill 0.4s ease-in-out 0.0s !important;
	padding-top: 7px !important;

}
#toggle-sb-button:hover .toolbarbutton-icon {
	list-style-image: url(${curProfDir}${iconPath}${buttonIcon1ov});
	fill: #dddddd !important;
	transition: fill 0.4s ease-in-out 0.0s !important;
	padding-top: 7px !important;

}
#toggle-sb-button:active .toolbarbutton-icon {
	list-style-image: url(${curProfDir}${iconPath}${buttonIcon2});
	fill: #eabb00 !important;
	transition: fill 0.0s ease-in-out 0.0s !important;
	padding-top: 7px !important;

}
	`;
	let sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
	let uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css));
	sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
	}
/*2. Einschalten der Scrollbar per Button (opacity:1/g2_scrollb_b = "1";)->*/
function sbon() {

g2_scrollb_b = '1';
	let css = `
.hidevscroll-scrollbar,
:not(select):not(hbox) > scrollbar {
	opacity: 1 !important;
}
#toggle-sb-button .toolbarbutton-icon {
	list-style-image: url(${curProfDir}${iconPath}${buttonIcon2});
	fill: #eabb00 !important;
	transition: fill 0.4s ease-in-out 0.0s !important;
}
#toggle-sb-button:hover .toolbarbutton-icon {
	list-style-image: url(${curProfDir}${iconPath}${buttonIcon2});
	fill: #dddddd !important;
	transition: fill 0.4s ease-in-out 0.0s !important;
}
#toggle-sb-button:active .toolbarbutton-icon {
	list-style-image: url(${curProfDir}${iconPath}${buttonIcon1});
	fill: #cd0e14 !important;
	transition: fill 0.0s ease-in-out 0.0s !important;
}
	`;
	let sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
	let uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css));
	sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
	}
/*3. Einschalten und Lock der Scrollbar per Button (opacity:1/g2_scrollb_b = "2";)->*/
function sblockon() {

g2_scrollb_b = '2';
	let css = `
.hidevscroll-scrollbar,
:not(select):not(hbox) > scrollbar {
	opacity: 1 !important;
}
.hidevscroll-scrollbar thumb {
/**/	appearance: none !important;
	border-width: 0px !important;
	border-radius: 0px !important;
	background-color: #f60 !important;
	transition: opacity 0.4s ease-in-out !important;
	opacity: 0.35 !important;
}
:not(select):not(hbox) > scrollbar thumb {
/**/	appearance: none !important;
	border-width: 0px !important;
	border-radius: 0px !important;
	background-color: #f60 !important;
	transition: opacity 0.4s ease-in-out;
	opacity: 0.4 !important;
}
#toggle-sb-button .toolbarbutton-icon {
	list-style-image:url(${curProfDir}${iconPath}${buttonIcon3});
	fill: #72a572 !important;
	transition: fill 0.4s ease-in-out 0.0s !important;
}
#toggle-sb-button:hover .toolbarbutton-icon {
	list-style-image: url(${curProfDir}${iconPath}${buttonIcon3});
	fill: #dddddd !important;
	transition: fill 0.4s ease-in-out 0.0s !important;
}
#toggle-sb-button:active .toolbarbutton-icon {
	list-style-image: url(${curProfDir}${iconPath}${buttonIcon1});
	fill: #cd0e14 !important;
	transition: fill 0.0s ease-in-out 0.0s !important;
}
	`;
	let sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
	let uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css));
	sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
	}
/*4. Ausschalten der Scrollbar per Button (opacity:0/g2_scrollb_b = "0";)->*/
function sboff() {

g2_scrollb_b = '0';
	let css = `
.hidevscroll-scrollbar,
:not(select):not(hbox) > scrollbar {
	opacity: 0 !important;
}
.hidevscroll-scrollbar thumb {
/**/	appearance: none !important;
	border-width: 0px !important;
	border-radius: 0px !important;
	background-color: #f60 !important;
	transition: opacity 0.4s ease-in-out !important;
	opacity: 0 !important;
}
:not(select):not(hbox) > scrollbar thumb {
/**/	appearance: none !important;
	border-width: 0px !important;
	border-radius: 0px !important;
	background-color: #f60 !important;
	transition: opacity 0.4s ease-in-out;
	opacity: 0 !important;
}
#toggle-sb-button .toolbarbutton-icon {
	list-style-image: url(${curProfDir}${iconPath}${buttonIcon1});
	fill: #cd0e14 !important;
	transition: fill 0.4s ease-in-out 0.0s !important;
}
#toggle-sb-button:hover .toolbarbutton-icon {
	list-style-image: url(${curProfDir}${iconPath}${buttonIcon1ov});
	fill: #dddddd !important;
	transition: fill 0.4s ease-in-out 0.0s !important;
}
#toggle-sb-button:active .toolbarbutton-icon {
	list-style-image: url(${curProfDir}${iconPath}${buttonIcon2});
	fill: #eabb00 !important;
	transition: fill 0.0s ease-in-out 0.0s !important;
}
	`;
	let sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
	let uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css));
	sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);

	}
})();

// B_Scrollbar_toggle.uc.js

(function () {

// ■■ START UserCustomisation ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
const buttonIcon1 = '16-scroll-area-box-text_off.svg'; // Name & Dateiendung des anzuzeigenden Symbols
const buttonIcon1ov = '16-scroll-area-box-text_off_ov.svg'; // Name & Dateiendung des anzuzeigenden Symbols
const buttonIcon2 = '16-scroll-area-box-text_over.svg'; // Name & Dateiendung des anzuzeigenden Symbols
const buttonIcon3 = '16-scroll-area-box-text_lock.svg'; // Name & Dateiendung des anzuzeigenden Symbols
const iconPath = '/chrome/css/image/'; // Pfad zum Ordner der die Icons beinhaltet
const label = 'Toggle Scrollbar';
const tooltiptext = 'Scrollbar on/off\n\nLinksklick: nur bei Hover anzeigen(gelb)/verbergen(rot)\nMittelklick: immer anzeigen(grün)/verbergen(rot)\n\n[Site/Content wird beim Umschalten neu geladen]';
// ■■ END UserCustomisation ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
const curProfDir = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir));

	if (location.href !== 'chrome://browser/content/browser.xhtml') return;
// load on start
start();
/*0. Button Tooltip on/off (g2_scrollb_b = "1/0";)->*/
       try {
          CustomizableUI.createWidget({
             id: 'toggle-sb-button',
             type: 'custom',
             defaultArea: CustomizableUI.AREA_NAVBAR,
             onBuild: function(aDocument) {
                let toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
                var props = {
                   id: 'toggle-sb-button',
                   class: 'toolbarbutton-1 chromeclass-toolbar-additional',
                   removable: 'true',
                   label: label,
                   accesskey: '',
                   tooltiptext: tooltiptext
               };
           for(var p in props)
           toolbaritem.setAttribute(p, props[p]);
           return toolbaritem;
           }
        });
    } catch(e) { };

document.getElementById('toggle-sb-button').addEventListener( "click", onClick );

function onClick(event) {

if (event.button === 0) {
       	 if(g2_scrollb_b == '')  {
           	g2_scrollb_b = '1';
			sbon();
			BrowserCommands.reloadSkipCache();
            }
    else if(g2_scrollb_b == '0') {
           	g2_scrollb_b = '1';
			sbon();
			BrowserCommands.reloadSkipCache();
            }
    else if(g2_scrollb_b == '1') {
           	g2_scrollb_b = '0';
			sboff();
			BrowserCommands.reloadSkipCache();
		    }
	else if(g2_scrollb_b == '2') {
           	g2_scrollb_b = '0';
			sboff();
			BrowserCommands.reloadSkipCache();
    }
} else
if (event.button == 1) {
       	 if(g2_scrollb_b == '')  {
           	g2_scrollb_b = '2';
			sblockon();
			BrowserCommands.reloadSkipCache();
            }
    else if(g2_scrollb_b == '0') {
           	g2_scrollb_b = '2';
			sblockon();
			BrowserCommands.reloadSkipCache();
            }
    else if(g2_scrollb_b == '2') {
           	g2_scrollb_b = '0';
			sboff();
			BrowserCommands.reloadSkipCache();
		    }
    else if(g2_scrollb_b == '1') {
           	g2_scrollb_b = '0';
			sboff();
			BrowserCommands.reloadSkipCache();
		    }
	}
else
if (event.button === 2) {
alert("Rechtsklick wird nicht unterstützt");
}
else {
alert("ERROR: B_Scrollbar_toggle.uc.js");
		};
	}
/*1. Verhalten der Scrollbar beim start (ausgeschaltet/opacity:0/g2_scrollb_b = "0";)->*/
function start() {

g2_scrollb_b = '0';
	let css = `
.hidevscroll-scrollbar {
	appearance: none !important;
	border: none !important;
	position: relative !important;
	background-color: transparent !important;
	background-image: none !important;
	padding: 0px !important;
	z-index: 3516351316854 !important;
	opacity: 0 !important;
}
.hidevscroll-scrollbar[orient="vertical"] {
	margin-inline-start: -8px !important;
	min-width: 7px;
	width: 7px;
	max-width: 7px;
}
.hidevscroll-scrollbar[orient="horizontal"] thumb,
.hidevscroll-scrollbar[orient="vertical"] thumb {
	min-height: 20px!important;
}
.hidevscroll-scrollbar thumb {
	appearance: none !important;
	border-width: 0px !important;
	border-radius: 0px !important;
	background-color: #f60 !important;
/**/	opacity: 0 !important;
	transition: opacity 0.4s ease-in-out !important;
}
.hidevscroll-scrollbar:hover thumb {
	background-color: #f60 !important;
	opacity: 0.5 !important;
	transition: opacity 0.06s ease-in-out !important;
}
.hidevscroll-scrollbar thumb:active {
	background-color: #f60 !important;
	opacity: 0.9 !important;
	transition: opacity 0.06s ease-in-out !important;
}
.hidevscroll-scrollbar scrollbarbutton,
.hidevscroll-scrollbar gripper {
	display: none !important;
}
/*-------------------------------------------------*/
/*-------------------------------------------------*/
:not(select):not(hbox) > scrollbar {
/*	appearance: none !important;*/
	border: none !important;
	position: relative !important;
	background-color: transparent !important;
	background-image: none !important;
	padding: 0px !important;
	z-index: 3516351316854 !important;
	opacity: 0 !important;
}
:not(select):not(hbox) > scrollbar[orient="vertical"] thumb {
	min-height: 20px;
}
:not(select):not(hbox) > scrollbar[orient="horizontal"] thumb {
	min-width: 20px;
}
/*-------------------------------------------------
:not(select):not(hbox) > scrollbar[orient="vertical"] {
	margin-inline-start: -5px !important;
	min-width: 5px !important;
	width: 5px !important;
	max-width: 5px !important;
}
:not(select):not(hbox) > scrollbar[orient="horizontal"] {
	margin-top: -5px !important;
	min-height: 5px !important;
	height: 5px !important;
	max-height: 5px !important;
}
---------------------------------------------------*/
:not(select):not(hbox) > scrollbar thumb {
	appearance: none !important;
	border-width: 0px !important;
	border-radius: 0px !important;
	background-color: #f60 !important;
/**/	opacity: 0 !important;
	transition: opacity 0.4s ease-in-out;
}
:not(select):not(hbox) > scrollbar:hover thumb {
	background-color: #f60 !important;
	opacity: 0.5 !important;
	transition: opacity 0.1s ease-in-out;
}
:not(select):not(hbox) > scrollbar thumb:active {
	background-color: #f60 !important;
	opacity: 0.9 !important;
	transition: opacity 0.06s ease-in-out;
}
/*-------------------------------------------------*/
:not(select):not(hbox) > scrollbar scrollbarbutton,
:not(select):not(hbox) > scrollbar gripper {
	display: none;
}
/*-------------------------------------------------*/
#toggle-sb-button .toolbarbutton-icon {
	list-style-image: url(${curProfDir}${iconPath}${buttonIcon1});
	fill: #cd0e14 !important;
	transition: fill 0.4s ease-in-out 0.0s !important;
	padding-top: 7px !important;

}
#toggle-sb-button:hover .toolbarbutton-icon {
	list-style-image: url(${curProfDir}${iconPath}${buttonIcon1ov});
	fill: #dddddd !important;
	transition: fill 0.4s ease-in-out 0.0s !important;
	padding-top: 7px !important;

}
#toggle-sb-button:active .toolbarbutton-icon {
	list-style-image: url(${curProfDir}${iconPath}${buttonIcon2});
	fill: var(--uc-color-gold-button) !important;
	transition: fill 0.0s ease-in-out 0.0s !important;
	padding-top: 7px !important;

}
	`;
	let sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
	let uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css));
	sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
	}
/*2. Einschalten der Scrollbar per Button (opacity:1/g2_scrollb_b = "1";)->*/
function sbon() {

g2_scrollb_b = '1';
	let css = `
.hidevscroll-scrollbar,
:not(select):not(hbox) > scrollbar {
	opacity: 1 !important;
}
#toggle-sb-button .toolbarbutton-icon {
	list-style-image: url(${curProfDir}${iconPath}${buttonIcon2});
	fill: var(--uc-color-gold-button) !important;
	transition: fill 0.4s ease-in-out 0.0s !important;
}
#toggle-sb-button:hover .toolbarbutton-icon {
	list-style-image: url(${curProfDir}${iconPath}${buttonIcon2});
	fill: #dddddd !important;
	transition: fill 0.4s ease-in-out 0.0s !important;
}
#toggle-sb-button:active .toolbarbutton-icon {
	list-style-image: url(${curProfDir}${iconPath}${buttonIcon1});
	fill: #cd0e14 !important;
	transition: fill 0.0s ease-in-out 0.0s !important;
}
	`;
	let sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
	let uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css));
	sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
	}
/*3. Einschalten und Lock der Scrollbar per Button (opacity:1/g2_scrollb_b = "2";)->*/
function sblockon() {

g2_scrollb_b = '2';
	let css = `
.hidevscroll-scrollbar,
:not(select):not(hbox) > scrollbar {
	opacity: 1 !important;
}
.hidevscroll-scrollbar thumb {
/**/	appearance: none !important;
	border-width: 0px !important;
	border-radius: 0px !important;
	background-color: #f60 !important;
	transition: opacity 0.4s ease-in-out !important;
	opacity: 0.35 !important;
}
:not(select):not(hbox) > scrollbar thumb {
/**/	appearance: none !important;
	border-width: 0px !important;
	border-radius: 0px !important;
	background-color: #f60 !important;
	transition: opacity 0.4s ease-in-out;
	opacity: 0.4 !important;
}
#toggle-sb-button .toolbarbutton-icon {
	list-style-image:url(${curProfDir}${iconPath}${buttonIcon3});
	fill: #72a572 !important;
	transition: fill 0.4s ease-in-out 0.0s !important;
}
#toggle-sb-button:hover .toolbarbutton-icon {
	list-style-image: url(${curProfDir}${iconPath}${buttonIcon3});
	fill: #dddddd !important;
	transition: fill 0.4s ease-in-out 0.0s !important;
}
#toggle-sb-button:active .toolbarbutton-icon {
	list-style-image: url(${curProfDir}${iconPath}${buttonIcon1});
	fill: #cd0e14 !important;
	transition: fill 0.0s ease-in-out 0.0s !important;
}
	`;
	let sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
	let uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css));
	sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
	}
/*4. Ausschalten der Scrollbar per Button (opacity:0/g2_scrollb_b = "0";)->*/
function sboff() {

g2_scrollb_b = '0';
	let css = `
.hidevscroll-scrollbar,
:not(select):not(hbox) > scrollbar {
	opacity: 0 !important;
}
.hidevscroll-scrollbar thumb {
/**/	appearance: none !important;
	border-width: 0px !important;
	border-radius: 0px !important;
	background-color: #f60 !important;
	transition: opacity 0.4s ease-in-out !important;
	opacity: 0 !important;
}
:not(select):not(hbox) > scrollbar thumb {
/**/	appearance: none !important;
	border-width: 0px !important;
	border-radius: 0px !important;
	background-color: #f60 !important;
	transition: opacity 0.4s ease-in-out;
	opacity: 0 !important;
}
#toggle-sb-button .toolbarbutton-icon {
	list-style-image: url(${curProfDir}${iconPath}${buttonIcon1});
	fill: #cd0e14 !important;
	transition: fill 0.4s ease-in-out 0.0s !important;
}
#toggle-sb-button:hover .toolbarbutton-icon {
	list-style-image: url(${curProfDir}${iconPath}${buttonIcon1ov});
	fill: #dddddd !important;
	transition: fill 0.4s ease-in-out 0.0s !important;
}
#toggle-sb-button:active .toolbarbutton-icon {
	list-style-image: url(${curProfDir}${iconPath}${buttonIcon2});
	fill: var(--uc-color-Mein Script funzt leider ab 143 überhaupt nicht mehr (In 142 läuft das ohne Probs; ich füge keine Icons ein ,ändere die Pfade und Variablen nicht nicht - nur zu Ansicht):gold-button) !important;
	transition: fill 0.0s ease-in-out 0.0s !important;
}
	`;
	let sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
	let uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css));
	sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);

	}
})();

// JavaScript Document
// M_Quit_Firefox.uc.js
// FF 142
// Quelle: https://www...

// Das Script erstellt einen neuen Menüeintrag, der ein einzelnes Firefox-Fenster separat schließt (Linksklick) oder Firefox beendet (Mittel-/Rechtsklick). Das .svg-Icon kann - je nach Hover-Zustand - mit zwei unterschiedlichen Farben gefüllt werden [fill]. Beim Überfahren des Menuitems rotiert das Icon um 180deg [rotate: 180deg].
// Das Menü für den Menüeintrag kann selektiert werden (Seitenkontextmenü oder Tabkontextmenü).
// Die Position des Menüeintrags innerhalb des Menüs kann bestimmt werden.
// Eine Darstellung des Menüeintrags mit/ohne Icon kann gewählt werden.
// Für das mitgelieferte Icon als .svg-Datei mit [moz-context-properties] ändert das Script - bei gewählter Iconanzeige [const isIcon = 1;] -  die Einstellung [svg.context-properties.content.enabled] in about:config auf 'true'.

(function() {
  if (!window.gBrowser)
	return;
const
// ■■ START UserConfiguration ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
         id = 'contextQuit', // ID des neuen menuitems
      label = 'Fenster schließen/Firefox beenden', // Bezeichnung des neuen menuitems
tooltiptext = 'Fenster schließen/Firefox beenden\n\nLinksklick: Fenster schließen\nMittel-/Rechtsklick: Firefox beenden',
// Icon-------------------------------------------------------
     isIcon = 1,
//   isIcon = 1, mit Icon
//   isIcon = 0, ohne Icon; die Konstanten icon, iconPath, iconColOu und iconColOv haben dann keine Funktion und sollten unberührt bleiben
       icon = 'quit-16.svg',  // [Name.Dateiendung] des anzuzeigenden Symbols
   iconPath = '/chrome/css/image/ff_svg/', // Pfad zum Ordner der das Icon beinhaltet
  iconColOu = 'var(--uc-color-redorange-button)',  // Farbe des Icons (nur .svg-Datei mit [moz-context-properties], bei anderen Icons hat const iconColOu keine Funktion)
  iconColOv = 'var(--uc-color-white-icons)',  // Farbe des Icons beim Überfahren des Items (nur .svg-Datei mit [moz-context-properties], bei anderen Icons hat const iconColOv keine Funktion)
// Menü-------------------------------------------------------
     isMenu = 1,
//   isMenu = 1, für Seitenkontextmenü;
//   isMenu = 2, für Tabkontextmenü';
      isPos = 12,
// Option A:
//    isPos = 12, [Zahlen von -5 bis 20]
// Menuitem an einer bestimmten Position im Menü einfügen
// wie in CSS: [order:12!important;]
// Option B:
//    isPos = 'context-inspect'; [String]
// Menuitem auf diesen Menüpunkt folgend einfügen
// wie in CSS: [#context-inspect]
// ■■ END UserConfiguration ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
 curProfDir = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir)),
         cl = '.menu-icon',
      menu1 = document.getElementById('contentAreaContextMenu'),
      menu2 = document.getElementById('tabContextMenu'),
   menuitem = document.createXULElement('menuitem');
//const end
      menuitem.id = id;
      menuitem.setAttribute('label', label);
      menuitem.setAttribute('tooltiptext', tooltiptext);
//mit Icon
if (isIcon ===  1) {
//----
	if (Services.prefs.getBoolPref('svg.context-properties.content.enabled') == false) {
		Services.prefs.setBoolPref('svg.context-properties.content.enabled', true );
	}
//----
	  menuitem.classList.add('menuitem-iconic');
	  menuitem.setAttribute('style','list-style-image: url("' + curProfDir + iconPath + icon + '")');
	  menuitem.style.MozContextProperties = 'fill, stroke, fill-opacity';

//Icon start
switch (isMenu) {
	case 1:
	menu1.addEventListener('popupshowing', () => {
	menuitem.querySelector(cl).style.fill = iconColOu;
});
	break;
	case 2:
	menu2.addEventListener('popupshowing', () => {
	menuitem.querySelector(cl).style.fill = iconColOu;
});
	break;
}
//Icon over
menuitem.addEventListener('mouseover', () => {
	  menuitem.querySelector(cl).setAttribute('style','fill:'+iconColOv+';rotate: 180deg; transition: rotate 0.2s ease-in-out 0.1s;');
});
//Icon out
menuitem.addEventListener('mouseout', () => {
	  menuitem.querySelector(cl).setAttribute('style','fill:'+iconColOu+';rotate: 0deg; transition: rotate 0.2s ease-in-out 0.1s;');
});

}
//Icon end
//click
menuitem.addEventListener('click', () => {
	if (event.button === 0) {
        	event.target.ownerGlobal.BrowserCommands.tryToCloseWindow(event);
	}
	else
	if (event.button === 1 || event.button === 2) {
			event.target.ownerGlobal.goQuitApplication(event);
	}
});
//Position order
if (isPos > -6 && isPos < 21) {
	if (isMenu === 1) {
		  menu1.append(menuitem);
	}
	else
	if (isMenu === 2) {
	  	  menu2.append(menuitem);
	}
menuitem.style.order = isPos;
}
//Position reference
else {
const refItem = document.getElementById(isPos);
 	  refItem.parentNode.insertBefore(menuitem, refItem.nextSibling);
}
//----
})();

// JavaScript Document
// M_Quit_Firefox.uc.js
// FF 143
// Quelle: https://www...

// Das Script erstellt einen neuen Menüeintrag, der ein einzelnes Firefox-Fenster separat schließt (Linksklick) oder Firefox beendet (Mittel-/Rechtsklick). Das .svg-Icon kann - je nach Hover-Zustand - mit zwei unterschiedlichen Farben gefüllt werden [fill]. Beim Überfahren des Menuitems rotiert das Icon um 180deg [rotate: 180deg].
// Das Menü für den Menüeintrag kann selektiert werden (Seitenkontextmenü oder Tabkontextmenü).
// Die Position des Menüeintrags innerhalb des Menüs kann bestimmt werden.
// Eine Darstellung des Menüeintrags mit/ohne Icon kann gewählt werden.
// Für das mitgelieferte Icon als .svg-Datei mit [moz-context-properties] ändert das Script - bei gewählter Iconanzeige [const isIcon = 1;] -  die Einstellung [svg.context-properties.content.enabled] in about:config auf 'true'.

(function() {
  if (!window.gBrowser)
	return;
const
// ■■ START UserConfiguration ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
         id = 'contextQuit', // ID des neuen menuitems
      label = 'Fenster schließen/Firefox beenden', // Bezeichnung des neuen menuitems
tooltiptext = 'Fenster schließen/Firefox beenden\n\nLinksklick: Fenster schließen\nMittel-/Rechtsklick: Firefox beenden',
// Icon-------------------------------------------------------
     isIcon = 1,
//   isIcon = 1, mit Icon
//   isIcon = 0, ohne Icon; die Konstanten icon, iconPath, iconColOu und iconColOv haben dann keine Funktion und sollten unberührt bleiben
       icon = 'quit-16.svg',  // [Name.Dateiendung] des Symbols
   iconPath = '/chrome/css/image/ff_svg/', // Pfad zum Ordner der das Icon beinhaltet
  iconColOu = 'var(--uc-color-redorange-button)',  // Farbe des Icons (nur .svg-Datei mit [moz-context-properties], bei anderen Icons hat const iconColOu keine Funktion)
  iconColOv = 'var(--uc-color-white-icons)',  // Farbe des Icons beim Überfahren des Items (nur .svg-Datei mit [moz-context-properties], bei anderen Icons hat const iconColOv keine Funktion)
// Menü-------------------------------------------------------
     isMenu = 2,
//   isMenu = 1, für Seitenkontextmenü;
//   isMenu = 2, für Tabkontextmenü';
      isPos = 12,
// Option A:
//    isPos = 12, [Zahlen von -5 bis 20]
// Menuitem an einer bestimmten Position im Menü einfügen
// wie in CSS: [order:12!important;]
// Option B:
//    isPos = 'context-inspect'; [String]
// Menuitem auf diesen Menüpunkt folgend einfügen
// wie in CSS: [#context-inspect]
// ■■ END UserConfiguration ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
 curProfDir = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir)),
         cl = '.menu-icon',
      menu1 = document.getElementById('contentAreaContextMenu'),
      menu2 = document.getElementById('tabContextMenu'),
   menuitem = document.createXULElement('menuitem');
//const end
      menuitem.id = id;
      menuitem.setAttribute('label', label);
      menuitem.setAttribute('tooltiptext', tooltiptext);
//mit Icon
if (isIcon ===  1) {
//----
	if (Services.prefs.getBoolPref('svg.context-properties.content.enabled') == false) {
		Services.prefs.setBoolPref('svg.context-properties.content.enabled', true );
	}
//----
	  menuitem.classList.add('menuitem-iconic');
	  menuitem.style.setProperty('--menuitem-icon', 'url("' + curProfDir + iconPath + icon + '")');
	  menuitem.style.MozContextProperties = 'fill, stroke, fill-opacity';
//Icon start
switch (isMenu) {
	case 1:
	menu1.addEventListener('popupshowing', () => {
	menuitem.querySelector(cl).style.fill = iconColOu;
});
	break;
	case 2:
	menu2.addEventListener('popupshowing', () => {
	menuitem.querySelector(cl).style.fill = iconColOu;
});
	break;
}
//Icon over
menuitem.addEventListener('mouseover', () => {
	  menuitem.querySelector(cl).setAttribute('style','fill:'+iconColOv+';rotate: 180deg; transition: rotate 0.2s ease-in-out 0.1s;');
});
//Icon out
menuitem.addEventListener('mouseout', () => {
	  menuitem.querySelector(cl).setAttribute('style','fill:'+iconColOu+';rotate: 0deg; transition: rotate 0.2s ease-in-out 0.1s;');
});

}
//Icon end
//click
menuitem.addEventListener('click', () => {
	if (event.button === 0) {
        	event.target.ownerGlobal.BrowserCommands.tryToCloseWindow(event);
	}
	else
	if (event.button === 1 || event.button === 2) {
			event.target.ownerGlobal.goQuitApplication(event);
	}
});
//Position order
if (isPos > -6 && isPos < 21) {
	if (isMenu === 1) {
		  menu1.append(menuitem);
	}
	else
	if (isMenu === 2) {
	  	  menu2.append(menuitem);
	}
menuitem.style.order = isPos;
}
//Position reference
else {
const refItem = document.getElementById(isPos);
 	  refItem.parentNode.insertBefore(menuitem, refItem.nextSibling);
}
//----
})();

// JavaScript Document
// M_Quit_Firefox.uc.js
// FF 143
// Quelle: https://www...

// Das Script erstellt einen neuen Menüeintrag, der ein einzelnes Firefox-Fenster separat schließt (Linksklick) oder Firefox beendet (Mittel-/Rechtsklick). Das .svg-Icon kann - je nach Hover-Zustand - mit zwei unterschiedlichen Farben gefüllt werden [fill]. Beim Überfahren des Menuitems rotiert das Icon um 180deg [rotate: 180deg].
// Das Menü für den Menüeintrag kann selektiert werden (Seitenkontextmenü oder Tabkontextmenü).
// Die Position des Menüeintrags innerhalb des Menüs kann bestimmt werden.
// Eine Darstellung des Menüeintrags mit/ohne Icon kann gewählt werden.
// Für das mitgelieferte Icon als .svg-Datei mit [moz-context-properties] ändert das Script - bei gewählter Iconanzeige [const isIcon = 1;] -  die Einstellung [svg.context-properties.content.enabled] in about:config auf 'true'.

(function() {
  if (!window.gBrowser)
	return;
const
// ■■ START UserConfiguration ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
         id = 'contextQuit', // ID des neuen menuitems
      label = 'Fenster schließen/Firefox beenden', // Bezeichnung des neuen menuitems
tooltiptext = 'Fenster schließen/Firefox beenden\n\nLinksklick: Fenster schließen\nMittel-/Rechtsklick: Firefox beenden',
// Icon-------------------------------------------------------
     isIcon = 1,
//   isIcon = 1, mit Icon
//   isIcon = 0, ohne Icon; die Konstanten icon, iconPath, iconColOu und iconColOv haben dann keine Funktion und sollten unberührt bleiben
       icon = 'quit-16.svg',  // [Name.Dateiendung] des Symbols
   iconPath = '/chrome/icons/', // Pfad zum Ordner der das Icon beinhaltet
  iconColOu = 'firebrick',  // Farbe des Icons (nur .svg-Datei mit [moz-context-properties], bei anderen Icons hat const iconColOu keine Funktion)
  iconColOv = 'currentColor',  // Farbe des Icons beim Überfahren des Items (nur .svg-Datei mit [moz-context-properties], bei anderen Icons hat const iconColOv keine Funktion)
// Menü-------------------------------------------------------
     isMenu = 2,
//   isMenu = 1, für Seitenkontextmenü;
//   isMenu = 2, für Tabkontextmenü';
      isPos = 12,
// Option A:
//    isPos = 12, [Zahlen von -5 bis 20]
// Menuitem an einer bestimmten Position im Menü einfügen
// wie in CSS: [order:12!important;]
// Option B:
//    isPos = 'context-inspect'; [String]
// Menuitem auf diesen Menüpunkt folgend einfügen
// wie in CSS: [#context-inspect]
// ■■ END UserConfiguration ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
 curProfDir = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir)),
         cl = '.menu-icon',
      menu1 = document.getElementById('contentAreaContextMenu'),
      menu2 = document.getElementById('tabContextMenu'),
   menuitem = document.createXULElement('menuitem');
//const end
      menuitem.id = id;
      menuitem.setAttribute('label', label);
      menuitem.setAttribute('tooltiptext', tooltiptext);
//mit Icon
if (isIcon ===  1) {
//----
	if (Services.prefs.getBoolPref('svg.context-properties.content.enabled') == false) {
		Services.prefs.setBoolPref('svg.context-properties.content.enabled', true );
	}
//----
	  menuitem.classList.add('menuitem-iconic');
	  menuitem.style.setProperty('--menuitem-icon', 'url("' + curProfDir + iconPath + icon + '")');
	  menuitem.style.MozContextProperties = 'fill, stroke, fill-opacity';

//Icon start
switch (isMenu) {
	case 1:
	menu1.addEventListener('popupshowing', () => {
	menuitem.querySelector(cl).style.fill = iconColOu;
});
	break;
	case 2:
	menu2.addEventListener('popupshowing', () => {
	menuitem.querySelector(cl).style.fill = iconColOu;
});
	break;
}
//Icon over
menuitem.addEventListener('mouseover', () => {
	  menuitem.querySelector(cl).setAttribute('style','fill:'+iconColOv+';rotate: 180deg; transition: rotate 0.2s ease-in-out 0.1s;');
});
//Icon out
menuitem.addEventListener('mouseout', () => {
	  menuitem.querySelector(cl).setAttribute('style','fill:'+iconColOu+';rotate: 0deg; transition: rotate 0.2s ease-in-out 0.1s;');
});
}
//Icon end
//click
menuitem.addEventListener('click', () => {
	if (event.button === 0) {
        	event.target.ownerGlobal.BrowserCommands.tryToCloseWindow(event);
	}
	else
	if (event.button === 1 || event.button === 2) {
			event.target.ownerGlobal.goQuitApplication(event);
	}
});
//Position order
if (isPos > -6 && isPos < 21) {
	if (isMenu === 1) {
		  menu1.append(menuitem);
	}
	else
	if (isMenu === 2) {
	  	  menu2.append(menuitem);
	}
menuitem.style.order = isPos;
}
//Position reference
else {
const refItem = document.getElementById(isPos);
 	  refItem.parentNode.insertBefore(menuitem, refItem.nextSibling);
}
//----
})();

// JavaScript Document
// M_Translate_DeepL.uc.js
// FF 143
// Quelle: https://www...

// Das Script erstellt einen neuen Menüeintrag. Beim Klick auf den Eintrag öffnet die Seite https://www.deepl.com/... in einem neuen Tab und der vorher markierte Text wird übernommen.

// Bug: Sprache erkennen funktioniert nicht.

// Das .svg-Icon kann - je nach Hover-Zustand - mit zwei unterschiedlichen Farben gefüllt werden [fill]. Beim Überfahren des Menuitems vergrößert sich das Icon [scale: 1.1].
// Das Menü für den Menüeintrag kann selektiert werden (Seitenkontextmenü oder Tabkontextmenü).
// Die Position des Menüeintrags innerhalb des Menüs kann bestimmt werden.
// Darstellung des Menüeintrags mit/ohne Icon kann gewählt werden.
// Für das mitgelieferte Icon als .svg-Datei mit [moz-context-properties] ändert das Script - bei gewählter Iconanzeige [const isIcon = 1;] -  die Einstellung [svg.context-properties.content.enabled] in about:config auf 'true'.

(function() {
  if (!window.gBrowser)
	return;
const
// ■■ START UserConfiguration ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
         id = 'contextDeepletranslate', // ID des neuen menuitems
      label = 'Deepl Translate', // Bezeichnung des neuen menuitems
tooltiptext = 'Mit DeeplTranslate übersetzen',
// Icon-------------------------------------------------------
     isIcon = 1,
//   isIcon = 1, mit Icon
//   isIcon = 0, ohne Icon; die Konstanten icon, iconPath, iconColOu und iconColOv haben dann keine Funktion und sollten unberührt bleiben
       icon = '16_deepl_logo_moz.svg',  // [Name.Dateiendung] des Symbols
   iconPath = '/chrome/icons/', // Pfad zum Ordner der das Icon beinhaltet
  iconColOu = 'steelblue',  // Farbe des Icons (nur .svg-Datei mit [moz-context-properties], bei anderen Icons hat const iconColOu keine Funktion)
  iconColOv = 'currentColor',  // Farbe des Icons beim Überfahren des Items (nur .svg-Datei mit [moz-context-properties], bei anderen Icons hat const iconColOv keine Funktion)
// Menü-------------------------------------------------------
     isMenu = 1,
//   isMenu = 1, für Seitenkontextmenü;
//   isMenu = 2, für Tabkontextmenü';
      isPos = 'context-translate-selection',
// Option A:
//    isPos = 12, [Zahlen von -5 bis 20]
// Menuitem an einer bestimmten Position im Menü einfügen
// wie in CSS: [order:12!important;]
// Option B:
//    isPos = 'context-translate-selection'; [String]
// Menuitem auf diesen Menüpunkt folgend einfügen
// wie in CSS: [#context-translate-selection]
// ■■ END UserConfiguration ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
 curProfDir = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir)),
         cl = '.menu-icon',
      menu1 = document.getElementById('contentAreaContextMenu'),
      menu2 = document.getElementById('tabContextMenu'),
   menuitem = document.createXULElement('menuitem');
//const end
      menuitem.id = id;
      menuitem.setAttribute('label', label);
      menuitem.setAttribute('tooltiptext', tooltiptext);
//with Icon
if (isIcon === 1) {
//----
	if (Services.prefs.getBoolPref('svg.context-properties.content.enabled') == false) {
		Services.prefs.setBoolPref('svg.context-properties.content.enabled', true );
	}
//----
	  menuitem.classList.add('menuitem-iconic');
	  menuitem.style.setProperty('--menuitem-icon', 'url("' + curProfDir + iconPath + icon + '")');
	  menuitem.style.MozContextProperties = 'fill, stroke, fill-opacity';
//Icon start
switch (isMenu) {
	case 1:
	menu1.addEventListener('popupshowing', () => {
	menuitem.querySelector(cl).style.fill = iconColOu;
});
	break;

	case 2:
	menu2.addEventListener('popupshowing', () => {
	menuitem.querySelector(cl).style.fill = iconColOu;
});
	break;
}
//Icon over
menuitem.addEventListener('mouseover', () => {
	  menuitem.querySelector(cl).setAttribute('style','fill:'+iconColOv+';scale: 1.1;transition: scale 0.2s ease-in-out 0.0s;');
});
//Icon out
menuitem.addEventListener('mouseout', () => {
	  menuitem.querySelector(cl).setAttribute('style','fill:'+iconColOu+';scale: 1.0;transition: scale 0.2s ease-in-out 0.0s;');
});

}
//Icon end
//click
menuitem.addEventListener('click', () => {
	if (event.button === 0) {
       	 translate();
    }
});
//Position order
if (isPos > -6 && isPos < 21) {
	if (isMenu === 1) {
		  menu1.append(menuitem);
	}
	else
	if (isMenu === 2) {
	  	  menu2.append(menuitem);
	}
menuitem.style.order = isPos;
}
//Position reference
else {
const refItem = document.getElementById(isPos);
 	  refItem.parentNode.insertBefore(menuitem, refItem.nextSibling);
}
//----
function translate() {
const browserMM = gBrowser.selectedBrowser.messageManager;
	  browserMM.addMessageListener('getSelection', function listener(message) {
const t = (message.data !== '');
const e = (document.charset || document.characterSet);
	if (t) {
		openTrustedLinkIn('https://www.deepl.com/translator#en/de/' + encodeURIComponent(message.data), 'tab');
	}
	else {
		openTrustedLinkIn('https://www.deepl.com/translate?u=' + encodeURIComponent(gBrowser.currentURI.spec) + '&hl=de-DE&ie=' + e + '&sl=auto&tl=de-DE', 'tab');
	};
		browserMM.removeMessageListener('getSelection', listener, true);
		});
		browserMM.loadFrameScript('data:,sendAsyncMessage("getSelection", content.document.getSelection().toString())', true);
};
//----
})();