Ich steh mal wieder aufm Schlauch - welche Änderung meinst du?
Neu ist Site Permissions.
Ich steh mal wieder aufm Schlauch - welche Änderung meinst du?
Neu ist Site Permissions.
Sollte sich da nicht sowieso was am Design der Seite ändern
Eine Änderung ist schon da im Nightly .
Der Code müsste wahrscheinlich kompl. neu aufgebaut werden.
Das war ja mein Gedanke dazu, Andreas.
allerdings komme ich mit dem Hauptproblem nicht wirklich weiter... es passt ja alles, bis auf die Anordnung der Buttons
Das ist ja das Problem, dass es in keinem der älteren Codes mehr funktioniert. Dieser Code brachte die Button in die Horizontale, bei Aris ist dazu auch noch nichts Neues erschienen.
/* bringt die Button in horizontale Lage */
div.arrow.top + div.list {
display: flex !important;
flex-flow: row wrap !important;
justify-content: flex-start !important;
}
Eventuell hilft dir ja ein anderer User dabei.
Die brauchst Du nicht, das CSS-Voodoo ist für alle, die es haben wollen.
Na dann! Zur freien Auswahl.
/*=================== AGENT_SHEET =============================*/
@-moz-document url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
url(about:addons) {
/* Add-ons-Manager linke Seite (Sidebar) Hintergrund */
#sidebar {
background: linear-gradient(to bottom right, white,#acacac,#f2f3f4,#acacac, #f2f3f4,#acacac) !important;
}
/* Add-ons-Manager rechte Seite Hintergrund */
#full #content{
background: #bfc1c2 !important;
}
/* Border gesamter Hintergrund */
html{
border: 5px solid lightgrey !important;
}
/*===== Zurück- /Zahnrad-Button / Suche =======*/
/* obere Box ist - sticky-container - */
/* Suche und Upadates */
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: 5px !important;
width: 1653px !important;
}
stack#preferences-stack .sticky-container {
border-radius: 0 !important;
border-bottom: 0 !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
}
/* oben die Suche */
.sticky-container .main-search {
background-color: #B8B8B8 !important;
min-width: 531px !important;
max-width: 531px !important;
border-radius: 0px !important;
border: 1px solid #787878 !important;
padding: 0 0 0 5px !important;
margin-top: 0 !important;
margin-bottom: 5px !important;
margin-left: 28px !important;
}
.sticky-container .main-search .search-label {
color: #D01100 !important;
}
.sticky-container .main-search search-addons {
border-radius: 0px !important;
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
}
.sticky-container .main-search search-textbox {
background-color: #f2f3f4 !important;
min-height: 26px !important;
max-height: 26px !important;
border-radius: 0px !important;
border: 1px solid #787878 !important;
padding: 0 5px !important;
margin: 1px !important;
}
/* Box mit dem Namen */
.sticky-container .main-heading {
min-width: 536px !important;
max-width: 536px !important;
border-radius: 0px !important;
border: 1px solid #787878 !important;
background-color: #B8B8B8 !important;
padding: 0 !important;
}
.sticky-container .main-heading h1.header-name {
font-weight: bold !important;
font-size: 1.26em !important;
color: #D01100 !important;
margin-top: 1px !important;
margin-bottom: 2px !important;
margin-left: 5px !important;
}
/* Zurück- und Zahnrad-Button */
.sticky-container .main-heading button.back-button,
.sticky-container .main-heading button.more-options-button {
min-width: 26px !important;
max-width: 26px !important;
min-height: 26px !important;
max-height: 26px !important;
border-radius: 0px !important;
border: 1px solid #787878 !important;
padding: 0 !important;
margin: 1px 1px 1px 0 !important;
}
.sticky-container .main-heading button.back-button {
margin: 1px !important;
}
.sticky-container .main-heading button.back-button:hover,
.sticky-container .main-heading button.more-options-button:hover {
fill: #000 !important;
background-color: #D1E2F2 !important;
}
/*=============== Container rechte Seite anpassen ==================*/
/* für alle Elemente rechte Seite die Länge einstellen */
addon-list addon-card > .addon.card,
addon-card[expanded] >.addon.card {
width: 1225px !important; /* max. Länge aller Elemente */
background: #f3f3f3 !important; /* Hintergrundfarbe */
border: 1px solid grey !important;
border-width: 5px !important;
border-style: double !important;
}
/* Länge für Empfehlungen verkürzt */
#main div discovery-pane recommended-addon-list recommended-addon-card div.card.addon {
max-width: 60vw !important; }
/* Länge für Empfehlungen unter Erweiterungen verkürzt */
div.card.addon{
width: 60vw !important;}
/* Hintergrund der Container bei Hover andere Farbe */
addon-list addon-card > .addon.card:hover {
background: lightblue !important;
}
/* Umrandung der Container bei Hover breiter Rand und andere Farbe */
:root {
--card-outline-color: royalblue !important;
}
/* vertikaler Abstand zwischen den Containern */
addon-card .addon {
margin: 10px !important;
}
/*Höhe der Container */
addon-card:not([expanded="true"]) .addon.card {
max-height: 78px !important; /* maximale Höhe der Container / hauptsächlich für Theme gedacht */
}
/* Schrift in den Containern / erlaubte Ausdehnung nach rechts */
.addon-description {
max-width: 1000px !important;
}
/* verhindert die Ausweitung der Schrift über den rechten Rand der Container */
addon-card > .addon.card,
addon-card > .addon.card * {
overflow: hidden !important;
}
/* verlagert unter Themes den Namen auf die rechte Seite */
/* https://www.camp-firefox.de/forum/thema/128571-ansicht-erweiterungen-verwalten/?postID=1161843#post1161843 */
addon-list[type="theme"] addon-card div.card.addon div.addon-card-collapsed {
min-height: 82px !important;
padding: 0px 3px 1px 3px !important;
margin: -100px 0 0 810px !important;
}
recommended-themes-section recommended-addon-card .card.addon .card-contents {
min-height: 82px !important;
padding: 0px 3px 1px 3px !important;
margin: -100px 0 0 810px !important;
}
addon-list[type="theme"] .addon-name{ /* Name nach oben versetzt */
margin-top: 2px !important;
}
/* unter Themes die Grafik anpassen */
.card-heading-image {
min-width: 800px !important; /* Länge der Grafik */
height: 90px !important; /* Höhe der Grafik */
margin-left: -4px !important; /* Abstand vom linken Rand */
margin-top: -8px !important; /* Abstand vom oberen Rand */
border: 2px solid grey !important; /* Umrandung */
border-radius: 8px !important;
}
/* Drei-Punkte-Button */
addon-card .more-options-button {
border-radius: 0px !important;
fill: #FFF !important;
border: 1px solid #EDEDED !important;
background-color: #6E6961 !important;
margin-top: 3px !important;
margin-right: 0 !important;
margin-left: 1px !important;
}
addon-card .more-options-button:hover {
border: 1px solid #006FC2 !important;
background-color: #D1E2F2 !important;
fill: #000 !important;
}
addon-card[expanded] .more-options-button {
border-radius: 0px !important;
fill: #FFF !important;
border: 1px solid #B2B2B2 !important;
margin-top: 3px !important;
margin-right: 0 !important;
margin-left: 1px !important;
}
addon-list[type="theme"] addon-card .more-options-button {
margin-bottom: 3px !important;
margin-left: 3px !important;
}
addon-card[expanded] .more-options-button:hover {
background-color: #D1E2F2 !important;
fill: #000 !important;
}
/* Icons im Popup des Drei-Punkte-Button entfernen (Papierkorb, usw.) */
/* :host([checked]),
panel-item[checked],
:-moz-any(addon-list,panel-list) panel-item {
--icon: unset !important;
} */
/*================ Hintergrund für Container ===============*/
/* Section 0 für Aktiviert / Section 1 für Deaktiviert */
/* Erweiterungen */
addon-list[type="extension"] section[section="0"],
addon-list[type="theme"] section[section="0"],
addon-list[type="plugin"] section[section="0"],
addon-list[type="dictionary"] section[section="0"] {
box-shadow: none !important;
border-radius: 0px !important;
border: 2px solid #EDEDED !important;
background-color: #707070 !important;
padding: 0 !important;
margin: 24px 1px 0 0 !important;
width: 1285px !important;
}
addon-list[type="extension"] section[section="1"],
addon-list[type="theme"] section[section="1"] {
box-shadow: none !important;
border-radius: 0px !important;
border: 2px solid #EDEDED !important;
background-color: #707070 !important;
padding: 0 !important;
margin: 24px 1px 0 0 !important;
width: 1285px !important;
}
/*==================== sonstige Anpassungen =====================*/
/* Namen aller Addons Farbe ändern (Hover) */
addon-card:hover .addon-name .addon-name-link,
addon-card:hover .addon-description {
color: blue !important;
}
/* Versionsnummer wird angezeigt */
div:not([current-view="updates"]) .addon-name-link[title]::after,
div:not([current-view="updates"]) .addon-name[title]::after {
display: block !important;
content: attr(title) !important;
margin-top: -22px !important;
}
/* blendet den Text für privates Browsing ein */
/* bei kurzen Containern empfiehlt sich die Deaktivierung */
.addon-badge-private-browsing-allowed::before {
content: "(In privaten Fenstern erlaubt)" !important;
margin-left: 10px !important; /* Entfernung nach rechts */
}
.addon-badge-private-browsing-allowed {
min-width: 430px !important; /* lila Icon Entfernung nach rechts */
}
/* fortlaufende Nummerierung installierter Erweiterungen, Themes, usw. */
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: 1px !important;
padding-right: 8px !important;
}
/* Unter Plugins - Nachfragen ob aktiviert werden soll - entfernt */
#main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(2) > div:nth-child(1) > plugin-options:nth-child(4) > panel-list:nth-child(1) > panel-item:nth-child(1),
#main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(3) > div:nth-child(1) > plugin-options:nth-child(4) > panel-list:nth-child(1) > panel-item:nth-child(1) {
display: none !important;
}
/*=========== Menü Verwalten - externe Links - Darstellung ============*/
/* Länge des Menü - Verwalten - */
addon-card[expanded] .addon.card{
max-width: 1100px !important;
background: #f8f8ff !important;
}
/* Hintergrund der Button ausblenden */
addon-list addon-card > .card,
addon-card[expanded] > .card,
addon-list addon-card > .card:hover,
addon-card[expanded] > .card:hover {
--in-content-button-background: none !important;
--in-content-button-background-hover: none !important;
--in-content-button-background-active: none !important;
}
/* Hintergrund Menü Verwalten bei Hover */
.card:hover,
addon-list addon-card > .card:hover,
addon-card[expanded] > .card:hover {
background: #f2f3f4 !important;
}
/* Button im Menü Verwalten */
.button-link,
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;
background-color: #A1A1A1 !important;
color: #FFF !important;
padding: 2px 6px !important;
margin-top: 2px !important;
margin-bottom: 2px !important;
}
/* Button im Menü Verwalten (Hover) */
.button-link: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 {
appearance: none !important;
background-color: #33ccff !important;
color: blue !important;
}
/* Button liks oben / z.B. Lizenzinformationen bei Plugins */
addon-permissions-list .addon-detail-row a[is="support-link"],
named-deck#details-deck update-release-notes >p > a,
named-deck#details-deck div.addon-detail-description > a {
appearance: none !important;
text-decoration: none !important;
background-color: #A1A1A1 !important;
color: #FFF !important;
padding: 4px 8px !important;
padding-bottom: 8px !important;
}
/* Details-Box für Unterstützung des Autors */
.addon-detail-contribute {
background-color: #e5e5e5 !important;
}
/* Button - Unterstützen - in Addons-Verwaltung */
.addon-detail-contribute-button:hover {
fill: red !important;
background-color: #33ccff !important;
}
/* oben links die Details-Button */
.tab-button[selected]{
background: lightblue !important;
font-weight: bold !important;
color: blue !important;
}
.tab-button:hover{
background-color: #33ccff !important;
color: blue !important;
}
/* Menü Verwalten Container nach unten verlagern */
addon-card[expanded] > .card {
margin-top: 32px !important;
}
/*=========== alle Bereiche Aktiviert/Deaktiviert - Farbe ===========*/
/* Theme - Aktiviert - */
.list-section-heading[data-l10n-id="theme-enabled-heading"]{
border-bottom: 2px solid #EDEDED !important;
background-color: forestgreen !important;
font-weight: bold !important;
color: white !important;
width: 100% !important; /* Länge */
text-align: center !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-left: 0 !important;
}
/* Erweiterungen, Plugins, Wörterbücher - Aktiviert - */
.list-section-heading[data-l10n-id="extension-enabled-heading"],
.list-section-heading[data-l10n-id="plugin-enabled-heading"],
.list-section-heading[data-l10n-id="dictionary-enabled-heading"] {
border-bottom: 2px solid #EDEDED !important;
background-color: forestgreen !important;
font-weight: bold !important;
color: white !important;
width: 100% !important; /* Länge */
text-align: center !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-left: 0 !important;
}
/* Theme - Dektiviert - */
.list-section-heading[data-l10n-id="theme-disabled-heading"]{
border-bottom: 2px solid #EDEDED !important;
background-color: red !important;
border-bottom: 2px solid #EDEDED !important;
background-color: red !important;
font-weight: bold !important;
color: white !important;
width: 100% !important; /* Länge */
text-align: center !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-left: 0 !important;
}
/* Erweiterungen, Plugins, Wörterbücher - Dektiviert - */
.list-section-heading[data-l10n-id="extension-disabled-heading"],
.list-section-heading[data-l10n-id="plugin-disabled-heading"],
.list-section-heading[data-l10n-id="dictionary-disabled-heading"] {
border-bottom: 2px solid #EDEDED !important;
background-color: red !important;
font-weight: bold !important;
color: white !important;
width: 100% !important;
text-align: center !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-left: 0 !important;
}
/*========== Button Aktivieren/Deaktivieren unter Themes im Menü Verwalten ==========*/
button.theme-enable-button[data-l10n-id="enable-addon-button"] {
min-height: 24px !important;
border-radius: 0px !important;
border: 1px solid #EDEDED !important;
background-color: #006800 !important;
color: #FFF !important;
padding: 1px 6px 3px 6px !important;
margin-top: 3px !important;
}
button.theme-enable-button[data-l10n-id="disable-addon-button"] {
min-height: 24px !important;
border-radius: 0px !important;
border: 1px solid #EDEDED !important;
background-color: #EE0909 !important;
color: #FFF !important;
padding: 1px 6px 3px 6px !important;
margin-top: 3px !important;
}
button.theme-enable-button[data-l10n-id="enable-addon-button"]:hover,
button.theme-enable-button[data-l10n-id="disable-addon-button"]:hover {
border: 1px solid #006FC2 !important;
background-color: #D1E2F2 !important;
color: #000 !important;
margin-top: 3px !important;
}
button[class="disco-cta-button"][data-l10n-id="manage-addon-button"] {
min-height: 25px !important;
border-radius: 0px !important;
border: 1px solid #EDEDED !important;
background-color: #323234 !important;
padding: 2px 6px 2px 6px !important;
margin-top: 3px !important;
}
button[class="disco-cta-button"][data-l10n-id="manage-addon-button"]:hover {
border: 1px solid #006FC2 !important;
background-color: #D1E2F2 !important;
color: #000 !important;
}
button[class="disco-cta-button primary"] {
min-height: 25px !important;
border-radius: 0px !important;
border: 1px solid #EDEDED !important;
background-color: #323234 !important;
padding: 2px 6px 2px 6px !important;
margin-top: 3px !important;
}
button[class="disco-cta-button primary"]:hover {
border: 1px solid #006FC2 !important;
background-color: #D1E2F2 !important;
color: #000 !important;
}
/*======= Aussehen des Menü hinter dem Zahnrad =========*/
panel-list > panel-item,
panel-list > panel-item a,
#page-options > panel-list > panel-item,
#page-options > panel-list > panel-item a{
appearance: none !important;
opacity: 1.0 !important;
box-shadow: none !important;
background: lightgrey !important;
background-image: none !important;
margin: 1px !important;
}
panel-list > panel-item:hover,
panel-list > panel-item:hover a,
#page-options > panel-list > panel-item:hover,
#page-options > panel-list > panel-item:hover a {
appearance: none !important;
opacity: 1.0 !important;
box-shadow: none !important;
background: lightyellow !important;
background-image: none !important;
color: red !important;
}
/* Separatoren (Zwischenlinien) entfernt */
addon-page-options panel-list panel-item-separator{
display: none !important;
}
/*========== Suchfeld für Updates (unter der Addon-Suche) ==========*/
/* blendet den Hintergrund Verfügbare Updates aus / auch bei Hover */
#updates-message,
#updates-message:hover {
--in-content-button-background: none !important;
--in-content-button-background-hover: none !important;
--in-content-button-background-active: none !important;
}
/* Button Verfügbare Updates anzeigen */
#updates-message {
min-width: 271px !important;
max-width: 271px !important;
margin: 1px auto !important;
text-align: center !important;
}
/* Anzeige über Updates links vom Zahnrad-Button */
#updates-message[state="none-found"] {
border: 1px solid #33ccff !important;
background: lightblue !important;
color: blue !important;
margin:1px auto !important;
min-height: 22px !important;
max-height: 22px !important;
}
[data-l10n-id="addon-updates-updating"],
[data-l10n-id="addon-updates-none-found"],
[data-l10n-id="addon-updates-manual-updates-found"],
[data-l10n-id="addon-updates-installed"] {
border: 1px solid #33ccff !important;
background: lightblue !important;
color: blue !important;
margin:1px auto !important;
min-height: 22px !important;
max-height: 22px !important;
min-width: 271px !important;
max-width: 271px !important;
}
/*========== zusätzliche Anpassungen für Menü hinter dem Dreipunkte-Button ===========*/
/* blendet den Hintergrund aus / auch bei Hover */
/* Wirkung auch auf Menü hinter dem Zahnrad */
panel-list > panel-item,
panel-list > panel-item:hover {
--in-content-button-background: none !important;
--in-content-button-background-hover: none !important;
--in-content-button-background-active: none !important;
opacity: 1.0 !important;
filter: contrast(1.15) !important;
}
/* Dreipunkte-Menü */
panel-list{
padding: 6px !important;
background: gainsboro !important;
border: 1px solid dodgerblue !important;
border-width: 4px !important;
border-style: double !important;
}
/* Dreipunkte-Menü die Button */
panel-list > panel-item{
margin: 2px !important; /* Abstand dazwischen */
border: 1px solid grey !important;
}
/* Separatoren entfernt */
addon-options > panel-list > panel-item-separator,
plugin-options > panel-list > panel-item-separator {
display: none !important;
}
/* Button - Entfernen */
addon-options > panel-list > panel-item[action="remove"]{
background: #CE091F !important;
color: white !important;
}
/* Button - Einstellungen */
addon-options > panel-list > panel-item[action="preferences"] {
background: #217B22 !important;
color: white !important;
}
/* Button - Melden */
addon-options > panel-list > panel-item[action="report"]{
color: white !important;
background: #663399 !important;
}
/* Button - Verwalten */
addon-options > panel-list > panel-item[action="expand"]{
color: white !important;
background: royalblue !important;
}
/* Plugins-Button - Immer aktivieren */
panel-list > panel-item[action="always-activate"] {
background: green !important;
color: white !important;
}
/* Plugins-Button - Nie aktivieren */
panel-list > panel-item[action="never-activate"]{
background: #961608 !important;
color: white !important;
}
/* Plugins-Button - Verwalten */
panel-list > panel-item[action="expand"]{
background: royalblue !important;
color: white !important;
}
panel-list > panel-item[action="expand"]:hover,
panel-list > panel-item[action="never-activate"]:hover,
panel-list > panel-item[action="always-activate"]:hover,
addon-options > panel-list > panel-item[action="remove"]:hover,
addon-options > panel-list > panel-item[action="preferences"]:hover,
addon-options > panel-list > panel-item[action="report"]:hover,
addon-options > panel-list > panel-item[action="expand"]:hover {
background: lightblue !important;
}
/* Addons - Button - Aktualisieren - */
panel-item[badged] {
background: green !important;
color: lightgrey !important;
border: 2px solid red !important;
box-shadow: inset 0 0 2px 2px white !important;
filter: contrast(1.00) !important; /* bei Hover wird Kontrast erhöht */
}
/* Button Aktualisieren bei Hover */
panel-item[badged]:hover {
background: forestgreen !important;
cursor: pointer !important;
opacity: 1.0 !important;
filter: contrast(3.00) !important; /* bei Hover wird Kontrast erhöht */
color: white !important;
}
/*================= Toggle-Button ============================*/
addon-card .card input[type="checkbox"].toggle-button,
addon-card[expanded] input[type="checkbox"].toggle-button {
min-height: 24px !important;
min-height: 24px !important;
height: 24px !important;
border-radius: 0 !important;
border: 1px solid #B2B2B2 !important;
background: #2C5B9C !important;
padding-top: 4px !important;
margin-top: 3px !important;
}
addon-card .card input[type="checkbox"].toggle-button::before {
background: #fff !important;
}
addon-card .card input[type="checkbox"].toggle-button:hover::before {
background: #000 !important;
}
addon-card .card input[type="checkbox"].toggle-button {
background: #C72F2E !important;
}
addon-card .card[active="false"] input[type="checkbox"].toggle-button {
background: #217B22 !important;
}
addon-card[expanded] .card input[type="checkbox"].toggle-button {
background: #217B22 !important;
}
addon-card[expanded] .card[active="false"] input[type="checkbox"].toggle-button {
background: #C72F2E !important;
}
addon-card .card input[type="checkbox"].toggle-button:hover,
addon-card[expanded] .card input[type="checkbox"].toggle-button:hover,
addon-card[expanded] .card[active="false"] input[type="checkbox"].toggle-button:hover {
background: #D1E2F2 !important;
}
}
/*============ Button des Addon-Managers / linke Seite =============*/
@-moz-document url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
url-prefix(about:addons) {
#full > #sidebar {
appearance: none !important;
border-right: 3px solid grey !important;
margin-right: 0 !important;
}
/* Button Grundeinstellungen */
#categories {
appearance: none !important;
min-width: 239px !important;
max-width: 239px !important;
border-radius: 0px !important;
border: 0px !important;
border-bottom: 1px solid grey !important;
padding: 0 0 7px 0 !important;
margin: 75px 0 5px 0 !important;
}
#categories .category,
#categories .category[hidden="true"] {
appearance: none !important;
min-height: 36px !important;
max-height: 36px !important;
border-radius: 0px !important;
border: 0px !important;
border-top: 2px solid #EDEDED !important;
border-bottom: 2px solid #EDEDED !important;
border-left: 2px solid #EDEDED !important;
background-color: gainsboro !important;
color: black !important;
padding: 0px 5px !important;
margin: 5px 0px 0px 5px !important;
}
#categories .category[value="keyed-histograms-section"] {
min-height: 46px !important;
max-height: 46px !important;
}
#categories .category .category-name,
#categories .category[hidden="true"] .category-name {
appearance: none !important;
font-size: 1.3rem !important;
line-height: 20px !important;
padding: 0px !important;
margin: -1px 5px 0px 5px !important;
}
#categories .category[aria-selected="true"] {
appearance: none !important;
font-weight: normal !important;
background-color: #217B22 !important;
color: white !important; /* aktiver Tab */
}
#categories .category[hidden=""] {
appearance: none !important;
display: inline-flex !important;
}
#categories .category[hidden=""] {
appearance: none !important;
opacity: 1 !important;
color: #000 !important; /* Schriftfarbe einiger Button */
}
#categories .category[is="discover"][hidden=""] {
opacity: 0 !important;
}
#categories .category[hidden=""]:hover {
appearance: none !important;
opacity: 1 !important;
color: blue !important;
}
#categories .category[hidden=""]:hover,
#categories .category[hidden=""][aria-selected="true"]:hover,
#categories .category:hover,
#categories .category[aria-selected="true"]:hover {
appearance: none !important;
background-color: #D1E2F2 !important;
color: blue !important;
}
#categories richlistitem .category-badge {
margin: 0 !important;
}
#categories .category[id="category-legacy"] {
display: none !important;
}
.category[badge-count]::after {
border-radius: 0 !important;
}
#categories .category[name="discover"] {
background-color: #9C9C9C !important;
background-position: 7px 5px !important;
background-size: 24px 24px !important;
padding-left: 33px !important;
}
#categories .category[name="discover"][aria-selected="true"] {
background-color: #006800 !important;
background-position: 7px 5px !important;
background-size: 24px 24px !important;
fill: silver !important;
padding-left: 33px !important;
}
#categories .category[name="discover"]:hover {
background-color: #33ccff !important;
background-position: 7px 5px !important;
background-size: 24px 24px !important;
fill: blue !important;
padding-left: 33px !important;
}
#categories .category[name="extension"] {
background-color: #9C9C9C !important;
background-position: 7px 5px !important;
background-size: 24px 24px !important;
padding-left: 33px !important;
}
#categories .category[name="extension"][aria-selected="true"] {
background-color: #006800 !important;
background-position: 7px 5px !important;
background-size: 24px 24px !important;
fill: silver !important;
padding-left: 33px !important;
}
#categories .category[name="extension"]:hover {
background-color: #33ccff !important;
background-position: 7px 5px !important;
background-size: 24px 24px !important;
fill: blue !important;
padding-left: 33px !important;
}
#categories .category[name="theme"] {
background-color: #9C9C9C !important;
background-position: 7px 5px !important;
background-size: 24px 24px !important;
padding-left: 33px !important;
}
#categories .category[name="theme"][aria-selected="true"] {
background-color: #006800 !important;
background-position: 7px 5px !important;
background-size: 24px 24px !important;
fill: silver !important;
padding-left: 33px !important;
}
#categories .category[name="theme"]:hover {
background-color: #33ccff !important;
background-position: 7px 5px !important;
background-size: 24px 24px !important;
fill: blue !important;
padding-left: 33px !important;
}
#categories .category[name="plugin"] {
background-color: #9C9C9C !important;
background-position: 7px 5px !important;
background-size: 24px 24px !important;
padding-left: 33px !important;
}
#categories .category[name="plugin"][aria-selected="true"] {
background-color: #006800 !important;
background-position: 7px 5px !important;
background-size: 24px 24px !important;
fill: silver !important;
padding-left: 33px !important;
}
#categories .category[name="plugin"]:hover {
background-color: #33ccff !important;
background-position: 7px 5px !important;
background-size: 24px 24px !important;
fill: blue !important;
padding-left: 33px !important;
}
#categories .category[name="dictionary"] {
background-color: #9C9C9C !important;
background-position: 7px 5px !important;
background-size: 24px 24px !important;
padding-left: 33px !important;
}
#categories .category[name="dictionary"][aria-selected="true"] {
background-color: #006800 !important;
background-position: 7px 5px !important;
background-size: 24px 24px !important;
fill: silver !important;
padding-left: 33px !important;
}
#categories .category[name="dictionary"]:hover {
background-color: #33ccff !important;
background-position: 7px 5px !important;
background-size: 24px 24px !important;
fill: blue !important;
padding-left: 33px !important;
}
#categories .category[name="locale"] {
background-color: #9C9C9C !important;
background-position: 7px 5px !important;
background-size: 24px 24px !important;
padding-left: 33px !important;
}
#categories .category[name="locale"][aria-selected="true"] {
background-color: #006800 !important;
background-position: 7px 5px !important;
background-size: 24px 24px !important;
fill: silver !important;
padding-left: 33px !important;
}
#categories .category[name="locale"]:hover {
background-color: #33ccff !important;
background-position: 7px 5px !important;
background-size: 24px 24px !important;
fill: blue !important;
padding-left: 33px !important;
}
#categories .category[name="available-updates"] {
background-color: #9C9C9C !important;
background-position: 7px 5px !important;
background-size: 24px 24px !important;
padding-left: 33px !important;
}
#categories .category[name="available-updates"][aria-selected="true"] {
background-color: #006800 !important;
background-position: 7px 5px !important;
background-size: 24px 24px !important;
fill: silver !important;
padding-left: 33px !important;
}
#categories .category[name="available-updates"]:hover {
background-color: #33ccff !important;
background-position: 7px 5px !important;
background-size: 24px 24px !important;
fill: blue !important;
padding-left: 33px !important;
}
#categories .category[name="recent-updates"] .category-name {
font-size: 1.06rem !important; /* Zeilenumbruch verhindern */
}
#categories .category[name="recent-updates"] {
background-color: #9C9C9C !important;
background-position: 7px 5px !important;
background-size: 24px 24px !important;
padding-left: 33px !important;
}
#categories .category[name="recent-updates"][aria-selected="true"] {
background-color: #006800 !important;
background-position: 7px 5px !important;
background-size: 24px 24px !important;
fill: silver !important;
padding-left: 33px !important;
}
#categories .category[name="recent-updates"]:hover {
background-color: #33ccff !important;
background-position: 7px 5px !important;
background-size: 24px 24px !important;
fill: blue !important;
padding-left: 33px !important;
}
#categories .category[name="sitepermission"] {
background-color: #9C9C9C !important;
background-position: 7px 5px !important;
padding-left: 33px !important;
}
#categories .category[name="sitepermission"][aria-selected="true"] {
background-color: #006800 !important;
background-position: 7px 5px !important;
background-size: 24px 24px !important;
fill: silver !important;
padding-left: 33px !important;
}
#categories .category[name="sitepermission"]:hover {
background-color: #33ccff !important;
background-position: 7px 5px !important;
fill: blue !important;
padding-left: 33px !important;
}
/*========= Icons farbig ==========*/
/* unter Addons */
#categories .category[name="discover"], /* Empfehlungen */
#category-discover .category-icon {
fill: lightblue !important;
}
#categories .category[name="extension"], /* Erweiterungen */
#category-extension .category-icon {
fill: #5de700 !important;
}
#categories .category[name="theme"], /* Themes */
#category-theme .category-icon {
fill: coral !important;
}
#categories .category[name="plugin"], /* Plugins */
#category-plugin .category-icon {
fill: dodgerblue !important;
}
#categories .category[name="dictionary"], /* Wörterbücher */
#category-dictionary .category-icon {
fill: #8A2BE2 !important;
}
#categories .category[name="locale"], /* Sprachen */
#category-sync .category-icon {
fill: #D02090 !important;
}
#categories .category[name="sync"], /* Sync */
#category-sync .category-icon {
fill: magenta !important;
}
#categories .category[name="recent-updates"], /* Zuletzt durchgeführte Updates */
#category-recentUpdates .category-icon {
fill: #D2691E !important;
}
#categories .category[name="available-updates"], /* Verfügbare Updates */
#category-recentUpdates .category-icon {
fill: #ffbf00 !important;
}
#categories .category[name="sitepermission"], /* Site Permission */
#category-sitepermission .category-icon {
fill: brown !important;
}
/* Einstellungen unten links */
#preferencesButton {
background-position-x: 8px !important;
border-radius: 0px !important;
border-top: 2px solid #EDEDED !important;
border-bottom: 2px solid #EDEDED !important;
border-left: 2px solid #EDEDED !important;
box-shadow: none !important;
background-color: #A1A1A1 !important;
color: black !important;
padding: 0 0 0 10px !important;
margin: 0 3px 5px 2px !important;
}
#preferencesButton .sidebar-footer-icon{
fill: green !important;
}
#preferencesButton:hover {
box-shadow: none !important;
background-color: #33ccff !important;
color: blue !important;
}
/* Hilfe unten links */
#help-button {
background-position-x: 12px !important;
border-radius: 0px !important;
border-top: 2px solid #EDEDED !important;
border-bottom: 2px solid #EDEDED !important;
border-left: 2px solid #EDEDED !important;
box-shadow: none !important;
background-color: #A1A1A1 !important;
color: black !important;
padding: 0 0 0 10px !important;
margin: 0 3px 5px 2px !important;
}
#help-button:hover {
box-shadow: none !important;
background-color: #33ccff !important;
color: blue !important;
}
#help-button .sidebar-footer-icon {
fill: red !important;
}
/* Button Hilfe und Einstellungen nach oben verlagern */
/* div.spacer:nth-child(2) {
display: none !important;
} */
.sidebar-footer-list {
list-style-type: none;
margin-block: 0 36px ;
margin-inline: 0 0 !important;
width: 236px !important;
margin-top: -80px !important;
margin-left: 4px !important;
}
/* Linie unter letztem Button */
ul.sidebar-footer-list {
border: 0px !important;
border-bottom: 1px solid grey !important;
}
}
/* Button Addon-Manager ENDE */
/*============ 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
Ich will ja nicht gemein sein, aber verabschiede dich von dem Code. Der funktioniert in keiner aktuellen Version mehr (oder nur teilweise), und es müsste alles neu programmiert werden. Du hattest ja mal erwähnt, dass Du nicht der Typ dafür bist, also müsste sich ein User finden, der das wieder in Ordnung bringt (Wahnsinn!!).
Diesen Code, so wie Du ihn noch verwendest, da habe ich auch mal mit gewerkelt, deshalb kannst Du gewiss sein, wovon ich spreche.
In diesem Punkt habe ich sehr viel Dharkness zu verdanken, denn durch ihn habe ich mir eine Version erstellt, die bis heute überall funktioniert.
Wenn Du Interesse haben solltest, so werde ich ihn um Erlaubnis bitten, die Version hier zu veröffentlichen.
dürfte es am Script liegen, mindestens einen Zusammenhang damit geben
Darum geht es doch, ohne das Script brauche ich auch keine Änderungen in der handlers.json vornehmen.
Frohe Weihnachten und einen guten Rutsch ins neue Jahr. Bleibt alle frisch und munter.
Warum ihr manuell in der handlers.json rumfuhrwerken müsst ohne Grund...
Schöne Weihnachten!
Erst nachdem ich in der handlers.json den Wert {"defaultHandlersVersion":{"de":4},"mimeTypes":{"application/pdf":{"action":0,"extensions":["pdf"],"ask":true}, von 4 auf 0 geändert habe, ist es wieder vorbei.
Neuerdings sind nach den vielen Updates die Werte in der handlers.json wieder automatisch umgestellt worden. Hatte das schon vor einiger Zeit bemerkt, aber es als einmalige Sache abgehakt.
Nun habe ich mal rein geschaut, durchweg die werte auf 1 gestellt, somit öffnen sich die Dateien automatisch nach dem Download mit dem verknüpften Programm. Ärgerlich!
Alles wieder auf Null eingerichtet, nun ist wieder Ruhe.
Wurde das bei euch auch schon bemerkt?
In der stabilen Version 95 ist die Änderung wieder rückgängig gemacht worden.
In der 94 und 95 gab es auch den alten Eintrag noch. Ab Version 96 jetzt Beta), da muss die Änderung erfolgen, habe ich gerade heute erledigt.
Na dann, hier was zum "Basteln"...
Ich danke dir, das leuchtet ein, und ist nachvollziehbar, wo was wirkt.
zumindest für die Farben, Variablen verwenden, da du sonst z.B. die Scrollbuttons in der Tableiste ebenfalls einfärbst.
Danke, BrokenHeart , deinen Hinweis in Ehren, aber dazu reichen meine bescheidenen Kenntnisse nicht aus. Ich lerne immer etwas Neues mit, aber es muss mir dann auch gezeigt werden, damit ich dann mit der Bastelei beginnen kann, denn nur so habe ich mir bisher die Kenntnisse erarbeitet.
Mit Variablen habe ich mich überhaupt noch nicht befasst. In manchen Codes habe ich sie auch drin, traue mich nicht diese überhaupt anzufassen.
Naja..war ja sonst nix los...ergo..Bewegung/Betrieb hält jung
Schön, Andreas, dass du das so gelassen aufnimmst.
ich werd noch verrückt wegen diesen 3 Icons..
Eines kann ich dir verraten, um allen die richtige Breite/Höhe zu geben, da habe ich wohl einen ganzen Tag mit verbracht. Eine große Rolle dabei ist auch die Tabhöhe, wird die geändert, dann ändern sich auch die Button, bzw. verschieben sich.
Ich wünsche dir weiter viel Erfolg dabei.
Ein Bild dazu wäre noch toll.
Du bekommst sogar mehrere.
Nur zur Kenntnis, das war nur der Code zum Test für mich, sollte also nur eine Anleitung für weitere Basteleien sein.
Lesezeichen-Ordner:
In Tab-Bar der linke Button:
in Ruhe
bei Hover
Oft ist ja wirklich dann etwas im Argen oder eine bestimmte Konfiguration läuft nicht überall usw, usw.....
Sorry, dass ich hier für Betrieb gesorgt habe, aber das Zitat trifft in diesem Fall vollständig zu. Nachdem Du und auch Andreas das nochmals getestet habt, so war mir klar in dem Nightly konnte etwas nicht stimmen, und so war es auch. Obwohl nichts weiter installiert war, es wollte nicht gelingen. Schwamm drüber, denn in einem anderen Nightly funktioniert alles tadellos. Ich danke euch für euren Einsatz.
Ich habe dazu noch ein wenig gebastelt, stelle das hier mal rein, eventuell kann es Verwendung finden.
....für die userChrome.css
#PlacesToolbar menupopup{
--set-menupopup-color: black;
--set-menupopup-background: lightblue;
}
#scrollbutton-up,
#scrollbutton-down
{
background-color: var(--set-menupopup-background);
border: 1px solid blue;
border-radius: 5px;
height: 18px;
}
#scrollbutton-up > .toolbarbutton-icon,
#scrollbutton-down > .toolbarbutton-icon
{
fill: var(--set-menupopup-color);
}
#scrollbutton-up:hover,
#scrollbutton-down:hover
{
background-color: yellow;
border: 1px solid brown;
border-radius: 5px;
}
#scrollbutton-up:hover > .toolbarbutton-icon,
#scrollbutton-down:hover > .toolbarbutton-icon
{
fill: red;
}
Alles anzeigen
....für die userChromeShadow.css
#tabbrowser-arrowscrollbox::part(scrollbutton-up),
#tabbrowser-arrowscrollbox::part(scrollbutton-down)
{
fill: blue;
background-color: lightblue;
border: 1px solid dodgerblue;
max-height: 32px;
border-radius: unset;
}
#tabbrowser-arrowscrollbox::part(scrollbutton-up):hover,
#tabbrowser-arrowscrollbox::part(scrollbutton-down):hover
{
fill: red;
background-color: yellow !important;
border: 1px solid red;
}
Alles anzeigen
(<-- siehe Code-Änderung in #32)
Mit den Lesezeichen-Ordnern alles bestens, aber für die Button im All-Tabs-Button will es einfach nicht funktionieren (Test im aktuellen Nightly).
Ich habe das mal auf das obige Beispiel umgesetzt:
Und das hast du wunderbar hin bekommen, ein Dankeschön an dich. Natürlich auch an
@Nutzende für die brauchbare Vorlage, was für mich aber nur "böhmische Wälder" waren.
Könntest Du mir diesen Teil mal geben,
Für meinen Teil habe ich ja Änderungen gemacht, nutze dort bei Hover auch kein Border.
Das wäre der Abschnitt bei mir nach Zeile 108 bis vor Zeile 148.
tbody.collapsible:nth-child(n+1) > tr:nth-child(1) {background-color: #fcf7f0 !important;
border: 1px solid silver !important;
}
tbody.collapsible:nth-child(n+1) > tr:nth-child(1):hover {background-color: #f7e787 !important; }
tbody.content-style:nth-child(n+2) > tr:nth-child(1) > td:nth-child(1) {background-color: #ffeb99 !important; color: red !important;}
tbody.content-style:nth-child(n+2) > tr:nth-child(1) > td:nth-child(1):hover {background-color: #ffcc99 !important; color: red !important;}
#errorsContent > tr:nth-child(odd) > td:nth-child(1),
#activeContent .odd{
background-color: #fff0d9 !important;
color: #0039e6 !important;
font-weight: 600 !important;
border: 1px solid silver !important;}
#errorsContent > tr:nth-child(odd) > td:nth-child(1):hover,
#activeContent .odd:hover{
background-color: #f7e787 !important;
color: red !important;
font-weight: 600 !important;
box-shadow: none !important;}
#errorsContent > tr:nth-child(even) > td:nth-child(1),
#activeContent .even{
background-color: #fffff0 !important;
color: green !important;
font-weight: 600 !important;
border: 1px solid silver !important;}
#errorsContent > tr:nth-child(even) > td:nth-child(1):hover,
#activeContent .even:hover{
background-color: #f7e787 !important;
color: red !important;
font-weight: 600 !important;
box-shadow: none !important;}
Alles anzeigen
Sieht dann bei Hover so aus:
In dem Code von hier RE: About Seiten mit CSS Codes anpassen sind mir noch zwei Sachen aufgefallen.
Zeile 113 bis 118, da kann ich nichts mit anfangen, weil sich nichts verändert.
Bei "Dokumentation, rechte Seite die Boxen hast du bei Hover mit Border versehen, im Original nicht. Deshalb springt beim Überfahren mit der Maus das Feld (besonders das obere).
Da habe ich für die Boxen gleich einen Rand gesetzt, dann ist es vorbei.
Ansonsten, wie immer, prima gemacht. Danke!
so sieht meine policies.json Datei aus:
Da habe ich mich doch verleiten lassen, denn ich habe jeden Eintrag begonnen mit { "policies": {. Das kann dann auch nicht funktionieren. Danke, Endor.