Beiträge von FuchsFan

FuchsFan

Zitat von omar1979

Die Frage ist, warum ist das Popup so schmal? Die Anderen sind nicht so schmal.

Deine Codes kenne ich nicht, aber alle meine Popup-Menüs haben eine feste Breite.

CSS

menupopup {
		appearance: none !important;
        min-width: 380px !important;
    }

FuchsFan

Zitat von omar1979

gemacht. sieht so aus.

Also besser die -15 stehen lassen.

FuchsFan

Zitat von omar1979

habe das -15 zu 15 geändert, aber nichts gebracht.

Dann deaktiviere es mal, hier muss es so dabei sein, sonst vergrößern sich die Items. Außerdem ist dein Popup ja so schmal, dass sich vieles überlagert.

FuchsFan

omar1979

Füge nach Zeile 128 diese drei Zeilen hinzu, dann müsste es funktionieren.

CSS

justify-content: flex-end !important;
margin-inline-start: 100px !important;
margin-top: -15px !important;

margin-inline-start: 100px !important; legt immer eine feste Größe fest, du kannst für 100px auch auto versuchen, falls es mit der Breite der Popup-Menüs nicht passt.

FuchsFan

Zitat von Endor

Es fügt dem rechts-klick Menü der Adressleiste ein Untermenü hinzu.
Darüber lassen sich dann die einzelnen Teile der Adresse anklicken.

Endor

In Nightly 161 funktioniert das angepasste Script, wenn es dann so aussehen soll.

JavaScript

// ==UserScript==
// -*- mode:JScript; Encoding:utf8n -*-
// @name           upper URI
// @namespace      http://d.hatena.ne.jp/p-arai/
// @description    Add upper URIs to the context menu in Location bar.
// @include        main
// @compatibility  Firefox 156+
// @author         p-arai
// @version        2026/11/01 Firefox 156+ context menu API
// ==/UserScript==

(function() {
  "use strict";

  var upperMenu = null;
  var upperPopup = null;

  // Create context menu entries using the new Firefox API
  gURLBar.addContextMenuItems({

    createItems() {
      var fragment = document.createDocumentFragment();

      // Separator
      var sep = document.createXULElement("menuseparator");
      fragment.appendChild(sep);

      // Main menu
      upperMenu = document.createXULElement("menu");
      upperMenu.setAttribute("id", "upperURI");
      upperMenu.setAttribute("label", "Höhere URL");
      upperMenu.setAttribute(
        "tooltiptext",
        "Darüberliegende Adressen"
      );

      // Submenu
      upperPopup = document.createXULElement("menupopup");
      upperMenu.appendChild(upperPopup);

      fragment.appendChild(upperMenu);

      return fragment;
    },

    // Called whenever the context menu is opened
    onShowing(input, items) {
      populateMenu();
    }

  });


  // Populate submenu
  function populateMenu() {

    if (!upperPopup)
      return;

    while (upperPopup.lastChild) {
      upperPopup.removeChild(upperPopup.lastChild);
    }

    var uri = gBrowser.currentURI;
    var uriArray = getUpURIs();

    for (var i = 0; i < uriArray.length; i++) {

      var menuitem = document.createXULElement("menuitem");

      var url = uriArray[i];

      menuitem.setAttribute(
        "label",
        url == uri.prePath
          ? url
          : url.replace(uri.prePath, "")
      );

      menuitem.setAttribute("value", url);

      // Normal activation
      menuitem.addEventListener("command", function(event) {
        openLinkIn(
          event.currentTarget.getAttribute("value"),
          "current",
          {
            allowThirdPartyFixup: false,
            triggeringPrincipal:
              Services.scriptSecurityManager.createNullPrincipal({})
          }
        );
      });

      // Middle click / modifier keys
      menuitem.addEventListener("click", function(event) {

        if (event.button == 2)
          return;

        var where = BrowserUtils.whereToOpenLink(
          event,
          false,
          true
        );

        // Normal left click is handled by command
        if (where == "current")
          return;

        event.preventDefault();
        event.stopPropagation();

        openTrustedLinkIn(
          event.currentTarget.getAttribute("value"),
          where,
          {
            allowThirdPartyFixup: false,
            postData: null,
            referrerInfo: null,
            triggeringPrincipal:
              Services.scriptSecurityManager.createNullPrincipal({})
          }
        );

      });

      upperPopup.appendChild(menuitem);
    }

    upperMenu.disabled = uriArray.length == 0;
  }


  // Generate parent URLs
  function getUpURIs() {

    var uriArray = [];
    var uri = gBrowser.currentURI;

    var host;

    try {
      host = uri.host;
    } catch(e) {
      return uriArray;
    }

    if (!host)
      return uriArray;

    if (
      uri.scheme == "data" ||
      uri.scheme == "javascript" ||
      uri.scheme == "chrome" ||
      uri.scheme == "about"
    ) {
      return uriArray;
    }

    // Remove query and fragment
    var uriPath = uri.pathQueryRef.replace(/[?#].*$/, "");

    if (uriPath == "/")
      return uriArray;

    uriPath = uriPath.replace(/\/$/, "");

    var pathArray = uriPath.split("/");
    var path = pathArray.pop();

    var isTaskcluster =
      host == "tools.taskcluster.net" ||
      host == "firefox-ci-tc.services.mozilla.com";

    // Special handling for Taskcluster URLs
    if (isTaskcluster) {

      var pathArray2 = path.split(".");
      pathArray2.pop();

      while (pathArray2.length) {

        uriArray.push(
          uri.prePath +
          pathArray.join("/") +
          "/" +
          pathArray2.join(".")
        );

        pathArray2.pop();
      }
    }

    // Generate parent directories
    while (pathArray.length) {

      uriArray.push(
        uri.prePath +
        pathArray.join("/") +
        "/"
      );

      path = pathArray.pop();

      // Special handling for Taskcluster URLs
      if (isTaskcluster) {

        var pathArray2 = path.split(".");
        pathArray2.pop();

        while (pathArray2.length) {

          uriArray.push(
            uri.prePath +
            pathArray.join("/") +
            "/" +
            pathArray2.join(".")
          );

          pathArray2.pop();
        }
      }
    }

    return uriArray;
  }

})();

Alles anzeigen

FuchsFan

Zitat von lenny2

Hm, Bei mir gibt es überhaupt keine Nummerierung der Themes. Mit einer sauberen userContent.css.

Sorry, der Link ergab ja den Code aus dem Original von Boersenfeger. Mein Code aus RE: Anzeige unter about:addons in Nightly verändert funktioniert nur ab Version 160. Für 158 muss aus dem Selektor moz-card entfernt oder deaktiviert werden.

FuchsFan

Zitat von lenny2

Wie kann ich die Nummernposition nur für Themes korrigieren?

Zur Nummerierung bei Themes!

Diese habe ich bewusst nur auf die inaktiven Themes angewendet, weil es ja nur ein aktives geben kann.

In dem Block musst du mit den margin-Werten probieren.

CSS

#main > addon-list > section.theme-disabled-section > addon-card > moz-card.addon.card > .addon-card-collapsed > .card-contents > .addon-name-container::before {
  color: #C72F2E;
  border-right: 2px solid #C72F2E;
  width: 2.2em;
  padding-right: 10px !important;
  padding-top: 5px !important;
  padding-bottom: 0px !important;
  margin-top: -15px;
  margin-left: -20px;
  margin-right: 20px;
  margin-bottom: -50px;
  min-height: 66px !important;
}

Alles anzeigen

Sieht dann in Version 158.0.1 dann so aus:

FuchsFan

Zitat von Boersenfeger

Kannst du FuchsFan mir noch die von dir verwendeten Icons freundlicherweise zur Verfügung stellen?

Bitte!

icons.zip

FuchsFan

Zitat von Boersenfeger

Der Hintergrund für deaktivierte Erweiterungen stimmt, kann man es trotzdem ausblenden da ich keine deaktivierten Erweiterungen habe?

In deinem Code (den du schon geändert hast) gibt es diesen Block.

CSS

/* unter Deaktiviert bei Plugin, Sprachen u. Wörterbücher keine Border */
#main addon-list section.mlmodel-disabled-section,  /* KI-Modelle */
addon-list[type="extension"] section[section="1"],
addon-list[type="locale"] section[section="1"],
addon-list[type="plugin"] section[section="1"],
addon-list[type="dictionary"] section[section="1"] {
   background-color: transparent !important;	
   box-shadow: none !important;
   border-radius: 0 !important;
   border: transparent !important;
}

Alles anzeigen

Das muss hinzugefügt werden: addon-list[type="extension"] section[section="1"],

FuchsFan

Boersenfeger

Diese Linie ist keine Linie, sondern der graue Hintergrund für Section 1, d.h. für deaktivierte Erweiterungen, und diese gibt es bei dir nicht. Teste es.

Und wieso hast du das nicht gemacht, dann wären mit der Breite keine Probleme mehr. RE: Anzeige unter about:addons in Nightly verändert

FuchsFan

Zitat von 2002Andreas

Oder mal eine KI befragen

Oder noch einfacher, ab Zeile 248 das einsetzen:

CSS

#content addon-page-header#page-header div.sticky-container {
	background-color: transparent !important;
}

FuchsFan

Zitat von 2002Andreas

Hier müsste die Breite geändert werden:

Hallo Andreas, das kann bei ihm durchaus sein, dann muss er mit beiden Werten arbeiten.

FuchsFan

Boersenfeger

Das mit dem Radius sollst du haben, war aber so nicht vorgesehen. Die Breite des "body" versteckt sich für dich dahinter: div#content div#main, in Zeile 618 den Wert wunschgemäß anpassen. Zeile 619 bestimmt den Abstand von der Sidebar. Die horizontale Scrollbar (unten) ist hier nicht vorhanden, auch wenn ich den Wert in Zeile 618 auf 1600px erhöhe. Deshalb verringere testweise den Wert und prüfe so, ob die Scrollbar dann verschwindet. Oder hast du im Code schon Änderungen gemacht, die zum Erscheinen dieser führen?

CSS

/* Profil: ab Firefox 160 */

@-moz-document url-prefix(chrome://mozapps/content/extensions/extensions.xhtml),
url-prefix(about:addons),
url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
url-prefix(chrome://mozapps/content/extensions/aboutaddons.xhtml)
{

body {
   counter-reset: section !important;
}

/* ab Version 155 neu bei Themes / ausgeblendet */
moz-card#aboutaddons-themes-picker-card,
moz-segmented-control {
	display: none !important;
}

/*===== fortlaufende Nummerierung aller Add-ons =====*/

/* Zähler aktive Add-ons / Theme-Abschnitt ausgeschlossen */
#main > addon-list > section[section="0"]:not(.theme-enabled-section) {
  counter-reset: section;
}

/* Nummerierung aktive Add-ons */
#main > addon-list > section[section="0"]:not(.theme-enabled-section) > addon-card > .addon.card > div::before {
  display: inline-block;
  width: 2.2em;
  box-sizing: content-box;
  text-align: right;
  font-weight: 700;
  text-decoration: underline;
  counter-increment: section;
  content: counter(section, decimal-leading-zero) ".";
  color: #217B22;
  border-right: 2px solid #217B22;
  padding-right: 10px !important;
  padding-top: 15px !important;
  margin-top: -22px;
  margin-left: -15px;
  margin-bottom: -22px;
}

/* Zähler inaktive Add-ons / Theme-Abschnitt ausgeschlossen */
#main > addon-list > section[section="1"]:not(.theme-disabled-section) {
  counter-reset: section;
}

/* Nummerierung inaktive Add-ons */
#main > addon-list > section[section="1"]:not(.theme-disabled-section) > addon-card > .addon.card > div::before {
  display: inline-block;
  width: 2.2em;
  box-sizing: content-box;
  text-align: right;
  font-weight: 700;
  text-decoration: underline;
  counter-increment: section;
  content: counter(section, decimal-leading-zero) ".";
  color: #F70000;
  border-right: 2px solid #F70000;
  padding-right: 10px !important;
  padding-top: 15px !important;
  margin-top: -22px;
  margin-left: -15px;
  margin-bottom: -22px;
}

/* Farbe der Zähler bei Hover */
#main > addon-list > section[section="0"]:not(.theme-disabled-section) > addon-card > .addon.card > div:hover::before,
#main > addon-list > section[section="1"]:not(.theme-disabled-section) > addon-card > .addon.card > div:hover::before {
  color: #8c372e;	
}  

/* Nummerierung für Themes separat zurücksetzen */
#main > addon-list > section.theme-disabled-section {
  counter-reset: theme;
}

/* inaktive Themes nummerieren */
#main > addon-list > section.theme-disabled-section > addon-card > moz-card.addon.card > .addon-card-collapsed > .card-contents > .addon-name-container::before {
  display: inline-block;
  width: 2.2em;
  box-sizing: content-box;
  text-align: right;
  font-weight: 700;
  text-decoration: underline;
  counter-increment: theme;
  content: counter(theme, decimal-leading-zero) ".";
}
#main > addon-list > section.theme-disabled-section > addon-card > moz-card.addon.card > .addon-card-collapsed > .card-contents > .addon-name-container::before {
  color: #C72F2E;
  border-right: 2px solid #C72F2E;
  width: 2.2em;
  padding-right: 10px !important;
  padding-top: 5px !important;
  padding-bottom: 0px !important;
  margin-top: -15px;
  margin-left: -20px;
  margin-right: 20px;
  margin-bottom: -50px;
  min-height: 66px !important;
}
#main > addon-list > section.theme-disabled-section > addon-card > moz-card.addon.card:hover > .addon-card-collapsed > .card-contents > .addon-name-container::before {
  color: #7b2b48;
  border-right: 2px solid green;
}

/* Icon nach rechts verlagert */
addon-card moz-card.card.addon div.addon-card-collapsed img.card-heading-icon.addon-icon {
	margin-left: 15px !important;
}	

/** Nummerierung ENDE **/

/* Add-ons-Manager linke Seite (Sidebar) Hintergrund */
#sidebar {
   /* background:  url("file:///C:/FoxBilder/42.png") no-repeat -150px 0px !important; */
   background: linear-gradient(to bottom right, white,#acacac,#f2f3f4,#acacac, #f2f3f4,#acacac) !important; 
   border-right: 2px solid grey !important;
}

/* Add-ons-Manager rechte Seite Hintergrund */
#full #content {
   background: #bfc1c2 !important;
   /* background: url("file:///C:/FoxBilder/255.jpg") no-repeat!important; */
   background-position: -5px -5px !important;
   background-attachment: fixed !important;
}

/*====== alle Button links in der Sidebar =======*/

/* Rubrik "Empfehlungen" ausgeblendet */
#sidebar categories-box moz-page-nav moz-page-nav-button#category-discover {
	display: none !important;
}

/* die Button "Einstellungen" u. "Addon-Hilfe" ausgeblendet */
#preferencesButton,
[data-l10n-id="sidebar-help-button-title"] {
	display: none !important;
}
	

/* oben das Logo mit Text */
div.page-nav-heading-wrapper {
	/* background: #fae7b5 !important;
    color: black !important;
    border: 2px solid white !important;
	border-radius: 10px !important;
	box-shadow: inset 0 0 3px 3px #888 !important;
	padding: 6px 0 10px 0px !important; */
	display: none !important;
}
.page-nav-heading-wrapper {
    margin-block-start: 30px !important;
    margin-inline-start: -28px !important;
}

/* Logo und Erweiterungen nach unten verlagert */
div.page-nav-heading-wrapper div.logo,
h1#page-nav-heading.page-nav-heading {
	margin-top: 0px !important;
	margin-left: 20px !important;
}	

/* die Buttongruppe nach unten verlagert */
nav div.primary-nav-group {
	margin-top: 100px !important;
}

/* Buttongruppe nach links */
nav	{
	margin-left: -12px !important;
}	

/* =========================================================
   Firefox 153+ about:addons Sidebar Buttons
   Neue moz-page-nav Struktur
   ========================================================= */

/* =========================================
   Sidebar Buttons (alle)
========================================= */
moz-page-nav-button {
    background: #f2f1ed !important;
    color: black !important;
    border: 2px solid white !important;
	border-radius: 60px !important;
	box-shadow: inset 0 0 3px 3px #888 !important;
	width: 220px !important;
}

/* =========================================
   Hover (nur bei inaktiv sichtbar)
========================================= */
moz-page-nav-button:hover { 
    background: #a2cffe !important;
    color: brown !important;
    box-shadow: inset 0 0 3px 3px #888 !important;
}

/* aktiver Button */
button[selected] {
    color: white !important;
    background-color: #1b9e14 !important;
	box-shadow: inset 0 0 3px 3px coral !important;
	border-radius: 60px !important;
}

button[selected]:hover {
    color: white !important;
    background-color: #8A2BE2 !important;
}

/* links der blaue strich bei aktiv ausgeblendet */
button[selected] {
	--page-nav-button-indicator-color: none !important;
}

button:not([selected]) {
	background-color: transparent !important;
}

/* die Button unten (Einstellungen und Hilfe) */ 
a.moz-page-nav-link{
	background-color: transparent !important;
}	

 
/*************** ENDE ****************************/

/* die Namen der Sektionen oben links */
h1.header-name {
	font-size: 20px !important;
}	

/* Text unter den Namen aller Addons Farbe ändern (Hover) */
addon-card .addon-name .addon-name-link,
addon-card .addon-description {
   color: #542e2b !important;
}
addon-card:hover .addon-name .addon-name-link,
addon-card:hover .addon-description {
   color: blue !important;
}

/* rechte Seite das obere Feld */
#content addon-page-header#page-header div.sticky-container {
    background: linear-gradient(to bottom right, white,#acacac,#f2f3f4,#acacac, #f2f3f4,#acacac) !important;
	min-width: 1600px !important;
    max-width: 1600px !important;
	height: 50px !important;
	padding-top: 10px !important;
	padding-left: 22px !important;
	margin-left: 0px !important;
	border-bottom: 1px solid grey !important;
}

/*====== Feld "Themes verwalten" (und andere) mit Update-Message ======*/

#page-header div.sticky-container div.main-heading {
	appearance: none !important;
	/* min-width: 660px !important;
    max-width: 660px !important;
	height: 32px !important; */
	background-color: transparent !important;
	/* border: 1px solid grey !important; */
    /* margin-top: 4px !important;
	padding: 5px 5px 5px 10px !important; */
}
#page-header div.sticky-container div.main-heading h1.header-name {
	/* color: #87421F !important; */
	display: none !important;
}	
/* das Update-Feld darin */
#page-header div.sticky-container div.main-heading addon-updates-message#updates-message {
    /* border: 1px solid grey !important;
	padding: 0px 10px 0px 10px !important;
	margin-right: 6px !important; */
	display: none !important;
}
#page-header div.sticky-container div.main-heading addon-updates-message#updates-message:hover {
    border: 1px solid grey !important;
	padding: 0px 10px 0px 10px !important;
	margin-right: 6px !important;
	background: #FDF4E3 !important;
}
/* die Meldungen bei Update-Suche */
#updates-message[state="updating"],
#updates-message[state="none-found"],
#updates-message[state="installed"] {
   min-width: 255px !important;
   max-width: 255px !important;
   margin-inline-end: 1px !important;
   background: #f1eaee !important;
   color: blue !important;
   font-weight: 600 !important;
}

/* Farbe des Textes in der update-message */
addon-updates-message {
    --button-text-color: #a6001a !important;
}

/* Breite des Buttons "Verfügbare Updates anzeigen" */
#updates-message[state="manual-updates-found"] {
   min-width: 265px !important;
   max-width: 265px !important;
   margin-inline-end: 1px !important;
   background: #f1eaee !important;
}

/* Text "Verfügbare Updates anzeigen" verlagert */
button#main-button span.button-background.labelled {
	margin-top: -4px !important;
}
/* bei hover */
#updates-message[state="manual-updates-found"] {     
    --button-text-color-hover: #299617 !important;
}

addon-page-header#page-header[current-view="detail"]  #updates-message[state="updating"],
addon-page-header#page-header[current-view="detail"]  #updates-message[state="none-found"],
addon-page-header#page-header[current-view="detail"]  #updates-message[state="manual-updates-found"],
addon-page-header#page-header[current-view="detail"]  #updates-message[state="installed"] {
    margin-left: 154px  !important;
}
#updates-message[state="none-found"][data-l10n-id="addon-updates-none-found"] {
    color: #409DD9 !important;
}

[data-l10n-id="addon-updates-updating"],
[data-l10n-id="addon-updates-none-found"],
[data-l10n-id="addon-updates-installed"] {
    padding: 0 !important;
    margin: 0 auto !important;
}
[data-l10n-id="addon-updates-manual-updates-found"] {
    width: calc(100% + 10px) !important;
    min-height: 26px !important;
    max-height: 26px !important;
    padding: 0 !important;
    margin: 0 !important;
}
	
/** ENDE **/	

/*===== Button mit dem Zahnrad ======*/
#page-header div.sticky-container div.main-heading div.page-options-menu {
	background-color: #f1eaee !important;
    min-width: 32px !important;
    max-width: 32px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    border-radius: 0 !important;
    border: 1px solid grey !important;
    margin-left: 260px !important;
	margin-top: 3px !important;
    padding-bottom: 2px !important;
}
#page-header div.sticky-container div.main-heading div.page-options-menu:hover {
   border: 1px solid brown !important;
   background-color: lightyellow !important;
}

/* Popup hinter dem Zahnrad */
div#content addon-page-options#page-options panel-list{
   border: 1px solid dodgerblue !important;
   border-width:  4px !important;
   border-style: double !important;
   border-radius:  0px !important;
   background: none !important;
   background-color: white !important;
   padding: 4px 4px 6px 4px !important;  
   margin-top: 10px !important;   
}

/* Popup hinter dem Zahnrad / Item */
#page-options > panel-list > panel-item {
   --button-background-color-hover: none !important;
   --button-background-color: none !important;
   --button-background-color-active: none !important;
   opacity: 1.0 !important;
   height: 26px !important; 
   box-shadow: none !important;
   border: 1px solid #B2B2B2 !important;
   border-width:  5px !important;
   border-style: double !important;
   background: none !important;
   background-color: lightgrey !important;
   margin: 2px 2px 0 2px !important;
}

#page-options > panel-list > panel-item[action="check-for-updates"] {
   background-color: #800 !important;
   color: #FFF !important;
}
#page-options > panel-list > panel-item[action="set-update-automatically"] {
   background-color: #217B22 !important;
   color: #FFF !important;
}
#page-options > panel-list > panel-item:hover,
#page-options > panel-list > panel-item[action="check-for-updates"]:hover,
#page-options > panel-list > panel-item[action="set-update-automatically"]:hover {
   background-color: lightyellow !important;
   fill: #000 !important;
}
button[role="menuitem"]:hover > label,
button[role="menuitem"]:hover > label > span {
   color: #000 !important;
}
panel-list[role="menu"][style="left: 722px; top: 72px;"] {
   z-index: 10000 !important;
   border-radius: 0 !important;
   border: 1px solid #B2B2B2 !important;
   padding: 0 0 2px 0 !important;
   margin: -1px auto 1px auto !important;
}
addon-page-options#page-options {
   border: 0 !important;
   padding: 0 !important;
}

/* ab Version 110 gültig / für Separatoren */
#page-options panel-list hr {
	background: #B2B2B2 !important;
    margin: 4px 0 4px 0 !important;
}

/*============ Icons für Popup-Menü vom Zahnradbutton =============*/
/* in userChromeShadow.css wird Haken bei "Add-ons automatisch aktualisieren" ausgeblendet */

/* Auf Updates überprüfen */
#page-options > panel-list > panel-item[action="check-for-updates"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild5.png");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/* Kürzlich durchgeführte Updates anzeigen */
#page-options panel-list panel-item[action="view-recent-updates"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild61.png");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/* Add-on aus Datei installieren */
#page-options panel-list panel-item[action="install-from-file"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild3.png");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/* Add-ons debuggen */
#page-options panel-list panel-item[action="debug-addons"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild66.ico");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/* Add-ons automatisch aktualisieren / aktiv */
#page-options > panel-list > panel-item[action="set-update-automatically"]::before{
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("..//icons/aktiv.png");
   background-size: 18px 18px !important;
   margin-left: 10px;
   margin-right: -16px;
   margin-bottom: 3px;
}

/* Add-ons automatisch aktualisieren / inaktiv */
#page-options > panel-list > panel-item[action="set-update-automatically"]:not([checked])::before {
   content: '';
   font-size: 14px;
   padding-top: 1px !important;
   padding-bottom: 2px !important;
   display: block;
   width: 16px;
   height: 16px;
   background: url("..//icons/inaktiv.png") no-repeat !important;
   background-position: 0 2px !important;
}

/* Add-ons umstellen auf manuelle Aktualisierung */
#page-options panel-list panel-item[action="reset-update-states"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild64.png");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/* Tastenkombinationen von Erweiterungen verwalten */
#page-options panel-list panel-item[action="manage-shortcuts"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild67.png");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/** ENDE **/

/*====== Zurück-Button (back-button) ======*/
addon-page-header[type="detail"] .main-heading .back-button {
	background-color: #f1eaee !important;
    min-width: 32px !important;
    max-width: 32px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    border-radius: 0 !important;
    fill: transparent !important;
    margin: 3px 0  0 -4px  !important;
    border: 1px solid grey !important;
    padding-bottom: 1px !important;
}
addon-page-header[type="detail"] .main-heading .back-button:hover {
    background-color: #f2ff7f !important;
    border: 1px solid brown !important;
}

/*==== Feld "Weitere Add-ons finden" ====*/
#page-header div.sticky-container div.main-search {
    /* appearance: none !important;
    background-color: lightgrey !important;
	height: 32px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    border: 1px solid grey !important;
    padding: 5px 5px 5px 0px !important;
    margin-top: 15px !important;
    margin-left: 770px !important; */
	display: none !important;
}
/* das Suchfeld */
div.content-wrapper input#input {
	background-color: #f4f6ec !important;
}
/* Text vor Suchfeld */	
#page-header div.sticky-container div.main-search label.search-label {
    color: #87421F !important;
	font-weight: 600 !important;
}

/* Button mit der Lupe bei Suche */
#page-header div.sticky-container div.main-search search-addons moz-button {
	background-color: #f1eaee !important;
	min-width: 30px !important;
    max-width: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
	border: 1px solid grey !important;
} 
#page-header div.sticky-container div.main-search search-addons moz-button:hover {
    background-color: #f2ff7f !important;
    border: 1px solid brown !important;
}

/* das Icon bei Zahnrad / Drei-Punkte-Button / Zurück / Suche */
button#main-button span.button-background img {
	fill: green !important;
}
button#main-button span.button-background:hover img {
	fill: red !important;
}		

/*============= Container rechte Seite =============*/

/* addon-card:not([expanded]) > .addon.card {
	height: 100px !important;
}	 */

html body div#full div#content div#main addon-list addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents {
	margin-top: -15px !important;
}	
	




addon-card:not([expanded]):not(.theme-enabled-section addon-card) > moz-card.addon.card {
    height: 80px !important;
	padding-bottom: 10px !important;
}

/* rechte Seite für alle Container */
div#content div#main {
	min-width: 1200px !important;
	margin-inline-start: 10px !important;
}

/* der graue Hintergrund aller Sektionen */
div#content div#main recommended-themes-section,
div#content div#main discovery-pane,
section[section="0"] {
   border: 2px solid #2F2F36 !important;
   background-color: grey !important;
   margin-top: 5px !important;
   padding: 6px 10px 6px 10px !important;
}

/* bei "Empfohlene Erweiterungen" und "Empfohlene Themes" */
div#content div#main recommended-extensions-section,
div#content div#main recommended-themes-section {
   border: 2px solid #2F2F36 !important;
   background-color: grey !important;
   margin-top: 5px !important;
   padding: 0px 10px 6px 10px !important;
}

section[section="1"] {
   border: 2px solid #2F2F36 !important;
   background-color: grey !important;
   margin-top: 15px !important;
   padding: 2px 10px 4px 10px !important;
}

/* unter Deaktiviert bei Plugin, Sprachen u. Wörterbücher keine Border */
#main addon-list section.mlmodel-disabled-section,  /* KI-Modelle */
addon-list[type="locale"] section[section="1"],
addon-list[type="plugin"] section[section="1"],
addon-list[type="dictionary"] section[section="1"] {
   background-color: transparent !important;	
   box-shadow: none !important;
   border-radius: 0 !important;
   border: transparent !important;
}

/* Anpassung der Container */
div#content div#main recommended-themes-section recommended-addon-list recommended-addon-card div.card.addon,
div#content div#main recommended-extensions-section recommended-addon-list recommended-addon-card div.card.addon,
recommended-addon-card > moz-card.card.addon,
div#content div#main addon-list addon-card .card {
	background-color: #e9e9ed !important;
	border: 1px solid grey !important;
	border-width:  6px !important;
    border-style: double !important;
	border-radius: 15px !important;
	margin-bottom: 5px !important;
	padding: 5px !important;
}

/* Container bei Hover */
div#content div#main recommended-themes-section recommended-addon-list recommended-addon-card div.card.addon:hover,
div#content div#main recommended-extensions-section recommended-addon-list recommended-addon-card div.card.addon:hover,
recommended-addon-card > moz-card.card.addon:hover,
div#content div#main addon-list addon-card .card:hover {
    background-color: #ebe8a4 !important;
    border: 1px solid green !important;
	border-width:  6px !important;
    border-style: double !important;
	border-radius: 15px !important;
	box-shadow: 0 0 3px 3px #cb00f5 !important;
}

/* bei Überschrift "Aktiviert" der Hintergrund */
section[section="0"] h2.list-section-heading {
    background-color: #64BF15 !important;
    border: 1px solid #403d21 !important;
    padding: 5px 0 5px 15px !important;
    margin: 5px 0 1px 0 !important;
}

/* bei Überschrift "Gespeicherte Themes" und "Deaktiviert" der Hintergrund */
section[section="1"] h2.list-section-heading {
    background-color: #A6E7FF !important;
	border: 1px solid #403d21 !important;
    padding: 5px 0 5px 15px !important;
    margin: 8px 0 1px 0 !important;
}

/* bei Überschrift "Empfohlene Erweiterungen" und "Empfohlene Themes" der Hintergrund */
div#main recommended-themes-section h2.header-name.recommended-heading,
div#main recommended-extensions-section h2.header-name.recommended-heading {
    background-color: #50BFE6 !important;
    border: 1px solid #403d21 !important;
    padding: 5px 0 5px 15px !important;
    margin: 15px 0 1px 0 !important;
}

/* das Bild bei Themes mit Border */
/* addon-card moz-card.card.addon theme-preview img.card-heading-image {
	border: 1px solid #403d21 !important;
	border-radius: 6px !important;
	min-width: 880px !important;
    max-width: 880px !important;
	margin-bottom: 5px !important;
} */

/*  Bei "Themes" die Grafiken ausblenden */
		.card-heading-image {
			display: none !important;
		}


/* Border über dem Namen bei Themes */
div#main addon-list section.theme-disabled-section addon-card div.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container,
div#main addon-list section.theme-enabled-section addon-card div.card.addon div.addon-card-collapsed div.card-contents{
    padding-top: 8px !important; 
}
addon-list[type="theme"] section[section="0"] addon-card .card .card-contents, 
addon-list[type="theme"] section[section="1"] addon-card .card .card-contents {
    border-top: 2px solid green !important;
    margin-top: -10px !important; 
    margin-left: -20px !important;
    margin-right: -20px !important;
    padding-left: 20px !important;
    padding-right: 10px !important;
}
addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container {
	margin-top: 5px !important;
}	

/* Name und Versions-Nr. der Add-ons wird angezeigt */
div:not([current-view="updates"]) .addon-name-link[title]::after, div:not([current-view="updates"]) .addon-name[title]::after {
   display: block !important;
   content: attr(title) !important;
   margin-top: -22px !important; /* ganz wichtig */
   color: #6F2DA8 !important;
}

/* Beschreibungstext unter dem Namen rechts Ausdehnung begrenzt */
addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents span.addon-description {	
    max-width: 950px !important;
    margin-left: 20px !important;
}

/* bei Empfehlungen oben das Textfeld / und der Link darin */
div#main discovery-pane header p {
	background-color: #B4B8B0 !important;
	border: 1px solid gainsboro !important;
	border-width:  6px !important;
    border-style: double !important;
	border-radius: 0 !important;
	padding: 10px 0 10px 15px !important;
}
div#main discovery-pane header p span a.discopane-intro-learn-more-link {
    color: white !important;
    font-weight: 600 !important;
}
div#main discovery-pane header p span a.discopane-intro-learn-more-link:hover {
    color: magenta !important;
    font-weight: 600 !important;
}

/* bei Empfehlungen und Erweiterungen unten der Button "Datenschutzrichtlinie" */
#main discovery-pane footer.view-footer div.view-footer-item {
	margin-top: 0px !important;
	padding: 20px 0px 25px 0px !important;
}
#main recommended-extensions-section footer.view-footer div.view-footer-item {
	margin-top: 0px !important;
	padding: 20px 0px 15px 0px !important;
}
#main recommended-extensions-section footer.view-footer div.view-footer-item a.privacy-policy-link,
#main discovery-pane footer.view-footer div.view-footer-item a.privacy-policy-link{
    background: #F0F0F0 url("..//icons/Bild1.png") no-repeat !important;
    background-position: 6px 6px !important;	
    border: 1px solid grey !important;
    border-width:  3px !important;
    border-style: double !important;
    padding: 4px 15px 6px 40px !important;
}
#main recommended-extensions-section footer.view-footer div.view-footer-item a.privacy-policy-link:hover,  
#main discovery-pane footer.view-footer div.view-footer-item a.privacy-policy-link:hover{
    background: lightblue url("..//icons/Bild1.png") no-repeat !important;
    color: crimson !important;
    background-position: 6px 6px !important;
    border: 1px solid coral !important;
    border-width:  3px !important;
    border-style: double !important;
    padding: 4px 15px 6px 40px !important;
}

/* Bei Empfehlungen die Button "Theme installieren" und "Zu Firefox hinzufügen" */
#main discovery-pane recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button {
	background-color: #f5f5dc !important;
}	
#main discovery-pane recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button:hover {
	background-color: #89cff0 !important;
}

/* Bei Erweiterungen die Button "Zu Firefox hinzufügen" */
#main recommended-extensions-section recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button {
	background-color: #f5f5dc !important;
}	
#main recommended-extensions-section recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button:hover {
	background-color: #89cff0 !important;
}

/* Bei Themes die Button "Theme installieren" */
#main recommended-themes-section recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button {
	background-color: #f5f5dc !important;
}	
#main recommended-themes-section recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button:hover {
	background-color: #89cff0 !important;
}

/* bei Empfehlungen, Themes und Erweiterungen ganz unten der letzte Container */
moz-card:has(.promo-layout) {
    background-color: #e8e8e8 !important;
    border: 5px double grey !important;
}

/* bei Empfehlungen unten links der Button mit dem Link */
moz-button[data-l10n-id="find-more-addons-promo-open-amo-button"] {
    background-color: gainsboro !important;
	border: 1px solid grey !important;
	border-radius: 25px !important;
	padding: 2px 15px 0px 15px !important;
}
moz-button[data-l10n-id="find-more-addons-promo-open-amo-button"]:hover {
	background-color: #fad6a5 !important;
	border: 1px solid grey !important;
}	

/* bei Erweiterungen unten links der Button mit dem Link */
moz-button[data-l10n-id="find-more-extensions-promo-open-amo-button"] {
    background-color: gainsboro !important;
	border: 1px solid grey !important;
	border-radius: 25px !important;
	padding: 2px 15px 0px 15px !important;
}
moz-button[data-l10n-id="find-more-extensions-promo-open-amo-button"]:hover {
	background-color: #fad6a5 !important;
	border: 1px solid grey !important;
}

/* bei Themes unten links der Button mit dem Link */
moz-button[data-l10n-id="find-more-themes-promo-open-amo-button"] {
    background-color: gainsboro !important;
	border: 1px solid grey !important;
	border-radius: 25px !important;
	padding: 2px 15px 0px 15px !important;
}
moz-button[data-l10n-id="find-more-themes-promo-open-amo-button"]:hover {
	background-color: #fad6a5 !important;
	border: 1px solid grey !important;
}		

/*===== Button Aktivieren und Deaktivieren bei Themes =====*/

/* ersten überlagernden Button Aktivieren und Deaktivieren ausgeblendet (bei Themes) */
button#main-button span.button-background {
    border-radius: 0 !important;
	border: unset !important;
	background: unset !important;
}

/* Button Deaktivieren bei Themes */
[data-l10n-id="disable-addon-button"] {
   max-width: 100px !important;	
   min-width: 100px !important;
   background-color: #48A43F !important;
   --button-text-color: #000 !important;
   --button-border: transparent !important;
   border: 1px solid grey !important;
   margin-bottom: -2px !important;
   margin-right: -4px !important;
}
[data-l10n-id="disable-addon-button"]:hover {
   background-color: #FA842B !important;
   border: 1px solid brown !important;
}

/* Button Aktivieren bei Themes */
[data-l10n-id="enable-addon-button"] {
   background-color: #FA842B !important;
   --button-text-color: #000 !important;
   --button-border: transparent !important;
   border: 1px solid grey !important;
   margin-bottom: -2px !important;
   margin-right: -4px !important;
}
[data-l10n-id="enable-addon-button"]:hover {
   background-color: #d4fe62 !important;
   border: 1px solid brown !important;
} 

/** ENDE **/

/* bei Geräteinterne KI der Text oben */
[data-l10n-id="mlmodel-description"] {
	background-color: #E9E5CE !important;
	border: 1px solid grey !important;
	border-width:  6px !important;
    border-style: double !important;
	border-radius: 0 !important;
	padding: 6px 5px 6px 15px !important;
	color: #594d45 !important;
} 

/* die Felder mit der MB-Angabe */
span.mlmodel-total-size-bubble {
	background-color: #d1d2bf !important;
	border: 1px solid grey !important;
}
span.mlmodel-total-size-bubble:hover {
	background-color: #f3e7d4 !important;
	border: 1px solid grey !important;
}		

/*===== Toggle-Button bei Erweiterungen =====*/

/* aktivierte Erw. Button HG */
#input.toggle-button[aria-pressed="true"] {
	background-color: green !important;	
    margin: 2px 3px 0 0 !important;
	border: 1px solid #000 !important;
}

/* aktivierte Erw. Button HG bei Hover */
#input.toggle-button[aria-pressed="true"]:enabled:hover {
    background-color: red !important;
    border: 1px solid #000 !important;
}

/* deaktivierte Erw. Button HG */ 
#input.toggle-button[aria-pressed="false"] {
    background-color: transparent !important;
	margin: 1px 3px 0 0 !important;
}

/* deaktivierte Erw. Button bei Hover HG */
#input.toggle-button:enabled:hover {
    background-color: lightgreen !important;
}

/** ENDE **/

/*==== More-Options-Button (Drei-Punkte-Button) ====*/

addon-card .more-options-button {
   	background-color: #CCF2FF !important;
	border: 1px solid grey !important;
	min-height: 24px !important;
	max-height: 24px !important;
	min-width: 24px !important;
	max-width: 24px !important;
	margin-inline-end: 3px !important;
	margin-top: 1px !important;
} 
addon-card .more-options-button:hover,
addon-card .more-options-button:focus-visible {
    outline: none !important;
    border: 1px solid brown !important;
    background-color: greenyellow !important;
}

/*== Popup des Drei-Punkte-Button ==*/

/* Anpassungen des Popup-Menüs */
addon-options > panel-list[role="menu"],
plugin-options > panel-list[role="menu"] {
   border-radius: 0 !important;
   border: 1px solid dodgerblue !important;
   border-width:  4px !important;
   border-style: double !important;
   background-color: #eeffee !important;
   margin-top: -1px !important;
   padding: 4px 4px 6px 4px !important;
}

/* Anpassungen der Items (Button) */
addon-options > panel-list > panel-item,
plugin-options > panel-list > panel-item {
   --in-content-button-background: none !important;
   --in-content-button-background-hover: none !important;
   --in-content-button-background-active: none !important;
   opacity: 1.0 !important;
   height: 26px !important;
   box-shadow: none !important;
   border: 1px solid grey !important;
   background-color: #b2beb5 !important;
   margin: 2px 2px 0 2px !important;
}
/* einige Items mit anderer Farbe als HG */
addon-options > panel-list > panel-item[action="remove"] {
   background-color: #800 !important;
   color: #FFF !important;
}
addon-options > panel-list > panel-item[action="expand"],
plugin-options > panel-list > panel-item[action="manage-addon-button"] {
   background-color: #804628 !important;
   color: #FFF !important;
}
addon-options > panel-list > panel-item[action="preferences"] {
   background-color: #217B22 !important;
   color: #FFF !important;
}
addon-options > panel-list > panel-item:hover,
addon-options > panel-list > panel-item[action="preferences"]:hover,
addon-options > panel-list > panel-item[action="remove"]:hover,
addon-options > panel-list > panel-item[action="expand"]:hover,
plugin-options > panel-list > panel-item:hover,
plugin-options > panel-list > panel-item[action="manage-addon-button"]:hover {
   fill: #000 !important;
   background-color: #f0ffff !important;
   color: #000 !important;
}

/* ab Version 110 die Separatoren (Menü hinter den drei Punkten) */
div#main addon-list section.plugin-enabled-section addon-card div.card.addon plugin-options panel-list hr,
addon-options panel-list hr,
plugin-options panel-list hr {
   background: grey !important;
   margin: 2px 0 2px 0 !important;
}

/*============ Icons für Popup-Menü vom Drei-Punkte-Button =============*/
/* in userChromeShadow.css werden die originalen Icons ausgeblendet */

/* Entfernen */
addon-options > panel-list > panel-item[action="remove"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("file:///C:/FoxIcons/0035.gif") no-repeat !important;
   background-position: 5px 0px !important;
   background-size: 16px 16px !important;
   padding-left: 10px !important;
   padding-right: 10px !important;
   margin-left: 6px;
   margin-right: -32px;
}

/* Einstellungen */
addon-options > panel-list > panel-item[action="preferences"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("file:///C:/FoxIcons/0036.png") no-repeat !important;
   background-position: 5px 0px !important;
   background-size: 16px 16px !important;
   padding-left: 10px !important;
   padding-right: 10px !important;
   margin-left: 6px;
   margin-right: -32px;
}

/* Melden */
addon-options > panel-list > panel-item[action="report"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("file:///C:/FoxIcons/0037.png") no-repeat !important;
   background-position: 5px 0px !important;
   background-size: 16px 16px !important;
   padding-left: 10px !important;
   padding-right: 10px !important;
   margin-left: 6px;
   margin-right: -32px;
}

/* Verwalten */
addon-options > panel-list > panel-item[action="expand"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("file:///C:/FoxIcons/0038.png") no-repeat !important;
   background-position: 5px 0px !important;
   background-size: 16px 16px !important;
   padding-left: 10px !important;
   padding-right: 10px !important;
   margin-left: 6px;
   margin-right: -32px;
}

/* Aktualisieren */
addon-options > panel-list > panel-item[action="install-update"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("file:///C:/FoxIcons/0130.png") no-repeat !important;
   background-position: 5px 0px !important;
   background-size: 16px 16px !important;
   padding-left: 10px !important;
   padding-right: 10px !important;
   margin-left: 6px;
   margin-right: -32px;
}

addon-options > panel-list > panel-item[action="install-update"]{
	 background-image: none !important;
}	

/*=== bei Plugins ===*/

/* Immer aktivieren */
plugin-options > panel-list > panel-item[action="always-activate"]::before {
   margin-right: -21px !important; 
   margin-left: 5px !important;
   content: '' !important;
   display: block !important;
   width: 19px !important;
   height: 15px !important;
   background: url("..//icons/aktiv.png") no-repeat !important;
   background-position: 2px 0px !important;
   background-size: 17px 17px !important;
}

plugin-options > panel-list > panel-item[action="always-activate"]:not([checked])::before {
   margin-right: -21px !important; 
   margin-left: 5px !important;
   content: '' !important;
   display: block !important;
   width: 19px !important;
   height: 15px !important;
   background: url("..//icons/inaktiv.png") no-repeat !important;
   background-position: 2px 0px !important;
   background-size: 16px 16px !important;
}

/* Nie aktivieren */
plugin-options > panel-list > panel-item[action="never-activate"]::before {
   margin-right: -21px !important; 
   margin-left: 5px !important;
   content: '' !important;
   display: block !important;
   width: 19px !important;
   height: 15px !important;
   background: url("..//icons/aktiv.png") no-repeat !important;
   background-position: 2px 0px !important;
   background-size: 17px 17px !important;
}

plugin-options > panel-list > panel-item[action="never-activate"]:not([checked])::before {
   margin-right: -21px !important; 
   margin-left: 5px !important;
   content: '' !important;
   display: block !important;
   width: 19px !important;
   height: 15px !important;
   background: url("..//icons/inaktiv.png") no-repeat !important;
   background-position: 2px 0px !important;
   background-size: 16px 16px !important;
}

/* Verwalten */
plugin-options > panel-list > panel-item[action="expand"]::before {
   margin-right: -21px !important; 
   margin-left: 6px !important;
   content: '' !important;
   display: block !important;
   width: 19px !important;
   height: 15px !important;
   background: url("file:///C:/FoxIcons/0038.png") no-repeat !important;
   background-position: 2px 0px !important;
   background-size: 16px 16px !important;
}

/** ENDE **/

/*===== unter Verwalten die Popup-Fenster =====*/

/* Popup unter Verwalten */
div[current-view="detail"] .card {
   background-color: lightgrey !important;
   border-radius: 8px !important;
   border: 1px solid grey !important;
   border-width:  6px !important;
   border-style: double !important;
   margin-bottom: 0 !important;
   padding-top: 10px !important;
}
div[current-view="detail"] .card:hover {
   background-color: #f8f8ff !important;
}	

/* Button unter Verwalten bei Erweiterungen */
button-group.tab-group > button {
   border: 1px solid #B2B2B2 !important;
   background-color: #0060DF !important;
   color: #FFF !important;
   margin: 3px 3px 3px 0px !important;
}

/* der aktive Button */
button-group.tab-group > button[selected=""] {
   border-top: 1px solid #B2B2B2 !important;
   background-color: #217B22 !important;
   color: #FFF !important;
   box-shadow: none !important;
}
button-group.tab-group > button:hover,
button-group.tab-group > button[selected=""]:hover {
   border-top: 1px solid #B2B2B2 !important;
   background-color: #D1E2F2 !important;
   color: #000 !important;
   margin: 3px 3px 3px 0px !important;
}

/* Button "Details" */
button#details-deck-button-details {
   padding: 3px 8px 4px 8px !important;
   max-width: 120px !important;
   min-width: 120px !important;
   border-radius: 0 !important;
}

/* Button "Einstellungen" */
button#details-deck-button-preferences {
   padding: 3px 8px 4px 8px !important;
   max-width: 140px !important;
   min-width: 140px !important;
   border-radius: 0 !important;
}

/* Button "Berechtigungen und Daten" */
button#details-deck-button-permissions {
   padding: 3px 8px 4px 8px !important;
   max-width: 200px !important;
   min-width: 200px !important;
   border-radius: 0 !important;
}

/* Button "Versionshinweise" */
button#details-deck-button-release-notes {
   padding: 3px 8px 4px 8px !important;
   max-width: 150px !important;
   min-width: 150px !important;
   border-radius: 0 !important;
}

/* Button "Unterstützen" */
#details-deck section div.addon-detail-contribute button.addon-detail-contribute-button {
    background-color: lightblue !important;
}
/* bei Hover */
#details-deck section div.addon-detail-contribute button.addon-detail-contribute-button:hover {
    background-color: #CB8D73 !important;
}

/* Links bei Hover andere Farbe (magenta) */
#details-deck section div.addon-detail-row.addon-detail-row-homepage a:hover,
#details-deck section div.addon-detail-row.addon-detail-row-updates div.addon-detail-actions button.button-link:hover,
#details-deck section div.addon-detail-row.addon-detail-help-row a:hover {
	color: magenta !important;
}

/* bei Themes das Image */
div#main addon-card moz-card.card.addon theme-preview img.card-heading-image {
	margin-left: 5px !important;
}	
/** ENDE **/
}

Alles anzeigen

FuchsFan

Zitat von Boersenfeger

Aber nur wenn du Spaß und Zeit hast

Boersenfeger

CSS

/* Profil: ab Firefox 160 */

@-moz-document url-prefix(chrome://mozapps/content/extensions/extensions.xhtml),
url-prefix(about:addons),
url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
url-prefix(chrome://mozapps/content/extensions/aboutaddons.xhtml)
{

body {
   counter-reset: section !important;
}

/* ab Version 155 neu bei Themes / ausgeblendet */
moz-card#aboutaddons-themes-picker-card,
moz-segmented-control {
	display: none !important;
}

/*===== fortlaufende Nummerierung aller Add-ons =====*/

/* Zähler aktive Add-ons / Theme-Abschnitt ausgeschlossen */
#main > addon-list > section[section="0"]:not(.theme-enabled-section) {
  counter-reset: section;
}

/* Nummerierung aktive Add-ons */
#main > addon-list > section[section="0"]:not(.theme-enabled-section) > addon-card > .addon.card > div::before {
  display: inline-block;
  width: 2.2em;
  box-sizing: content-box;
  text-align: right;
  font-weight: 700;
  text-decoration: underline;
  counter-increment: section;
  content: counter(section, decimal-leading-zero) ".";
  color: #217B22;
  border-right: 2px solid #217B22;
  padding-right: 10px !important;
  padding-top: 15px !important;
  margin-top: -22px;
  margin-left: -15px;
  margin-bottom: -22px;
}

/* Zähler inaktive Add-ons / Theme-Abschnitt ausgeschlossen */
#main > addon-list > section[section="1"]:not(.theme-disabled-section) {
  counter-reset: section;
}

/* Nummerierung inaktive Add-ons */
#main > addon-list > section[section="1"]:not(.theme-disabled-section) > addon-card > .addon.card > div::before {
  display: inline-block;
  width: 2.2em;
  box-sizing: content-box;
  text-align: right;
  font-weight: 700;
  text-decoration: underline;
  counter-increment: section;
  content: counter(section, decimal-leading-zero) ".";
  color: #F70000;
  border-right: 2px solid #F70000;
  padding-right: 10px !important;
  padding-top: 15px !important;
  margin-top: -22px;
  margin-left: -15px;
  margin-bottom: -22px;
}

/* Farbe der Zähler bei Hover */
#main > addon-list > section[section="0"]:not(.theme-disabled-section) > addon-card > .addon.card > div:hover::before,
#main > addon-list > section[section="1"]:not(.theme-disabled-section) > addon-card > .addon.card > div:hover::before {
  color: #8c372e;	
}  

/* Nummerierung für Themes separat zurücksetzen */
#main > addon-list > section.theme-disabled-section {
  counter-reset: theme;
}

/* inaktive Themes nummerieren */
#main > addon-list > section.theme-disabled-section > addon-card > moz-card.addon.card > .addon-card-collapsed > .card-contents > .addon-name-container::before {
  display: inline-block;
  width: 2.2em;
  box-sizing: content-box;
  text-align: right;
  font-weight: 700;
  text-decoration: underline;
  counter-increment: theme;
  content: counter(theme, decimal-leading-zero) ".";
}
#main > addon-list > section.theme-disabled-section > addon-card > moz-card.addon.card > .addon-card-collapsed > .card-contents > .addon-name-container::before {
  color: #C72F2E;
  border-right: 2px solid #C72F2E;
  width: 2.2em;
  padding-right: 10px !important;
  padding-top: 5px !important;
  padding-bottom: 0px !important;
  margin-top: -15px;
  margin-left: -20px;
  margin-right: 20px;
  margin-bottom: -50px;
  min-height: 66px !important;
}
#main > addon-list > section.theme-disabled-section > addon-card > moz-card.addon.card:hover > .addon-card-collapsed > .card-contents > .addon-name-container::before {
  color: #7b2b48;
  border-right: 2px solid green;
}

/* Icon nach rechts verlagert */
addon-card moz-card.card.addon div.addon-card-collapsed img.card-heading-icon.addon-icon {
	margin-left: 15px !important;
}	

/** Nummerierung ENDE **/

/* Add-ons-Manager linke Seite (Sidebar) Hintergrund */
#sidebar {
   /* background:  url("file:///C:/FoxBilder/42.png") no-repeat -150px 0px !important; */
   background: linear-gradient(to bottom right, white,#acacac,#f2f3f4,#acacac, #f2f3f4,#acacac) !important; 
   border-right: 2px solid grey !important;
}

/* Add-ons-Manager rechte Seite Hintergrund */
#full #content {
   background: #bfc1c2 !important;
   /* background: url("file:///C:/FoxBilder/255.jpg") no-repeat!important; */
   background-position: -5px -5px !important;
   background-attachment: fixed !important;
}

/*====== alle Button links in der Sidebar =======*/

/* Rubrik "Empfehlungen" ausgeblendet */
#sidebar categories-box moz-page-nav moz-page-nav-button#category-discover {
	display: none !important;
}

/* die Button "Einstellungen" u. "Addon-Hilfe" ausgeblendet */
#preferencesButton,
[data-l10n-id="sidebar-help-button-title"] {
	display: none !important;
}
	

/* oben das Logo mit Text */
div.page-nav-heading-wrapper {
	background: #fae7b5 !important;
    color: black !important;
    border: 2px solid white !important;
	border-radius: 10px !important;
	box-shadow: inset 0 0 3px 3px #888 !important;
	padding: 6px 0 10px 0px !important;
}
.page-nav-heading-wrapper {
    margin-block-start: 30px !important;
    margin-inline-start: -28px !important;
}

/* Logo und Erweiterungen nach unten verlagert */
div.page-nav-heading-wrapper div.logo,
h1#page-nav-heading.page-nav-heading {
	margin-top: 0px !important;
	margin-left: 20px !important;
}	

/* die Buttongruppe nach unten verlagert */
nav div.primary-nav-group {
	margin-top: 40px !important;
}

/* Buttongruppe nach links */
nav	{
	margin-left: -12px !important;
}	

/* =========================================================
   Firefox 153+ about:addons Sidebar Buttons
   Neue moz-page-nav Struktur
   ========================================================= */

/* =========================================
   Sidebar Buttons (alle)
========================================= */
moz-page-nav-button {
    background: #f2f1ed !important;
    color: black !important;
    border: 2px solid white !important;
	border-radius: 60px !important;
	box-shadow: inset 0 0 3px 3px #888 !important;
	width: 220px !important;
}

/* =========================================
   Hover (nur bei inaktiv sichtbar)
========================================= */
moz-page-nav-button:hover { 
    background: #a2cffe !important;
    color: brown !important;
    box-shadow: inset 0 0 3px 3px #888 !important;
}

/* aktiver Button */
button[selected] {
    color: white !important;
    background-color: #1b9e14 !important;
	box-shadow: inset 0 0 3px 3px coral !important;
	border-radius: 60px !important;
}

button[selected]:hover {
    color: white !important;
    background-color: #8A2BE2 !important;
}

/* links der blaue strich bei aktiv ausgeblendet */
button[selected] {
	--page-nav-button-indicator-color: none !important;
}

button:not([selected]) {
	background-color: transparent !important;
}

/* die Button unten (Einstellungen und Hilfe) */ 
a.moz-page-nav-link{
	background-color: transparent !important;
}	

 
/*************** ENDE ****************************/

/* die Namen der Sektionen oben links */
h1.header-name {
	font-size: 20px !important;
}	

/* Text unter den Namen aller Addons Farbe ändern (Hover) */
addon-card .addon-name .addon-name-link,
addon-card .addon-description {
   color: #542e2b !important;
}
addon-card:hover .addon-name .addon-name-link,
addon-card:hover .addon-description {
   color: blue !important;
}

/* rechte Seite das obere Feld */
#content addon-page-header#page-header div.sticky-container {
    background: linear-gradient(to bottom right, white,#acacac,#f2f3f4,#acacac, #f2f3f4,#acacac) !important;
	min-width: 1600px !important;
    max-width: 1600px !important;
	height: 70px !important;
	padding-top: 10px !important;
	padding-left: 22px !important;
	margin-left: 0px !important;
	border-bottom: 1px solid grey !important;
}

/*====== Feld "Themes verwalten" (und andere) mit Update-Message ======*/

