über einen Eintrag in about:config aktivieren.
Einfach gaaanz in Ruhe abwarten...wenn dann bekommen wir den auch noch nachträglich zu Weihnachten von Mozilla 
Addons Manager Code anpassen
-
Boersenfeger -
25. Dezember 2021 um 12:23 -
Erledigt
-
-
Ich brauche den sowieso nicht.
Also für mich keine Eile.
Mfg.
Endor -
Einfach gaaanz in Ruhe abwarten...wenn dann bekommen wir den auch noch nachträglich zu Weihnachten von Mozilla
Genau - danach ist er dann auch bei mir sichtbar - so war mein voriger Post gemeint.
-
Man muss die Erweiterung
Welche Erweiterung? Keine weiteren Infos und nur ein Link, das kannst Du besser.
-
Ich brauche den sowieso nicht.
Wie gesagt, es ist ein neuer Add-on-Typ. Es wird ihn also in Zukunft geben. Man kann den Eintrag natürlich per CSS ausblenden. Vielleicht erscheint er auch nur, wenn eine Erweiterung diesen Typs vorhanden ist, wie es bei den Sprachpaketen der Fall ist. Allerdings ist er im Moment da, obwohl es noch keine Erweiterung dafür gibt.
Welche Erweiterung? Keine weiteren Infos und nur ein Link, das kannst Du besser.
Ich habe inzwischen geschrieben, worum es sich handelt und sogar ein Zitat gebracht. Mehr weiß ich nicht. Das Thema stammt nicht von mir.
-
Na dann!
Zur freien Auswahl. Layout und Farbzusammenstellung etc sagen mir sehr zu Allerdings muß ich das Ganze auf meine Hauptfensterbreite (#browser) von 1024px anpassen.
Magst du kundtun, von welcher Breite Du ausgegeangen bist bei den ganzen Werten?
-
Erstaunlich, dass ein neuer Reiter in about:addons hier schon entdeckt wurde, aber der neue Reiter in about:preferences noch nicht. Immerhin werden beide standardmäßig noch nicht angezeigt.
Nö, habe ich nicht getan, und ist auch nicht installiert.
Wenn du die Erweiterung nicht installiert hast und den Reiter trotzdem siehst, liegt das an deinen Anpassungen, die etwas sichtbar machen, was für dich nicht sichtbar sein sollte. In einem nicht zerbastelten Firefox erscheint der Eintrag auch in der aktuellen Nightly-Version nicht von alleine.
Mehr weiß ich nicht.
In dem, was du zitiert hast, wird ja bereits WebMIDI erwähnt. Das ist aktuell auch der einzige Anwendungsfall dafür. Wem MIDI nichts sagt: Das ist eine Schnittstelle für Musikinstrumente.
-
aber der neue Reiter in about:preferences noch nicht
Magst du uns einen Tip geben, oder läßt du uns suchen?
-
browser.preferences.moreFromMozilla
-
das an deinen Anpassungen, die etwas sichtbar machen, was für dich nicht sichtbar sein sollte.
Dann aber unbewusst, denn ich habe diesbezüglich keine Änderungen gemacht. Es wird doch nicht mit dem Code von Dharkness zu tun haben, von dem ich ja auch sehr viel bei mir verbastelt habe. Denn bei seinem Code ist der Eintrag ja auch dort.
-
Eben getestet. Ja, sein Code blendet alle Reiter ein, also auch die, die nicht zu sehen sein sollten. Grund sind diese Zeilen:
CSS#categories .category[hidden=""] { display: flex !important; } -
Es wird doch nicht mit dem Code von Dharkness zu tun haben,
Doch, damit wird es durchaus zu tun haben.
-
Layout und Farbzusammenstellung etc sagen mir sehr zu
Danke!
Magst du kundtun, von welcher Breite Du ausgegeangen bist bei den ganzen Werten?
Von Zeile 111 bis 187 sind hauptsächlich die Maße für die rechte Seite eingetragen.
Beginne mal mit dem Wert in Zeile 117 , dann wirst du erkennen, was noch geändert werden muss.
Es sind dann noch folgende Zeilen anzupassen und untereinander abzustimmen:
242, 252, 402, 416, 431 und 446.
-
Ja, sein Code blendet alle Reiter ein, also auch die, die nicht zu sehen sein sollten. Grund sind diese Zeilen:
So ist es.
-
Ja, sein Code blendet alle Reiter ein, also auch die, die nicht zu sehen sein sollten.
Danke, Sören, wieder Klarheit geschaffen.
-
Ob das so bei dir auch aussieht musst du testen bitte:
So siehts aus, damit bin ich zufrieden, Vielen Dank!
auch wenn mich die ganzen Nebenschauplätze von den anderen Postern eher verwirren...
CSS
Alles anzeigen/* 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: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; } /* Restore Buttons */ addon-list .more-options-menu :is(addon-options,plugin-options) panel-list { position: relative !important; display: block !important; overflow: hidden !important; margin-top: -25px; 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: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 der Button bei Erweiterungen vom rechten Rand */ } /* 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 */ } /* 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: 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: -60px !important; } /* Abstand der Button vom oberen Rand bei Themes */ addon-list:is([type="theme"]) addon-card:not([expanded="true"]) panel-list { margin-top: -60px !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 im AddonsManager */ body { counter-reset: section !important; } #main > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(n+1) > 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, decimal-leading-zero)". "; 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: 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: -10px !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; } @-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; } /* Einstellungen-Fenster verbreitern */ @-moz-document url-prefix(aboutpreferences){ .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 */ 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:is([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: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 */ @-moz-document url("about:addons"){ #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; } }Aber es tut sich schon ein neues Problem auf...
About Dialog zickt, dazu gibts einen neuen Thread.
-
damit bin ich zufrieden,
Ok
-
damit bin ich zufrieden
Interessant. Das, obwohl man auf den ersten Blick sieht, dass die Buttons deutlich überlappen und dass manche Erweiterungen einen Abstand zwischen den Buttons haben und andere Erweiterungen nicht. Ich nehme an, das Willkürliche soll also Kunst sein?
-
Wenn du weitere/bessere Lösungsideen hast, nehme ich die gerne
Es ist keine Kunst, sondern Unvermögen meinerseits, es besser hinzukriegen..
-
Dharkness hat ja hier RE: Addons Manager Code anpassen den Code für seinen Addon-Manager veröffentlicht. Eine echt gute Leistung, lobenswert.
Er weiß, dass ich es gern etwas bunter habe, mich blenden die hellen Teile (z.B. Schrift) immer so bei dem schwarzen Hintergrund
. Mag am Alter, oder auch an der guten Brille liegen. Ich habe mal seinen Code etwas umgekrempelt und farblich neu angepasst, eventuell finden sich hier User, denen es so auch zusagt.Hier dann der veränderte Code (habe es zu Weihnachten nicht mehr geschafft):
CSS
Alles anzeigen/* Profil: alle Versionen */ @-moz-document url("about:addons") { * { border-radius: 0 !important; } body { counter-reset: section; } /* Add-ons-Manager linke Seite (Sidebar) Hintergrund */ #sidebar { 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; } /* fortlaufende Nummerierung mit Border unter Aktiviert */ #main > addon-list:nth-child(1) > section[section="0"] > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2)::before { font-weight: bold !important; text-decoration: underline !important; counter-increment: section; content: counter(section, decimal-leading-zero)"."; border-top: 2px solid #217B22 !important; border-right: 2px solid #217B22 !important; color: #217B22 !important; padding-right: 5px !important; margin-top: 0px !important; padding-left: 5px !important; } #main[current-view="updates"] > addon-list:nth-child(1) > section[section="0"] > addon-card:nth-child(n+2) > div.addon[active="false"]:nth-child(1) > div:nth-child(2)::before { border-right: 2px solid #C72F2E !important; color: #C72F2E !important; } #main[current-view="updates"] > addon-list:nth-child(1) > section[section="0"] > addon-card:nth-child(n+2) > div.addon[active="false"]:nth-child(1) > div:nth-child(2):hover::before { border-right: 2px solid #C72F2E !important; color: #C72F2E !important; } #main > addon-list:nth-child(1) > section[section="0"] > addon-card:nth-child(n+2) > div:nth-child(1):hover > div:nth-child(2)::before { color: #FFF !important; } /* fortlaufende Nummerierung mit Border bei Deaktiviert */ #main > addon-list:nth-child(1) > section[section="1"] > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2)::before { font-weight: bold !important; text-decoration: underline !important; counter-increment: section; content: counter(section, decimal-leading-zero)"."; border-top: 2px solid #C72F2E !important; border-right: 2px solid #C72F2E !important; color: #C72F2E !important; padding-right: 5px !important; margin-top: 0px !important; padding-left: 5px !important; } /* senkrechte Linie hinter fortlaufender Nummerierung nach unten erweitert / außer bei Themes */ #main > addon-list:not([type="theme"]) > section[section="0"] > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2)::before, #main > addon-list:not([type="theme"]) > section[section="1"] > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2)::before { margin-bottom: -14px !important; } /* kein Border oben / außer bei Themes */ #main > addon-list:not([type="theme"]) > section[section="0"] > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2)::before, #main > addon-list:not([type="theme"]) > section[section="1"] > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2)::before { border-top: 0 !important; } /* Border rechts / außer bei Themes */ #main > addon-list:not([type="theme"]) > section[section="0"] > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2):hover::before, #main > addon-list:not([type="theme"]) > section[section="1"] > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2):hover::before { border-right: 2px solid #0060DF !important; } /* Border bei Themes */ #main > addon-list[type="theme"] > section[section="0"] > addon-card:nth-child(n+2) > div:nth-child(1):hover > div:nth-child(2)::before, #main > addon-list[type="theme"] > section[section="1"] > addon-card:nth-child(n+2) > div:nth-child(1):hover > div:nth-child(2)::before { border-top: 2px solid #0060DF !important; border-right: 2px solid #0060DF !important; } #main > addon-list:nth-child(1) > section[section="0"] > addon-card:nth-child(n+2) > div:nth-child(1):hover > div:nth-child(2)::before, #main > addon-list:nth-child(1) > section[section="1"] > addon-card:nth-child(n+2) > div:nth-child(1):hover > div:nth-child(2)::before { color: #FFF !important; } 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; } /* unter Deaktiviert bei Plugin u. Wörterbücher keine Border */ addon-list[type="plugin"] section[section="1"], addon-list[type="dictionary"] section[section="1"] { box-shadow: none !important; border-radius: 0 !important; border: none !important; } /*====== links in Sidebar alle Button =======*/ /* graue Linie über u. unter den Button */ #categories { border-top: 2px solid #B2B2B2 !important; border-bottom: 2px solid #B2B2B2 !important; padding: 0 0 5px 5px !important; margin: 81px 0 0 0 !important; } #categories .category { min-height: 40px !important; border-radius: 0 !important; border: 0 !important; border-top: 2px solid white !important; border-bottom: 2px solid white !important; border-left: 2px solid white !important; background-position-y: 6px !important; background-color: #B8B8B8 !important; margin-inline-start: 0px !important; margin-top: 5px !important; margin-right: 0 !important; } /* blendet alle Button ein / auch noch ausgeblendete durch Mozilla */ #categories .category[hidden=""] { display: flex !important; } /* Button Site Permission ausgeblendet */ #categories .category[name="sitepermission"] { display: none !important; } /* der aktive Button / Hintergrund */ #categories .category[selected=""] { fill: #FFF !important; background-color: #006800 !important; } #categories .category[name="recent-updates"] .category-name { font-size: 13px !important; } #categories .category[selected=""] .category-name { color: #FFF !important; } #categories .category:hover, #categories .category[selected=""]:hover { fill: #000 !important; background-color: #D1E2F2 !important; } #categories .category:hover .category-name, #categories .category[selected=""]:hover .category-name { color: #000 !important; } /* Farbe der Icons */ #categories .category[name="discover"] { fill: lightblue !important; } #categories .category[name="discover"][aria-selected="true"] { fill: lightblue !important; } #categories .category[name="discover"]:hover, #categories .category[name="discover"][aria-selected="true"]:hover { fill: black !important; } #categories .category[name="extension"] { fill: gold !important; } #categories .category[name="extension"][aria-selected="true"] { fill: gold !important; } #categories .category[name="extension"]:hover, #categories .category[name="extension"][aria-selected="true"]:hover { fill: black !important; } #categories .category[name="theme"] { fill: #FF00FF !important; } #categories .category[name="theme"][aria-selected="true"] { fill: #FF00FF !important; } #categories .category[name="theme"]:hover, #categories .category[name="theme"][aria-selected="true"]:hover { fill: black !important; } #categories .category[name="plugin"] { fill: red !important; } #categories .category[name="plugin"][aria-selected="true"] { fill: red !important; } #categories .category[name="plugin"]:hover, #categories .category[name="plugin"][aria-selected="true"]:hover { fill: black !important; } #categories .category[name="dictionary"] { fill: lime !important; } #categories .category[name="dictionary"][aria-selected="true"] { fill: lime !important; } #categories .category[name="dictionary"]:hover, #categories .category[name="dictionary"][aria-selected="true"]:hover { fill: black !important; } #categories .category[name="locale"] { fill: brown !important; } #categories .category[name="locale"][aria-selected="true"] { fill: brown !important; } #categories .category[name="locale"]:hover, #categories .category[name="locale"][aria-selected="true"]:hover { fill: black !important; } #categories .category[name="available-updates"] { fill: blue !important; } #categories .category[name="available-updates"][aria-selected="true"] { fill: grey !important; } #categories .category[name="available-updates"]:hover, #categories .category[name="available-updates"][aria-selected="true"]:hover { fill: black !important; } #categories .category[name="recent-updates"] { fill: #2B9AFF !important; } #categories .category[name="recent-updates"][aria-selected="true"] { fill: #2B9AFF !important; } #categories .category[name="recent-updates"]:hover, #categories .category[name="recent-updates"][aria-selected="true"]:hover { fill: black !important; } .category[badge-count]::after { background-color: #006FC2 !important; color: #fff; border-radius: 0 !important; } /* aktiv, dann werden Einstellungen u. Hilfe nach oben verlagert */ #sidebar div.spacer:nth-child(2) { display: none !important; } /* Linie unter letztem Button (Hilfe) */ ul.sidebar-footer-list { border-bottom: 2px solid #B2B2B2 !important; padding: 0 6px 5px 5px !important; margin-block: 0 !important; margin-inline: 0 !important; } /* Border um Button Einstellungen u. Hilfe / Hintergrund */ ul.sidebar-footer-list > li { background-color: #B8B8B8 !important; border-top: 2px solid white !important; border-bottom: 2px solid white !important; border-left: 2px solid white !important; margin-top: 5px !important; margin-right: -8px !important; } /* Button Einstellungen u. Hilfe / Hintergrund bei Hover */ ul.sidebar-footer-list > li:hover { background-color: #D1E2F2 !important; } /* Farbe des Icons bei Hilfe */ ul.sidebar-footer-list > li .sidebar-footer-icon { fill: red !important; } /* Hover-Farbe des Icons bei Hilfe */ ul.sidebar-footer-list > li:hover .sidebar-footer-icon { fill: blue !important; } ul.sidebar-footer-list > li:hover .sidebar-footer-label { color: #000 !important; } /* Button Einstellungen */ ul.sidebar-footer-list > li #preferencesButton .sidebar-footer-icon { fill: green !important; } ul.sidebar-footer-list > li:hover #preferencesButton .sidebar-footer-icon { fill: blue !important; } .sidebar-footer-link:hover { background: none !important; background-image: none !important; background-color: unset !important; } #page-header { z-index: 100 !important; position: fixed !important; width: 100% !important; background: gainsboro !important; } /* Hintergrund Box rechts oben */ addon-page-header#page-header .sticky-container { background: linear-gradient(to bottom right, white, #acacac, #f2f3f4, #acacac, #f2f3f4, #acacac, #f2f3f4) !important; border-radius: 0px !important; border-bottom: 1px solid #787878 !important; padding-top: 5px !important; padding-bottom: 2px !important; width: 1685px !important; margin-top: -5px !important; } .main-search, .main-heading { appearance: none !important; background-color: lightgrey !important; min-width: 500px !important; max-width: 500px !important; border: 1px solid grey !important; padding: 1px 1px 1px 4px !important; margin: 5px 0 5px 5px !important; } addon-page-header#page-header[current-view="detail"] .main-heading { min-width: 503px !important; max-width: 503px !important; } addon-page-header[type="detail"] .main-heading { min-width: 528px !important; max-width: 528px !important; padding: 1px !important; border: 1px solid grey !important; } /* Zurück-Button */ addon-page-header[type="detail"] .main-heading .back-button { min-height: 28px !important; max-height: 28px !important; min-width: 28px !important; max-width: 28px !important; border-radius: 0 !important; fill: blue !important; border: 1px solid grey !important; } addon-page-header[type="detail"] .main-heading .back-button:hover { fill: red !important; background-color: greenyellow !important; border: 1px solid brown !important; } /* Text bei Suche */ .main-search label.search-label { font-size: 16px !important; color: #C72F2E !important; } .main-search search-textbox { --in-content-focus-outline-color: var(--blue-40) !important; min-width: 296px !important; max-width: 296px !important; min-height: 28px !important; max-height: 28px !important; border-radius: 0 !important; border: 1px solid #B2B2B2 !important; background-color: #f2f3f4 !important; font-size: 14px !important; } /* Text unter Search-Box */ .main-heading .header-name { min-width: 199px !important; max-width: 199px !important; font-size: 1.20em !important; color: #C72F2E !important; font-weight: 500 !important; } .main-heading div.spacer:nth-child(3) { min-width: 5px !important; max-width: 5px !important; } #updates-message[state="manual-updates-found"] { padding: 0 !important; } #updates-message[hidden=""] { display: block !important; opacity: 0 !important; min-width: 255px !important; max-width: 255px !important; margin-inline-end: 13px !important; } addon-page-header[type="detail"] #updates-message[hidden=""] { min-width: 409px !important; max-width: 409px !important; } #updates-message[state="updating"], #updates-message[state="none-found"], #updates-message[state="installed"] { min-width: 255px !important; max-width: 255px !important; border: 1px solid grey !important; padding: 0 5px !important; margin-inline-end: 1px !important; background: lightblue !important; color: blue !important; } #updates-message[state="manual-updates-found"] { min-width: 265px !important; max-width: 265px !important; border: 1px solid grey !important; padding: 0 !important; margin-inline-end: 1px !important; background: lightblue !important; color: blue !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; } /* Button mit dem Zahnrad */ .page-options-menu .more-options-button { fill: green !important; min-width: 28px !important; max-width: 28px !important; min-height: 28px !important; max-height: 28px !important; border-radius: 0 !important; border: 1px solid grey !important; padding: 0 !important; margin-inline-start: 0px !important; } .page-options-menu .more-options-button:hover { border: 1px solid brown !important; background-color: greenyellow !important; fill: red !important; } /* Popup hinter dem Zahnrad */ #page-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; 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; } #page-options > panel-list > panel-item-separator { background: #B2B2B2 !important; margin: 2px 0 0 0 !important; } /* rechte Box der gesamte Hintergrund */ #content { background: gainsboro !important; } /* länge der Container */ #content > #main { --section-width: calc(80% - 20px) !important; border-right: 2px solid #B2B2B2 !important; padding-right: 10px !important; padding-bottom: 10px !important; margin-top: 78px !important; margin-bottom: 0 !important; margin-left: 10px !important; } #content > #main[current-view="detail"] { border-bottom: 2px solid #B2B2B2 !important; margin-bottom: 10px !important; } discovery-pane > header { border: 2px solid #B2B2B2 !important; margin: 92px 0 10px 0 !important; } discovery-pane > header > p { padding: 2px 8px 3px 8px !important; margin: 0 !important; } section[section="0"], section[section="1"] { border: 2px solid #2F2F36 !important; background-color: grey !important; margin-top: 16px !important; } section[section="0"] h2.list-section-heading, section[section="1"] h2.list-section-heading { border-bottom: 2px solid #2F2F36 !important; padding: 1px 6px 2px 6px !important; margin: 0 !important; } section[section="0"] h2.list-section-heading { background-color: #217B22 !important; } section[section="1"] h2.list-section-heading { background-color: #C72F2E !important; } section[section="0"] addon-card .card, section[section="1"] addon-card .card { border-radius: 0 !important; background-color: #f3f3f3 !important; padding: 0 !important; margin: 10px 10px 0 10px !important; } section[section="0"] addon-card .card:last-child, section[section="1"] addon-card .card:last-child { margin: 10px !important; } section[section="0"] addon-card .card { border: 2px solid grey !important; border-width: 5px !important; border-style: double !important; } section[section="1"] addon-card .card { border: 2px solid grey !important; border-width: 5px !important; border-style: double !important; } section[section="0"] addon-card .card:hover, section[section="1"] addon-card .card:hover { border: 2px solid grey !important; box-shadow: 0 0 4px 4px blue !important; background-color: lightblue !important; border-width: 5px !important; border-style: double !important; } section[section="1"] addon-card .addon.card[active="false"] { opacity: 0.8 !important; } section[section="1"] addon-card .addon.card[active="false"]:hover { opacity: 1 !important; } /* Container bei Empfehlungen / Hintergrund und Border */ #content div#main discovery-pane recommended-addon-list recommended-addon-card div.card.addon{ background-color: #fefefa !important; border: 2px solid grey !important; border-width: 5px !important; border-style: double !important; } /* Container bei Themes/Farbgebungen (unten) / Hintergrund und Border */ #content div#main addon-list.monochromatic-addon-list section addon-card div.card.addon { width: 1285px !important; max-height: 140px !important; } addon-list message-bar { border: 2px solid #B2B2B2 !important; padding: 2px 6px !important; margin-top: 10px !important; margin-bottom: 0px !important; } addon-list message-bar[addon-id*="{"] { border: 2px solid #F20 !important; padding: 0 !important; } addon-list message-bar.update-postponed-bar { border: 0 !important; border-top: 2px solid #B2B2B2 !important; padding: 0 !important; } addon-list message-bar-stack[class="pending-uninstall"] message-bar { padding: 0 !important; } addon-list message-bar[addon-id*="{"] button[action="undo"] { border: 1px solid #B2B2B2 !important; background-color: #F20 !important; color: #FFF !important; } addon-list message-bar.update-postponed-bar button[action="install-postponed"] { border: 1px solid #B2B2B2 !important; background-color: #C44F00 !important; color: #FFF !important; } button[action="undo"][data-l10n-id="pending-uninstall-undo-button"] { border: 1px solid #B2B2B2 !important; background-color: #F20 !important; color: #FFF !important; padding: 3px 6px !important; } button[action="undo"][data-l10n-id="pending-uninstall-undo-button"]:hover, addon-list message-bar.update-postponed-bar button[action="install-postponed"]:hover, addon-list message-bar[addon-id*="{"] button[action="undo"]:hover { border: 1px solid #006EC1 !important; background-color: #D1E2F2 !important; color: #000 !important; } addon-list[type="theme"] section[section="0"] addon-card .card .card-contents { border-top: 2px solid #217B22 !important; padding: 0 0 0 6px !important; } addon-list[type="theme"] section[section="1"] addon-card .card .card-contents { border-top: 2px solid #C72F2E !important; padding: 0 0 0 6px !important; } addon-list[type="theme"] section[section="0"] addon-card .card:hover .card-contents, addon-list[type="theme"] section[section="1"] addon-card .card:hover .card-contents { border-top: 2px solid #0060DF !important; } div.addon-detail-contribute button.addon-detail-contribute-button { appearance: none !important; text-decoration: none !important; border: 1px solid #EDEDED !important; background-color: #0060DF !important; color: #FFF !important; padding: 2px 6px 2px 32px !important; margin-top: 2px !important; margin-bottom: 2px !important; } section[name="details"] .addon-detail-row a.support-link, section[name="details"] .addon-detail-row a[is="support-link"], section[name="details"] a[data-telemetry-name="homepage"], section[name="details"] a[data-telemetry-name="author"], section[name="details"] a[data-telemetry-name="rating"] { appearance: none !important; text-decoration: none !important; border: 1px solid #EDEDED !important; background-color: #0060DF !important; color: #FFF !important; padding: 2px 6px !important; margin-top: 2px !important; margin-bottom: 2px !important; } div.addon-detail-contribute button.addon-detail-contribute-button:hover, section[name="details"] .addon-detail-help-row a.support-link:hover, section[name="details"] .addon-detail-row a[is="support-link"]:hover, section[name="details"] a[data-telemetry-name="homepage"]:hover, section[name="details"] a[data-telemetry-name="author"]:hover, section[name="details"] a[data-telemetry-name="rating"]:hover, addon-permissions-list .addon-detail-row a[is="support-link"]:hover, named-deck#details-deck update-release-notes > p > a:hover, named-deck#details-deck div.addon-detail-description > a:hover { background-color: #D1E2F2 !important; color: #000 !important; } /* Drei-Punkte-Button */ #main addon-card .card .card-contents .addon-name-container, section[section="0"] addon-card .card .card-contents .addon-name-container, section[section="1"] addon-card .card .card-contents .addon-name-container { margin-top: 0 !important; } section[section="0"] addon-card .card .card-contents .addon-name-container > button, section[section="1"] addon-card .card .card-contents .addon-name-container > button, #main addon-card .card .card-contents .addon-name-container > button { background-color: lightblue !important; border-radius: 0 !important; border: 1px solid grey !important; margin-top: 2px !important; margin-right: 2px !important; margin-left: 0 !important; } /* Button Deaktivieren */ #main addon-card .card .card-contents .addon-name-container > button[data-l10n-id="disable-addon-button"] { background-color: #C72F2E !important; color: white !important; } /* Button Aktivieren */ #main addon-card .card .card-contents .addon-name-container > button[data-l10n-id="enable-addon-button"] { background-color: #217B22 !important; color: white !important; } /* Button bei Hover */ section[section="0"] addon-card .card .card-contents .addon-name-container > button:hover, section[section="1"] addon-card .card .card-contents .addon-name-container > button:hover, #main addon-card .card .card-contents .addon-name-container > button:hover, #main addon-card .card .card-contents .addon-name-container > button:hover, #main addon-card .card .card-contents .addon-name-container > button[data-l10n-id="disable-addon-button"]:hover, #main addon-card .card .card-contents .addon-name-container > button[data-l10n-id="enable-addon-button"]:hover { fill: #000 !important; border: 1px solid brown !important; background-color: greenyellow !important; color: #000 !important; } /* section[section="0"] addon-card .card .card-contents .addon-description, section[section="1"] addon-card .card .card-contents .addon-description { display: none !important; } */ /* Mindesthöhe der rechten Container */ addon-card:not([expanded]) > .addon.card { min-height:60px !important; } /* unterer Teil bei Themes / Farbgebungen */ .monochromatic-addon-list addon-card .card { width: calc(100% + 570px) !important; } .monochromatic-addon-list section[section="0"] > h2 { font-size: 18px !important; font-weight: bold !important; border-bottom: 2px solid #2F2F36 !important; background: #0082FC !important; padding: 3px 6px 3px 6px !important; } .monochromatic-addon-list section[section="0"] > h3 { font-size: 14px !important; font-weight: normal !important; border-bottom: 2px solid #2F2F36 !important; background: lightgrey/* #474749 */ !important; padding: 3px 6px 3px 6px !important; margin-top: 0 !important; margin-bottom: 4px !important; } button:focus-visible, .addon-name-container input[type="checkbox"].toggle-button:focus, ul.addon-permissions-list > li.permission-info > label > input:focus { box-shadow: none !important; outline: unset !important; outline-offset: 0px !important; -moz-outline-radius: 0 !important; --in-content-border-active-shadow: unset !important; } 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; box-shadow: none !important; border: 1px solid #B2B2B2 !important; background: none !important; background-color: grey !important; margin: 2px 2px 0 2px !important; } 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: #D1E2F2 !important; color: #000 !important; } addon-options > panel-list[role="menu"], plugin-options > panel-list[role="menu"] { border-radius: 0 !important; border: 1px solid #B2B2B2 !important; background-color: dodgerblue /* #C72F2E */ !important; padding: 0 0 2px 0 !important; margin-top: -1px !important; } addon-options > panel-list > panel-item-separator, plugin-options > panel-list > panel-item-separator { background: #B2B2B2 !important; margin: 2px 0 0 0 !important; } #main addon-card .card[active="true"] .card-contents .addon-name-container input[type="checkbox"].toggle-button, section[section="0"] addon-card .card .card-contents .addon-name-container input[type="checkbox"].toggle-button, ul.addon-permissions-list > li.permission-info > label > input:checked { --button-height: 24px !important; --button-half-height: 12px !important; --button-width: 24px !important; --button-border-width: 0px !important; --dot-size: 12px !important; --dot-margin: 5px 2px !important; --dot-transform-x: 6px !important; border-radius: 0 !important; border: 1px solid #B2B2B2 !important; background-color: #C72F2E !important; margin-top: 2px !important; margin-right: 2px !important; } #main addon-card .card[active="false"] .card-contents .addon-name-container input[type="checkbox"].toggle-button, section[section="1"] addon-card .card .card-contents .addon-name-container input[type="checkbox"].toggle-button, ul.addon-permissions-list > li.permission-info > label > input { --button-height: 24px !important; --button-half-height: 12px !important; --button-width: 24px !important; --button-border-width: 0px !important; --dot-size: 12px !important; --dot-margin: 5px 2px !important; --dot-transform-x: 6px !important; border-radius: 0 !important; border: 1px solid #B2B2B2 !important; background-color: #217B22 !important; margin-top: 2px !important; margin-right: 2px !important; } section[section="0"] addon-card .card .card-contents .addon-name-container input[type="checkbox"].toggle-button:hover, section[section="1"] addon-card .card .card-contents .addon-name-container input[type="checkbox"].toggle-button:hover, #main addon-card .card[active="true"] .card-contents .addon-name-container input[type="checkbox"].toggle-button:hover, #main addon-card .card[active="false"] .card-contents .addon-name-container input[type="checkbox"].toggle-button:hover, ul.addon-permissions-list > li.permission-info > label > input:hover, ul.addon-permissions-list > li.permission-info > label > input:checked:hover { background-color: #D1E2F2 !important; } section[section="0"] addon-card .card .card-contents .addon-name-container input[type="checkbox"].toggle-button:hover::before, section[section="1"] addon-card .card .card-contents .addon-name-container input[type="checkbox"].toggle-button:hover::before, #main addon-card .card[active="true"] .card-contents .addon-name-container input[type="checkbox"].toggle-button:hover::before, #main addon-card .card[active="false"] .card-contents .addon-name-container input[type="checkbox"].toggle-button:hover::before, ul.addon-permissions-list > li.permission-info > label > input:hover::before, ul.addon-permissions-list > li.permission-info > label > input:checked:hover::before { background: #000 !important; } /* Lage des Icon im Container */ .card-heading-icon { margin-inline-end: 20px !important; margin-top: 5px !important; margin-left: 10px !important; } /* Größe und Lage des Image bei Themes */ .card-heading-image { min-width: 880px !important; max-width: 880px !important; min-height: 92px !important; max-height: 92px !important; border: 1px solid grey !important; border-radius: 6px !important; margin: 3px 0 0 3px !important; } recommended-extensions-section > h2, recommended-themes-section > h2 { border-top: 2px solid #2F2F36 !important; border-right: 2px solid #2F2F36 !important; border-left: 2px solid #2F2F36 !important; background-color: #0082FC !important; padding: 2px 6px 3px 6px !important; margin: 10px 0 0 0 !important; } .discopane-notice { border-radius: 0 !important; border-top: 2px solid #B2B2B2 !important; border-right: 2px solid #B2B2B2 !important; border-bottom: !important; border-left: 2px solid #B2B2B2 !important; margin: 0 !important; } .container { padding: 2px !important; border-radius: 0 !important; } button[data-l10n-id="discopane-notice-learn-more"] { border-radius: 0 !important; border: 1px solid #B2B2B2 !important; background-color: #0061E0 !important; margin: 6px 3px 3px 3px !important; } button[data-l10n-id="discopane-notice-learn-more"]:hover { border: 1px solid #004AAD !important; background-color: #D1E2F2 !important; color: #000 !important; } .container button.close { border-radius: 0 !important; border: 1px solid #B2B2B2 !important; background-color: #C72F2E !important; } .container button.close:hover { border: 1px solid #004AAD !important; background-color: #D1E2F2 !important; color: #000 !important; } recommended-addon-list { display: block !important; border: 2px solid #2F2F36 !important; } recommended-addon-list .card { border-radius: 0 !important; border: 2px solid #B2B2B2 !important; padding: 0 !important; margin: 10px 10px 0 10px !important; } recommended-addon-list .card:last-child { margin: 10px !important; } recommended-addon-list:nth-child(3) > recommended-addon-card > div > div > div, recommended-addon-list[type="theme"] .card .card-contents { border-top: 2px solid #B2B2B2 !important; padding: 0 0 0 6px !important; } recommended-addon-list:nth-child(3) > recommended-addon-card > div > img[hidden=""] + div > div { border-top: 0 !important; } recommended-addon-list .addon-name-container button.disco-cta-button, recommended-addon-list[type="extension"] .card .card-contents button.disco-cta-button, recommended-addon-list[type="theme"] .card .card-contents button.disco-cta-button, recommended-addon-list .addon-name-container button[data-l10n-id="manage-addon-button"] { border-radius: 0 !important; border: 1px solid #B2B2B2 !important; margin: 6px 3px 3px 3px !important; } recommended-addon-list .addon-name-container button[data-l10n-id="manage-addon-button"] { background-color: #804628 !important; } recommended-addon-list .addon-name-container button.disco-cta-button:hover, recommended-addon-list[type="extension"] .card .card-contents button.disco-cta-button:hover, recommended-addon-list[type="theme"] .card .card-contents button.disco-cta-button:hover, recommended-addon-list .addon-name-container button[data-l10n-id="manage-addon-button"]:hover { border: 1px solid #004AAD !important; background-color: #D1E2F2 !important; color: #000 !important; } .discopane-notice-content a[is="support-link"] { min-height: 24px !important; max-height: 24px !important; border-radius: 0 !important; border: 1px solid #B2B2B2 !important; background: #F0F0F0 url("..//icons/Bild1.png") no-repeat !important; background-position: 10px 3px !important; color: #000 !important; padding: 0px 3px 1px 36px !important; margin: 0 !important; } .discopane-notice-content a[is="support-link"]:hover { text-decoration: none !important; border: 1px solid #006FC2 !important; background: #D1E2F2 url("..//icons/Bild1.png") no-repeat !important; background-position: 10px 3px !important; color: #000 !important; } .view-footer .amo-link-container.view-footer-item button.primary[data-l10n-id="find-more-addons"] { border-radius: 0 !important; border: 1px solid #B2B2B2 !important; background-color: #006FC2 !important; color: #FFF !important; } .view-footer .amo-link-container.view-footer-item button.primary[data-l10n-id="find-more-addons"]:hover { border: 1px solid #006FC2 !important; background-color: #D1E2F2 !important; color: #000 !important; } .view-footer-item a.privacy-policy-link { min-height: 24px !important; max-height: 24px !important; border-radius: 0 !important; border: 1px solid #B2B2B2 !important; background: #F0F0F0 url("..//chrome/icons/Bild1.png") no-repeat !important; background-position: 10px 2px !important; color: #000 !important; padding: 1px 3px 1px 36px !important; margin: 0 !important; } .view-footer-item a.privacy-policy-link:hover { text-decoration: none !important; border: 1px solid #006FC2 !important; background: #D1E2F2 url("..//chrome/icons/Bild1.png") no-repeat !important; background-position: 10px 2px !important; color: #000 !important; } div[current-view="detail"] { padding-top: 10px !important; margin-bottom: 0 !important; } /* Popup unter Verwalten */ div[current-view="detail"] .card { background-color: lightgrey !important; border-radius: 0 !important; border: 1px solid grey !important; border-width: 5px !important; border-style: double !important; margin-bottom: 0 !important; } div[current-view="detail"] .card:hover { background-color: #f8f8ff !important; } div[current-view="detail"] { display: block !important; } div[current-view="detail"] addon-card { display: block !important; border: 1px solid #B2B2B2 !important; } button-group.tab-group { border-top: 2px solid #B2B2B2 !important; border-bottom: 2px solid #B2B2B2 !important; padding: 0 0 0 4px !important; margin-top: 0 !important; } button-group.tab-group > button { border: 1px solid #B2B2B2 !important; background-color: #0060DF !important; color: #FFF !important; margin: 3px 3px 3px 0 !important; } button-group.tab-group > button[selected=""] { border-top: 1px solid #B2B2B2 !important; background-color: #217B22 !important; color: #FFF !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; } named-deck#details-deck section[name="details"] > div { border-top-color: #B2B2B2 !important; border-bottom: 1px solid #B2B2B2 !important; padding: 3px 8px 4px 8px !important; } named-deck#details-deck section[name="details"] > div.addon-detail-row-has-help { border-bottom: 0 !important; } named-deck#details-deck section[name="details"] > div.addon-detail-description { width: calc(100% + 10px) !important; padding: 10px !important; margin: 0 -15px !important; } named-deck#details-deck[selected-view="permissions"] addon-permissions-list[name="permissions"] div.addon-detail-row { border-bottom: 1px solid #B2B2B2 !important; } named-deck#details-deck section[name="details"] > .addon-detail-contribute { width: calc(100% + 15px) !important; margin: 0 0 0 -16px !important; } inline-options-browser[slot="selected"], update-release-notes[slot="selected"], inline-options-browser[name="preferences"][slot="selected"] { padding: 0 !important; margin: 0 !important; } inline-options-browser[name="preferences"] > .inline-options-stack { width: calc(100% + 30px) !important; border: 0 !important; border-bottom: 1px solid #B2B2B2 !important; background-color: #2A2A2E !important; padding: 0 5px 5px 5px !important; margin: 5px 0 0 -15px !important; } inline-options-browser[name="preferences"] > .inline-options-stack #addon-inline-options { min-height: 335px !important; border: 0 !important; background-color: #D7D5D5 !important; padding: 0 5px !important; margin: 0 !important; } footer.view-footer { border: 2px solid #2F2F36 !important; padding: 0 !important; margin-top: 10px !important; margin-bottom: 0 !important; } footer.view-footer .view-footer-item { margin-top: 0 !important; } footer.view-footer .amo-link-container.view-footer-item + .view-footer-item { padding-top: 5px !important; padding-bottom: 6px !important; } footer.view-footer .view-footer-item:last-child { border-top: 2px solid #2F2F36 !important; } footer.view-footer .theme-recommendation { text-align: center !important; padding-top: 5px !important; padding-bottom: 1px !important; margin-top: 0 !important; margin-bottom: 5px !important; } /* Test */ #main[current-view="updates"] addon-card .card[active="false"] { border: 2px solid #C72F2E !important; } #main addon-card .card[active="true"] .addon-card-message, #main addon-card .card[active="false"] .addon-card-message { --message-bar-background-color: #EEE8AA !important; padding: 0 !important; } #main addon-card .card[active="true"] .addon-card-message, #main addon-card .card[active="true"] .update-postponed-bar { border-radius: 0 !important; border-top: 2px solid #217B22 !important; margin: 0 !important; } #main addon-card .card[active="false"] .addon-card-message, #main addon-card .card[active="false"] .update-postponed-bar { border-radius: 0 !important; border-top: 2px solid #C72F2E !important; margin: 0 !important; } #main[current-view="detail"] addon-card .card[active="true"] .addon-card-message, #main[current-view="detail"] addon-card .card[active="false"] .addon-card-message { border-top: 2px solid #B2B2B2 !important; margin-top: 8px !important; margin-right: -15px !important; margin-left: -15px !important; } /* unter Empfehlungen ganz unten der Button Datenschutzrichtlinie */ #content div#main discovery-pane footer.view-footer div.view-footer-item a.privacy-policy-link{ min-height: 27px !important; max-height: 27px !important; border-radius: 0 !important; border: 1px solid grey !important; background: #F0F0F0 url("..//icons/Bild1.png") no-repeat !important; background-position: 6px 2px !important; color: #000 !important; padding: 1px 3px 1px 36px !important; margin: 0 !important; } #content div#main discovery-pane footer.view-footer div.view-footer-item a.privacy-policy-link:hover { border: 1px solid #006FC2 !important; background: #D1E2F2 url("..//icons/Bild1.png") no-repeat !important; background-position: 6px 2px !important; color: #000 !important; } div[current-view="detail"] > addon-card[expanded="true"] > .card .card-heading-image { margin-top: -12px !important; margin-left: -12px !important; } div[current-view="detail"] > addon-card[expanded="true"] > .card > img.card-heading-image:not([hidden=""]) + .addon-card-collapsed .card-contents { border-top: 2px solid #B2B2B2 !important; padding-left: 5px !important; margin-right: -15px !important; margin-left: -15px !important; } div[current-view="detail"] > addon-card[expanded="true"] > .card[active="false"] .card-heading-image { margin-top: -12px !important; margin-left: -12px !important; } div[current-view="detail"] > addon-card[expanded="true"] > .card[active="false"] > img.card-heading-image:not([hidden=""]) + .addon-card-collapsed .card-contents { border-top: 2px solid #B2B2B2 !important; padding-left: 5px !important; margin-left: -15px !important; } /*============ Button für Popup-Menü vom Zahnradbutton =============*/ #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: 10px; margin-right: -16px; } #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: 10px; margin-right: -16px; } #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: 10px; margin-right: -16px; } #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: 10px; margin-right: -16px; } #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/aktiv.png"); background-size: 18px 18px !important; margin-left: 10px; margin-right: -16px; margin-bottom: 3px; } #page-options > panel-list:nth-child(1) > panel-item:nth-child(7):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; } #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: 10px; margin-right: -16px; } #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: 10px; margin-right: -16px; } /* Button Ende */ }Und Bilder dazu:
