Beiträge von Dharkness

Dharkness

Zitat von Boersenfeger

Der Code von Dharkness kommt für mich nicht in Frage, da mir die farbliche Gestaltung nicht zusagt.

Wenn Dir die grundsätzliche Darstellung zusagt, brauchst Du ja nur die Farben ändern.

Dharkness

Zitat von Boersenfeger

Folgender Code werkelt hier:

Fange mal mit Zeile 64 an, das muss jetzt inline-block sein.

Dharkness

Zitat von harff182

Schankedöööön...

Schittebööön.

Dharkness

Zitat von harff182

Ja wo isses den versteckt?

Dort ↓.

CSS

/* Profil: Fx57-H-Default */
@-moz-document url("about:addons") {
* { border-radius: 0 !important; }

body { counter-reset: section; }

#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;
}
#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;
}
#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;
}
#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;
}
#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;
}

#sidebar::after {
width: 2px !important;
background-color: #B2B2B2 !important;;
}

#categories {
border-top: 2px solid #B2B2B2 !important;
border-bottom: 2px solid #B2B2B2 !important;
padding: 0 0 5px 5px !important;
margin: 79px 0 0 0 !important;
}
#categories .category {
min-height: 40px !important;
border-radius: 0 !important;
border: 0 !important;
border-top: 1px solid #B2B2B2 !important;
border-bottom: 1px solid #B2B2B2 !important;
border-left: 1px solid #B2B2B2 !important;
background-position-y: 6px !important;
background-color: #202023 !important;
margin-inline-start: 0px !important;
margin-top: 5px !important;
margin-right: 0 !important;
}
#categories .category[hidden=""] {
display: flex !important;
}
#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;
}


#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: grey !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;
}

#sidebar div.spacer:nth-child(2) {
display: none !important;
}

ul.sidebar-footer-list {
border-bottom: 2px solid #B2B2B2 !important;
padding: 0 6px 5px 5px !important;
margin-block: 0 !important;
margin-inline: 0 !important;
}
ul.sidebar-footer-list > li {
border: 1px solid #B2B2B2 !important;
margin-top: 5px !important;
}
ul.sidebar-footer-list > li:hover {
background-color: #D1E2F2 !important;
}
ul.sidebar-footer-list > li:hover .sidebar-footer-icon {
fill: #000 !important;
}
ul.sidebar-footer-list > li:hover .sidebar-footer-label {
color: #000 !important;
}

.sidebar-footer-link:hover {
  background: none !important;
  background-image: none !important;
  background-color: unset !important;
}


ul.sidebar-footer-list > li #preferencesButton .sidebar-footer-icon {
fill: gold !important;
}
ul.sidebar-footer-list > li:hover #preferencesButton .sidebar-footer-icon {
fill: #000 !important;
}


#page-header {
z-index: 100 !important;
position: fixed !important;
width: 100% !important;
background-color: #2A2A2E !important;
}
.sticky-container {
appearance: none !important;
border-bottom: 2px solid #B2B2B2 !important;
padding-top: 6px !important;
margin-top: -6px !important;
}
.main-search,
.main-heading {
appearance: none !important;
min-width: 500px !important;
max-width: 500px !important;
border: 1px solid #B2B2B2 !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;
}
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: #FFF !important;
border: 1px solid #B2B2B2 !important;
}
addon-page-header[type="detail"] .main-heading .back-button:hover {
fill: #000 !important;
background-color: #D1E2F2 !important;
}

.main-search label.search-label {
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;
}

.main-heading .header-name {
min-width: 199px !important;
max-width: 199px !important;
font-size: 1.26em !important;
color: #C72F2E !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 #B2B2B2 !important;
padding: 0 5px !important;
margin-inline-end: 1px !important;
}
#updates-message[state="manual-updates-found"] {
min-width: 265px !important;
max-width: 265px !important;
border: 1px solid #B2B2B2 !important;
padding: 0 !important;
margin-inline-end: 1px !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;
}

.page-options-menu .more-options-button {
min-width: 28px !important;
max-width: 28px !important;
min-height: 28px !important;
max-height: 28px !important;
border-radius: 0 !important;
border: 1px solid #B2B2B2 !important;
padding: 0 !important;
margin-inline-start: 0px !important;
}

#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;
background: none !important;
background-color: #4A4A4F !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: #D1E2F2 !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;
}