#page-header div.sticky-container div.main-heading {
	appearance: none !important;
	min-width: 660px !important;
    max-width: 660px !important;
	height: 32px !important;
	background-color: lightgrey !important;
	border: 1px solid grey !important;
    margin-top: 4px !important;
	padding: 5px 5px 5px 10px !important;
}
#page-header div.sticky-container div.main-heading h1.header-name {
	color: #87421F !important;
}	
/* das Update-Feld darin */
#page-header div.sticky-container div.main-heading addon-updates-message#updates-message {
    border: 1px solid grey !important;
	padding: 0px 10px 0px 10px !important;
	margin-right: 6px !important;
}
#page-header div.sticky-container div.main-heading addon-updates-message#updates-message:hover {
    border: 1px solid grey !important;
	padding: 0px 10px 0px 10px !important;
	margin-right: 6px !important;
	background: #FDF4E3 !important;
}
/* die Meldungen bei Update-Suche */
#updates-message[state="updating"],
#updates-message[state="none-found"],
#updates-message[state="installed"] {
   min-width: 255px !important;
   max-width: 255px !important;
   margin-inline-end: 1px !important;
   background: #f1eaee !important;
   color: blue !important;
   font-weight: 600 !important;
}

/* Farbe des Textes in der update-message */
addon-updates-message {
    --button-text-color: #a6001a !important;
}

/* Breite des Buttons "Verfügbare Updates anzeigen" */
#updates-message[state="manual-updates-found"] {
   min-width: 265px !important;
   max-width: 265px !important;
   margin-inline-end: 1px !important;
   background: #f1eaee !important;
}

/* Text "Verfügbare Updates anzeigen" verlagert */
button#main-button span.button-background.labelled {
	margin-top: -4px !important;
}
/* bei hover */
#updates-message[state="manual-updates-found"] {     
    --button-text-color-hover: #299617 !important;
}

addon-page-header#page-header[current-view="detail"]  #updates-message[state="updating"],
addon-page-header#page-header[current-view="detail"]  #updates-message[state="none-found"],
addon-page-header#page-header[current-view="detail"]  #updates-message[state="manual-updates-found"],
addon-page-header#page-header[current-view="detail"]  #updates-message[state="installed"] {
    margin-left: 154px  !important;
}
#updates-message[state="none-found"][data-l10n-id="addon-updates-none-found"] {
    color: #409DD9 !important;
}

[data-l10n-id="addon-updates-updating"],
[data-l10n-id="addon-updates-none-found"],
[data-l10n-id="addon-updates-installed"] {
    padding: 0 !important;
    margin: 0 auto !important;
}
[data-l10n-id="addon-updates-manual-updates-found"] {
    width: calc(100% + 10px) !important;
    min-height: 26px !important;
    max-height: 26px !important;
    padding: 0 !important;
    margin: 0 !important;
}
	
/** ENDE **/	

/*===== Button mit dem Zahnrad ======*/
#page-header div.sticky-container div.main-heading div.page-options-menu {
	background-color: #f1eaee !important;
    min-width: 32px !important;
    max-width: 32px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    border-radius: 0 !important;
    border: 1px solid grey !important;
    margin-left: -4px !important;
    padding-bottom: 2px !important;
}
#page-header div.sticky-container div.main-heading div.page-options-menu:hover {
   border: 1px solid brown !important;
   background-color: lightyellow !important;
}

/* Popup hinter dem Zahnrad */
div#content addon-page-options#page-options panel-list{
   border: 1px solid dodgerblue !important;
   border-width:  4px !important;
   border-style: double !important;
   border-radius:  0px !important;
   background: none !important;
   background-color: white !important;
   padding: 4px 4px 6px 4px !important;  
   margin-top: 10px !important;   
}

/* Popup hinter dem Zahnrad / Item */
#page-options > panel-list > panel-item {
   --button-background-color-hover: none !important;
   --button-background-color: none !important;
   --button-background-color-active: none !important;
   opacity: 1.0 !important;
   height: 26px !important; 
   box-shadow: none !important;
   border: 1px solid #B2B2B2 !important;
   border-width:  5px !important;
   border-style: double !important;
   background: none !important;
   background-color: lightgrey !important;
   margin: 2px 2px 0 2px !important;
}

#page-options > panel-list > panel-item[action="check-for-updates"] {
   background-color: #800 !important;
   color: #FFF !important;
}
#page-options > panel-list > panel-item[action="set-update-automatically"] {
   background-color: #217B22 !important;
   color: #FFF !important;
}
#page-options > panel-list > panel-item:hover,
#page-options > panel-list > panel-item[action="check-for-updates"]:hover,
#page-options > panel-list > panel-item[action="set-update-automatically"]:hover {
   background-color: lightyellow !important;
   fill: #000 !important;
}
button[role="menuitem"]:hover > label,
button[role="menuitem"]:hover > label > span {
   color: #000 !important;
}
panel-list[role="menu"][style="left: 722px; top: 72px;"] {
   z-index: 10000 !important;
   border-radius: 0 !important;
   border: 1px solid #B2B2B2 !important;
   padding: 0 0 2px 0 !important;
   margin: -1px auto 1px auto !important;
}
addon-page-options#page-options {
   border: 0 !important;
   padding: 0 !important;
}

/* ab Version 110 gültig / für Separatoren */
#page-options panel-list hr {
	background: #B2B2B2 !important;
    margin: 4px 0 4px 0 !important;
}

/*============ Icons für Popup-Menü vom Zahnradbutton =============*/
/* in userChromeShadow.css wird Haken bei "Add-ons automatisch aktualisieren" ausgeblendet */

/* Auf Updates überprüfen */
#page-options > panel-list > panel-item[action="check-for-updates"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild5.png");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/* Kürzlich durchgeführte Updates anzeigen */
#page-options panel-list panel-item[action="view-recent-updates"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild61.png");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/* Add-on aus Datei installieren */
#page-options panel-list panel-item[action="install-from-file"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild3.png");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/* Add-ons debuggen */
#page-options panel-list panel-item[action="debug-addons"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild66.ico");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/* Add-ons automatisch aktualisieren / aktiv */
#page-options > panel-list > panel-item[action="set-update-automatically"]::before{
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("..//icons/aktiv.png");
   background-size: 18px 18px !important;
   margin-left: 10px;
   margin-right: -16px;
   margin-bottom: 3px;
}

/* Add-ons automatisch aktualisieren / inaktiv */
#page-options > panel-list > panel-item[action="set-update-automatically"]:not([checked])::before {
   content: '';
   font-size: 14px;
   padding-top: 1px !important;
   padding-bottom: 2px !important;
   display: block;
   width: 16px;
   height: 16px;
   background: url("..//icons/inaktiv.png") no-repeat !important;
   background-position: 0 2px !important;
}

/* Add-ons umstellen auf manuelle Aktualisierung */
#page-options panel-list panel-item[action="reset-update-states"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild64.png");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/* Tastenkombinationen von Erweiterungen verwalten */
#page-options panel-list panel-item[action="manage-shortcuts"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild67.png");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/** ENDE **/

/*====== Zurück-Button (back-button) ======*/
addon-page-header[type="detail"] .main-heading .back-button {
	background-color: #f1eaee !important;
    min-width: 32px !important;
    max-width: 32px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    border-radius: 0 !important;
    fill: transparent !important;
    margin: 0px 0  0 -4px  !important;
    border: 1px solid grey !important;
    padding-bottom: 1px !important;
}
addon-page-header[type="detail"] .main-heading .back-button:hover {
    background-color: #f2ff7f !important;
    border: 1px solid brown !important;
}

/*==== Feld "Weitere Add-ons finden" ====*/
#page-header div.sticky-container div.main-search {
    /* appearance: none !important;
    background-color: lightgrey !important;
	height: 32px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    border: 1px solid grey !important;
    padding: 5px 5px 5px 0px !important;
    margin-top: 15px !important;
    margin-left: 770px !important; */
	display: none !important;
}
/* das Suchfeld */
div.content-wrapper input#input {
	background-color: #f4f6ec !important;
}
/* Text vor Suchfeld */	
#page-header div.sticky-container div.main-search label.search-label {
    color: #87421F !important;
	font-weight: 600 !important;
}

/* Button mit der Lupe bei Suche */
#page-header div.sticky-container div.main-search search-addons moz-button {
	background-color: #f1eaee !important;
	min-width: 30px !important;
    max-width: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
	border: 1px solid grey !important;
} 
#page-header div.sticky-container div.main-search search-addons moz-button:hover {
    background-color: #f2ff7f !important;
    border: 1px solid brown !important;
}

/* das Icon bei Zahnrad / Drei-Punkte-Button / Zurück / Suche */
button#main-button span.button-background img {
	fill: green !important;
}
button#main-button span.button-background:hover img {
	fill: red !important;
}		

/*============= Container rechte Seite =============*/

/* addon-card:not([expanded]) > .addon.card {
	height: 100px !important;
}	 */

html body div#full div#content div#main addon-list addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents {
	margin-top: -15px !important;
}	
	




addon-card:not([expanded]):not(.theme-enabled-section addon-card) > moz-card.addon.card {
    height: 80px !important;
	padding-bottom: 10px !important;
}

/* rechte Seite für alle Container */
div#content div#main {
	min-width: 1200px !important;
	margin-inline-start: 10px !important;
}

/* der graue Hintergrund aller Sektionen */
div#content div#main recommended-themes-section,
div#content div#main discovery-pane,
section[section="0"] {
   border: 2px solid #2F2F36 !important;
   background-color: grey !important;
   margin-top: 5px !important;
   padding: 6px 10px 6px 10px !important;
}

/* bei "Empfohlene Erweiterungen" und "Empfohlene Themes" */
div#content div#main recommended-extensions-section,
div#content div#main recommended-themes-section {
   border: 2px solid #2F2F36 !important;
   background-color: grey !important;
   margin-top: 5px !important;
   padding: 0px 10px 6px 10px !important;
}

section[section="1"] {
   border: 2px solid #2F2F36 !important;
   background-color: grey !important;
   margin-top: 15px !important;
   padding: 2px 10px 4px 10px !important;
}

/* unter Deaktiviert bei Plugin, Sprachen u. Wörterbücher keine Border */
#main addon-list section.mlmodel-disabled-section,  /* KI-Modelle */
addon-list[type="locale"] section[section="1"],
addon-list[type="plugin"] section[section="1"],
addon-list[type="dictionary"] section[section="1"] {
   background-color: transparent !important;	
   box-shadow: none !important;
   border-radius: 0 !important;
   border: transparent !important;
}

/* Anpassung der Container */
div#content div#main recommended-themes-section recommended-addon-list recommended-addon-card div.card.addon,
div#content div#main recommended-extensions-section recommended-addon-list recommended-addon-card div.card.addon,
recommended-addon-card > moz-card.card.addon,
div#content div#main addon-list addon-card .card {
	background-color: #e9e9ed !important;
	border: 1px solid grey !important;
	border-width:  6px !important;
    border-style: double !important;
	border-radius: 0 !important;
	margin-bottom: 5px !important;
	padding: 5px !important;
}

/* Container bei Hover */
div#content div#main recommended-themes-section recommended-addon-list recommended-addon-card div.card.addon:hover,
div#content div#main recommended-extensions-section recommended-addon-list recommended-addon-card div.card.addon:hover,
recommended-addon-card > moz-card.card.addon:hover,
div#content div#main addon-list addon-card .card:hover {
    background-color: #ebe8a4 !important;
    border: 1px solid green !important;
	border-width:  6px !important;
    border-style: double !important;
	border-radius: 0 !important;
	box-shadow: 0 0 3px 3px #cb00f5 !important;
}

/* bei Überschrift "Aktiviert" der Hintergrund */
section[section="0"] h2.list-section-heading {
    background-color: #64BF15 !important;
    border: 1px solid #403d21 !important;
    padding: 5px 0 5px 15px !important;
    margin: 5px 0 1px 0 !important;
}

/* bei Überschrift "Gespeicherte Themes" und "Deaktiviert" der Hintergrund */
section[section="1"] h2.list-section-heading {
    background-color: #A6E7FF !important;
	border: 1px solid #403d21 !important;
    padding: 5px 0 5px 15px !important;
    margin: 8px 0 1px 0 !important;
}

/* bei Überschrift "Empfohlene Erweiterungen" und "Empfohlene Themes" der Hintergrund */
div#main recommended-themes-section h2.header-name.recommended-heading,
div#main recommended-extensions-section h2.header-name.recommended-heading {
    background-color: #50BFE6 !important;
    border: 1px solid #403d21 !important;
    padding: 5px 0 5px 15px !important;
    margin: 15px 0 1px 0 !important;
}

/* das Bild bei Themes mit Border */
/* addon-card moz-card.card.addon theme-preview img.card-heading-image {
	border: 1px solid #403d21 !important;
	border-radius: 6px !important;
	min-width: 880px !important;
    max-width: 880px !important;
	margin-bottom: 5px !important;
} */

/*  Bei "Themes" die Grafiken ausblenden */
		.card-heading-image {
			display: none !important;
		}


/* Border über dem Namen bei Themes */
div#main addon-list section.theme-disabled-section addon-card div.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container,
div#main addon-list section.theme-enabled-section addon-card div.card.addon div.addon-card-collapsed div.card-contents{
    padding-top: 8px !important; 
}
addon-list[type="theme"] section[section="0"] addon-card .card .card-contents, 
addon-list[type="theme"] section[section="1"] addon-card .card .card-contents {
    border-top: 2px solid green !important;
    margin-top: -10px !important; 
    margin-left: -20px !important;
    margin-right: -20px !important;
    padding-left: 20px !important;
    padding-right: 10px !important;
}
addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container {
	margin-top: 5px !important;
}	

/* Name und Versions-Nr. der Add-ons wird angezeigt */
div:not([current-view="updates"]) .addon-name-link[title]::after, div:not([current-view="updates"]) .addon-name[title]::after {
   display: block !important;
   content: attr(title) !important;
   margin-top: -22px !important; /* ganz wichtig */
   color: #6F2DA8 !important;
}

/* Beschreibungstext unter dem Namen rechts Ausdehnung begrenzt */
addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents span.addon-description {	
    max-width: 950px !important;
    margin-left: 20px !important;
}

/* bei Empfehlungen oben das Textfeld / und der Link darin */
div#main discovery-pane header p {
	background-color: #B4B8B0 !important;
	border: 1px solid gainsboro !important;
	border-width:  6px !important;
    border-style: double !important;
	border-radius: 0 !important;
	padding: 10px 0 10px 15px !important;
}
div#main discovery-pane header p span a.discopane-intro-learn-more-link {
    color: white !important;
    font-weight: 600 !important;
}
div#main discovery-pane header p span a.discopane-intro-learn-more-link:hover {
    color: magenta !important;
    font-weight: 600 !important;
}

/* bei Empfehlungen und Erweiterungen unten der Button "Datenschutzrichtlinie" */
#main discovery-pane footer.view-footer div.view-footer-item {
	margin-top: 0px !important;
	padding: 20px 0px 25px 0px !important;
}
#main recommended-extensions-section footer.view-footer div.view-footer-item {
	margin-top: 0px !important;
	padding: 20px 0px 15px 0px !important;
}
#main recommended-extensions-section footer.view-footer div.view-footer-item a.privacy-policy-link,
#main discovery-pane footer.view-footer div.view-footer-item a.privacy-policy-link{
    background: #F0F0F0 url("..//icons/Bild1.png") no-repeat !important;
    background-position: 6px 6px !important;	
    border: 1px solid grey !important;
    border-width:  3px !important;
    border-style: double !important;
    padding: 4px 15px 6px 40px !important;
}
#main recommended-extensions-section footer.view-footer div.view-footer-item a.privacy-policy-link:hover,  
#main discovery-pane footer.view-footer div.view-footer-item a.privacy-policy-link:hover{
    background: lightblue url("..//icons/Bild1.png") no-repeat !important;
    color: crimson !important;
    background-position: 6px 6px !important;
    border: 1px solid coral !important;
    border-width:  3px !important;
    border-style: double !important;
    padding: 4px 15px 6px 40px !important;
}

/* Bei Empfehlungen die Button "Theme installieren" und "Zu Firefox hinzufügen" */
#main discovery-pane recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button {
	background-color: #f5f5dc !important;
}	
#main discovery-pane recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button:hover {
	background-color: #89cff0 !important;
}

/* Bei Erweiterungen die Button "Zu Firefox hinzufügen" */
#main recommended-extensions-section recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button {
	background-color: #f5f5dc !important;
}	
#main recommended-extensions-section recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button:hover {
	background-color: #89cff0 !important;
}

/* Bei Themes die Button "Theme installieren" */
#main recommended-themes-section recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button {
	background-color: #f5f5dc !important;
}	
#main recommended-themes-section recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button:hover {
	background-color: #89cff0 !important;
}

/* bei Empfehlungen, Themes und Erweiterungen ganz unten der letzte Container */
moz-card:has(.promo-layout) {
    background-color: #e8e8e8 !important;
    border: 5px double grey !important;
}

/* bei Empfehlungen unten links der Button mit dem Link */
moz-button[data-l10n-id="find-more-addons-promo-open-amo-button"] {
    background-color: gainsboro !important;
	border: 1px solid grey !important;
	border-radius: 25px !important;
	padding: 2px 15px 0px 15px !important;
}
moz-button[data-l10n-id="find-more-addons-promo-open-amo-button"]:hover {
	background-color: #fad6a5 !important;
	border: 1px solid grey !important;
}	

/* bei Erweiterungen unten links der Button mit dem Link */
moz-button[data-l10n-id="find-more-extensions-promo-open-amo-button"] {
    background-color: gainsboro !important;
	border: 1px solid grey !important;
	border-radius: 25px !important;
	padding: 2px 15px 0px 15px !important;
}
moz-button[data-l10n-id="find-more-extensions-promo-open-amo-button"]:hover {
	background-color: #fad6a5 !important;
	border: 1px solid grey !important;
}

/* bei Themes unten links der Button mit dem Link */
moz-button[data-l10n-id="find-more-themes-promo-open-amo-button"] {
    background-color: gainsboro !important;
	border: 1px solid grey !important;
	border-radius: 25px !important;
	padding: 2px 15px 0px 15px !important;
}
moz-button[data-l10n-id="find-more-themes-promo-open-amo-button"]:hover {
	background-color: #fad6a5 !important;
	border: 1px solid grey !important;
}		

/*===== Button Aktivieren und Deaktivieren bei Themes =====*/

/* ersten überlagernden Button Aktivieren und Deaktivieren ausgeblendet (bei Themes) */
button#main-button span.button-background {
    border-radius: 0 !important;
	border: unset !important;
	background: unset !important;
}

/* Button Deaktivieren bei Themes */
[data-l10n-id="disable-addon-button"] {
   max-width: 100px !important;	
   min-width: 100px !important;
   background-color: #48A43F !important;
   --button-text-color: #000 !important;
   --button-border: transparent !important;
   border: 1px solid grey !important;
   margin-bottom: -2px !important;
   margin-right: -4px !important;
}
[data-l10n-id="disable-addon-button"]:hover {
   background-color: #FA842B !important;
   border: 1px solid brown !important;
}

/* Button Aktivieren bei Themes */
[data-l10n-id="enable-addon-button"] {
   background-color: #FA842B !important;
   --button-text-color: #000 !important;
   --button-border: transparent !important;
   border: 1px solid grey !important;
   margin-bottom: -2px !important;
   margin-right: -4px !important;
}
[data-l10n-id="enable-addon-button"]:hover {
   background-color: #d4fe62 !important;
   border: 1px solid brown !important;
} 

/** ENDE **/

/* bei Geräteinterne KI der Text oben */
[data-l10n-id="mlmodel-description"] {
	background-color: #E9E5CE !important;
	border: 1px solid grey !important;
	border-width:  6px !important;
    border-style: double !important;
	border-radius: 0 !important;
	padding: 6px 5px 6px 15px !important;
	color: #594d45 !important;
} 

/* die Felder mit der MB-Angabe */
span.mlmodel-total-size-bubble {
	background-color: #d1d2bf !important;
	border: 1px solid grey !important;
}
span.mlmodel-total-size-bubble:hover {
	background-color: #f3e7d4 !important;
	border: 1px solid grey !important;
}		

/*===== Toggle-Button bei Erweiterungen =====*/

/* aktivierte Erw. Button HG */
#input.toggle-button[aria-pressed="true"] {
	background-color: green !important;	
    margin: 2px 3px 0 0 !important;
	border: 1px solid #000 !important;
}

/* aktivierte Erw. Button HG bei Hover */
#input.toggle-button[aria-pressed="true"]:enabled:hover {
    background-color: red !important;
    border: 1px solid #000 !important;
}

/* deaktivierte Erw. Button HG */ 
#input.toggle-button[aria-pressed="false"] {
    background-color: transparent !important;
	margin: 1px 3px 0 0 !important;
}

/* deaktivierte Erw. Button bei Hover HG */
#input.toggle-button:enabled:hover {
    background-color: lightgreen !important;
}

/** ENDE **/

/*==== More-Options-Button (Drei-Punkte-Button) ====*/

addon-card .more-options-button {
   	background-color: #CCF2FF !important;
	border: 1px solid grey !important;
	min-height: 24px !important;
	max-height: 24px !important;
	min-width: 24px !important;
	max-width: 24px !important;
	margin-inline-end: 3px !important;
	margin-top: 1px !important;
} 
addon-card .more-options-button:hover,
addon-card .more-options-button:focus-visible {
    outline: none !important;
    border: 1px solid brown !important;
    background-color: greenyellow !important;
}

/*== Popup des Drei-Punkte-Button ==*/

/* Anpassungen des Popup-Menüs */
addon-options > panel-list[role="menu"],
plugin-options > panel-list[role="menu"] {
   border-radius: 0 !important;
   border: 1px solid dodgerblue !important;
   border-width:  4px !important;
   border-style: double !important;
   background-color: #eeffee !important;
   margin-top: -1px !important;
   padding: 4px 4px 6px 4px !important;
}

/* Anpassungen der Items (Button) */
addon-options > panel-list > panel-item,
plugin-options > panel-list > panel-item {
   --in-content-button-background: none !important;
   --in-content-button-background-hover: none !important;
   --in-content-button-background-active: none !important;
   opacity: 1.0 !important;
   height: 26px !important;
   box-shadow: none !important;
   border: 1px solid grey !important;
   background-color: #b2beb5 !important;
   margin: 2px 2px 0 2px !important;
}
/* einige Items mit anderer Farbe als HG */
addon-options > panel-list > panel-item[action="remove"] {
   background-color: #800 !important;
   color: #FFF !important;
}
addon-options > panel-list > panel-item[action="expand"],
plugin-options > panel-list > panel-item[action="manage-addon-button"] {
   background-color: #804628 !important;
   color: #FFF !important;
}
addon-options > panel-list > panel-item[action="preferences"] {
   background-color: #217B22 !important;
   color: #FFF !important;
}
addon-options > panel-list > panel-item:hover,
addon-options > panel-list > panel-item[action="preferences"]:hover,
addon-options > panel-list > panel-item[action="remove"]:hover,
addon-options > panel-list > panel-item[action="expand"]:hover,
plugin-options > panel-list > panel-item:hover,
plugin-options > panel-list > panel-item[action="manage-addon-button"]:hover {
   fill: #000 !important;
   background-color: #f0ffff !important;
   color: #000 !important;
}

/* ab Version 110 die Separatoren (Menü hinter den drei Punkten) */
div#main addon-list section.plugin-enabled-section addon-card div.card.addon plugin-options panel-list hr,
addon-options panel-list hr,
plugin-options panel-list hr {
   background: grey !important;
   margin: 2px 0 2px 0 !important;
}

/*============ Icons für Popup-Menü vom Drei-Punkte-Button =============*/
/* in userChromeShadow.css werden die originalen Icons ausgeblendet */

/* Entfernen */
addon-options > panel-list > panel-item[action="remove"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("file:///C:/FoxIcons/0035.gif") no-repeat !important;
   background-position: 5px 0px !important;
   background-size: 16px 16px !important;
   padding-left: 10px !important;
   padding-right: 10px !important;
   margin-left: 6px;
   margin-right: -32px;
}

/* Einstellungen */
addon-options > panel-list > panel-item[action="preferences"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("file:///C:/FoxIcons/0036.png") no-repeat !important;
   background-position: 5px 0px !important;
   background-size: 16px 16px !important;
   padding-left: 10px !important;
   padding-right: 10px !important;
   margin-left: 6px;
   margin-right: -32px;
}

/* Melden */
addon-options > panel-list > panel-item[action="report"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("file:///C:/FoxIcons/0037.png") no-repeat !important;
   background-position: 5px 0px !important;
   background-size: 16px 16px !important;
   padding-left: 10px !important;
   padding-right: 10px !important;
   margin-left: 6px;
   margin-right: -32px;
}

/* Verwalten */
addon-options > panel-list > panel-item[action="expand"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("file:///C:/FoxIcons/0038.png") no-repeat !important;
   background-position: 5px 0px !important;
   background-size: 16px 16px !important;
   padding-left: 10px !important;
   padding-right: 10px !important;
   margin-left: 6px;
   margin-right: -32px;
}

/* Aktualisieren */
addon-options > panel-list > panel-item[action="install-update"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("file:///C:/FoxIcons/0130.png") no-repeat !important;
   background-position: 5px 0px !important;
   background-size: 16px 16px !important;
   padding-left: 10px !important;
   padding-right: 10px !important;
   margin-left: 6px;
   margin-right: -32px;
}

addon-options > panel-list > panel-item[action="install-update"]{
	 background-image: none !important;
}	

/*=== bei Plugins ===*/

/* Immer aktivieren */
plugin-options > panel-list > panel-item[action="always-activate"]::before {
   margin-right: -21px !important; 
   margin-left: 5px !important;
   content: '' !important;
   display: block !important;
   width: 19px !important;
   height: 15px !important;
   background: url("..//icons/aktiv.png") no-repeat !important;
   background-position: 2px 0px !important;
   background-size: 17px 17px !important;
}

plugin-options > panel-list > panel-item[action="always-activate"]:not([checked])::before {
   margin-right: -21px !important; 
   margin-left: 5px !important;
   content: '' !important;
   display: block !important;
   width: 19px !important;
   height: 15px !important;
   background: url("..//icons/inaktiv.png") no-repeat !important;
   background-position: 2px 0px !important;
   background-size: 16px 16px !important;
}

/* Nie aktivieren */
plugin-options > panel-list > panel-item[action="never-activate"]::before {
   margin-right: -21px !important; 
   margin-left: 5px !important;
   content: '' !important;
   display: block !important;
   width: 19px !important;
   height: 15px !important;
   background: url("..//icons/aktiv.png") no-repeat !important;
   background-position: 2px 0px !important;
   background-size: 17px 17px !important;
}

plugin-options > panel-list > panel-item[action="never-activate"]:not([checked])::before {
   margin-right: -21px !important; 
   margin-left: 5px !important;
   content: '' !important;
   display: block !important;
   width: 19px !important;
   height: 15px !important;
   background: url("..//icons/inaktiv.png") no-repeat !important;
   background-position: 2px 0px !important;
   background-size: 16px 16px !important;
}

/* Verwalten */
plugin-options > panel-list > panel-item[action="expand"]::before {
   margin-right: -21px !important; 
   margin-left: 6px !important;
   content: '' !important;
   display: block !important;
   width: 19px !important;
   height: 15px !important;
   background: url("file:///C:/FoxIcons/0038.png") no-repeat !important;
   background-position: 2px 0px !important;
   background-size: 16px 16px !important;
}

/** ENDE **/

/*===== unter Verwalten die Popup-Fenster =====*/

/* Popup unter Verwalten */
div[current-view="detail"] .card {
   background-color: lightgrey !important;
   border-radius: 8px !important;
   border: 1px solid grey !important;
   border-width:  6px !important;
   border-style: double !important;
   margin-bottom: 0 !important;
   padding-top: 10px !important;
}
div[current-view="detail"] .card:hover {
   background-color: #f8f8ff !important;
}	

/* Button unter Verwalten bei Erweiterungen */
button-group.tab-group > button {
   border: 1px solid #B2B2B2 !important;
   background-color: #0060DF !important;
   color: #FFF !important;
   margin: 3px 3px 3px 0px !important;
}

/* der aktive Button */
button-group.tab-group > button[selected=""] {
   border-top: 1px solid #B2B2B2 !important;
   background-color: #217B22 !important;
   color: #FFF !important;
   box-shadow: none !important;
}
button-group.tab-group > button:hover,
button-group.tab-group > button[selected=""]:hover {
   border-top: 1px solid #B2B2B2 !important;
   background-color: #D1E2F2 !important;
   color: #000 !important;
   margin: 3px 3px 3px 0px !important;
}

/* Button "Details" */
button#details-deck-button-details {
   padding: 3px 8px 4px 8px !important;
   max-width: 120px !important;
   min-width: 120px !important;
   border-radius: 0 !important;
}

/* Button "Einstellungen" */
button#details-deck-button-preferences {
   padding: 3px 8px 4px 8px !important;
   max-width: 140px !important;
   min-width: 140px !important;
   border-radius: 0 !important;
}

/* Button "Berechtigungen und Daten" */
button#details-deck-button-permissions {
   padding: 3px 8px 4px 8px !important;
   max-width: 200px !important;
   min-width: 200px !important;
   border-radius: 0 !important;
}

/* Button "Versionshinweise" */
button#details-deck-button-release-notes {
   padding: 3px 8px 4px 8px !important;
   max-width: 150px !important;
   min-width: 150px !important;
   border-radius: 0 !important;
}

/* Button "Unterstützen" */
#details-deck section div.addon-detail-contribute button.addon-detail-contribute-button {
    background-color: lightblue !important;
}
/* bei Hover */
#details-deck section div.addon-detail-contribute button.addon-detail-contribute-button:hover {
    background-color: #CB8D73 !important;
}

/* Links bei Hover andere Farbe (magenta) */
#details-deck section div.addon-detail-row.addon-detail-row-homepage a:hover,
#details-deck section div.addon-detail-row.addon-detail-row-updates div.addon-detail-actions button.button-link:hover,
#details-deck section div.addon-detail-row.addon-detail-help-row a:hover {
	color: magenta !important;
}

/* bei Themes das Image */
div#main addon-card moz-card.card.addon theme-preview img.card-heading-image {
	margin-left: 5px !important;
}	
/** ENDE **/
}

Alles anzeigen

FuchsFan

Zitat von Boersenfeger

Wenn jemand andere, neuere, angepasstere Vorschläge hat, gerne hier anbieten.

Boersenfeger

Hier ist eine Version (für 160 angepasst), wenn du sie dann nutzen möchtest (nur dann), so melde dich, dann liefere ich die Icon nach. Wenn ich mal viel Zeit (bin Rentner ) und Lust habe, so werde ich versuchen das Ganze nach deinem Geschmack umzubauen.

CSS

/* Profil: ab Firefox 160 */

@-moz-document url-prefix(chrome://mozapps/content/extensions/extensions.xhtml),
url-prefix(about:addons),
url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
url-prefix(chrome://mozapps/content/extensions/aboutaddons.xhtml)
{

body {
   counter-reset: section !important;
}

/* ab Version 155 neu bei Themes / ausgeblendet */
moz-card#aboutaddons-themes-picker-card,
moz-segmented-control {
	display: none !important;
}	

/* Add-ons-Manager linke Seite (Sidebar) Hintergrund */
#sidebar {
   background:  url("file:///C:/FoxBilder/42.png") no-repeat -150px 0px !important;
   /* background: linear-gradient(to bottom right, white,#acacac,#f2f3f4,#acacac, #f2f3f4,#acacac) !important;  */
   border-right: 2px solid grey !important;
}

/* Add-ons-Manager rechte Seite Hintergrund */
#full #content {
   /* background: #bfc1c2 !important; */
   background: url("file:///C:/FoxBilder/255.jpg") no-repeat!important;
   background-position: -5px -5px !important;
   background-attachment: fixed !important;
}

/*====== alle Button links in der Sidebar =======*/

/* oben das Logo mit Text */
div.page-nav-heading-wrapper {
	background: #fae7b5 !important;
    color: black !important;
    border: 2px solid white !important;
	border-radius: 10px !important;
	box-shadow: inset 0 0 3px 3px #888 !important;
	padding: 6px 0 10px 0px !important;
}
.page-nav-heading-wrapper {
    margin-block-start: 30px !important;
    margin-inline-start: -28px !important;
}

/* Logo und Erweiterungen nach unten verlagert */
div.page-nav-heading-wrapper div.logo,
h1#page-nav-heading.page-nav-heading {
	margin-top: 0px !important;
	margin-left: 20px !important;
}	

/* die Buttongruppe nach unten verlagert */
nav div.primary-nav-group {
	margin-top: 40px !important;
}

/* Buttongruppe nach links */
nav	{
	margin-left: -12px !important;
}	

/* =========================================================
   Firefox 153+ about:addons Sidebar Buttons
   Neue moz-page-nav Struktur
   ========================================================= */

/* =========================================
   Sidebar Buttons (alle)
========================================= */
moz-page-nav-button {
    background: #f2f1ed !important;
    color: black !important;
    border: 2px solid white !important;
	border-radius: 60px !important;
	box-shadow: inset 0 0 3px 3px #888 !important;
	width: 220px !important;
}

/* =========================================
   Hover (nur bei inaktiv sichtbar)
========================================= */
moz-page-nav-button:hover { 
    background: #a2cffe !important;
    color: brown !important;
    box-shadow: inset 0 0 3px 3px #888 !important;
}

/* aktiver Button */
button[selected] {
    color: white !important;
    background-color: #1b9e14 !important;
	box-shadow: inset 0 0 3px 3px coral !important;
	border-radius: 60px !important;
}

button[selected]:hover {
    color: white !important;
    background-color: #8A2BE2 !important;
}

/* links der blaue strich bei aktiv ausgeblendet */
button[selected] {
	--page-nav-button-indicator-color: none !important;
}

button:not([selected]) {
	background-color: transparent !important;
}

/* die Button unten (Einstellungen und Hilfe) */ 
a.moz-page-nav-link{
	background-color: transparent !important;
}	

 
/*************** ENDE ****************************/

/* die Namen der Sektionen oben links */
h1.header-name {
	font-size: 20px !important;
}	

/* Text unter den Namen aller Addons Farbe ändern (Hover) */
addon-card .addon-name .addon-name-link,
addon-card .addon-description {
   color: #542e2b !important;
}
addon-card:hover .addon-name .addon-name-link,
addon-card:hover .addon-description {
   color: blue !important;
}

/* rechte Seite das obere Feld */
#content addon-page-header#page-header div.sticky-container {
    background: linear-gradient(to bottom right, white,#acacac,#f2f3f4,#acacac, #f2f3f4,#acacac) !important;
	min-width: 1600px !important;
    max-width: 1600px !important;
	height: 70px !important;
	padding-top: 10px !important;
	padding-left: 22px !important;
	margin-left: 0px !important;
	border-bottom: 1px solid grey !important;
}

/*====== Feld "Themes verwalten" (und andere) mit Update-Message ======*/

#page-header div.sticky-container div.main-heading {
	appearance: none !important;
	min-width: 660px !important;
    max-width: 660px !important;
	height: 32px !important;
	background-color: lightgrey !important;
	border: 1px solid grey !important;
    margin-top: -44px !important;
	padding: 5px 5px 5px 10px !important;
}
#page-header div.sticky-container div.main-heading h1.header-name {
	color: #87421F !important;
}	
/* das Update-Feld darin */
#page-header div.sticky-container div.main-heading addon-updates-message#updates-message {
    border: 1px solid grey !important;
	padding: 0px 10px 0px 10px !important;
	margin-right: 6px !important;
}
#page-header div.sticky-container div.main-heading addon-updates-message#updates-message:hover {
    border: 1px solid grey !important;
	padding: 0px 10px 0px 10px !important;
	margin-right: 6px !important;
	background: #FDF4E3 !important;
}
/* die Meldungen bei Update-Suche */
#updates-message[state="updating"],
#updates-message[state="none-found"],
#updates-message[state="installed"] {
   min-width: 255px !important;
   max-width: 255px !important;
   margin-inline-end: 1px !important;
   background: #f1eaee !important;
   color: blue !important;
   font-weight: 600 !important;
}

/* Farbe des Textes in der update-message */
addon-updates-message {
    --button-text-color: #a6001a !important;
}

/* Breite des Buttons "Verfügbare Updates anzeigen" */
#updates-message[state="manual-updates-found"] {
   min-width: 265px !important;
   max-width: 265px !important;
   margin-inline-end: 1px !important;
   background: #f1eaee !important;
}

/* Text "Verfügbare Updates anzeigen" verlagert */
button#main-button span.button-background.labelled {
	margin-top: -4px !important;
}
/* bei hover */
#updates-message[state="manual-updates-found"] {     
    --button-text-color-hover: #299617 !important;
}

addon-page-header#page-header[current-view="detail"]  #updates-message[state="updating"],
addon-page-header#page-header[current-view="detail"]  #updates-message[state="none-found"],
addon-page-header#page-header[current-view="detail"]  #updates-message[state="manual-updates-found"],
addon-page-header#page-header[current-view="detail"]  #updates-message[state="installed"] {
    margin-left: 154px  !important;
}
#updates-message[state="none-found"][data-l10n-id="addon-updates-none-found"] {
    color: #409DD9 !important;
}

[data-l10n-id="addon-updates-updating"],
[data-l10n-id="addon-updates-none-found"],
[data-l10n-id="addon-updates-installed"] {
    padding: 0 !important;
    margin: 0 auto !important;
}
[data-l10n-id="addon-updates-manual-updates-found"] {
    width: calc(100% + 10px) !important;
    min-height: 26px !important;
    max-height: 26px !important;
    padding: 0 !important;
    margin: 0 !important;
}
	
/** ENDE **/	

/*===== Button mit dem Zahnrad ======*/
#page-header div.sticky-container div.main-heading div.page-options-menu {
	background-color: #f1eaee !important;
    min-width: 32px !important;
    max-width: 32px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    border-radius: 0 !important;
    border: 1px solid grey !important;
    margin-left: -4px !important;
    padding-bottom: 2px !important;
}
#page-header div.sticky-container div.main-heading div.page-options-menu:hover {
   border: 1px solid brown !important;
   background-color: lightyellow !important;
}

/* Popup hinter dem Zahnrad */
div#content addon-page-options#page-options panel-list{
   border: 1px solid dodgerblue !important;
   border-width:  4px !important;
   border-style: double !important;
   border-radius:  0px !important;
   background: none !important;
   background-color: white !important;
   padding: 4px 4px 6px 4px !important;  
   margin-top: 10px !important;   
}

/* Popup hinter dem Zahnrad / Item */
#page-options > panel-list > panel-item {
   --button-background-color-hover: none !important;
   --button-background-color: none !important;
   --button-background-color-active: none !important;
   opacity: 1.0 !important;
   height: 26px !important; 
   box-shadow: none !important;
   border: 1px solid #B2B2B2 !important;
   border-width:  5px !important;
   border-style: double !important;
   background: none !important;
   background-color: lightgrey !important;
   margin: 2px 2px 0 2px !important;
}

#page-options > panel-list > panel-item[action="check-for-updates"] {
   background-color: #800 !important;
   color: #FFF !important;
}
#page-options > panel-list > panel-item[action="set-update-automatically"] {
   background-color: #217B22 !important;
   color: #FFF !important;
}
#page-options > panel-list > panel-item:hover,
#page-options > panel-list > panel-item[action="check-for-updates"]:hover,
#page-options > panel-list > panel-item[action="set-update-automatically"]:hover {
   background-color: lightyellow !important;
   fill: #000 !important;
}
button[role="menuitem"]:hover > label,
button[role="menuitem"]:hover > label > span {
   color: #000 !important;
}
panel-list[role="menu"][style="left: 722px; top: 72px;"] {
   z-index: 10000 !important;
   border-radius: 0 !important;
   border: 1px solid #B2B2B2 !important;
   padding: 0 0 2px 0 !important;
   margin: -1px auto 1px auto !important;
}
addon-page-options#page-options {
   border: 0 !important;
   padding: 0 !important;
}

/* ab Version 110 gültig / für Separatoren */
#page-options panel-list hr {
	background: #B2B2B2 !important;
    margin: 4px 0 4px 0 !important;
}

/*============ Icons für Popup-Menü vom Zahnradbutton =============*/
/* in userChromeShadow.css wird Haken bei "Add-ons automatisch aktualisieren" ausgeblendet */

/* Auf Updates überprüfen */
#page-options > panel-list > panel-item[action="check-for-updates"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild5.png");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/* Kürzlich durchgeführte Updates anzeigen */
#page-options panel-list panel-item[action="view-recent-updates"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild61.png");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/* Add-on aus Datei installieren */
#page-options panel-list panel-item[action="install-from-file"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild3.png");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/* Add-ons debuggen */
#page-options panel-list panel-item[action="debug-addons"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild66.ico");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/* Add-ons automatisch aktualisieren / aktiv */
#page-options > panel-list > panel-item[action="set-update-automatically"]::before{
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("..//icons/aktiv.png");
   background-size: 18px 18px !important;
   margin-left: 10px;
   margin-right: -16px;
   margin-bottom: 3px;
}

/* Add-ons automatisch aktualisieren / inaktiv */
#page-options > panel-list > panel-item[action="set-update-automatically"]:not([checked])::before {
   content: '';
   font-size: 14px;
   padding-top: 1px !important;
   padding-bottom: 2px !important;
   display: block;
   width: 16px;
   height: 16px;
   background: url("..//icons/inaktiv.png") no-repeat !important;
   background-position: 0 2px !important;
}

/* Add-ons umstellen auf manuelle Aktualisierung */
#page-options panel-list panel-item[action="reset-update-states"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild64.png");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/* Tastenkombinationen von Erweiterungen verwalten */
#page-options panel-list panel-item[action="manage-shortcuts"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background-image: url("..//icons/Bild67.png");
   background-size: 16px 16px !important;
   margin-left: 10px;
   margin-right: -16px;
}

/** ENDE **/

/*====== Zurück-Button (back-button) ======*/
addon-page-header[type="detail"] .main-heading .back-button {
	background-color: #f1eaee !important;
    min-width: 32px !important;
    max-width: 32px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    border-radius: 0 !important;
    fill: transparent !important;
    margin: 0px 0  0 -4px  !important;
    border: 1px solid grey !important;
    padding-bottom: 1px !important;
}
addon-page-header[type="detail"] .main-heading .back-button:hover {
    background-color: #f2ff7f !important;
    border: 1px solid brown !important;
}

/*==== Feld "Weitere Add-ons finden" ====*/
#page-header div.sticky-container div.main-search {
    appearance: none !important;
    background-color: lightgrey !important;
	height: 32px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    border: 1px solid grey !important;
    padding: 5px 5px 5px 0px !important;
    margin-top: 15px !important;
    margin-left: 770px !important;
}
/* das Suchfeld */
div.content-wrapper input#input {
	background-color: #f4f6ec !important;
}
/* Text vor Suchfeld */	
#page-header div.sticky-container div.main-search label.search-label {
    color: #87421F !important;
	font-weight: 600 !important;
}

/* Button mit der Lupe bei Suche */
#page-header div.sticky-container div.main-search search-addons moz-button {
	background-color: #f1eaee !important;
	min-width: 30px !important;
    max-width: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
	border: 1px solid grey !important;
} 
#page-header div.sticky-container div.main-search search-addons moz-button:hover {
    background-color: #f2ff7f !important;
    border: 1px solid brown !important;
}

/* das Icon bei Zahnrad / Drei-Punkte-Button / Zurück / Suche */
button#main-button span.button-background img {
	fill: green !important;
}
button#main-button span.button-background:hover img {
	fill: red !important;
}		

/*============= Container rechte Seite =============*/

/* rechte Seite für alle Container */
div#content div#main {
	min-width: 1200px !important;
	margin-inline-start: 200px !important;
}

/* der graue Hintergrund aller Sektionen */
div#content div#main recommended-themes-section,
div#content div#main discovery-pane,
section[section="0"] {
   border: 2px solid #2F2F36 !important;
   background-color: grey !important;
   margin-top: 5px !important;
   padding: 6px 10px 6px 10px !important;
}

/* bei "Empfohlene Erweiterungen" und "Empfohlene Themes" */
div#content div#main recommended-extensions-section,
div#content div#main recommended-themes-section {
   border: 2px solid #2F2F36 !important;
   background-color: grey !important;
   margin-top: 5px !important;
   padding: 0px 10px 6px 10px !important;
}

section[section="1"] {
   border: 2px solid #2F2F36 !important;
   background-color: grey !important;
   margin-top: 15px !important;
   padding: 2px 10px 4px 10px !important;
}

/* unter Deaktiviert bei Plugin, Sprachen u. Wörterbücher keine Border */
#main addon-list section.mlmodel-disabled-section,  /* KI-Modelle */
addon-list[type="locale"] section[section="1"],
addon-list[type="plugin"] section[section="1"],
addon-list[type="dictionary"] section[section="1"] {
   background-color: transparent !important;	
   box-shadow: none !important;
   border-radius: 0 !important;
   border: transparent !important;
}

/* Anpassung der Container */
div#content div#main recommended-themes-section recommended-addon-list recommended-addon-card div.card.addon,
div#content div#main recommended-extensions-section recommended-addon-list recommended-addon-card div.card.addon,
recommended-addon-card > moz-card.card.addon,
div#content div#main addon-list addon-card .card {
	background-color: #e9e9ed !important;
	border: 1px solid grey !important;
	border-width:  6px !important;
    border-style: double !important;
	border-radius: 0 !important;
	margin-bottom: 5px !important;
	padding: 5px !important;
}

/* Container bei Hover */
div#content div#main recommended-themes-section recommended-addon-list recommended-addon-card div.card.addon:hover,
div#content div#main recommended-extensions-section recommended-addon-list recommended-addon-card div.card.addon:hover,
recommended-addon-card > moz-card.card.addon:hover,
div#content div#main addon-list addon-card .card:hover {
    background-color: #ebe8a4 !important;
    border: 1px solid green !important;
	border-width:  6px !important;
    border-style: double !important;
	border-radius: 0 !important;
	box-shadow: 0 0 3px 3px #cb00f5 !important;
}

/* bei Überschrift "Aktiviert" der Hintergrund */
section[section="0"] h2.list-section-heading {
    background-color: #64BF15 !important;
    border: 1px solid #403d21 !important;
    padding: 5px 0 5px 15px !important;
    margin: 5px 0 1px 0 !important;
}

/* bei Überschrift "Gespeicherte Themes" und "Deaktiviert" der Hintergrund */
section[section="1"] h2.list-section-heading {
    background-color: #A6E7FF !important;
	border: 1px solid #403d21 !important;
    padding: 5px 0 5px 15px !important;
    margin: 8px 0 1px 0 !important;
}

/* bei Überschrift "Empfohlene Erweiterungen" und "Empfohlene Themes" der Hintergrund */
div#main recommended-themes-section h2.header-name.recommended-heading,
div#main recommended-extensions-section h2.header-name.recommended-heading {
    background-color: #50BFE6 !important;
    border: 1px solid #403d21 !important;
    padding: 5px 0 5px 15px !important;
    margin: 15px 0 1px 0 !important;
}

/* das Bild bei Themes mit Border */
addon-card moz-card.card.addon theme-preview img.card-heading-image {
	border: 1px solid #403d21 !important;
	border-radius: 6px !important;
	min-width: 880px !important;
    max-width: 880px !important;
	margin-bottom: 5px !important;
}

/* Border über dem Namen bei Themes */
div#main addon-list section.theme-disabled-section addon-card div.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container,
div#main addon-list section.theme-enabled-section addon-card div.card.addon div.addon-card-collapsed div.card-contents{
    padding-top: 8px !important; 
}
addon-list[type="theme"] section[section="0"] addon-card .card .card-contents, 
addon-list[type="theme"] section[section="1"] addon-card .card .card-contents {
    border-top: 2px solid green !important;
    margin-top: -10px !important; 
    margin-left: -20px !important;
    margin-right: -20px !important;
    padding-left: 20px !important;
    padding-right: 10px !important;
}
addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container {
	margin-top: 5px !important;
}	

/* Name und Versions-Nr. der Add-ons wird angezeigt */
div:not([current-view="updates"]) .addon-name-link[title]::after, div:not([current-view="updates"]) .addon-name[title]::after {
   display: block !important;
   content: attr(title) !important;
   margin-top: -22px !important; /* ganz wichtig */
   color: #6F2DA8 !important;
}

/* Beschreibungstext unter dem Namen rechts Ausdehnung begrenzt */
addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents span.addon-description {	
    max-width: 950px !important;
    margin-left: 20px !important;
}

/* bei Empfehlungen oben das Textfeld / und der Link darin */
div#main discovery-pane header p {
	background-color: #B4B8B0 !important;
	border: 1px solid gainsboro !important;
	border-width:  6px !important;
    border-style: double !important;
	border-radius: 0 !important;
	padding: 10px 0 10px 15px !important;
}
div#main discovery-pane header p span a.discopane-intro-learn-more-link {
    color: white !important;
    font-weight: 600 !important;
}
div#main discovery-pane header p span a.discopane-intro-learn-more-link:hover {
    color: magenta !important;
    font-weight: 600 !important;
}

/* bei Empfehlungen und Erweiterungen unten der Button "Datenschutzrichtlinie" */
#main discovery-pane footer.view-footer div.view-footer-item {
	margin-top: 0px !important;
	padding: 20px 0px 25px 0px !important;
}
#main recommended-extensions-section footer.view-footer div.view-footer-item {
	margin-top: 0px !important;
	padding: 20px 0px 15px 0px !important;
}
#main recommended-extensions-section footer.view-footer div.view-footer-item a.privacy-policy-link,
#main discovery-pane footer.view-footer div.view-footer-item a.privacy-policy-link{
    background: #F0F0F0 url("..//icons/Bild1.png") no-repeat !important;
    background-position: 6px 6px !important;	
    border: 1px solid grey !important;
    border-width:  3px !important;
    border-style: double !important;
    padding: 4px 15px 6px 40px !important;
}
#main recommended-extensions-section footer.view-footer div.view-footer-item a.privacy-policy-link:hover,  
#main discovery-pane footer.view-footer div.view-footer-item a.privacy-policy-link:hover{
    background: lightblue url("..//icons/Bild1.png") no-repeat !important;
    color: crimson !important;
    background-position: 6px 6px !important;
    border: 1px solid coral !important;
    border-width:  3px !important;
    border-style: double !important;
    padding: 4px 15px 6px 40px !important;
}

/* Bei Empfehlungen die Button "Theme installieren" und "Zu Firefox hinzufügen" */
#main discovery-pane recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button {
	background-color: #f5f5dc !important;
}	
#main discovery-pane recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button:hover {
	background-color: #89cff0 !important;
}

/* Bei Erweiterungen die Button "Zu Firefox hinzufügen" */
#main recommended-extensions-section recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button {
	background-color: #f5f5dc !important;
}	
#main recommended-extensions-section recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button:hover {
	background-color: #89cff0 !important;
}

/* Bei Themes die Button "Theme installieren" */
#main recommended-themes-section recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button {
	background-color: #f5f5dc !important;
}	
#main recommended-themes-section recommended-addon-list recommended-addon-card moz-card.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container button.disco-cta-button:hover {
	background-color: #89cff0 !important;
}

/* bei Empfehlungen, Themes und Erweiterungen ganz unten der letzte Container */
moz-card:has(.promo-layout) {
    background-color: #e8e8e8 !important;
    border: 5px double grey !important;
}

/* bei Empfehlungen unten links der Button mit dem Link */
moz-button[data-l10n-id="find-more-addons-promo-open-amo-button"] {
    background-color: gainsboro !important;
	border: 1px solid grey !important;
	border-radius: 25px !important;
	padding: 2px 15px 0px 15px !important;
}
moz-button[data-l10n-id="find-more-addons-promo-open-amo-button"]:hover {
	background-color: #fad6a5 !important;
	border: 1px solid grey !important;
}	

/* bei Erweiterungen unten links der Button mit dem Link */
moz-button[data-l10n-id="find-more-extensions-promo-open-amo-button"] {
    background-color: gainsboro !important;
	border: 1px solid grey !important;
	border-radius: 25px !important;
	padding: 2px 15px 0px 15px !important;
}
moz-button[data-l10n-id="find-more-extensions-promo-open-amo-button"]:hover {
	background-color: #fad6a5 !important;
	border: 1px solid grey !important;
}

/* bei Themes unten links der Button mit dem Link */
moz-button[data-l10n-id="find-more-themes-promo-open-amo-button"] {
    background-color: gainsboro !important;
	border: 1px solid grey !important;
	border-radius: 25px !important;
	padding: 2px 15px 0px 15px !important;
}
moz-button[data-l10n-id="find-more-themes-promo-open-amo-button"]:hover {
	background-color: #fad6a5 !important;
	border: 1px solid grey !important;
}		

/*===== Button Aktivieren und Deaktivieren bei Themes =====*/

/* ersten überlagernden Button Aktivieren und Deaktivieren ausgeblendet (bei Themes) */
button#main-button span.button-background {
    border-radius: 0 !important;
	border: unset !important;
	background: unset !important;
}

/* Button Deaktivieren bei Themes */
[data-l10n-id="disable-addon-button"] {
   max-width: 100px !important;	
   min-width: 100px !important;
   background-color: #48A43F !important;
   --button-text-color: #000 !important;
   --button-border: transparent !important;
   border: 1px solid grey !important;
   margin-bottom: -2px !important;
   margin-right: -4px !important;
}
[data-l10n-id="disable-addon-button"]:hover {
   background-color: #FA842B !important;
   border: 1px solid brown !important;
}

/* Button Aktivieren bei Themes */
[data-l10n-id="enable-addon-button"] {
   background-color: #FA842B !important;
   --button-text-color: #000 !important;
   --button-border: transparent !important;
   border: 1px solid grey !important;
   margin-bottom: -2px !important;
   margin-right: -4px !important;
}
[data-l10n-id="enable-addon-button"]:hover {
   background-color: #d4fe62 !important;
   border: 1px solid brown !important;
} 

/** ENDE **/

/* bei Geräteinterne KI der Text oben */
[data-l10n-id="mlmodel-description"] {
	background-color: #E9E5CE !important;
	border: 1px solid grey !important;
	border-width:  6px !important;
    border-style: double !important;
	border-radius: 0 !important;
	padding: 6px 5px 6px 15px !important;
	color: #594d45 !important;
} 

/* die Felder mit der MB-Angabe */
span.mlmodel-total-size-bubble {
	background-color: #d1d2bf !important;
	border: 1px solid grey !important;
}
span.mlmodel-total-size-bubble:hover {
	background-color: #f3e7d4 !important;
	border: 1px solid grey !important;
}		

/*===== Toggle-Button bei Erweiterungen =====*/

/* aktivierte Erw. Button HG */
#input.toggle-button[aria-pressed="true"] {
	background-color: green !important;	
    margin: 2px 3px 0 0 !important;
	border: 1px solid #000 !important;
}

/* aktivierte Erw. Button HG bei Hover */
#input.toggle-button[aria-pressed="true"]:enabled:hover {
    background-color: red !important;
    border: 1px solid #000 !important;
}

/* deaktivierte Erw. Button HG */ 
#input.toggle-button[aria-pressed="false"] {
    background-color: transparent !important;
	margin: 1px 3px 0 0 !important;
}

/* deaktivierte Erw. Button bei Hover HG */
#input.toggle-button:enabled:hover {
    background-color: lightgreen !important;
}

/** ENDE **/

/*==== More-Options-Button (Drei-Punkte-Button) ====*/

addon-card .more-options-button {
   	background-color: #CCF2FF !important;
	border: 1px solid grey !important;
	min-height: 24px !important;
	max-height: 24px !important;
	min-width: 24px !important;
	max-width: 24px !important;
	margin-inline-end: 3px !important;
	margin-top: 1px !important;
} 
addon-card .more-options-button:hover,
addon-card .more-options-button:focus-visible {
    outline: none !important;
    border: 1px solid brown !important;
    background-color: greenyellow !important;
}

/*== Popup des Drei-Punkte-Button ==*/

/* Anpassungen des Popup-Menüs */
addon-options > panel-list[role="menu"],
plugin-options > panel-list[role="menu"] {
   border-radius: 0 !important;
   border: 1px solid dodgerblue !important;
   border-width:  4px !important;
   border-style: double !important;
   background-color: #eeffee !important;
   margin-top: -1px !important;
   padding: 4px 4px 6px 4px !important;
}

/* Anpassungen der Items (Button) */
addon-options > panel-list > panel-item,
plugin-options > panel-list > panel-item {
   --in-content-button-background: none !important;
   --in-content-button-background-hover: none !important;
   --in-content-button-background-active: none !important;
   opacity: 1.0 !important;
   height: 26px !important;
   box-shadow: none !important;
   border: 1px solid grey !important;
   background-color: #b2beb5 !important;
   margin: 2px 2px 0 2px !important;
}
/* einige Items mit anderer Farbe als HG */
addon-options > panel-list > panel-item[action="remove"] {
   background-color: #800 !important;
   color: #FFF !important;
}
addon-options > panel-list > panel-item[action="expand"],
plugin-options > panel-list > panel-item[action="manage-addon-button"] {
   background-color: #804628 !important;
   color: #FFF !important;
}
addon-options > panel-list > panel-item[action="preferences"] {
   background-color: #217B22 !important;
   color: #FFF !important;
}
addon-options > panel-list > panel-item:hover,
addon-options > panel-list > panel-item[action="preferences"]:hover,
addon-options > panel-list > panel-item[action="remove"]:hover,
addon-options > panel-list > panel-item[action="expand"]:hover,
plugin-options > panel-list > panel-item:hover,
plugin-options > panel-list > panel-item[action="manage-addon-button"]:hover {
   fill: #000 !important;
   background-color: #f0ffff !important;
   color: #000 !important;
}

/* ab Version 110 die Separatoren (Menü hinter den drei Punkten) */
div#main addon-list section.plugin-enabled-section addon-card div.card.addon plugin-options panel-list hr,
addon-options panel-list hr,
plugin-options panel-list hr {
   background: grey !important;
   margin: 2px 0 2px 0 !important;
}

/*============ Icons für Popup-Menü vom Drei-Punkte-Button =============*/
/* in userChromeShadow.css werden die originalen Icons ausgeblendet */

/* Entfernen */
addon-options > panel-list > panel-item[action="remove"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("file:///C:/FoxIcons/0035.gif") no-repeat !important;
   background-position: 5px 0px !important;
   background-size: 16px 16px !important;
   padding-left: 10px !important;
   padding-right: 10px !important;
   margin-left: 6px;
   margin-right: -32px;
}

/* Einstellungen */
addon-options > panel-list > panel-item[action="preferences"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("file:///C:/FoxIcons/0036.png") no-repeat !important;
   background-position: 5px 0px !important;
   background-size: 16px 16px !important;
   padding-left: 10px !important;
   padding-right: 10px !important;
   margin-left: 6px;
   margin-right: -32px;
}

/* Melden */
addon-options > panel-list > panel-item[action="report"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("file:///C:/FoxIcons/0037.png") no-repeat !important;
   background-position: 5px 0px !important;
   background-size: 16px 16px !important;
   padding-left: 10px !important;
   padding-right: 10px !important;
   margin-left: 6px;
   margin-right: -32px;
}

/* Verwalten */
addon-options > panel-list > panel-item[action="expand"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("file:///C:/FoxIcons/0038.png") no-repeat !important;
   background-position: 5px 0px !important;
   background-size: 16px 16px !important;
   padding-left: 10px !important;
   padding-right: 10px !important;
   margin-left: 6px;
   margin-right: -32px;
}

/* Aktualisieren */
addon-options > panel-list > panel-item[action="install-update"]::before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url("file:///C:/FoxIcons/0130.png") no-repeat !important;
   background-position: 5px 0px !important;
   background-size: 16px 16px !important;
   padding-left: 10px !important;
   padding-right: 10px !important;
   margin-left: 6px;
   margin-right: -32px;
}

addon-options > panel-list > panel-item[action="install-update"]{
	 background-image: none !important;
}	

/*=== bei Plugins ===*/

/* Immer aktivieren */
plugin-options > panel-list > panel-item[action="always-activate"]::before {
   margin-right: -21px !important; 
   margin-left: 5px !important;
   content: '' !important;
   display: block !important;
   width: 19px !important;
   height: 15px !important;
   background: url("..//icons/aktiv.png") no-repeat !important;
   background-position: 2px 0px !important;
   background-size: 17px 17px !important;
}

plugin-options > panel-list > panel-item[action="always-activate"]:not([checked])::before {
   margin-right: -21px !important; 
   margin-left: 5px !important;
   content: '' !important;
   display: block !important;
   width: 19px !important;
   height: 15px !important;
   background: url("..//icons/inaktiv.png") no-repeat !important;
   background-position: 2px 0px !important;
   background-size: 16px 16px !important;
}

/* Nie aktivieren */
plugin-options > panel-list > panel-item[action="never-activate"]::before {
   margin-right: -21px !important; 
   margin-left: 5px !important;
   content: '' !important;
   display: block !important;
   width: 19px !important;
   height: 15px !important;
   background: url("..//icons/aktiv.png") no-repeat !important;
   background-position: 2px 0px !important;
   background-size: 17px 17px !important;
}

plugin-options > panel-list > panel-item[action="never-activate"]:not([checked])::before {
   margin-right: -21px !important; 
   margin-left: 5px !important;
   content: '' !important;
   display: block !important;
   width: 19px !important;
   height: 15px !important;
   background: url("..//icons/inaktiv.png") no-repeat !important;
   background-position: 2px 0px !important;
   background-size: 16px 16px !important;
}

/* Verwalten */
plugin-options > panel-list > panel-item[action="expand"]::before {
   margin-right: -21px !important; 
   margin-left: 6px !important;
   content: '' !important;
   display: block !important;
   width: 19px !important;
   height: 15px !important;
   background: url("file:///C:/FoxIcons/0038.png") no-repeat !important;
   background-position: 2px 0px !important;
   background-size: 16px 16px !important;
}

/** ENDE **/

/*===== unter Verwalten die Popup-Fenster =====*/

/* Popup unter Verwalten */
div[current-view="detail"] .card {
   background-color: lightgrey !important;
   border-radius: 8px !important;
   border: 1px solid grey !important;
   border-width:  6px !important;
   border-style: double !important;
   margin-bottom: 0 !important;
   padding-top: 10px !important;
}
div[current-view="detail"] .card:hover {
   background-color: #f8f8ff !important;
}	

/* Button unter Verwalten bei Erweiterungen */
button-group.tab-group > button {
   border: 1px solid #B2B2B2 !important;
   background-color: #0060DF !important;
   color: #FFF !important;
   margin: 3px 3px 3px 0px !important;
}

/* der aktive Button */
button-group.tab-group > button[selected=""] {
   border-top: 1px solid #B2B2B2 !important;
   background-color: #217B22 !important;
   color: #FFF !important;
   box-shadow: none !important;
}
button-group.tab-group > button:hover,
button-group.tab-group > button[selected=""]:hover {
   border-top: 1px solid #B2B2B2 !important;
   background-color: #D1E2F2 !important;
   color: #000 !important;
   margin: 3px 3px 3px 0px !important;
}

/* Button "Details" */
button#details-deck-button-details {
   padding: 3px 8px 4px 8px !important;
   max-width: 120px !important;
   min-width: 120px !important;
   border-radius: 0 !important;
}

/* Button "Einstellungen" */
button#details-deck-button-preferences {
   padding: 3px 8px 4px 8px !important;
   max-width: 140px !important;
   min-width: 140px !important;
   border-radius: 0 !important;
}

/* Button "Berechtigungen und Daten" */
button#details-deck-button-permissions {
   padding: 3px 8px 4px 8px !important;
   max-width: 200px !important;
   min-width: 200px !important;
   border-radius: 0 !important;
}

/* Button "Versionshinweise" */
button#details-deck-button-release-notes {
   padding: 3px 8px 4px 8px !important;
   max-width: 150px !important;
   min-width: 150px !important;
   border-radius: 0 !important;
}

/* Button "Unterstützen" */
#details-deck section div.addon-detail-contribute button.addon-detail-contribute-button {
    background-color: lightblue !important;
}
/* bei Hover */
#details-deck section div.addon-detail-contribute button.addon-detail-contribute-button:hover {
    background-color: #CB8D73 !important;
}

/* Links bei Hover andere Farbe (magenta) */
#details-deck section div.addon-detail-row.addon-detail-row-homepage a:hover,
#details-deck section div.addon-detail-row.addon-detail-row-updates div.addon-detail-actions button.button-link:hover,
#details-deck section div.addon-detail-row.addon-detail-help-row a:hover {
	color: magenta !important;
}

/* bei Themes das Image */
div#main addon-card moz-card.card.addon theme-preview img.card-heading-image {
	margin-left: 5px !important;
}	
/** ENDE **/
}

Alles anzeigen

FuchsFan

Zitat von Boersenfeger

Kann man es heilen?

Boersenfeger

Man kann es heilen, aber wie schon mehrmals betont, dafür müsste der Code eine Generalüberholung erhalten. Wer will das machen? Ich habe den Code aus #34 genommen, ihn so verändert , dass du wenigstens erkennen kannst, was zu bedienen geht, also nur das Nötigste.

