Ich teile dir hier mit, mache dir nicht mehr die Mühe , um die Verlagerung der Button. Lohnt sich nicht.
Ich habe kurz überlegt, was du hier RE: Ansicht "Erweiterungen verwalten" mitgeteilt hast, erscheint mir sinnvoll. Danke!
Das ist dabei raus gekommen:
Ich schaue mir das aber noch weiter an, vielleicht kann ich doch noch eine Lösung bauen.
Es wäre zwar gut zu wissen, wie das geregelt werden kann, aber ich bin auch mit der jetzigen Lösung voll und ganz zufrieden.
Danke, für deine Bemühungen. 
Auf die Schnelle habe ich den Code mal so angepasst, dass du erkennen kannst, was ich meine.
/*=================== AGENT_SHEET =============================*/
@-moz-document url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
url-prefix(about:addons) {
/* Add-ons-Manager linke Seite (Sidebar) Hintergrund */
#sidebar {
background: linear-gradient(to bottom right, white,#acacac,#f2f3f4,#acacac) !important;
}
/* Add-ons-Manager rechte Seite Hintergrund */
#content,
.sticky-container,
.main-search,
.main-heading {
background: #bfc1c2 !important;
}
/*=============== Container rechte Seite anpassen ==================*/
/* für alle Elemente rechte Seite die Länge einstellen */
.card,
addon-list addon-card > .addon.card,
addon-card[expanded] >.addon.card {
width: 80vw !important; /* Länge aller Elemente */
border: 2px solid grey !important;
border-radius: 10px !important;
}
/* Add-on Manager - Hintergrundfarbe für alle Elemente anpassen */
.addon.card {
background: gainsboro !important;
max-width: initial !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: 7px !important;
}
/*Höhe der Container */
addon-card:not([expanded="true"]) .addon.card {
max-height: 82px !important; /* maximale Höhe der Container / hauptsächlich für Theme gedacht */
}
/* Schrift in den Containern / erlaubte Ausdehnung nach rechts */
.addon-description {
max-width: 750px !important;
}
/* verhindert die Ausweitung der Schrift über den rechten Rand der Container */
addon-card > .addon.card,
addon-card > .addon.card * {
overflow: hidden !important;
}
/*============== sonstige Anpassungen =====================*/
/* Hintergrund Menü Verwalten bei Hover */
.card:hover,
addon-list addon-card > .addon.card:hover,
addon-card[expanded] >.addon.card:hover {
background: lightblue !important;
}
/* Name für Erweiterungen, Themes, usw. in erster Zeile */
/* unter content beliebiger Name verwendbar */
.header-name {
font-size:0px !important;
margin-top: 17px !important;
}
.header-name[data-l10n-id="extension-heading"]::after {
font-size:18px !important;
font-weight: bold !important;
color: blue !important;
content: 'Erweiterungen verwalten' !important;
}
.header-name[data-l10n-id="theme-heading"]::after {
font-size:18px !important;
font-weight: bold !important;
color: blue !important;
content: 'Themen verwalten' !important;
}
.header-name[data-l10n-id="plugin-heading"]::after {
font-size:18px !important;
font-weight: bold !important;
color: blue !important;
content: 'Plugins verwalten' !important;
}
.header-name[data-l10n-id="dictionary-heading"]::after {
font-size:18px !important;
font-weight: bold !important;
color: blue !important;
content: 'Wörterbücher verwalten' !important;
}
/* Versionsnummer wird angezeigt */
div:not([current-view="updates"]) .addon-name-link[title]:not([data-l10n-args])::after,
div:not([current-view="updates"]) .addon-name[title]:not([data-l10n-args])::after {
display: block !important;
content: attr(title) !important;
margin-top: -22px !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;
}
/* 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 */
}
/* lila Icon -In privatem fenster erlaubt- Entfernung nach rechts */
.addon-badge-private-browsing-allowed {
min-width: 430px !important;
}
/* fortlaufende Nummerierung installierter Erweiterungen, Themes, usw. */
body {
counter-reset: section;
}
#main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2)::before,
#main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(3) > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2)::before {
color: red !important;
font-weight: bold !important;
counter-increment: section;
content: counter(section, decimal-leading-zero)".) ";
padding-right: 20px !important;
margin-top: -2px!important; /* Lage im Container */
margin-left: 5px !important; /* Abstand vom linken Rand */
}
/* Unter Plugins - Nachfragen ob aktiviert werden soll - entfernt */
.card > 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(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;
}
/* oben die Suche / Schrift und Text-Box anpassen */
.search-label {
color: dodgerblue !important;
font-size: 13px !important;
}
search-addons > search-textbox {
background: #ececec !important;
color: grey !important;
min-height: 22px !important; /* Höhe der Box */
width: 200px !important; /* Länge der Box */
font-size: 12px !important; /* Schriftgrösse */
}
.main-search {
margin-left: 270px !important; /* Suche nach rechts verlagert */
}
/*================= Toggle-Button ============================*/
/* Toggle-Button aktiv/inaktiv Farbe anpassen (auch bei Hover) */
addon-card .addon.card[active="true"] .toggle-button {
background: lime !important;
width: 32px !important;
border: 2px solid dodgerblue !important;
padding-left: 3px !important;
padding-right: 3px !important;
}
addon-card .addon.card[active="true"] .toggle-button:hover {
background: red !important;
border: 2px solid green !important;
}
addon-card .addon.card[active="false"] .toggle-button {
background: red !important;
width: 32px !important;
border: 2px solid green !important;
}
addon-card .addon.card[active="false"] .toggle-button:hover {
background: lime !important;
border: 2px solid dodgerblue !important;
}
/* Toggle-Button eventuell ausblenden */
.card-contents input[type="checkbox"].toggle-button {
-moz-margin-end: 2px !important; /* Abstand vom rechten Rand */
/* display: none !important; */ /* aktiviert = Button ausblenden */
}
/*==================== Button mit dem Zahnrad ==========================*/
.page-options-menu > .more-options-button {
fill: red !important; /* rotes Zahnrad */
border: 1px solid grey !important; /* farbige Umrandung */
border-radius: 15px !important; /* Abrundung */
width: 50px !important; /* Länge des Button */
height: 24px ! important; /* Höhe des Button */
box-shadow: inset 0 0 2px 2px grey; /* innerer Schatten */
}
.page-options-menu .more-options-button:hover {
fill: lime !important; /* Farbe des Zahnrades */
opacity: 1.0 !important;
border: 2px solid forestgreen !important;
box-shadow: inset 0 0 5px 5px greenyellow !important; /* innerer Schatten */
}
/* Optionen-Button verlagern */
button.more-options-button:nth-child(1) {
position: absolute !important;
left: 19% !important;
margin-top: -13px !important;
}
/*============== Aussehen des Menü hinter dem Zahnrad ===================*/
/* Feld hinter dem Zahnrad-Button */
#page-options > panel-list:nth-child(1) {
background: gainsboro ! important; /* farbiger Hintergrund des Feldes */
border: 3px solid dodgerblue !important;
border-radius: 9px !important;
max-width: 445px !important; /* Ausdehnung der Felder nach rechts */
}
div.arrow:nth-child(3){
fill: dodgerblue !important; /* kleine Spitze Richtung Zahnrad */
}
link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey] {
margin-left: 10% ! important; /* Abstand der Leisten vom linken Rand */
width: 377px !important; /* Länge der einzelnen Felder */
background: #f8f8ff ! important; /* Farbe des Hintergrundes */
max-width: 395px !important; /* Länge der aktivierten Menü-Leiste */
margin-right:10px ! important;
padding-top: 6px !important;
padding-bottom: 6px !important;
border:1px solid grey !important;
padding-left: 25px !important; /* bringt die Schrift nach rechts */
}
/* Schrift und felder bei Hover */
link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey]:hover {
background: lightyellow !important;
color: red !important;
}
.sticky-container {
z-index: 1000 !important;
}
addon-page-options panel-list panel-item {
width: 430px !important; /* Länge der aktivierten Menü-Leiste */
background: none ! important;
}
addon-page-options panel-list panel-item:hover {
width: 440px !important;
background: #00df00 ! important;
max-width: 435px !important; /* Ausdehnung der Felder nach rechts */
}
addon-page-options panel-list {
min-width: unset !important;
width: auto !important;
max-width: 450px !important; /* Ausdehnung der Felder nach rechts */
padding-left: -8px !important; /* Ausdehnung nach links */
z-index: 1000 !important;
}
/* Hintergrund der Box Updates automatisch aktualisieren */
addon-page-options panel-list panel-item[accesskey][checked] {
background: greenyellow !important;
min-width: 436px !important; /* Ausdehnung der Felder nach rechts */
}
/* Hintergrund der Box Updates automatisch aktualisieren bei Hover */
addon-page-options panel-list panel-item[accesskey][checked]:hover {
background: #ff2800 !important;
max-width: 435px !important; /* Ausdehnung der Felder nach rechts */
}
/* blendet Icons aus (Papierkorb, usw.) */
panel-item[badged]::after,
:host([badged]) button::after,
link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button::after,
:-moz-any(addon-options,plugin-options) button::after {
display: none !important;
content: unset !important;
}
/*====== Zurück-Button bei geöffnetem Menü Einstellung/Verwalten =========*/
.back-button {
background-color: gainsboro !important;/*Hintergrundfarbe vom Button*/
width: 50px !important;
height: 24px ! important; /* Höhe des Button */
border-radius: 25px !important;/*Rundung vom Button*/
box-shadow: inset 0 0 4px 4px grey !important;
}
.back-button:hover {
color: white !important;
background-color: dodgerblue !important;
border-radius: 60px !important;
box-shadow: inset 0 0 3px 3px lightblue !important;
}
/*=========== Aktiviert/Deaktiviert - Farbe ===========*/
.list-section-heading[data-l10n-id="extension-enabled-heading"],
.list-section-heading[data-l10n-id="theme-enabled-heading"],
.list-section-heading[data-l10n-id="plugin-enabled-heading"],
.list-section-heading[data-l10n-id="dictionary-enabled-heading"] {
font-weight: bold !important;
color: #03c03c !important;
text-indent: 15px;
}
.list-section-heading[data-l10n-id="extension-disabled-heading"],
.list-section-heading[data-l10n-id="theme-disabled-heading"],
.list-section-heading[data-l10n-id="plugin-disabled-heading"],
.list-section-heading[data-l10n-id="dictionary-disabled-heading"] {
font-weight: bold !important;
color: red !important;
text-indent: 15px;
}
/*============ Button (Felder) auf der rechten Seite ==============*/
/* <some> locales require adjustments */
html[lang="de"] {
--addon-page-options-width: 370px;
}
/* Anpasung der rechten Button */
addon-list[type="theme"] addon-card button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button):not([badged]),
.addon.card panel-item:not([badged]){
border: 2px solid grey !important; /* Umrandung */
/* border-radius: 25px !important; */ /* Ecken abgerundet */
box-shadow: inset 0 0 2px 2px white !important; /* innerer Schatten */
}
@supports -moz-bool-pref("browser.in-content.dark-mode") {
@media (prefers-color-scheme: dark) {
addon-list addon-card panel-list *,
addon-list[type="theme"] addon-card button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button),
.more-options-menu panel-item {
background: black !important;
color: white !important;
}
addon-list[type="theme"] addon-card button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button):hover,
addon-list[type="theme"] addon-card button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button):active {
border: 1px solid white !important;
}
} }
:-moz-any(addon-list,panel-list) panel-item{
margin: 0 3px !important; /* Abstand zwischen den Button */
}
/* Ausdehnung in Höhe und Breite */
link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button {
width: unset !important;
padding: 2px 20px !important; /* 2px Höhe / 20px Breite */
}
/* entfernt den Dreipunkte-Button */
addon-card .more-options-button {
display: none !important;
}
/* remove button icon (z.B. Papierkorb) */
:host([checked]),
panel-item[checked],
:-moz-any(addon-list,panel-list) panel-item {
--icon: unset !important;
}
/* bringt die Button in horizontale Lage */
div.arrow.top + div.list {
display: flex !important;
flex-flow: row wrap !important;
justify-content: flex-start !important;
}
/*========== zusätzliche Anpassungen für die Button ===========*/
/* blendet den Hintergrund aus / auch bei Hover */
/* Wirkung auch auf erste Zeile des 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;
}
panel-list > panel-item:hover {
opacity: 1.0 !important;
filter: contrast(4.00) !important; /* bei Hover wird Kontrast erhöht */
color: white !important;
}
/* Button Einstellungen */
panel-item[action="preferences"] {
order: -1;
}
/* Button Einstellungen bei Hover */
panel-item[action="preferences"]:hover {
order: -1;
background: #008000 !important;
color: white !important;
}
/* Button Entfernen bei Hover */
panel-item[action="remove"]:hover{
background: red !important;
color: white !important;
}
/* Button Melden bei Hover */
panel-item[action="report"]:hover{
color: white !important;
background: #8a2be2 !important;
}
/* Button Verwalten bei Hover */
panel-item[action="expand"]:hover {
color: white !important;
background: blue /* #008000 */ !important;
}
/* Button -Immer aktivieren- bei Hover */
panel-item[action="always-activate"]:hover {
background: #6f00ff !important;
color: white !important;
}
/* Button -Nie aktivieren- bei Hover */
panel-item[action="never-activate"]:hover {
background: red !important;
color: white !important;
}
/* Addons - Button Aktualisieren */
panel-item[badged] {
background: green !important;
color: lightgrey !important;
border: 2px solid red !important;
/* border-radius: 20px !important; */
box-shadow: inset 0 0 2px 2px white !important; /* innerer Schatten */
}
/* Button Aktualisieren bei Hover */
panel-item[badged]:hover {
background: forestgreen !important;
cursor: pointer !important;
opacity: 1.0 !important;
filter: contrast(4.00) !important; /* bei Hover wird Kontrast erhöht */
color: white !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: -60px 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: -60px 0 0 810px !important;
}
addon-list[type="theme"] .addon-name{ /* Name nach unten versetzt */
margin-top: 9px !important;
}
/* rechte Button Lage und Ausblendungen */
addon-card panel-list {
position: relative !important;
display: flex !important;
overflow: hidden !important;
background: unset !important;
border: unset !important;
box-shadow: unset !important;
min-width: unset !important;
width: unset !important;
float: right !important;
right: 36px !important; /* Abstand der Button bei Erweiterungen vom rechten Rand */
}
/* Button vertikal verlagern */
addon-card panel-list {
margin-top: -50px !important;
}
/* Abstand der Button vom rechten Rand bei Plugins und Wörterbücher */
addon-list:-moz-any([type="plugin"],[type="dictionary"]) addon-card:not([expanded="true"]) panel-list {
right: 5px !important;
}
/* Abstand der Button vom rechten Rand bei Themes */
addon-list:-moz-any([type="theme"]) addon-card:not([expanded="true"]) panel-list {
right: 175px !important;
margin-top: -75px !important; /* Abstand vom oberen Rand */
}
/*======= Button Aktivieren/Deaktivieren bei Themes ==========*/
/* blendet den Hintergrund aus / auch bei Hover */
addon-card .addon.card[active="true"] .theme-enable-button,
addon-card .addon.card[active="true"] .theme-enable-button:hover {
--in-content-button-background: none !important;
--in-content-button-background-hover: none !important;
--in-content-button-background-active: none !important;
}
/* bei aktivem Theme */
addon-card .addon.card[active="true"] .theme-enable-button {
background: #03c03c !important;
color: white !important;
margin-right: 450px !important;
margin-top: -23px !important;
height: 25px !important;
padding-left: 15px !important;
padding-right: 15px !important;
border: 2px solid red !important;
border-radius: 50px !important;
box-shadow: inset 0 0 2px 2px white !important; /* innerer Schatten */
}
/* bei inaktivem Theme */
addon-card .addon.card[active="false"] .theme-enable-button {
background: lightblue !important;
margin-right: 450px !important;
margin-top: -23px !important;
height: 25px !important;
padding-left: 15px !important;
padding-right: 15px !important;
border: 2px solid grey !important;
border-radius: 50px !important;
box-shadow: inset 0 0 2px 2px white !important; /* innerer Schatten */
}
addon-card:hover .addon.card[active="true"] .theme-enable-button {
background: red !important;
color: white !important;
/* border: 2px solid green !important */
}
addon-card:hover .addon.card[active="false"] .theme-enable-button {
background: #03c03c !important;
color: white !important;
border: 2px solid red !important;
box-shadow: inset 0 0 2px 2px white !important; /* innerer Schatten */
}
addon-list addon-card:not([expanded="true"]) .addon.card .theme-enable-button:hover {
cursor: pointer !important;
opacity: 1.0 !important;
filter: brightness(2.00) !important;
}
addon-list addon-card:not([expanded="true"]) .addon.card[active="true"] .theme-enable-button {
background: Highlight !important;
}
addon-list addon-card:not([expanded="true"]):hover .addon.card[active="true"] .theme-enable-button {
background: red !important;
}
addon-list addon-card:not([expanded="true"]):hover .addon.card[active="false"] .theme-enable-button {
background: green !important;
color: blue !important;
}
/* Abstand Button Aktivieren/Deaktivieren vom rechten Rand */
addon-card .addon.card .theme-enable-button,
input[type="checkbox"].toggle-button {
-moz-margin-end: 450px !important;
}
}
@supports -moz-bool-pref("browser.in-content.dark-mode"){
@media (prefers-color-scheme: dark) {
addon-list addon-card panel-list *,
addon-list[type="theme"] addon-card button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button),
.more-options-menu panel-item {
background: black !important;
color: white !important;
}
}
/***************************************************************************************/
Hm, sieht das wirklich so ↓ bei Dir aus?
Ja, so sah es aus nachdem ich den Code von dir eingefügt hatte. Später habe ich ihn dann so verändert:
/* 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: -60px 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: -60px 0 0 810px !important;
}
addon-list[type="theme"] .addon-name{ /* Name nach unten versetzt */
margin-top: 9px !important;
}Dann noch die anderen Button (des originalen Codes) in die "richtige" Position gebracht. Nur die beiden Button lassen sich nicht nach oben verlagern, hat mich schon von Anfang an gestört. Außerdem die Grafikhöhe auf 78px eingestellt.
nur mal so am Rande, mein Problem konnte ich mittlerweile lösen, das ↓ wäre das mindeste userContent-Voodoo dafür.
Danke dafür, das habe ich gleich mal mit verarbeitet.
Dafür benötige ich Deine vollständigen Anpassungen für about:addons
Das ist der Code von hier , sind nur deine Anpassungen von gestern hinzu gekommen.
RE: About Seiten mit CSS Codes anpassen
Das Problem bestand auch hier schon, dass sich die Button nicht nach oben verlagern ließen.
Jupp, das funktioniert, weil Du nicht auf gleiche Länge von #updates-message bestehst, ich möchte das aber immer gleich Lang haben.
Dann soll es so sein.
Nun habe ich auch noch etwas, kannst du da aushelfen.
Ich versuche Aktivieren/Deaktivieren-Button nach oben zu bringen, was nicht gelingt, weil dieser dann wie die Schrift im Nichts verschwindet.
Hier Nightly - neuer Eintrag in Lesezeichensymbolleiste
gibt es dazu auch noch Lesestoff.
Edit:
Nun hat mich diese Überraschung auch in einem 84.0.1 erreicht. Sieh an!
Aber dieses in die userChrome.css eingetragen hat immer noch Wirkung, dann ist Ruhe. Dabei sollte aber daran erinnert werden, was Sören dazu sagte, denn vsl. in drei Wochen die Version 85, und dort ist es dann abschaltbar. Wer jetzt den folgenden Code benutzt sollte dann das Löschen nicht vergessen.
#PlacesToolbar hbox toolbarbutton#OtherBookmarks.bookmark-item {
display: none !important;
}Sei begrüßt hier im Forum.
Zu 1.)
/* Mehrzeilige Tableiste, bei mehr als 2 Zeilen erscheint eine Scrollbar */
scrollbox[part][orient="horizontal"] {
display: flex;
flex-wrap: wrap;
max-height: calc(var(--tab-min-height) * 2); /* Anzahl der Tabzeilen = 2 Zeilen */
overflow-x: hidden;
overflow-y: auto;
}
tabs tab[fadein]:not([pinned]) {
flex-grow: 1;
}
tabs tab,.tab-background {
height: var(--tab-min-height);
overflow: hidden;
}
tab > .tab-stack {
width: 100%;
}
box[class="scrollbox-clip"][orient="horizontal"] {
-moz-window-dragging: no-drag;
}
hbox.titlebar-spacer,
#alltabs-button,
tabs tab:not([fadein]) {
display: none;
}Zu 2.)
Wenn du die Schrift verlagern musst, dann garantiert auch das Icon und sicherlich auch noch das Schließen-Kreuz.
Dann fangen wir mal mit der Schrift an.
/**** Schrift im Zentrum des Tabs ****/
.tab-label {
-moz-box-flex: 1 !important;
text-align: center !important;
margin-top: -10px !important; /* vertikale Ausrichtung */
}Mit dem Wert margin-top musst du probieren.
genau, aber wie hast Du die zentriert?
Brauchte ich nicht, war immer schon zentriert. Hier ist der Code dafür, eventuell mit text-align: center
/* Button Verfügbare Updates anzeigen */
#updates-message{
background: gainsboro !important;
color: blue !important;
border: 2px solid grey !important;
padding-right: 15px !important;
padding-left: 15px !important;
}
/* Button Verfügbare Updates anzeigen bei Hover */
#updates-message:hover{
background: royalblue !important;
color: white !important;
box-shadow: inset 0 0 2px 2px white !important; /* innerer Schatten */
border: 2px solid dodgerblue !important;
} Der Eintrag wird auch gleich damit bedient:
die die da eventuell noch sind?
Ich kenne diese Meldung noch. Erscheint nach manueller Suche.
Das gibt es schon ab Firefox 84, wenn ein gewisser Schalter auf true gesetzt wird, was Mozila vor ca. zwei Stunden via Normandy für einen geringen Teil der Nutzer von Firefox 84 gemacht hat.
Da reichen meine Fühler nicht hin, danke für den Hinweis.
Den Eintrag gibt es erst ab Version 85, du gibst aber an, dass du Version 84.0.1 nutzt.
Rechte Maus in Lesezeichen-Symbolleiste "Weitere Lesezeichen anzeigen" anklicken.
Schau Dir das mal ganz genau an, wo fehlt da ein Leerschritt?
Das kann doch nicht wahr sein, manchmal ist man total deppert.
Danke, nun klappt es.
Nun habe ich sortiert, sieht dann so aus.
Nun versuche ich mit folgendem Code die Schrift etwas nach unten zu setzen, aber da stimmt die Adresse nicht. Ich möchte das nur hier bei Themes nutzen. Hast du noch dazu einen Code?
addon-list[type="theme"].addon-name{
margin-top: 20px !important;
}zumindest habe ich das damit gemacht, denn Deine Idee dahingehend gefiel mir.
Damit kann ich was anfangen, ich danke dir.
Höhe habe ich, und Schrift ist auch rechts zu sehen, nun muss ich nur noch die Button und Schrift richtig platzieren.
Andreas, hast du noch einen Hinweis für mich, wie ich unter Themes deinen Code für die fortlaufende Nummerierung allein nutzen kann?
gehe ich recht in der Annahme, das das ungefähr so ↓ aussehen soll?
Genau so!
Ob bzw. wenn ja wo man das verhindern kann, bin ich leider auch überfragt.
Danke, Andreas, dann lasse ich es einfach so. Damit wollte ich nur die Höhe der Felder unter Theme verringern.
Edit:
Oder es gibt den Kompromiss , ein Klick mehr auf "Verwalten", dann Aktivieren, bzw, Deaktivieren.
Ergo musst du es auch noch auf die Themes allein beschränken.
Ich glaube , dass ich dieses Vorhaben abbrechen muss. Wenn ich die Schrift nach oben verlagern will, dann verschwindet sie hinter ??????, ob links oder rechts spielt dabei keine Rolle.
Das ist der verwendete Code:RE: About Seiten mit CSS Codes anpassen
Hast du noch eine Idee?
ja auch für die Erweiterungen zutrifft.
Ergo musst du es auch noch auf die Themes allein beschränken.
Ist mir bewusst, Andreas, trotzdem rührt sich nichts von der Stelle. Habe es in den Code eingearbeitet, keine Reaktion.
Hallo, Andreas, ich brauche wieder einmal Hilfe. Ich möchte unter Themes die Schrift nach oben rechts verlagern, gelingt mir nicht, weil ich den Selektor dafür nicht finde.
