Hallo Andreas,
Danke für die Aufklärung.
Dann erschließt sich mir das ganze und mir war im Beitrag #10 noch ein Fehler unterlaufen, den du zitiert hast. Ich habe ihn bei mir berichtigt.
Hallo Andreas,
Danke für die Aufklärung.
Dann erschließt sich mir das ganze und mir war im Beitrag #10 noch ein Fehler unterlaufen, den du zitiert hast. Ich habe ihn bei mir berichtigt.
Andreas, genau. Du sprichst den Button aus #7 an.
Dort ist bei mir folgender Code hinterlegt:
/** Addons-Manager **/
@-moz-document url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
url-prefix(about:addons) {
/**** Nummerierung der installierten Erweiterungen im AddonsManager ****/
/* 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: 17px !important;
color: Magenta !important;
/*font-weight: bold !important;*/
counter-increment: section;
content: counter(section, decimal-leading-zero)".) ";
margin-left: -8px !important;
padding-right: 8px !important;
margin-top: 1px !important;
}
/**** Versionsnummer der Addons wird angezeigt ****/
div:not([current-view=updates]) .addon-name-link[title]::after {
display: block !important;
content: attr(title) !important;
margin-top: -22px !important;
}
.addon-name-link {
color: yellow !important;
}
/*---------------------------------*/
/*********** Hintergrund ***********/
/*--------------------------------**/
html {
background-color: #292c2f !important;
}
/*---------------------------------*/
/*********** Auswahlfeld ***********/
/*--------------------------------**/
#sidebar {
background: black !important;
}
/* Text & Icons */
#categories > .category {
color: dodgerblue !important;
}
/* Ausgewähles Element in Auswahlfeld (Text) */
.category[selected] > .category-name,
.category.selected > .category-name {
color: magenta !important;
}
/* Ausgewähles Element in Auswahlfeld (Icon) */
.category[selected] {
fill:orange !important;
}
/* Ausgewähles Element in Auswahlfeld (gedrückt) */
#categories > .category:hover:active {
background-color: #414446 !important;
}
/* Text,Icons & Hintergrund Hover **/
#categories > .category:hover {
color: #e1e1e1!important;
background-color: gray !important;
border-radius: 8px !important;
}
/* Links unten links */
.sidebar-footer-label {
color: #e1e1e1 !important;
}
.sidebar-footer-icon {
fill: #e1e1e1 !important;
}
.sidebar-footer-link:hover {
background-color: #414446 !important;
}
/* Hintergründe */
.main-search,
.sticky-container,
.main-heading,
#content {
background: #292c2f !important;
}
/* Suchfeld */
search-addons > search-textbox {
background: #292c2f !important; /* Hintergrund Eingabefeld */
}
search-textbox {
border: 1px solid dodgerblue !important; /* Rahmen des Eingabefelds */
border-radius: 4px;
}
search-textbox[focused] {
border-color: transparent !important; /* Rahmen des Eingabefelds (Aktiv) */
outline: 2px solid orange !important;
}
/* Position des Button mit Zahnrad */
.main-heading {
max-width: 750px !important;
}
/**** Button oben mit dem Zahnrad ****/
.page-options-menu > .more-options-button {
fill: yellow !important; /* Farbe d. Zahnrades */
outline-width: 1px !important; /* Dicke d. Umrandung */
outline-style: solid !important; /* Art d. Umrandung */
outline-color: dodgerblue !important; /* Farbe d. Umrandung */
border-radius: 8px !important;
width: 60px !important; /* Länge des Button */
height: 30px ! important; /* Höhe des Button */
}
.back-button {
width: 60px !important;
}
/**** Button oben mit dem Zahnrad (hover) ****/
.page-options-menu > .more-options-button:hover {
fill: red !important; /* Farbe des Zahnrades */
outline-width: 2px !important;
outline-style: solid !important;
outline-color: green !important;
}
/**** Updates ****/
#updates-message {
outline-width: 1px !important;
outline-style: solid !important;
outline-color: red !important;
border-radius: 8px;
height: 30px !important;
background: #f2000091;
}
/* Aussehen des Menü hinter dem Zahnrad */
addon-page-options panel-list panel-item {
background: none! important;
fill: red !important;
}
addon-page-options panel-list panel-item:hover {
background: #292c2f ! important;
}
addon-page-options panel-list {
background: #292c2f ! important; /* farbiger Hintergrund des Menüs */
border-color: red !important; /* Farbe d. Rahmens */
border-style: solid !important; /* Art d. Rahmens */
border-width: 3px !important; /* Dicke d. Rahmens */
border-radius: 8px !important;
}
/* Hintergrund der Box Updates automatisch aktualisieren */
addon-page-options panel-list panel-item[accesskey][checked] {
background: grey !important;
}
/* Überschriften */
.header-name {
color: #e1e1e1 !important;
}
/*** Umrandung der Container bei Hover breiter Rand und andere Farbe ****/
:root {
--card-outline-color: none !important;
--card-padding: 18px !important; /* Abstände innerhalb der Container */
}
/* Vorschauen in den Containern */
.card-heading-image {
border-radius: 8px !important;
}
addon-card:not([expanded="true"]) .addon.card {
outline: 3px solid dodgerblue;
outline-offset: 2px;
}
/*** Button "Mehr Add-ons ansehen" ***/
button.primary {
background-color: #292c2f!important;
color: #e1e1e1 !important;
border-radius: 8px !important;
border-width: 1px !important;
border-style: solid !important;
border-color:#e1e1e1 !important;
}
button.primary:enabled:hover {
background-color: #292c2f !important;
color: red !important;
border-radius: 8px !important;
border-width: 1px !important;
border-style: solid !important;
border-color:#ff9600 !important;
}
/*************************/
/**** Empfehlungen ****/
/*************************/
/* Textfarbe (Empfehlungen) */
body {
color: #e1e1e1 !important;
}
/* Linkfarbe (Empfehlungen) */
a {
color: red !important;
}
a:hover {
color: red !important;
text-decoration: none !important;
}
/* Container */
.card {
background: #292c2f !important;
border-radius: 8px !important;
border-color: yellow !important;
outline-width: 2px !important;
outline-style: solid !important;
outline-color: #e1e1e1 !important;
width: 750px !important; /* Ausdehnung der Container zum rechten Rand */
/*max-width: 750px !important; /* Ausdehnung der Container zum rechten Rand */
/*min-width: -25px !important; /* Ausdehnung der Container zum linken Rand */
}
.card:hover {
background: #292c2f !important;
border-radius: 8px !important;
outline-width: 3px !important;
outline-style: solid !important;
outline-color: red !important;
}
/* Höhe der Container */
.addon-description {
line-height: 16px !important; /*06.03.*/
}
/* Image in den Container in der Höhe verschoben */
addon-card[expanded] .addon.card {
margin-top: 10px !important;
}
/* Image in den Container in der Größe angepasst */
.card-heading-image {
width: 780px !important;
height: 90px !important;
}
/*************************/
/**** Erweiterungen ****/
/*************************/
/* Schieberegler */
input[type="checkbox"].toggle-button {
background: #8b8b8b !important;
border-color: #e1e1e1! important;
}
input[type="checkbox"].toggle-button:checked {
background: red !important;
border-color: red !important;
}
input[type="checkbox"].toggle-button:hover {
background: red !important;
border-color: red !important;
}
/* Sternchen */
.disco-description-statistics {
color: red !important;
}
/* Sternchen & mehr */
.addon-detail-rating {
color: red !important;
}
/* Überschriften in den Containern */
recommended-addon-card {
color: #e1e1e1 !important;
}
recommended-addon-card:hover {
color: #e1e1e1 !important;
}
/* Buttons im Allgemeinen */
button {
color: #e1e1e1 !important;
}
button:enabled:hover {
color: red !important;
}
button:focus-visible {
outline-color: transparent !important;
}
:root {
--in-content-accent-color: red !important; /*Farbe der Anzeige der Anzahl v. Updates */
--main-margin-start: 150px !important; /* Abstand vom Auswahlfeld */
--in-content-button-background: #e1e1e1 !important; /* Hintergrundfarbe in den Buttons */
--in-content-button-background-hover: #e1e1e1 !important;
--in-content-deemphasized-text: #e1e1e1 !important; /* Textfarbe in den Containern */
--in-content-page-color: red !important; /* Textfarbe in den Containern (Überschriften) */
--in-content-border-color: #e1e1e1 !important; /* Die zwei Trennlinien in der Box */
}
/**************************************/
/**** Container Expand ***/
/**************************************/
/* "Knöpfe" */
input[type="radio"]:enabled:checked {
background-color: red !important;
border-width: 1px !important;
border-style: solid !important;
border-color: red !important;
}
input[type="radio"]:enabled:checked:hover {
background-color: red !important;
}
input[type="radio"]:enabled:hover {
background-color: red !important;
}
input[type="radio"] {
border-width: 1px !important;
border-style: solid !important;
border-color: #e1e1e1 !important;
}
.more-options-button, /* Button mit den drei Punkten */
.back-button, /* Button Zurück */
.disco-cta-button, /* Buttons in den Containern unter Empfelungen */
.theme-enable-button { /* Buttons in den Containern unter Themes */
background-color: #292c2f !important;
outline-width: 1px !important;
outline-color: #e1e1e1 !important;
outline-style: solid !important;
border-radius: 8px !important;
}
.more-options-button:hover, /* Button mit den drei Punkten */
.back-button:hover, /* Button Zurück */
.disco-cta-button:hover, /* Buttons in den Containern unter Empfelungen */
.theme-enable-button:hover { /* Buttons in den Containern unter Themes */
outline-width: 2px !important;
outline-color: red !important;
}
/* Icons ausblenden */
/* panel-item {
--icon: unset !important;
}
*/
/* Menü unter den drei Punkten */
addon-list addon-options > panel-list[role="menu"],
addon-list plugin-options > panel-list[role="menu"] {
border-radius: 8px !important;
border-width: 2px !important;
border-style: solid !important;
border-color: orange !important;
background-color: #292c2f !important;
}
addon-list addon-options > panel-list > panel-item-separator,
addon-list plugin-options > panel-list > panel-item-separator {
background: #e1e1e1 !important;
}
panel-list {
border-radius: 8px !important;
border-width: 2px !important;
border-style: solid !important;
border-color: orange !important;
background-color: #292c2f !important;
}
button[role="menuitem"]:hover,
button[role="menuitem"]:hover > label,
button[role="menuitem"]:hover > label > span {
fill: #000 !important;
color: #000 !important;
}
/* Dreipunkte Button für Erweiterungen und Themes. */
addon-list addon-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-radius: 4px !important;
border: 1px solid #B2B2B2 !important;
background: none !important;
background-color: #800 !important;
margin: 2px 2px 0 2px !important;
}
addon-list[type="theme"] addon-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: #000 !important;
margin: 2px 2px 0 2px !important;
}
addon-list 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-radius: 4px !important;
border: 1px solid #B2B2B2 !important;
background: none !important;
background-color: #4A4A4F !important;
margin: 2px 2px 0 2px !important;
}
addon-list addon-options > panel-list > panel-item[action="remove"] {
background-color: #F20 !important;
color: #FFF !important;
}
addon-list addon-options > panel-list > panel-item[action="expand"],
addon-list plugin-options > panel-list > panel-item[action="manage-addon-button"] {
background-color: #804628 !important;
color: #FFF !important;
}
addon-list addon-options > panel-list > panel-item[action="preferences"] {
background-color: #217B22 !important;
color: #FFF !important;
}
addon-list addon-options > panel-list > panel-item:hover,
addon-list addon-options > panel-list > panel-item[action="preferences"]:hover,
addon-list addon-options > panel-list > panel-item[action="remove"]:hover,
addon-list addon-list addon-options > panel-list > panel-item[action="expand"]:hover,
addon-list addon-list plugin-options > panel-list > panel-item:hover,
addon-list plugin-options > panel-list > panel-item:hover,
addon-list plugin-options > panel-list > panel-item[action="manage-addon-button"]:hover {
fill: #000 !important;
background-color: #D1E2F2 !important;
color: #000 !important;
}
addon-list addon-options > panel-list[role="menu"],
addon-list plugin-options > panel-list[role="menu"] {
border: 1px solid #B2B2B2 !important;
background-color: #4A4A4F !important;
padding: 0 0 2px 0 !important;
margin-top: -1px !important;
}
addon-list addon-options > panel-list > panel-item-separator,
addon-list plugin-options > panel-list > panel-item-separator {
background: #B2B2B2 !important;
margin: 2px 0 0 0 !important;
}
/* Dreipunkte Button in der Detailansicht. */
div#main[current-view="detail"] addon-card panel-list[role="menu"] {
border: 1px solid #B2B2B2 !important;
background-color: #4A4A4F !important;
padding: 0 0 2px 0 !important;
margin-top: -1px !important;
}
div#main[current-view="detail"] addon-card panel-list panel-item-separator {
background: #B2B2B2 !important;
margin: 2px 0 0 0 !important;
}
div#main[current-view="detail"] addon-card panel-list > panel-item {
--in-content-button-background: none !important;
--in-content-button-background-hover: none !important;
--in-content-button-background-active: none !important;
border-radius: 4px !important;
border: 1px solid #B2B2B2 !important;
background-color: #000 !important;
color: #FFF !important;
margin: 2px 2px 0 2px !important;
}
div#main[current-view="detail"] addon-card panel-list > panel-item:hover {
border: 1px solid #0082FC !important;
background-color: #D1E2F2 !important;
color: #000 !important;
}
}
Alles anzeigen
Bis zur Version 110 konnte ich diesen in der Symbolleiste verschieben, wie es bei mir passte. Mit Update auf 111 klappt es nicht mehr. Schade.
Hallo Andreas,
bisher konnte ich diesen mit Rechtsklick über "Symbolleiste anpassen" innerhalb dieser dorthin verschieben, wo ich ihn haben wollte. Nun ist er wie festgeklebt.
Und der Umweg über #2 soll es nicht sein. Es war ja das Gute, dass er sich verschieben ließ. Auch den Button ganz nach oben zu verschieben, wie in #4 vorgeschlagen klappt nicht und soll es nicht sein.
@Sören, bisher hatte ich das Problem mit dem Erweiterungsbutton nicht. Dann warte ich mal die Version 113 ab.
Danke für Eure Rückmeldungen.
Moin,
bisher konnte ich die Erweiterungen so aufrufen:
Und das zugehörige Icon des Addon-Managers dort platzieren, wo ich es für mich am sinnvollsten fand.
Seit dem Update auf die Version 111 meint Firefox, dieses Icon ganz am Ende meiner Symbolleiste platzieren zu müssen und mir vorzuschreiben das es so auszusehen hat:
So sieht es nun aus (letztes Symbol):
Wenn ich jetzt Erweiterungen verwalten möchte, muss ich erst ganz ans Ende scrollen um mir diese dann anzeigen zu lassen.
Wie kann ich das Ganze wieder so herstellen und auch das Icon dort zu platzieren, wie ich es haben möchte??
Ratlos fragend.
Vielen Dank Endor. Habe ich gerade erst gelesen.
Vielen Dank für die Glückwünsche Ihr Lieben
Lieber Endor, die besten Glückwünsche zum Geburtstag.
Schwimm nicht zuweit raus, sondern genieße den Tag.
Ich habe den Fehler gefunden!!
Es ist, warum auch immer, ein 2. identischer CSS-Code bei mir in das Verzeichnis hereingeraten.
Dieser wurde aber nicht aufgerufen, sondern immer der erste. Warum auch immer?
Ich danke trotzdem für die Hilfe, denn mit angepassten Werten und der Löschung des 2. Codes klappt es.
Sorry für mein Versehen. Hat mich aber gelehrt, beim Speichern zu schauen, ob es schon einen CSS-Code mit identischem Namen gibt.
Bei abbout:addons bleibt das Ergebnis bei 100% so, wie es ist, selbst bei Werten mit -10
/**** Versionsnummer der Addons wird angezeigt ****/
div:not([current-view=updates]) .addon-name-link[title]::after {
display: block !important;
content: attr(title) !important;
margin-top: -10px !important;
}
Also Buchstabenüberlagerung.
Mit -22 klappt es auch nicht.
Das Problem mit dem Zoom kann ich nicht finden. Ich habe in den Einstellungen Standard-Zoom 100% eingestellt.
Dieses Problem mit den 110% betrifft nicht alle Seiten, nur die, die mit CSS angesprochen werden.
Habe auch schon alle deaktiviert und Stück für Stück wieder neu gesetzt, in verschiedenen Konstellationen.
Und Fehlerbehebungsmodus klappt, sobald ich aber wieder CSS einsetzte, hakt irgendwas.
Noch nachträglich die besten Glückwünsche zum Geburtstag.
Moin, hier hakt es bei mir.
Habe aus dem Code die Passage, die betroffen ist ausgewählt.
/** Addons-Manager **/
@-moz-document url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
url-prefix(about:addons) {
/**** Nummerierung der installierten Erweiterungen im AddonsManager ****/
/* 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: Magenta !important;
/*font-weight: bold !important;*/ /*Änderung 05.03.*/
counter-increment: section;
content: counter(section, decimal-leading-zero)".) ";
margin-left: -8px !important;
padding-right: 8px !important;
/*margin-top: 1px !important;/ /*Änderung 05.03..*/
}
/**** Versionsnummer der Addons wird angezeigt ****/
div:not([current-view=updates]) .addon-name-link[title]::after {
display: block !important;
content: attr(title) !important;
margin-top: -24px !important;
}
.addon-name-link {
color: yellow !important;
}
}
Alles anzeigen
Was ich schon versucht habe, habe ich mit /*Änderung*/ versucht darzustellen.
Danke,
das Leben kann manchmal so einfach sein. Hatte ich völlig übersehen.
Wenn ich meinen Fuchs öffne, wird dieses immer mit 110 % angegeben.
Dadurch sind manche Seiten sehr bildfüllend.
Habe einen 27 Zoll Monitor und deswegen die Skalierung auf 125%. Sonst macht es keinen Sinn und ich hätte meinen 24 Zööler weiterhin betreiben können.
Mir ist nicht bekannt, das ich einen CSS-Code dafür habe.
Von daher habe ich keine Vorstellungen, wo ich ansetzen muss.
Habe schon den Fehlermodus ausprobiert und auch bereinigt. Er öffnet auch dann mit 110%.
Bin für Hilfe dankbar.
Vielen Dank, genauso, wie ich es haben möchte.
Moin, mit meinem 27 Zoll Monitor habe ich Schwierigkeiten diese Anpassung für mich sauber zu konfigirieren.
In der oberen Zeile beim: Firefox Browser ist mir dieses nicht möglich, den Text in eine Zeile zu "zaubern".
Des weiteren hätte ich das Fenster in Dodgerblue gerne verkleinert. Ist für meinen Geschmack zu raumfüllend.
Gerne darf auch der Text "die daran arbeitet" in die Folgezeile rutschen, wodurch es dann sicherlich mögich ist, das gesamte Fenster etwas zu verkleinern.
Ich nutze folgenden Code:
/* About:Dialog - über Firefox --- In Abwandlung von DeJaVu*/
@-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml"){
#bottomBox,
#clientBox,
#leftBox,
#trademark,
#updateBox > vbox:nth-child(2) > hbox:nth-child(2),
#updateButton,
#version,
#version::before,
#aboutDialog vbox,
#aboutDialogContainer hbox,
#clientBox vbox,
#contributeDesc > label:nth-child(1),
#contributeDesc > label:nth-child(2),
#releasenotes,
#trademark,
#updateButton,
label.bottom-link:nth-child(3),
[href='about:credits'],
[href='about:license'],
[href='about:rights'],
#contributeDesc > label:nth-child(1),
#contributeDesc > label:nth-child(2),
#releasenotes,
label.bottom-link:nth-child(3),
[href='about:credits'],
[href='about:license'],
[href='about:rights'],
#aboutDialog,
#aboutDialogContainer,
#bottomBox,
#clientBox,
#trademark {
background-color: DarkSykBlue !important;
}
label,
.text-blurb,
#trademark {
font-size: 14px !important;
}
#version::before {
content: 'Meine aktuelle Browser-Version ist die:';
font-size: 14px !important;
font-weight: bold !important;
color: LightCoral !important;
margin-right: 6px !important;
margin-left: -24px !important;
}
#version {
font-size: 14px !important;
margin-top: 30px !important;
color: Yellow !important;
}
#bottomBox > hbox:nth-child(1) {
margin-bottom: 25px !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
background-color: dodgerblue !important;
}
#updateBox > vbox:nth-child(2) > hbox:nth-child(2) {
margin-top: -25px !important;
margin-bottom: 20px !important;
}
#trademark {
margin-top: 5px !important;
margin-bottom: 10px !important;
}
#leftBox {
appearance: none !important;
background-size: contain !important;
margin-top: 60px !important;
max-width: 150px !important; /*Änderung*/
min-width: 150px !important; /*Änderung*/
}
#updateButton {
appearance: none !important; /*Firefox Update*/
background: pink url("../Icons/qd-lupe.gif")no-repeat !important;
min-width: 300px !important; /*Änderung*/
padding-left: 30px !important;
background-position: 13px !important;
border: 3px solid dodgerblue !important;
border-width: 2px !important;
color: coral !important;
margin-bottom: 10px !important;
margin-top: 0 !important;
}
#icons > .icon {
margin-top: 12px !important;
}
#updateButton:hover {
appearance: none !important;
background: yellow url("../Icons/qd-lupe.gif")no-repeat !important;
padding-left: 30px !important ;
background-position: 13px !important;
}
#updateButton .button-box {
padding-top: 0 !important;
padding-bottom: 0 !important;
-moz-padding-start: 3px !important;
-moz-padding-end: 3px !important;
}
#updateBox vbox description.text-blurb label.text-link {
display: none !important;
}
[href='about:license'] {
appearance: none !important; /* Information zur Lizensierung */
background: lightgray url("../Icons/qd-info.png")no-repeat !important;
color: dodgerblue !important;
margin-top: 2px !important;
padding-right: 10px !important;
margin-left: 20px !important;
padding-left: 30px !important;
border-width: 2px !important;
background-position: 10px 5px !important;
border: 3px solid red !important;
}
[href='about:license']:hover {
background: darkgray url("../Icons/qd-info.png")no-repeat !important;
color: white !important;
background-position: 10px 5px !important;
}
[href="about:rights"] {
appearance: none !important; /* Endanwenderrechte */
background: CornflowerBlue url("../Icons/qd-endanwender.png")no-repeat !important;
color: black !important;
/*padding-top: 2px !important;*/
margin-right: 11px!important;
margin-left: -28px !important;
margin-top: 2px !important;
padding-right: 20px !important;
padding-left: 40px !important;
border-color: red !important;
border-width: 2px !important;
background-position: 10px 5px !important;
border: 3px solid yellow !important;
}
[href="about:rights"]:hover {
appearance: none !important;
background: darkgray url("../Icons/qd-endanwender.png") no-repeat !important;
color: white !important;
background-position: 10px 5px !important;
}
label.bottom-link:nth-child(3) {
appearance: none !important; /* Datenschutzbestimmungen */
background: lightgray url("../Icons/qd-datenschutz.png")no-repeat !important;
color: dodgerblue !important;
margin-left: -2px !important;
margin-right: -3px !important;
margin-top: 2px !important;
padding-right: 20px !important;
padding-left: 40px !important;
border-width: 2px !important;
background-position: 10px 5px !important;
border: 3px solid orange !important;
}
label.bottom-link:nth-child(3):hover {
background: darkgray url("../Icons/qd-datenschutz.png")no-repeat !important;
color: white !important;
background-position: 10px 5px !important;
}
[href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog'] {
appearance: none !important; /* Mozilla */
background: lightgray url("../Icons/qd-mozilla.png")no-repeat !important;
color: black !important;
margin-right: 2px !important;
padding-right: 15px !important;
padding-left: 35px !important;
border-width: 2px !important;
background-position: 10px 5px !important;
border: 3px solid magenta !important;
}
[href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']:hover {
background: darkgray url("../Icons/qd-mozilla.png")no-repeat !important;
color: white !important;
background-position: 10px 5px !important;
}
[href='about:credits'] {
appearance: none !important; /* globale Community */
background: lightgray url("../Icons/qd-community.png")no-repeat !important;
color: black !important;
margin-right: 2px !important;
padding-right: 7px !important;
padding-left: 35px !important;
border-width: 2px !important;
background-position: 10px 5px !important;
border: 3px solid violet !important;
}
[href='about:credits']:hover {
background: darkgray url("../Icons/qd-community.png")no-repeat !important;
color: white !important;
background-position: 10px 5px !important;
}
#contributeDesc > label:nth-child(2) {
appearance: none !important; /* machen Sie mit */
background: lightgray url("../Icons/qd-mitmachen.png")no-repeat !important;
color: black !important;
margin-left: 2px !important;
margin-right: 10px !important;
padding-left: 35px !important;
padding-right: 15px !important;
border-color: cadetblue !important;
border-width: 2px !important;
background-position: 10px 5px !important;
border: 3px solid dodgerblue !important;
}
#contributeDesc > label:nth-child(2):hover {
background: darkgray url("../Icons/qd-mitmachen.png")no-repeat !important;
color: white !important;
background-position: 10px 5px !important;
}
#contributeDesc > label:nth-child(1) {
appearance: none !important; /*Spenden Sie*/
background: yellow url("../Icons/qd-spenden.png")no-repeat !important;
color: black !important;
margin-right: -1px !important;
padding-left: 35px !important;
padding-right: 15px !important;
border-width: 2px !important;
background-position: 10px 5px !important;
border: 3px solid pink !important;
}
#contributeDesc > label:nth-child(1):hover {
background: darkgray url("../Icons/qd-spenden.png")no-repeat !important;
color: black !important;
background-position: 10px 5px !important;
}
#releasenotes {
appearance: none !important; /*Neue Funktionen und Änderungen*/
background: darkgray url("../Icons/qd-info.png")no-repeat !important;
margin-left: 10px !important;
margin-right: 35px !important;
padding-left: 30px !important;
padding-right: 20px !important;
padding-bottom: 1px !important;
border-width: 2px !important;
background-position: 10px 5px !important;
border: 3px solid yellow!important;
margin-top: 50px !important; /*Änderung*/
color: black !important;
}
#releasenotes:hover {
background: lightgray url("../Icons/qd-info.png")no-repeat !important;
color: dodgerblue !important;
background-position: 10px 5px !important;
}
#rightBox {
background-image: none !important;
padding-top: 0px !important;
margin-top: 10px !important;
}
#rightBox::before {
content: "Firefox Browser" !important;
font-size: 20px !important;
font-weight: bold !important;
text-shadow: 5px 5px 5px red !important;
color: yellow !important;
-webkit-transform: scale(1.08) !important;
max-width: 250px !important; /* Änderung 27.03.*/
margin-left: 300px !important; /* Änderung 28.03.*/
margin-right: 300px !important; /* Änderung 28.03.*/
}
#trademark {
border: 3px solid red !important;
max-width: 250px !important; /* Änderung 26.03.*/
margin-left: 350px !important; /* Änderung 26.03.*/
margin-right: 350px !important; /* Änderung 26.03.*/
color: Yellow !important;
}
#trademark::after {
content: " Dialog-Design by Barbara " !important;
font-size: 14px !important;
color: red !important;
}
}
Alles anzeigen
Hier habe ich schon einige Änderungen vornehmen können, habe dieses auch wie folgt kennlich gemacht:
Weiter komme ich leider ohne Hilfe nicht.
Wäre nett, wenn jemand drüberschauen könnte. Danke
Danke für Deinen Fleiß