#content {
background: #747474 !important;
}
#content > #main {
--section-width: calc(60% - 20px) !important;
border-right: 2px solid #B2B2B2 !important;
padding-right: 10px !important;
padding-bottom: 10px !important;
margin-top: 81px !important;
/* margin-right: auto !important; */
margin-bottom: 0 !important;
/* margin-left: auto !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: #747474 !important;
margin-top: 10px !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: #1C1B22 !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 #217B22 !important;
}
section[section="1"] addon-card .card {
border: 2px solid #C72F2E !important;
}

section[section="0"] addon-card .card:hover,
section[section="1"] addon-card .card:hover {
border: 2px solid #0060DF !important;
box-shadow: 0 0 4px 4px #4F91CC !important;
background-color: #004D9A !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;
}

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;
}


#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 {
border-radius: 0 !important;
border: 1px solid #B2B2B2 !important;
margin-top: 2px !important;
margin-right: 2px !important;
margin-left: 0 !important;
}
#main addon-card .card .card-contents .addon-name-container > button[data-l10n-id="disable-addon-button"] {
background-color: #C72F2E !important;
}
#main addon-card .card .card-contents .addon-name-container > button[data-l10n-id="enable-addon-button"] {
background-color: #217B22 !important;
}
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;
background-color: #D1E2F2 !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;
} */

.monochromatic-addon-list addon-card .card {
    width: calc(100% + 234px) !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: #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: #4A4A4F !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: #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;
}