CSS

		/*  Addons-Manager Nightly */
		
	@-moz-document url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
	url-prefix(chrome://mozapps/content/extensions/extensions.xhtml),
	url-prefix(about:addons) {

			/* =========================================
			   Sidebar Buttons (alle)
			========================================= */
		
		[data-l10n-id="sidebar-help-button-title"] {
			display: none !important;
		}

		.button-background {
			background-color: unset !important;
		}

		.button-background {
			& img {
				fill: red !important;
			}
		}

		moz-page-nav-button {
			background: lightgrey !important;
			color: black !important;
			border: 2px solid grey !important;
			border-radius: 50px !important;
			box-shadow: inset 0 0 5px 5px #888 !important;
		}

			/* =========================================
			   Hover (nur bei inaktiv sichtbar)
			========================================= */

		moz-page-nav-button:hover {
			background: blue !important;
			color: white !important;
			border-color: brown !important;
			box-shadow: inset 0 0 5px 5px #888 !important;
		}

			/* aktiver Button */
		button[selected] {
			color: white !important;
			background-color: red !important;
			border-radius: 50px !important;
			box-shadow: inset 0 0 5px 5px #888 !important;
		}

			/* optional hover für aktiven Button */
		button[selected]:hover {
			color: white !important;
			background-color: #8A2BE2 !important;
		} 


			/*  Versionsnummer der Addons wird angezeigt */
		div:not([current-view="updates"]) .addon-name-link[title]::after,
		div:not([current-view="updates"]) .addon-name[title]::after {
			display: block !important;
			content: attr(title) !important;
			margin-top: -22px !important;
		} 
		
		/*restore version number */
		div:not([current-view="updates"]) .addon-name-link[title]:not([data-l10n-args])::after,
		div:not([current-view="updates"]) .addon-name[title]:not([data-l10n-args])::after {
			display: block !important;
			content: attr(title) !important;
			margin-top: -22px !important;
		}

		/*  Hintergrund der Button auf der rechten Seite */
		moz-card#aboutaddons-themes-picker-card,
		moz-segmented-control{
			display: none !important;
		}
		
		article.moz-card div#moz-card-details div#content {
			background-color: transparent !important;
		}	
		
		
		addon-list addon-card:not([expanded="true"]) panel-list * {
			background-color: antiquewhite !important;
			color: black !important;
			font-weight: bold !important;
		}
		
		addon-list.monochromatic-addon-list section addon-card div.card.addon addon-options panel-list {
			background: blanchedalmond !important;     
		}
		
		@supports -moz-bool-pref("browser.in-content.dark-mode") 
		@media (prefers-color-scheme: dark) 
		addon-list addon-card:not([expanded="true"]) panel-list *,
		.more-options-menu panel-item {
			background: black !important;
			color: white !important;
		}
		
		addon-list panel-item {
			margin: 0 1px !important;
			box-shadow: inset 0 0 3px 3px grey;
		}
		
	   
			/*  Reduce Size of default Buttons */
		link:is([href$="panel-item.css"],[href$="panel-list.css"]) ~ button {
			width: unset !important;
			padding: 10px 24px !important; /* 5px ist die Höhe der rechten Button */
		}
		
			/*  Entfernt den Drei-Punkte-Button aus dem Container */
		addon-card .more-options-button {
			display: none !important;
		}

			/*  Remove Button Icon */
		addon-list panel-item {
			--icon: unset !important;
		}
		
		addon-card panel-list {
			position: relative !important;
			display: flex !important;
			overflow: hidden !important;
			background: unset !important;
			border: unset !important;
			box-shadow: unset !important;
			min-width: unset !important;
			width: unset !important;
			float: right !important;
			right: 36px !important;
		}
		
		#content div#main addon-list section.extension-enabled-section addon-card div.card.addon addon-options panel-list {
			margin-top: -52px !important;
			margin-right: 45px !important;
		}	

		div.arrow.top + div.list {
			display: flex !important;
			flex-flow: row wrap !important;
			justify-content: flex-start !important;
		} 
		
		 div[role="presentation"].list {
			display: flex !important;
			flex-flow: row wrap !important;
			justify-content: flex-start !important;
		}

		panel-item[action="preferences"] {
			order: -1;
		}
		
		panel-item[badged] {
			border: 1px solid Highlight !important;
		}
		
		panel-item[badged]::after,
		:host([badged]) button::after,
		link:is([href$="panel-item.css"],[href$="panel-list.css"]) ~ button::after,
		:is(addon-options,plugin-options) button::after {
			display: none !important;
			content: unset !important;
		}
		
		addon-page-options panel-list {
			min-width: unset !important;
			width: auto !important;
			max-width: 300px !important;
			z-index: 1000 !important;      
		}
		
		addon-page-options panel-list panel-item {
			min-width: 280px !important;
			width: 280px !important;     
		}
		
		.sticky-container {
			z-index: 1000 !important;
		}
		
		link:-is([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey] {
			padding-inline-start: 0px !important;
			padding-top: 3px !important;
			padding-bottom: 3px !important;
			min-width: 260px !important;
			width: 260px !important;      
		}

		addon-page-options panel-list panel-item[accesskey][checked] {
			background: url("chrome://global/skin/icons/check.svg") 5px no-repeat !important;
		}
			
		addon-list addon-card:not([expanded="true"]) panel-list {     
			display: block !important;   
			box-shadow: none !important; 
			border: none !important;
			right: 45px !important;
		} 

			/*  Abstand zwischen den Containern */  
		addon-card .addon { 
			margin: 5px !important; 
		}

			/*  Höhe der Container */
		addon-list[type="extension"]{ 
			--card-padding: 19px;
		}
		addon-card .addon-card-collapsed { 
			margin-bottom: 2px !important; /* Button rechts Abstand vom oberen Rand */   
			margin-top: -5px !important;
		}    

			/*  Abstand der Button vom rechten Rand bei Themes, Plugins, Wörterbücher, usw.*/
		addon-list:is([type="theme"],[type="plugin"],[type="dictionary"]) 
		addon-card:not([expanded="true"]) 
		panel-list {
			right: 155px !important;
			top:  -15px !important;
		}

			/*  Abstand der Button vom oberen Rand bei Plugins, Wörterbücher, usw. */
		addon-list addon-card:not([expanded="true"]) panel-list {
			margin-top: -42px !important;
		}

			/*  Abstand der Button vom oberen Rand bei Themes */
		addon-list:is([type="theme"]) addon-card:not([expanded="true"]) panel-list {
			margin-top: -46px !important;
			margin-left: -100px !important;
		}
		
			/*  Entfernung Bereich Farbgebungen */
		addon-list.monochromatic-addon-list {
			display: none !important;
		}    

			/*  Ausdehnung der Container zum rechten Rand */    
		.addon.card {
			width: 1380px;
		}

		input[type="checkbox"].toggle-button {
			margin-right: 30px !important; /* blauer Button -Deaktivieren/Aktivieren- Abstand vom rechten Rand */
		}
		
		
			/*  Nummerierung der Erweiterungen, Themes und Plugins */
		.addon-card-collapsed::before {
			font-size:18px!important;  
			color: red !important;
			font-weight: bold !important;
			counter-increment: section;                 
			content: counter(section, decimal-leading-zero)". ";
			margin-left: -8px !important;
			padding-right: 8px !important; 
			margin-top:4px!important;
		}

		body {
			counter-reset: section;
		}

		
			/*  Abstand der Button zum linken Rand */
		#categories > .category, #preferencesButton, #helpButton, #addonsButton {
			margin-left: 5px !important; 
		}

		#categories > .category:not([disabled]){
			background-color: gainsboro !important;/*Hintergrundfarbe vom Button*/
			margin-top: 2px !important; /*Abstand zum Button darüber*/
			border-radius: 60px !important;/*Rundung vom Button*/
			box-shadow: inset 0 0 5px 5px #888;
		}
		
			/*  Aktiver Button rot, Schrift weiß */
		#categories > .category[selected]{
			color: white !important;
			background-color: red !important;
			margin-top: 1px !important;
			border-radius: 60px !important;
			box-shadow: inset 0 0 5px 5px #888; 
		}

			/*  Hintergrund der Button blau, Schrift weiß bei hover mit der Maus */
		#categories > .category:hover, #preferencesButton:hover, #helpButton:hover, #addonsButton:hover {
			color: white !important;
			background-color: blue !important;
			margin-top: 1px !important;
			border-radius: 60px !important;
			box-shadow: inset 0 0 5px 5px #888;      
		}
			
			/*  Optionen-Button */
		button.more-options-button:nth-child(1) {
			position: absolute !important;
			left: 19% !important;
			margin-top: 20px !important;
		}

			/*  Bei "Themes" die Grafiken ausblenden */
		.card-heading-image {
			display: none !important;
		}
		  
		
			/*  Erweiterungssuche ausblenden */
		.main-search {
			display: none !important;
		}
		
			/*  Ausblenden Firefox Optionen */
		#preferencesButton,
		#help-button {
			display: none !important;
		}
		
			/*  Kategorien in abgerundeten Buttons */
		#preferencesButton,
		#addonsButton,
		#helpButton,
		#category-availableUpdates {
			background-color: red !important;
			margin-top:5px !important;
			border-radius:60px !important;
		}    

			/*  Privatmodus und empfohlene Erweiterungen Icons entfernen */
		.addon-badge-recommended,
		.addon-badge-private-browsing-allowed {
			display:none !important; 
		}


			/*  Umrandung bei Hover breiter Rand und andere Farbe */
		:root {
			--card-outline-color: LimeGreen !important;
		}
		
		#sidebar {
			background: darkkhaki !important;
		}
		.main-search,
		.sticky-container,
		.main-heading,
		#content {
			background: blanchedalmond !important;
			font-size: 15px !important;
		}
		richlistbox.list > richlistitem.addon {
			background:white!important;
			margin-left:-20px !important;
			margin-top:  7px !important;
		}
		#list-view > #addon-list .description-container {
			margin-left: 350px !important;
			margin-top: -10px !important;
			border-radius:60px !important;
			padding: 5px 8px 2px 7px !important; 
		}    
		#list-view > #addon-list .addon.addon-view {
			padding: 5px 80px 2px 7px !important;
			border-radius:60px !important;
		}
		
		
		addon-list[type="theme"] moz-card.card.addon {
            padding: 25px 0 0px 0 !important;
        }
		addon-list[type="plugin"] moz-card.card.addon {
    padding: 15px 0 10px 0 !important;
}

			/*  Kategorien nicht angeklickt, Text dunkelrot */
		.category {
			color: darkred !important;
		}

			/*  Kategorien hover Hintergrund + Schrift */
		.category:hover {
			color:white!important;
			background:red!important;
		}

			/*  Einstellungen-Fenster verbreitern */
		.pane-container{
			width: 900px !important;
		}                      
		
			/*  Unter Plugins Nachfragen ob aktiviert werden soll entfernt */
		#main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(2) > div:nth-child(1) > plugin-options:nth-child(5) > panel-list:nth-child(1) > panel-item:nth-child(1),
		#main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(3) > div:nth-child(1) > plugin-options:nth-child(5) > panel-list:nth-child(1) > panel-item:nth-child(1) {
			display: none !important;
		}
		
			/*  Button mit dem Zahnrad */
	  .page-options-menu > .more-options-button{
			fill: red !important; /* rotes Zahnrad */ 
			border: 1px solid grey !important; /* farbige Umrandung */
			border-radius: 15px !important; /* Abrundung */
			width: 60px !important; /* Länge des Button */
			height: 30px ! important; /* Höhe des Button */
		} 
		
			/*  Button oben mit dem Zahnrad bei Hover */
		.page-options-menu > .more-options-button:hover {
			fill: lime !important; /* Farbe des Zahnrades */
		}

			/*   Aussehen des Menü hinter dem Zahnrad */
		link:is([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey] {
			margin-left: 6% ! important;
			min-width: 50px !important;
			width: 175px !important; /* Länge der einzelnen Felder */
			background: white ! important; /* Farbe des Hintergrundes */
		}
		
		link:is([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey]:hover {
			background: lightyellow !important;    
		}  
		.sticky-container {
			z-index: 1000 !important;
		}

		button:focus {
			background: none !important;
		}
	 
		addon-page-options panel-list panel-item {
			width: 425px !important; /* Länge der aktivierten Menü-Leiste */
			background: none ! important;
			padding-right: 15px !important;
		}
		
		addon-page-options panel-list panel-item:hover {
			width: 425px !important; 
			background: lime ! important;
			color: red !important;
		}    

		addon-page-options panel-list {
			min-width: unset !important;
			width: auto !important;
			max-width: 450px !important; /* Ausdehnung der Felder nach rechts */ 
			background: #f8f8ff ! important; /* farbiger Hintergrund des Feldes */
			padding-left: 8px !important; /* Ausdehnung nach links */
			padding-right: 3px !important; /* Ausdehnung nach rechts */
			z-index: 1000 !important;
		}
		
			/*  Hintergrund der Box Updates automatisch aktualisieren */
		addon-page-options panel-list panel-item[accesskey][checked] {
			background: gold !important;
		}           
		
			/*  Zurückbutton bei geöffnetem Menü Einstellung/Verwalten */
		.back-button {
			background-color: silver !important;/*Hintergrundfarbe vom Button*/
			width: 60px !important;
			border-radius: 60px !important;/*Rundung vom Button*/
			box-shadow: inset 0 0 3px 3px #888;
		}
		
		.back-button:hover {
			color: white !important;
			background-color: dodgerblue !important;
			border-radius: 60px !important;
			box-shadow: inset 0 0 3px 3px #888;
		}    

			/*  Icons des Stern-Kontextmenü */
		#page-options > panel-list:nth-child(1) > panel-item:nth-child(1)::before {
			content: '';
			display: block;
			width: 16px;
				height: 16px;
			background: url("..//icons/Bild5.png") no-repeat !important;
			background-size: 16px 16px !important;
			margin-left: 15px;
			margin-right: -31px;
		}

		#page-options > panel-list:nth-child(1) > panel-item:nth-child(2)::before {
			content: '';
			display: block;
			width: 16px;
			height: 16px;
			background: url("..//icons/Bild61.png") no-repeat !important;
			background-size: 16px 16px !important;
			margin-left: 15px;
			margin-right: -31px;
		}
	 
		#page-options > panel-list:nth-child(1) > panel-item:nth-child(4)::before {
			content: '';
			display: block;
			width: 16px;
			height: 16px;
			background: url("..//icons/Bild3.png") no-repeat !important;
			background-size: 16px 16px !important;
			margin-left: 15px;
			margin-right: -31px;
		}

		#page-options > panel-list:nth-child(1) > panel-item:nth-child(5)::before {
			content: '';
			display: block;
			width: 16px;
			height: 16px;
			background: url("..//icons/Bild66.ico") no-repeat !important;
			background-size: 16px 16px !important;
			margin-left: 15px;
			margin-right: -31px;
		}

		#page-options > panel-list:nth-child(1) > panel-item:nth-child(7) {
			fill: transparent !important;
		}
		 
		#page-options > panel-list:nth-child(1) > panel-item:nth-child(7)::before {
			content: '';
			display: block;
			width: 16px;
			height: 16px;
			background: url("..//icons/Bild62.png") no-repeat !important;
			background-size: 18px 18px !important;
			margin-left: 16px;
			margin-right: -32px;
			margin-bottom: 3px;
		}
		
		#page-options > panel-list:nth-child(1) > panel-item:nth-child(7):not([checked])::before {
			content: '';
			font-size: 14px;
			padding-left: 0px !important;
			padding-top: 1px !important;
			padding-bottom: 2px !important;
			display: block;
			width: 16px;
			height: 16px;
			background: url("..//icons/Bild63.png") no-repeat !important;
			background-size: 18px 18px !important;
			margin-left: 15px;
			margin-right: -32px;
			margin-bottom: 3px;
		}
		
		#page-options > panel-list:nth-child(1) > panel-item:nth-child(8)::before {
			content: '';
			display: block;
			width: 16px;
			height: 16px;
			background: url("..//icons/Bild64.png") no-repeat !important;
			background-size: 16px 16px !important;
			margin-left: 15px;
			margin-right: -31px;
		}

		#page-options > panel-list:nth-child(1) > panel-item:nth-child(10)::before {
			content: '';
			display: block;
			width: 16px;
			height: 16px;
			background: url("..//icons/Bild67.png") no-repeat !important;
			background-size: 16px 16px !important;
			margin-left: 15px;
			margin-right: -31px;
		}

			/*  About:addons  - Optionen Schaltfläche */		
		#utils-updateNow{
			appearance: none !important;
			background: url("..//icons/Bild5.png") no-repeat !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left:28px!important;
			background-position:6px 5px!important;
		}

		#utils-updateNow:hover{
			appearance: none !important;
			margin-right: -1px !important;
			background: #ecf0f6 url("..//icons/Bild5.png") no-repeat !important;    
			border-width: thin !important;
			border-radius: 4px !important;
			border-color: #aecff7 !important;
			border-style: solid !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left:28px!important;
			background-position:6px 5px!important;
		}

		#utils-viewUpdates{
			appearance: none !important;
			background: url("..//icons/Bild61.png") no-repeat !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left:28px!important;
			background-position:6px 5px!important;
		}

		#utils-viewUpdates:hover{
			appearance: none !important;
			margin-right: -1px !important;
			background: #ecf0f6 url("..//icons/Bild61.png") no-repeat !important;    
			border-width: thin !important;
			border-radius: 4px !important;
			border-color: #aecff7 !important;
			border-style: solid !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left:28px!important;
			background-position:6px 5px!important;
		}

		#utils-installFromFile{
			appearance: none !important;
			background: url("..//icons/Bild3.png") no-repeat !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left:28px!important;
			background-position:6px 5px!important;
		}

		#utils-installFromFile:hover{
			appearance: none !important;
			margin-right: -1px !important;
			background: #ecf0f6 url("..//icons/Bild3.png") no-repeat !important;    
			border-width: thin !important;
			border-radius: 4px !important;
			border-color: #aecff7 !important;
			border-style: solid !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left: 28px!important;
			background-position: 6px 5px!important;
		}

		#utils-autoUpdateDefault[type="checkbox"][checked="true"]>.menu-iconic-left{
			appearance: none !important;
			background: url("..//icons/Bild62.png")no-repeat !important;
			height:15px!important;
			padding-top:1px!important;
			margin-left:5px !important;
		}

		#utils-autoUpdateDefault[type="checkbox"][checked="true"]>.menu-iconic-text {
			padding-left: 12px !important;}

		#utils-autoUpdateDefault[type="checkbox"][checked="false"]>.menu-iconic-left{
			appearance: none !important;
			background: url("..//icons/Bild63.png")no-repeat !important;
			height: 15px!important;
			padding-top: 1px!important;
			margin-left: 7px !important;
		}

		#utils-autoUpdateDefault[type="checkbox"][checked="false"]>.menu-iconic-text{
			padding-left: 10px !important;}

		#utils-resetAddonUpdatesToAutomatic{
			appearance: none !important;
			background: url("..//icons/Bild64.png") no-repeat !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left: 28px!important;
			background-position: 6px 5px!important;
		}

		#utils-resetAddonUpdatesToAutomatic:hover{
			appearance: none !important;
			margin-right: -1px !important;
			background: #ecf0f6 url("..//icons/Bild64.png") no-repeat !important;    
			border-width: thin !important;
			border-radius: 4px !important;
			border-color: #aecff7 !important;
			border-style: solid !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left: 28px!important;
			background-position: 6px 5px!important;
		}

		#utils-resetAddonUpdatesToManual{
			appearance: none !important;
			background: url("..//icons/Bild65.png") no-repeat !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left: 28px!important;
			background-position: 6px 5px!important;
		}

		#utils-resetAddonUpdatesToManual:hover{
			appearance: none !important;
			margin-right: -1px !important;
			background: #ecf0f6 url("..//icons/Bild65.png") no-repeat !important;    
			border-width: thin !important;
			border-radius: 4px !important;
			border-color: #aecff7 !important;
			border-style: solid !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left: 28px!important;
			background-position: 6px 5px!important;
		}

		#utils-debugAddons{
			appearance: none !important;
			background: url("..//icons/Bild66.ico") no-repeat !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left: 28px!important;
			background-position: 6px 5px!important;
		}

		#utils-debugAddons:hover{
			appearance: none !important;
			margin-right: -1px !important;
			background: #ecf0f6 url("..//icons/Bild66.ico") no-repeat !important;    
			border-width: thin !important;
			border-radius: 4px !important;
			border-color: #aecff7 !important;
			border-style: solid !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left: 28px!important;
			background-position: 6px 5px!important;
		}

		#manage-shortcuts{
			appearance: none !important;
			background: url("..//icons/Bild67.png") no-repeat !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left: 28px!important;
			background-position: 6px 5px!important;
		}

		#manage-shortcuts:hover{
			appearance: none !important;
			margin-right: -1px !important;
			background: #ecf0f6 url("..//icons/Bild67.png") no-repeat !important;    
			border-width: thin !important;
			border-radius: 4px !important;
			border-color: #aecff7 !important;
			border-style: solid !important;
			min-height: 24px!important;
			padding-top: 5px! important;
			padding-left: 28px!important;
			background-position: 6px 5px!important;
		}
		
		#empty-addons-message {
			display: none !important;
		}

			/*both*/
		#unified-extensions-area .unified-extensions-item-message-deck .unified-extensions-item-message,
		.unified-extensions-list .unified-extensions-item-message-deck,
		menupopup#unified-extensions-context-menu .unified-extensions-context-menu-report-extension,
		menupopup#unified-extensions-context-menu .unified-extensions-context-menu-remove-extension {
			display: none !important;
		}

			/*grid*/
		#unified-extensions-view {
			width: unset !important;
		}

		#unified-extensions-area,
		.unified-extensions-list {
			display: grid !important;
			grid-template-columns: repeat(3, 1fr) !important;
			width: 200px !important;
		}

		#unified-extensions-panel toolbaritem.unified-extensions-item {
			max-width: unset !important;
			width:  62px !important;
			height: 30px !important;
			background-color: rgba(80, 80, 80, 0.6) !important;
			margin: 1px !important;
			border-radius: 4px !important;
			border: 1px solid #666 !important;
			padding: 0 2px !important;
		}

		.unified-extensions-list .unified-extensions-item {
			max-width: unset !important;
			width:  56px !important;
			height: 28px !important;
			background-color: rgba(67, 67, 94, 0.6) !important;
			margin: 1px !important;
			border-radius: 4px !important;
			border: 1px solid #666 !important;
			padding: 0 2px !important;
		}

		.unified-extensions-item-action-button {
			overflow: visible !important;
			max-height: 24px !important;
		}

		.unified-extensions-item[unified-extensions="true"] .webextension-browser-action > .toolbarbutton-badge-stack {
			margin-inline-end: 0 !important;
		}

		.unified-extensions-item .unified-extensions-item-menu-button.subviewbutton {
			margin-inline-start: 0 !important;
		}

		.unified-extensions-item-menu-button.subviewbutton > .toolbarbutton-icon {
			padding: unset !important;
		}

		.toolbaritem-combined-buttons:is(:not([cui-areatype="toolbar"]),
		[overflowedItem="true"]) > toolbarbutton:not(.toolbarbutton-1)[disabled] {
			opacity: 1 !important;
		}

			/*hover name regular*/
		#unified-extensions-area .subviewbutton {
			padding: 2px !important;
		}

		#unified-extensions-area .unified-extensions-item image.toolbarbutton-icon {
			opacity: 1 !important;
			margin-left:  2px !important;
			padding: 0 !important;
			height: 16px !important;
			width: 16px !important;
		}

		#unified-extensions-area .unified-extensions-item:hover .unified-extensions-item-menu-button image.toolbarbutton-icon {
			margin-left:  0 !important;
		}

		#unified-extensions-area .unified-extensions-item .unified-extensions-item-action-button {
			width: 26px !important;    
			margin-right: 6px !important; 
		}

		#unified-extensions-area .unified-extensions-item:hover .unified-extensions-item-action-button[disabled="true"] {
			opacity: 1 !important;
		}

		#unified-extensions-area .unified-extensions-item:not(hover) .unified-extensions-item-contents .unified-extensions-item-name {
			display: none !important;
		}

		#unified-extensions-area .unified-extensions-item:hover .unified-extensions-item-contents .unified-extensions-item-name {
			display: block !important;
			position: relative;
			top: -8px;
			left: 0px;
			background: #eee;
			color: #000;
			border-radius: 3px;
			width: 120px !important;
			min-height: 18px !important;
			z-index: 999 !important;
		}

		#unified-extensions-panel toolbaritem.unified-extensions-item:nth-of-type(3n-2):hover .unified-extensions-item-contents .unified-extensions-item-name {
			left: -20px !important;
		}

		#unified-extensions-panel toolbaritem.unified-extensions-item:nth-of-type(3n-1):hover .unified-extensions-item-contents .unified-extensions-item-name {
			left: -70px !important;
		}

		#unified-extensions-panel toolbaritem.unified-extensions-item:nth-of-type(3n):hover .unified-extensions-item-contents .unified-extensions-item-name {
			left: -120px !important;
		}


			/*hover name unified*/
		.unified-extensions-list .unified-extensions-item-action-button:hover {
			background-color: rgba(251, 251, 254, 0.09) !important;
		}

		.unified-extensions-list .subviewbutton {
			padding: 2px !important;
			margin: 0 !important;
		}

		.toolbaritem.unified-extensions-item .unified-extensions-list {
			margin: 0 0 0 8px !important;
		}
		
		.unified-extensions-item-icon {
			opacity: 0.5;
		}

		.unified-extensions-list image.unified-extensions-item-icon {
			opacity: 1 !important;
			margin-left: 2px !important;
			padding: 0 !important;
			height: 16px !important;
			width: 16px !important;
		}

		.unified-extensions-list .unified-extensions-item image.toolbarbutton-icon {
			margin-left:  4px !important;
		}

		.unified-extensions-list .unified-extensions-item .unified-extensions-item-action-button {
			width: 26px !important;
			margin-right: 4px !important;
		}

		.unified-extensions-list .unified-extensions-item .unified-extensions-item-action-button:not(hover) .unified-extensions-item-contents label {
			display: none !important;
		}

		.unified-extensions-list .unified-extensions-item .unified-extensions-item-action-button:hover .unified-extensions-item-contents label {
			display: block !important;
			position: relative;
			top: -10px;
			left: 0px;
			background: #eee;
			color: #000;
			border-radius: 3px;
			width: 120px !important;
			min-height: 18px !important;
		}

		.unified-extensions-list .unified-extensions-item:nth-of-type(3n-2) .unified-extensions-item-action-button:hover .unified-extensions-item-contents label {
			left: -5px !important;
		}

		.unified-extensions-list .unified-extensions-item:nth-of-type(3n-1) .unified-extensions-item-action-button:hover .unified-extensions-item-contents label {
			left: -60px !important;
		}

		.unified-extensions-list .unified-extensions-item:nth-of-type(3n) .unified-extensions-item-action-button:hover .unified-extensions-item-contents label {
			left: -110px !important;
		}
		
		#category-discover,
		[data-l10n-id="help-button"] {
			display: none !important;
		}
		
		button[selected]::before {
			display: none !important;
		}
		
			/* Themes Button aktivieren und deaktivieren farblich absetzen*/
		[data-l10n-id="enable-addon-button"] {
			background: red !important;
		}

		[data-l10n-id="disable-addon-button"] {
			background: green !important;
		}

		.button-background.labelled {
			color: white !important;  
		}

		addon-card .more-options-button {
			background-color: yellow !important;
			color: red !important;
		}


	}

Alles anzeigen

FuchsFan

Zitat von Mira_Belle

Nein

Grundsätzlich richtig ist: if (window.gBrowser) {, aber die bessere Variante ist diese, damit es auch in anderen Fenstern funktioniert, damit hast du vollkommen recht.

JavaScript

if (
    window.gBrowser &&
    !CustomizableUI.getWidget('ExtraConfigMenu-button')
) {

FuchsFan

Zitat von Boersenfeger

Treffer, versenkt!

FuchsFan

Verwende es so (ohne !) if (window.gBrowser){

FuchsFan

Zitat von V_B

C:\Program Files\Mozilla Firefox
userChromeJS.js und config.js

Wenn tatsächlich der Ordner so userChromeJS.js heißt, dann kann es nicht funktionieren. So ist es richtig userChromeJS.

Beiträge von FuchsFan

Script für Lesezeichen-Anzahl funkt nicht mehr.

Script für Lesezeichen-Anzahl funkt nicht mehr.

Script für Lesezeichen-Anzahl funkt nicht mehr.

Script für Lesezeichen-Anzahl funkt nicht mehr.

ucjsDownloadStatubarModoki.uc.js geht nicht mehr

Anzeige unter about:addons in Nightly verändert

Anzeige unter about:addons in Nightly verändert

Anzeige unter about:addons in Nightly verändert

Anzeige unter about:addons in Nightly verändert

Anzeige unter about:addons in Nightly verändert

Anzeige unter about:addons in Nightly verändert

Anzeige unter about:addons in Nightly verändert

Anzeige unter about:addons in Nightly verändert

Anzeige unter about:addons in Nightly verändert

Anzeige unter about:addons in Nightly verändert

Anzeige unter about:addons in Nightly verändert

Seit gestern ist kein Button mehr zu sehen im Extras Config Menu-Script

Seit gestern ist kein Button mehr zu sehen im Extras Config Menu-Script

Seit gestern ist kein Button mehr zu sehen im Extras Config Menu-Script

Script für Datums- & Zeitanzeige