Teste bitte:
Danke, Andreas, das passt. 
Ich habe auch noch zwei Baustellen wo ich nicht weiter komme.
Teste bitte:
Farben habe ich mal testweise geändert.
button.theme-enable-button {
border-radius: 15px !important;
border: 1px solid grey !important;
background: yellow !important;
}
button.theme-enable-button:hover {
border: 1px solid grey !important;
background: red!important;
}Teste bitte:
Ohne es getestet zu haben, kann es so nicht funktionieren, Du brauchst schon die Auswahl Deaktivieren oder Aktivieren den es sollen ja zwei unterschiedliche Farben beim Hovern erscheinen.
Gruß
EDV-Oldi
zwei unterschiedliche Farben beim Hovern erscheinen
Das ist richtig, das kann nicht funktionieren. Da kann ich dir auch nicht weiter helfen.
Da kann ich dir auch nicht weiter helfen.
Na, eventuell doch. Probiere mal:
addon-card .addon.card[active="true"] .theme-enable-button {
background: yellow!important;
}
addon-card:hover .addon.card[active="true"] .theme-enable-button {
background: red !important;
}
addon-card:hover .addon.card[active="false"] .theme-enable-button {
background: green !important;
}passt Danke
Wenn du die nicht aktiven auch noch mit Hitergrund haben möchtest, dann das noch dazu:
addon-card .addon.card[active="false"] .theme-enable-button {
background: dodgerblue!important;
}Wenn du die nicht aktiven auch noch mit Hitergrund haben möchtest
habe ich schon 
Gruß
EDV-Oldi
Du hast autom. Update abgeschaltet (roter Punkt), aber wenn ich das richtig erkenne auf dem Bild von hier RE: Ansicht "Erweiterungen verwalten", dann geht der Zeilenhintergrund über die recht Begrenzung hinaus (oder nicht?)
Hast du auch einen Vorschlag dafür?
Das grau in der 1. Zeile stört mich auch, hatte das immer als Hover-Effekt angesehen...
Hast du auch einen Vorschlag dafür?
Probiere mal den Abschnitt in deinem Code:
/*======== Aussehen des Menü hinter dem Zahnrad ========*/
link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey] {
margin-left: 6% ! important;
min-width: 350px !important;
width: 375px !important; /* Länge der einzelnen Felder */
background: white ! important; /* Farbe des Hintergrundes */
}
link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey]:hover {
background: lightyellow !important;
}
.sticky-container {
z-index: 1000 !important;
}
addon-page-options panel-list panel-item {
width: 425px !important; /* Länge der aktivierten Menü-Leiste */
background: none ! 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: 430px !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;
}
/*** ENDE - Aussehen des Menü hinter dem Zahnrad ***/ Sieht dann so aus, wenn Auto-Update abgeschaltet:
Dieses Bild ist aus Nightly, hier greift der Code für die erste Zeile von Andreas nicht mehr, deswegen noch grau hinterlegt.
Diesen Abschnitt hatte ich ja schon.
/*======== Aussehen des Menü hinter dem Zahnrad ========*/
link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey] {
margin-left: 6% ! important;
min-width: 350px !important;
width: 375px !important; /* Länge der einzelnen Felder */
background: white ! important; /* Farbe des Hintergrundes */
/* color: black !important; */
}Nur die jetzt auskommentierte Zeile war different, es ändert aber nichts, die Zeile bleibt grau.. 
und die Länge der Zeile mit der UpDate-Automatik kann man wie anpassen?
Oh, ja...
Habe ich wohl überlesen..
Hast du auch noch eine Idee für die verlängerte Zeile
für die verlängerte Zeile
Sieht bei mir so aus:
Oben per hover grün.
/* Addons-Manager Nightly */
/* Versionsnummer der Addons wird angezeigt */
@-moz-document url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
url-prefix(chrome://mozapps/content/extensions/extensions.xhtml), url-prefix(about:addons) {
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;
}
/* Hintergrund der Button auf der rechten Seite */
addon-list addon-card:not([expanded="true"]) panel-list * {
background: antiquewhite !important;
color: black !important;
font-weight: bold !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:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button {
width: unset !important;
padding: 6px 20px !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;
}
/* Restore Buttons */
addon-list .more-options-menu :-moz-any(addon-options,plugin-options) panel-list {
position: relative !important;
display: block !important;
overflow: hidden !important;
margin-top: -25px;
box-shadow: unset !important;
background: unset !important;
border: unset !important;
box-shadow: unset !important;
min-width: unset !important;
width: unset !important;
}
div.arrow.top + div.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:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button::after,
:-moz-any(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:-moz-any([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 {
position: absolute !important;
display: block !important;
overflow: hidden !important;
box-shadow: none !important;
background: unset !important;
border: none !important;
box-shadow: unset !important;
min-width: unset !important;
width: unset !important;
left: unset !important;
top: unset !important;
right: 45px !important; /* Abstand der Button bei Erweiterungen vom rechten Rand */
bottom: unset !important;
}
/* Abstand zwischen den Containern */
addon-card .addon { margin: 5px !important;
}
/* Höhe der Container */
addon-list[type="extension"]{ --card-padding: 15px }
addon-card .addon-card-collapsed { margin-bottom: 2px !important; /* Button rechts Abstand vom oberen Rand */
}
/* Abstand der Button vom rechten Rand bei Themes, Plugins, Wörterbücher, usw.*/
addon-list:-moz-any([type="theme"],[type="plugin"],[type="dictionary"]) addon-card:not([expanded="true"]) panel-list {
right: 55px !important;
}
/* Abstand der Button vom oberen Rand bei Plugins, Wörterbücher, usw. */
addon-list addon-card:not([expanded="true"]) panel-list {
margin-top: -50px !important;
}
/* Abstand der Button vom oberen Rand bei Themes */
addon-list:-moz-any([type="theme"]) addon-card:not([expanded="true"]) panel-list {
margin-top: -20px !important;
margin-left: -100px !important;
}
/* Ausdehnung der Container zum rechten Rand */
.addon.card {
width: 1560px;
}
input[type="checkbox"].toggle-button {
margin-right: 430px !important; /* blauer Button -Deaktivieren/Aktivieren- Abstand vom rechten Rand */
}
/* Nummerierung der installierten Erweiterungen */
body {
counter-reset: section;
}
#main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2)::before,
#main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(3) > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2)::before {
font-size:18px!important;
color: red !important;
font-weight: bold !important;
counter-increment: section;
content: counter(section)": ";
margin-left: -8px !important;
padding-right: 8px !important;
margin-top:4px!important;
}
/* Abstand der Button zum linken Rand */
#categories > .category, #preferencesButton, #helpButton, #addonsButton {
margin-left: 1px !important;
}
#categories > .category:not([disabled]){
background-color: gainsboro !important;/*Hintergrundfarbe vom Button*/
margin-top: 1px !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;
}
/* Hintergrund bei Hover auf das Zahnrad-Symbol ausblenden */
/* button:-moz-focusring { */
/* box-shadow: none !important; */
/* outline: 0px dotted !important; */
/* outline-offset: 0px !important; */
/* } */
/* button:focus, */
/* button:enabled:hover { */
/* background-color: blue !important; */
/* border-radius: 15px !important; */
/* color: white ! important; */
/* box-shadow: inset 0 0 5px 5px lightgrey; */
/* } */
/* Optionen-Button */
button.more-options-button:nth-child(1) {
position: absolute !important;
left: 19% !important;
margin-top: 28px !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;
}
/* Add-ons entdecken entfernt */
.category[name="discover"] {
display:none!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;
}
/* Addons-Verwaltung: Hintergrundfarben und vom Container für about:preferences */
/*#nav-header,
#category-box {
background-color:darkkhaki !important;
}
#discover-view,
#view-port,
#react-view {
background:blanchedalmond !important;
font-size: 15px!important;
}
*/
@-moz-document url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
url-prefix(about:addons) {
#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;
}
/* Kategorien nicht angeklickt, Text dunkelrot */
*|*.category {
color:darkred!important;
}
/* Kategorien hover Hintergrund + Schrift */
*|*.category:hover {
color:white!important;
background:red!important;
}
/* Einstellungenfenster verbreitern */
@-moz-document url-prefix(about:preferences){
.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(4) > 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(4) > 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 */
box-shadow: inset 0 0 2px 2px grey; /* innerer Schatten */
}
/* 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:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey] {
margin-left: 6% ! important;
min-width: 350px !important;
width: 375px !important; /* Länge der einzelnen Felder */
background: white ! important; /* Farbe des Hintergrundes */
color: black !important;
}
link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey]:hover {
background: lightyellow !important;
}
button:focus {
background: none !important;
}
.sticky-container {
z-index: 1000 !important;
}
addon-page-options panel-list panel-item {
width: 425px !important; /* Länge der aktivierten Menü-Leiste */
background: none ! 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: 430px !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-image: url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/Bild5.png');
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-image: url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/Bild61.png');
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-image: url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/Bild3.png');
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-image: url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/Bild66.ico');
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('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/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: 'Nicht die';
font-size: 14px;
padding-left: 22px !important;
padding-right: 35px !important;
padding-top: 1px !important;
padding-bottom: 2px !important;
display: block;
width: 16px;
height: 16px;
background: url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/Bild63.png') no-repeat !important;
background-size: 18px 18px !important;
margin-left: 18px;
margin-right: -32px;
}
#page-options > panel-list:nth-child(1) > panel-item:nth-child(8)::before {
content: '';
display: block;
width: 16px;
height: 16px;
background-image: url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/Bild64.png');
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-image: url('file:///c:/Users/Martin/AppData/Roaming/Mozilla/Firefox/Profiles/5p31hc0i.Nightly/chrome/Icons/Bild67.png');
background-size: 16px 16px !important;
margin-left: 15px;
margin-right: -31px;
}
} Ahh, nee... ich will meinen Style schon behalten... es geht nur um die gelb markierte Zeile, die länger als die anderen ist..
/* Addons-Manager Nightly */
/* Versionsnummer der Addons wird angezeigt */
@-moz-document url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
url-prefix(chrome://mozapps/content/extensions/extensions.xhtml), url-prefix(about:addons) {
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;
}
/* Hintergrund der Button auf der rechten Seite */
addon-list addon-card:not([expanded="true"]) panel-list * {
background: antiquewhite !important;
color: black !important;
font-weight: bold !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:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button {
width: unset !important;
padding: 6px 20px !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;
}
/* Restore Buttons */
addon-list .more-options-menu :-moz-any(addon-options,plugin-options) panel-list {
position: relative !important;
display: block !important;
overflow: hidden !important;
margin-top: -25px;
box-shadow: unset !important;
background: unset !important;
border: unset !important;
box-shadow: unset !important;
min-width: unset !important;
width: unset !important;
}
div.arrow.top + div.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:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button::after,
:-moz-any(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:-moz-any([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 {
position: absolute !important;
display: block !important;
overflow: hidden !important;
box-shadow: none !important;
background: unset !important;
border: none !important;
box-shadow: unset !important;
min-width: unset !important;
width: unset !important;
left: unset !important;
top: unset !important;
right: 45px !important; /* Abstand der Button bei Erweiterungen vom rechten Rand */
bottom: unset !important;
}
/* Abstand zwischen den Containern */
addon-card .addon { margin: 5px !important;
}
/* Höhe der Container */
addon-list[type="extension"]{ --card-padding: 15px }
addon-card .addon-card-collapsed { margin-bottom: 2px !important; /* Button rechts Abstand vom oberen Rand */
}
/* Abstand der Button vom rechten Rand bei Themes, Plugins, Wörterbücher, usw.*/
addon-list:-moz-any([type="theme"],[type="plugin"],[type="dictionary"]) addon-card:not([expanded="true"]) panel-list {
right: 55px !important;
}
/* Abstand der Button vom oberen Rand bei Plugins, Wörterbücher, usw. */
addon-list addon-card:not([expanded="true"]) panel-list {
margin-top: -50px !important;
}
/* Abstand der Button vom oberen Rand bei Themes */
addon-list:-moz-any([type="theme"]) addon-card:not([expanded="true"]) panel-list {
margin-top: -20px !important;
margin-left: -100px !important;
}
/* Ausdehnung der Container zum rechten Rand */
.addon.card {
width: 1560px;
}
input[type="checkbox"].toggle-button {
margin-right: 430px !important; /* blauer Button -Deaktivieren/Aktivieren- Abstand vom rechten Rand */
}
/* Nummerierung der installierten Erweiterungen */
body {
counter-reset: section;
}
#main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2)::before,
#main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(3) > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2)::before {
font-size:18px!important;
color: red !important;
font-weight: bold !important;
counter-increment: section;
content: counter(section)": ";
margin-left: -8px !important;
padding-right: 8px !important;
margin-top:4px!important;
}
/* Abstand der Button zum linken Rand */
#categories > .category, #preferencesButton, #helpButton, #addonsButton {
margin-left: 1px !important;
}
#categories > .category:not([disabled]){
background-color: gainsboro !important;/*Hintergrundfarbe vom Button*/
margin-top: 1px !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: 28px !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;
}
/* Add-ons entdecken entfernt */
.category[name="discover"] {
display:none!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;
}
/* Addons-Verwaltung: Hintergrundfarben und vom Container für about:preferences */
/*#nav-header,
#category-box {
background-color:darkkhaki !important;
}
#discover-view,
#view-port,
#react-view {
background:blanchedalmond !important;
font-size: 15px!important;
}
*/
@-moz-document url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
url-prefix(about:addons) {
#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;
}
/* Kategorien nicht angeklickt, Text dunkelrot */
*|*.category {
color:darkred!important;
}
/* Kategorien hover Hintergrund + Schrift */
*|*.category:hover {
color:white!important;
background:red!important;
}
/* Einstellungenfenster verbreitern */
@-moz-document url-prefix(about:preferences){
.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(4) > 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(4) > 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 */
box-shadow: inset 0 0 2px 2px grey; /* innerer Schatten */
}
/* 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:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey] {
margin-left: 6% ! important;
min-width: 350px !important;
width: 375px !important; /* Länge der einzelnen Felder */
background: white ! important; /* Farbe des Hintergrundes */
}
link:-moz-any([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;
}
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: 430px !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-image: url("..//icons/Bild5.png");
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-image: url("..//icons/Bild61.png");
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-image: url("..//icons/Bild3.png");
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-image: url("..//icons/Bild66.ico");
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");
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: 13px !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: 18px;
margin-right: -32px;}
#page-options > panel-list:nth-child(1) > panel-item:nth-child(8)::before {
content: '';
display: block;
width: 16px;
height: 16px;
background-image: url("..//icons/Bild64.png");
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-image: url("..//icons/Bild67.png");
background-size: 16px 16px !important;
margin-left: 15px;
margin-right: -31px;}
}ich will meinen Style schon behalten
Das ist dein CSS Code mit den kleinen Anpassungen. Ich habe daran ansonsten nichts verändert.
OK, aber bei dir fehlen ja die Icons.. ich teste es mal...
bei dir fehlen ja die Icons
Ja, weil die habe ich jetzt nicht extra installiert für den Test.
Dein Code verschiebt die Zeile noch mehr nach rechts...
Dein Code verschiebt die Zeile noch mehr nach rechts...
Siehe meinen Screenshot oben, da passt alles.
Liegt es ggf. an dem Icon in der Zeile?