.card-heading-icon {
margin-inline-end: 6px !important;
margin-top: 1px !important;
margin-left: 1px !important;
}
.card-heading-image {
min-width: 680px !important;
max-width: 680px !important;
min-height: 92px !important;
max-height: 92px !important;
border-radius: 0 !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-bottom:  !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("..//chrome/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("..//chrome/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;
}
div[current-view="detail"] .card {
border-radius: 0 !important;
border-top: 1px solid #B2B2B2 !important;
border-right: 1px solid #B2B2B2 !important;
border-bottom: 0 !important;
border-left: 1px solid #B2B2B2 !important;
margin-bottom: 0 !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;
}
/* .update-postponed-bar {
    border-radius: 0 !important;
    border-top: 2px solid #217B22 !important;
    margin: 3px 0 0 0  !important;
}
.update-postponed-bar {
    border-radius: 0 !important;
    border-top: 2px solid #C72F2E !important;
    margin: 3px 0 0 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;
}

message-bar.addon-card-message button[action="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 3px !important;
    color: #000 !important;
    padding: 1px 3px 1px 36px !important;
    margin: 0  !important;
}
message-bar.addon-card-message button[action="link"]:hover {
    border: 1px solid #006FC2 !important;
    background: #D1E2F2 url("..//chrome/icons/Bild1.png") no-repeat !important;
    background-position: 10px 3px !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;
}
}

Alles anzeigen

Dharkness

Zitat von 2002Andreas

Zitat von Dharkness

das CSS-Voodoo ist für alle

So ↓ sieht übrigens mein Addons-Manager aus.

Dharkness

Zitat von FuchsFan

Wenn Du Interesse haben solltest, so werde ich ihn um Erlaubnis bitten, die Version hier zu veröffentlichen.

Die brauchst Du nicht, das CSS-Voodoo ist für alle, die es haben wollen.

Dharkness

Zitat von 2002Andreas

Ohne ist nur der Hinweis in der Urlbar vorhanden.

Dankeschön, nun weiß ich Bescheid, mir fielen die fehlenden Button auf, ich zoome per Shortcut und brauche in der Tat die Button nicht, ich benötige in der Tat nur den Hinweis und habe mir Dein CSS-Schnipsel entsprechend angepasst.

CSS

#urlbar-zoom-button {
    font-size: .9em !important;
    border-radius: 0 !important;
    border: 0 !important;
    padding: 2px 3px !important;
    margin: 1px 1px -1px 0 !important;
}
#urlbar-zoom-button[label*="0"],
#urlbar-zoom-button[label^="1"] {
    background-color: red !important;
}
#urlbar-zoom-button[label="90%"] {
    background-color: #0082FC !important;
}
#urlbar-zoom-button[label^="100"] {
    background-color: unset !important;
}
#urlbar-zoom-button:hover,
#urlbar-zoom-button[label*="0"]:hover,
#urlbar-zoom-button[label^="1"]:hover,
#urlbar-zoom-button[label="90%"]:hover,
#urlbar-zoom-button[label^="100"]:hover {
    background-color: #D1E2F2 !important;
    color: #000 !important;
}

Alles anzeigen

Dharkness

Zitat von 2002Andreas

Meinst du das so?

Hm,

wo soll es #zoom-reset-button geben, ich finde nur #urlbar-zoom-button? Bei mir fehlen außerdem die + und - Button, woran kann das liegen?

Dharkness

Es sollte so ↓ aussehen.

CSS

#search-box {
  appearance: none !important;
  border: 4px solid red !important;
  font-weight: bold !important;
  font-size: 12px !important;
  font-family: Helvetica, Arial, Geneva, sans-serif !important;
  color: red !important;
}

Dharkness

Hallo Andreas,

Zitat von 2002Andreas

Zitat von Luna-1

wann und wohin?

kann man die Anzahl der Backups erhöhen?

Zitat von Dharkness

kann man die Anzahl der Backups erhöhen?

2002Andreas, gefunden, das ist wohl die → browser.bookmarks.max_backups Pref.

Dharkness

Zitat von Luna-1

Oder mal so die Frage, was ist in der Version von x.0 auf x.0.1, für eine bessere Sicherheit, Datenschutz, Webkompatibilität, Performance, zu erwarten?

#Guckst Du da?!

Dharkness

Zitat von harff182

Schankedön... und schönes Wochenende...

Aber bitte doch und Dir auch ein schönes WE.

Dharkness

HI,

schau mal, was Du damit ↓ anfangen kannst.

CSS

button.downloadButton.downloadIconShow {
    border-radius: 0 !important;
    border: 1px solid #B2B2B2 !important;
    background: #0082FC !important;
    color: #FFF !important;
    margin: 1px !important;
}
button.downloadButton.downloadIconShow:hover {
    border: 1px solid #0082FC !important;
    background: #D1E2F2 !important;
    color: #000 !important;
    margin: 1px !important;
}

Alles anzeigen

Dharkness

Zitat von Sören Hentzschel

Das ist nämlich das, was ich bei Klick auf den Link oben sehe. Und dort funktioniert die Einstellung für die benutzerdefinierten Abstände bei mir.

Hm,

die veränderten Werte für die Seitenränder werden tatsächlich in der Druckvorschau angezeigt?

Wenn ich diese Seite das Camps in der Druckvorschau anzeige und die Werte für die Seitenränder ändere, werden die Seitenränder in der tat verändert, aber bei dem Link vom TE nicht.

Dharkness

Zitat von omar1979

Bei mir leider nicht.

Dann muss bei Dir irgendetwas dazwischen funken, hast Du es mal ohne Deinem sonst vorhanden CSS-Voodoo getestet?

Dharkness

Zitat von omar1979

Danke wenn ich deine Code zusätzlich einfüge funkt es tiptop.

Hier funktioniert es ohne dem zusätzlichen CSS-Schnipsel von BrokenHeart.

Dharkness

Zitat von omar1979

Bei mir funktioniert die code leider nicht.

Hm, hier schon, dann ist bei Dir irgendwo ein Fehler.

Dharkness

Zitat von 2002Andreas

könnte es an der fehlenden Änderung in der config liegen, wenn er es per CSS Code gemacht hatte

Ja, aber eigentlich wird das doch auch im Profil und zwar in der prefs.js gespeichert, das lägt nahe, das die Anpassungen für Javascript im Installationsordner fehlen, lassen wir uns mal überraschen, was der uns TE vermeldet.

Dharkness

Zitat von milupo

Die CSS-Lösung ist sehr dünn

Ich weiß, die Scrollbar-Anpassung vom TE sieht mit mir aber eher nach userChrome- und userContent.css-Anpassung aus als nach einer Anpassung per Javascript.

Dharkness

Zitat von 2002Andreas

Ich bin dort nicht angemeldet, kann aber auf der Startseite jeden beliebigen Link anklicken:

Öhm, ich denke, das damit die https://www.infomaniak.com/de/kdrive gemeint ist.

Beiträge von Dharkness

Addons Manager Code anpassen

Addons Manager Code anpassen

Addons Manager Code anpassen

Addons Manager Code anpassen

Addons Manager Code anpassen

Addons Manager Code anpassen

Zoom-Abweichung auffällig machen

Zoom-Abweichung auffällig machen

Lesezeichen durchsuchen anpassen

Lesezeichen Ordner versehentlich gelöscht

Update Meldung abstellen

about:downloads - Folder-Button ganz rechts ändern

about:downloads - Folder-Button ganz rechts ändern

Seitenränder beim Druck können nicht verändert werden

Reload und Stop Buttons

Reload und Stop Buttons

Reload und Stop Buttons

Farbe der Scrollbar ändern

Farbe der Scrollbar ändern

Leere Webseite ohne Inhalt angezeigt