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
/* 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 */
}
Alles anzeigen
Und Bilder dazu: