About Seiten mit CSS Codes anpassen

Dharkness

Zitat von Boersenfeger

Ich habe, hatte hier mit diesem Code keine Probleme....

Hm, die Actionbox ist zu weit nach unten verschoben und das links daneben ist zu sehr nach oben verschoben, vergleiche Deinen Screenshot mit dem von 2002Andreas.

2002Andreas

Zitat von Boersenfeger

mit diesem Code keine Probleme....

Kein Wunder, du hast ja auch hier einen anderen Wert als Endor in seinem Code hat

max-width: 1540px !important;

Bei Endor steht:

max-width: 1250px !important;

Mit deinem Wert passt es hier auch.

Boersenfeger

Ich wollte mit meinem Statement ja auch nur darauf hinweisen, das es genau mit der Breite zu tun hat und sich bei mir mit den neunen Versionen von Firefox und Nightly nichts verändert hat.

Diese abweichende Breite verwende ich in allen about:.... Codes, da diese auf meinen Bildschirm angepasst ist.

Endor

Zitat von 2002Andreas

max-width: 1250px !important;

Dürfte eigentlich in meinem letzten CSS Code nicht mehr vorhanden sein.

2002Andreas

Zitat von Endor

in meinem letzten CSS Code nicht mehr vorhanden sein.

In deinem ersten Code war das so, darum hat es ja dann hier auch nicht gepasst.

Mit deinem neuen Code ist alles ok

~~Hier ist es noch enthalten~~

Beitrag

RE: About Seiten mit CSS Codes anpassen

Hallo @FuchsFan !

Habe gerade eben die neue fertig gemacht und in allen drei Firefox Versionen getestet:

Test mal:

Hoffe die Einrückungen sind halbwegs richtig.

Edit: Code wurde entfernt da noch Fehler vorhanden waren.
Neuer Code siehe hier:

About Seiten mit CSS Codes anpassen

Mfg.
Endor

Endor

17. Mai 2023 um 16:03

Edit:

Thread wurde angepasst.

Endor

Ja aber hier nicht mehr:

About Seiten mit CSS Codes anpassen

ich habe ja diesen Eintrag auf Grund deines Hinweises geändert.

Mfg.
Endor

2002Andreas

Zitat von Endor

Ja aber hier nicht mehr:

Endor

2002Andreas.

Habe den CSS Code aus dem Beitrag von Deinem Link

entfernt, bzw . mit einem Hinweis auf den aktuellen CSS Code ersetzt.

Mfg.
Endor

2002Andreas

Zitat von Endor

mit einem Hinweis auf den aktuellen CSS Code ersetzt.

Perfekt

Dharkness

Hallo zusammen,

bei mir sieht es mittlerweile so ↓ aus, jetzt werden die Abstände und Größen der oberen Bereiche nicht mehr zerrissen.

2002Andreas

Zitat von Dharkness

bei mir sieht es mittlerweile so

Hat auch was

Dharkness

Zitat von 2002Andreas

Hat auch was

Hier ist mal das CSS dazu.

CSS

/* about:support */
@-moz-document url("about:support") {
html {
    background-color: #2A2A2E !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
}

body {
    max-width: 1586px !important;
    border: 2px solid #B2B2B2 !important;
    background-color: #2A2A2E !important;
    padding: 5px !important;
    margin: 5px auto !important;
}
body > h1 {
    font-size: 28px !important;
    font-weight: bold !important;
    border-top: 2px solid #9CA4AB !important;
    border-right: 2px solid #9CA4AB !important;
    border-left: 2px solid #9CA4AB !important;
    color: #D2534C !important;
    padding: 20px 20px 19px 20px !important;
    margin: 0 !important;
}

.page-subtitle {
    appearance: none !important;
    border: 2px solid #9CA4AB !important;
    border-bottom: 2px solid #9CA4AB !important;
    color: #FFF !important;
    padding: 15px 10px 17px 15px !important;
    margin: 0 !important;
}

.content-flex > div:nth-child(2) {
    appearance: none !important;
    border: 2px solid #9CA4AB !important;
    border-top: 0 !important;
    color: #FFF !important;
    padding: 20px 15px 21px 15px !important;
    margin: 0 !important;
}

.action-box {
    display: flex !important;
    flex-wrap : nowrap !important;
    flex-direction: row !important;
    width: 100% !important;
    border-radius: 0 !important;
    border: 2px solid #D2534C !important;
    background-color: #2A2A2E !important;
    padding: 1px 0 0 0 !important;
    margin: -17px 0 0 0 !important;
}
.action-box > div {
    max-width: 33% !important;
}
.action-box #reset-box {
    font-size: 13px !important;
    line-height: 17px !important;
    padding: 0 5px 3px 5px !important;
    margin: 0 !important;
}
.action-box #clear-startup-cache-box {
    font-size: 13px !important;
    line-height: 17px !important;
    border-left: 2px solid #D2534C !important;
    padding: 2px 5px 3px 5px !important;
    margin: 0 !important;
}
.action-box #safe-mode-box {
    font-size: 13px !important;
    line-height: 17px !important;
    border-left: 2px solid #D2534C !important;
    padding: 0 5px 3px 5px !important;
    margin: 0 !important;
}
.action-box #reset-box {
    display: block !important;
}
.action-box #reset-box > h3,
.action-box #safe-mode-box > h3,
.action-box #clear-startup-cache-box > h3 {
    appearance: none !important;
    color: #D2534C !important;
    padding: 0 5px 2px 5px !important;
    margin: 0 !important;
}
.action-box #reset-box > h3:after {
    content: " - Achtung, diese Aktion setzt den Browser zurück und löscht dabei alle Einstellungen, Anpassungen und die Add-ons, gespeicherte Passwörter und Lesezeichen bleiben erhalten.";
    font-size: 12px !important;
    font-weight: normal !important;
    color: #D2534C !important;
}
.action-box #safe-mode-box > h3:after {
    content: " - Achtung, diese Aktion deaktiviert für einen Test alle Erweiterungen und setzt verschiedene Prefs temporär auf ihre Default-Werte.";
    font-size: 12px !important;
    font-weight: normal !important;
    color: #D2534C !important;
}

.action-box button {
    font-size: 12px !important;
    font-weight: bold !important;
    min-height: 24px !important;
    max-height: 24px !important;
    border-radius: 0 !important;
    border: 1px solid #F10 !important;
    color: #F10 !important;
    padding: 0 6px 0 30px !important;
    margin: 2px 0 !important;
}
.action-box button:hover {
    cursor: pointer !important;
    border: 1px solid #78AEE5 !important;
    color: #000 !important;
}

#copy-raw-data-to-clipboard,
#copy-to-clipboard {
    appearance: none !important;
    min-height: 24px ! important;
    max-height: 24px ! important;
    border-radius: 0px !important;
    border: 1px solid #9CA4AB !important;
    color: #000 !important;
    padding: 0 4px !important;
    margin: 0 !important;
}
button#show-update-history-button {
    justify-content: left !important;
    text-align: left !important;
    -moz-appearance: none !important;
    min-height: 24px ! important;
    max-height: 24px ! important;
    border-radius: 0px !important;
    border: 1px solid #9CA4AB !important;
    color: #FFF !important;
    padding: 0 4px 0 28px !important;
    margin: 0 !important;
}
button#update-dir-button,
button#profile-dir-button,
button#profile-row  {
    appearance: none !important;
    justify-content: left !important;
    text-align: left !important;
    min-height: 24px ! important;
    max-height: 24px ! important;
    border-radius: 0px !important;
    border: 1px solid #9CA4AB !important;
    color: #000 !important;
    color: #FFF !important;
    padding: 0 4px 0 28px !important;
    margin: 0 !important;
}
button#profile-dir-button {
    background: #623F27 url("..//chrome/icons/Bild76.png") no-repeat !important;
    background-position: 6px 2px !important;
    color: #FFF !important;
    padding-right: 20px !important;
    padding-left: 35px !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
}
button#show-update-history-button:hover,
#copy-raw-data-to-clipboard:hover,
#copy-to-clipboard:hover,
button#profile-row:hover,
button#update-dir-button:hover,
button#profile-dir-button:hover {
    cursor: pointer !important;
    border: 1px solid #78AEE5 !important;
    color: #000 !important;
}

#contents {
    border: 2px solid #9CA4AB !important;
    margin: -10px 0 0 0 !important;
    padding: 0 10px 10px 10px !important;
}
#contents > table th {
    border-top-style: solid !important;
    border-right-style: solid !important;
    border-bottom-style: solid !important;
    border-left-style: solid !important;
    border-top-color: #9CA4AB !important;
    border-right-color: #9CA4AB !important;
    border-bottom-color: #9CA4AB !important;
    border-left-color: #9CA4AB !important;
    background-color: #4A4A4F !important;
    color: #FFF !important;
    padding: 2px 3px 2px 3px !important;
    margin: 0 !important;
}

#contents > table:nth-child(48) > tr:nth-child(1) > th:nth-child(1) {
    padding: 0px 3px 0px 3px !important;
}


#contents > table td {
    border-top-style: solid !important;
    border-right-style: solid !important;
    border-bottom-style: solid !important;
    border-left-style: solid !important;
    border-top-color: #9CA4AB !important;
    border-right-color: #9CA4AB !important;
    border-bottom-color: #9CA4AB !important;
    border-left-color: #9CA4AB !important;
    background-color: #C0C4C8 !important;
    color: #000 !important;
    padding: 1px 3px 3px 3px !important;
    margin: 0 !important;
}

#contents > table:nth-child(2) td {
    padding: 3px 3px !important;
    margin: 0px !important;
}

#contents > table td a,
#contents > table td button {
    text-align: center !important;
}

#contents > table td button[id="verify-place-integrity-button"] {
    appearance: none !important;
    min-height: 24px !important;
    max-height: 24px !important;
    border-radius: 0px !important;
    border: 1px solid #9CA4AB !important;
    color: #FFF !important;
    padding: 0 6px 0 28px !important;
    margin: 2px 0 0 0 !important;
}
#graphics-crashguards-tbody > tr:nth-child(2) > td:nth-child(2) > button:nth-child(1) {
    appearance: none !important;
    min-height: 24px !important;
    max-height: 24px !important;
    border-radius: 0px !important;
    border: 1px solid #9CA4AB !important;
    color: #FFF !important;
    padding: 0 6px 0 28px !important;
    margin: 2px 0 0 0 !important;
}
#graphics-crashguards-tbody > tr:nth-child(2) > td:nth-child(2) > button:nth-child(1) {
    color: #F10 !important;
}
#contents > table td button[id="verify-place-integrity-button"]:hover {
    border: 1px solid #78AEE5 !important;
    color: #000 !important;
}
#graphics-crashguards-tbody > tr:nth-child(2) > td:nth-child(2) > button:nth-child(1):hover {
    border: 1px solid #F10 !important;
    color: #F10 !important;
}

#contents > table td pre[id="verify-place-result"] {
    appearance: none !important;
    border-radius: 0px !important;
    border: 1px solid #9CA4AB !important;
    padding: 0 0 0 2px !important;
    margin: 0 0 2px 0 !important;
}

#contents > table,
#contents > table > tbody,
#contents > table > tbody > tr,
#contents > table > thead,
#contents > table > thead > tr {
    border-radius: 0 !important;
    border-top-color: #9CA4AB !important;
    border-right-color: #9CA4AB !important;
    border-bottom-color: #9CA4AB !important;
    border-left-color: #9CA4AB !important;
}
#contents > table > tbody > tr > th,
#contents > table > thead > tr > th {
    border-radius: 0 !important;
    border-top-color: #9CA4AB !important;
    border-right-color: #9CA4AB !important;
    border-bottom-color: #9CA4AB !important;
    border-left-color: #9CA4AB !important;
    background-color: #4A4A4F !important;
}
#contents > table > tbody > tr > td > a {
    appearance: none !important;
    display: block !important;
    min-width: 136px !important;
    max-width: 136px !important;
    border: 1px solid #9CA4AB !important;
    padding: 2px 6px 2px 28px !important;
    margin: 0 !important;
}
#contents > table > tbody > tr#remoteprocesses-row > td > a {
    min-width: 12px !important;
    max-width: 12px !important;
    line-height: 1.4 !important;
    text-align: right !important;
    background-color: #4A4A4F !important;
    color: #FFF !important;
    padding: 1px 6px !important;
    margin: 0 !important;
}
#contents > table > tbody[id="crashes-tbody"] > tr > td {
    padding: 4px 3px !important;
}
#contents > table > tbody > tr > td > a:hover {
    border: 1px solid #78AEE5 !important;
    color: #000 !important;
}
#contents > table > tbody > tr#remoteprocesses-row > td > a:hover {
    border: 1px solid #78AEE5 !important;
    background-color: #D1E2F2 !important;
    color: #000 !important;
}

#contents > table > tbody > tr > td#safemode-box {
    content: 'true' !important;
    font-weight: bold !important;
    color: #F10 !important;
}
#contents > table > tbody > tr > td[data-l10n-id="policies-inactive"],
#contents > table > tbody > tr > td#safemode-box {
    content: 'false' !important;
    font-weight: bold !important;
    color: #3E942E !important;
}
#contents > table > tbody > tr > td#updatechannel-box {
    content: 'release' !important;
    font-weight: bold !important;
    color: #3E942E !important;
}

#contents > table > tbody#crashes-tbody > tr > td > a {
    appearance: none !important;
    min-width: 248px !important;
    max-width: 248px !important;
    min-height: 20px !important;
    max-height: 20px !important;
    border: 1px solid #9CA4AB !important;
    background: #800 url("..//chrome/icons/Bild75.png") no-repeat !important;
    color: #FFF !important;
    background-position: 6px 2px !important;
    padding: 2px 6px 0 28px !important;
    margin: 0 !important;
}
#contents > table > tbody#crashes-tbody > tr > td > a:hover {
    appearance: none !important;
    min-width: 248px !important;
    max-width: 248px !important;
    min-height: 20px !important;
    max-height: 20px !important;
    border: 1px solid #800 !important;
    background: #D1E2F2 url("..//chrome/icons/Bild75.png") no-repeat !important;
    color: #000 !important;
    background-position: 6px 2px !important;
    padding: 2px 6px 0 28px !important;
    margin: 0 !important;
}

#contents > table > tbody#media-capabilities-tbody > tr > td > pre {
    border: 1px solid #9CA4AB !important;
    background-color: #EEE8AA !important;
    color: #000 !important;
    padding: 4px 5px 5px 5px !important;
    margin-bottom: 0 !important;
}

td { background-color: #F0F0F0 !important; }

#contents > h2,
h3[data-l10n-id="support-printing-modified-settings"] {
    border-top: 2px solid #A0A0A0 !important;
    border-right: 2px solid #A0A0A0 !important;
    border-left: 2px solid #A0A0A0 !important;
    background-color: #4A4A4F !important;
    color: #FFF !important;
    padding: 1px 5px 1px 5px !important;
    margin-top: 12px !important;
    margin-bottom: 0 !important;
}
h3[data-l10n-id="support-printing-modified-settings"] {
    padding: 1px 5px 3px 5px !important;
}
#contents > h2[data-l10n-id="app-basics-title"] {
    margin-top: 12px !important;
}

p#crashes-allReports {
    border: 0px !important;
    border-right: 2px solid #A0A0A0 !important;
    border-bottom: 2px solid #A0A0A0 !important;
    border-left: 2px solid #A0A0A0 !important;
    background-color: #C0C4C8 !important;
    color: #FFF !important;
    padding: 3px 2px 4px 2px !important;
    margin-top: 0 !important;
    margin-bottom: 2px !important;
}
p#crashes-allReports a {
    min-width: 500px ! important;
    max-width: 500px ! important;
    text-align: center !important;
    border: 1px solid #9CA4AB !important;
    color: #FFF !important;
    padding: 0 5px 1px 28px !important;
    margin: 0 !important;
}
p#crashes-allReports a:hover {
    border: 1px solid #78AEE5 !important;
    color: #000 !important;
}

#prefs-user-js-section {
    border: 2px solid #A0A0A0 !important;
    background-color: #FFF !important;
    color: #000 !important;
    padding: 0 !important;
    margin-top: 12px !important;
    margin-bottom: 0 !important;
}

 table > tr > th {
    padding: 6px 1px 6px 1px !important;
}

#contents > table:nth-child(17) > tr > th,
#prefs-user-js-section > h3 {
border: 0 !important;
border-bottom: 2px solid #A0A0A0 !important;
background-color: #FFF !important;
color: #F10 !important;
padding: 1px 5px 3px 5px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
#prefs-user-js-section > p {
font-size: 12px !important;
line-height: 16px !important;
color: #F10 !important;
padding: 2px 3px 1px 3px !important;
margin: 1px 0 3px 0 !important;
}

#about-studies-section > p[data-l10n-id="support-remote-experiments-see-about-studies"] {
border: 2px solid #A0A0A0 !important;
padding: 2px 5px 3px 5px !important;
margin: 10px 0 10px 0 !important;
}

#supportLink {
appearance:none!important;
border-radius: 0 !important;
text-decoration: none !important;
border: 1px solid #9CA4AB !important;
background: #F0F0F0 url("..//chrome/icons/Bild52.gif") no-repeat !important;
background-position: 6px 2px !important;
color: #000 !important;
padding-right: 3px !important;
padding-bottom: 0 !important;
padding-left: 30px !important;
line-height: 1.4 !important;
}
#supportLink:hover {
appearance:none!important;
border-radius: 0 !important;
text-decoration:none!important;
border: 1px solid #78AEE5 !important;
background: #D1E2F2 url("..//chrome/icons/Bild52.gif") no-repeat !important;
background-position: 6px 2px !important;
color: #000 !important;
padding-right: 3px !important;
padding-bottom: 0 !important;
padding-left: 30px !important;
}

td > span > a[data-l10n-name="bug-link"] {
appearance: none !important;
line-height: 1.4 !important;
text-decoration: none !important;
border-radius: 0 !important;
border: 1px solid #9CA4AB !important;
background: #F0F0F0 url("..//chrome/icons/bug.png") no-repeat !important;
background-position: 6px 1px !important;
color: #000 !important;
padding: 1px 3px 1px 30px !important;
}
td > span > a[data-l10n-name="bug-link"]:hover {
border: 1px solid #78AEE5 !important;
background: #D1E2F2 url("..//chrome/icons/bug.png") no-repeat !important;
background-position: 6px 1px !important;
color: #000 !important;
}

.action-box > div > button {
min-width: 224px !important;
text-align: center !important;
}
#reset-box-button {
-moz-appearance: none !important;
border-radius: 0 !important;
background: #F0F0F0 url("..//chrome/icons/Bild77.png")no-repeat !important;
background-position: 6px 3px !important;
color: #F10 !important;
}
#reset-box-button:hover {
-moz-appearance:none!important;
border: 1px solid #78AEE5 !important;
background: #D1E2F2 url("..//chrome/icons/Bild77.png")no-repeat !important;
background-position: 6px 3px!important;
color: #000 !important;
}

#restart-in-safe-mode-button {
-moz-appearance: none !important;
border-radius: 0 !important;
background: #F0F0F0 url("..//chrome/icons/Bild78.png")no-repeat !important;
background-position: 6px 3px !important;
color: #F10 !important;
}
#restart-in-safe-mode-button:hover {
-moz-appearance: none !important;
border: 1px solid #78AEE5 !important;
background: #D1E2F2 url("..//chrome/icons/Bild78.png")no-repeat !important;
background-position: 6px 3px !important;
color: #000 !important;
}

#clear-startup-cache-button {
-moz-appearance:none!important;
border-radius: 0 !important;
border: 1px solid #F10 !important;
background: #F0F0F0 url("..//chrome/icons/database_delete.png")no-repeat !important;
background-position: 6px 3px !important;
color: #F10 !important;
}
#clear-startup-cache-button:hover {
-moz-appearance:none!important;
background: #D1E2F2 url("..//chrome/icons/database_delete.png")no-repeat !important;
background-position: 6px 3px !important;
color: #000 !important;
}

#copy-raw-data-to-clipboard {
-moz-appearance: none !important;
border-radius: 0 !important;
background: #F0F0F0 url("..//chrome/icons/Bild73.png") no-repeat !important;
background-position: 6px 2px !important;
color: #000 !important;
padding-bottom: 0 !important;
padding-left: 30px !important;
margin-right: 0 !important;
}
#copy-raw-data-to-clipboard:hover {
-moz-appearance:none!important;
background: #D1E2F2 url("..//chrome/icons/Bild73.png") no-repeat !important;
padding-left: 30px !important ;
background-position: 6px 2px !important;
}

#copy-to-clipboard {
-moz-appearance:none!important;
border-radius: 0 !important;
background: #F0F0F0 url("..//chrome/icons/Bild74.png") no-repeat !important;
background-position: 6px 2px !important;
color: #000 !important;
padding-left: 30px !important;
padding-bottom: 0 !important;
margin-right: 0 !important;
}
#copy-to-clipboard:hover {
-moz-appearance:none!important;
background: #D1E2F2 url("..//chrome/icons/Bild74.png") no-repeat !important;
background-position: 6px 2px !important;
padding-left: 30px !important ;
}

#show-update-history-button {
-moz-appearance: none !important;
min-width: 172px !important;
border-radius: 0 !important;
border: 1px solid #B2B2B2 !important;
background: #006800 url("..//chrome/icons/Bild75.png") no-repeat !important;
background-position: 6px 2px !important;
color: #FFF !important;
padding-right: 0 !important;
padding-bottom: 5px !important;
margin-left: 0 !important;
}
#show-update-history-button:hover {
-moz-appearance: none !important;
border: 1px solid #006800 !important;
background: #D1E2F2 url("..//chrome/icons/Bild75.png") no-repeat !important;
background-position: 6px 2px !important;
color: #000 !important;
}

#update-dir-button,
#profile-dir-button {
-moz-appearance: none !important;
min-width: 172px !important;
border-radius: 0 !important;
text-decoration: none !important;
background: #4A4A4F url("..//chrome/icons/Bild76.png") no-repeat !important;
background-position: 6px 2px !important;
color: #FFF !important;
padding-right: 0 !important;
padding-bottom: 5px !important;
margin-left: 0 !important;
}
#update-dir-button:hover,
#profile-dir-button:hover {
-moz-appearance: none !important;
background: #D1E2F2 url("..//chrome/icons/Bild76.png") no-repeat !important;
background-position: 6px 2px !important;
color: #000 !important;
}

#verify-place-integrity-button {
-moz-appearance: none !important;
border-radius: 0 !important;
text-decoration:none!important;
background: #4A4A4F url("..//chrome/icons/Bild3.png") no-repeat !important;
background-position: 6px 2px !important;
color: #FFF !important;
margin-left: 3px !important;
margin-top: 3px !important;
padding-right: 20px !important;
padding-left: 35px !important;
}
#verify-place-integrity-button:hover {
-moz-appearance: none !important;
border-radius: 0 !important;
text-decoration:none!important;
background: #D1E2F2 url("..//chrome/icons/Bild3.png") no-repeat !important;
color: #000 !important;
background-position: 6px 2px !important;
}


#place-database-stats-toggle {
-moz-appearance: none !important;
border-radius: 0 !important;
text-decoration:none!important;
border: 1px solid #B2B2B2 !important;
background: #4A4A4F url("..//chrome/icons/Bild50.gif") no-repeat !important;
background-position: 6px 8px !important;
color: #FFF !important;
margin: 2px 0 0 0 !important;
padding: 0 20px 0 35px !important;
}
#place-database-stats-toggle:hover {
-moz-appearance: none !important;
border-radius: 0 !important;
text-decoration:none!important;
border: 1px solid #0082FC !important;
background: #D1E2F2 url("..//chrome/icons/Bild50.gif") no-repeat !important;
color: #000 !important;
background-position: 6px 8px !important;
}

#crashes-allReportsWithPending {
-moz-appearance: none !important;
border-radius: 0 !important;
text-decoration:none!important;
border: 1px solid #B2B2B2 !important;
background: #800 url("..//chrome/icons/Bild75.png") no-repeat !important;
background-position: 6px 4px !important;
color: #FFF !important;
margin-left: 3px !important;
margin-top: 3px !important;
padding-right: 20px !important;
padding-left: 35px !important;
}
#crashes-allReportsWithPending:hover {
-moz-appearance: none !important;
border-radius: 0 !important;
text-decoration:none!important;
border: 1px solid #800 !important;
background: #D1E2F2 url("..//chrome/icons/Bild75.png") no-repeat !important;
color: #000 !important;
background-position: 6px 4px !important;
}

button[data-l10n-id="reset-on-next-restart"] {
-moz-appearance:none!important;
border-radius: 0 !important;
text-decoration: none !important;
border: 1px solid #B2B2B2 !important;
background: #F0F0F0 url("..//chrome/icons/Bild85.png") no-repeat !important;
background-position: 6px 2px !important;
color: #F10 !important;
font-size:14px!important;
padding-right:20px!important;
padding-left:35px!important;
padding-bottom: 2px !important;
padding-top: 2px !important;
margin-left: 3px !important;
margin-top: 3px !important;
}
button[data-l10n-id="reset-on-next-restart"]:hover {
-moz-appearance: none !important;
border-radius: 0 !important;
text-decoration: none !important;
border: 1px solid #78AEE5 !important;
background: #D1E2F2 url("..//chrome/icons/Bild85.png") no-repeat !important;
background-position: 6px 2px !important;
color: #000 !important;
}

a[href*="about:"] {
-moz-appearance:none!important;
display: block !important;
min-width: 136px !important;
max-width: 136px !important;
border-radius: 0 !important;
text-decoration:none!important;
border: 1px solid #B2B2B2 !important;
background: #0060DF url("..//chrome/icons/Bild3.png") no-repeat !important;
background-position: 6px 2px !important;
color: #FFF !important;
margin-left: -3px !important;
line-height: 1.6 !important;
}
a[href="about:policies#active"] {
-moz-appearance:none!important;
display: block !important;
min-width: 136px !important;
max-width: 136px !important;
border-radius: 0 !important;
text-decoration:none!important;
border: 1px solid #B2B2B2 !important;
background: #F20 url("..//chrome/icons/Bild3.png") no-repeat !important;
background-position: 6px 2px !important;
color: #FFF !important;
margin-left: -3px !important;
line-height: 1.6 !important;
}
a[href*="about:"]:hover {
-moz-appearance:none!important;
border-radius: 0 !important;
text-decoration: none !important;
border: 1px solid #0060df !important;
background: #D1E2F2 url("..//chrome/icons/Bild3.png") no-repeat !important;
background-position: 6px 2px !important;
color: #000 !important;
}

p[data-l10n-id="support-remote-experiments-see-about-studies"] > a[data-l10n-name="support-about-studies-link"] {
-moz-appearance:none!important;
display: inline !important;
text-decoration:none!important;
border-radius: 0 !important;
border: 1px solid #B2B2B2 !important;
background: #4A4A4F url("..//chrome/icons/studi.png") no-repeat !important;
background-position: 2px 2px !important;
color: #FFF !important;
padding-right: 3px !important;
padding-left: 20px !important;
line-height: 1.6 !important;
}
p[data-l10n-id="support-remote-experiments-see-about-studies"] > a[data-l10n-name="support-about-studies-link"]:hover {
-moz-appearance:none!important;
text-decoration: none !important;
border-radius: 0 !important;
border: 1px solid #006FC2 !important;
background: #D1E2F2 url("..//chrome/icons/studi.png") no-repeat !important;
background-position: 2px 2px !important;
color: #000 !important;
padding-right: 3px !important;
padding-left: 20px !important;
line-height: 1.6 !important;
}

#prefs-user-js-link {
-moz-appearance: none !important;
line-height: 1.8 !important;
text-decoration: none !important;
border-radius: 0 !important;
border: 1px solid #9CA4AB !important;
background: #4A4A4F url("..//chrome/icons/Bild3.png") no-repeat !important;
background-position: 6px 2px !important;
color: #FFF !important;
padding-top: 2px !important;
padding-right: 5px !important;
padding-bottom: 2px !important;
padding-left: 30px !important;
margin-left: 3px !important;
}
#prefs-user-js-link:hover{
-moz-appearance:none!important;
border-radius: 0 !important;
text-decoration: none !important;
border: 1px solid #78AEE5 !important;
background: #D1E2F2 url("..//chrome/icons/Bild3.png") no-repeat !important;
background-position: 6px 2px !important;
color: #000 !important;
}

#enumerate-database-button {
-moz-appearance: none !important;
min-height: 25px !important;
max-height: 25px !important;
font-size: 14px !important;
text-decoration: none !important;
border-radius: 0 !important;
border: 1px solid #B2B2B2 !important;
background: #4A4A4F url("..//chrome/icons/database_edit.png") no-repeat !important;
background-position: 6px 4px !important;
color: #FFF !important;
padding-top: 0 !important;
padding-right: 20px!important;
padding-bottom: 0 !important;
padding-left: 35px!important;
margin-top: 2px !important;
margin-bottom: 0 !important;
margin-left: 3px !important;
}
#enumerate-database-button:hover {
-moz-appearance: none !important;
min-height: 25px !important;
max-height: 25px !important;
font-size: 14px !important;
text-decoration: none !important;
border-radius: 0 !important;
border: 1px solid #B2B2B2 !important;
background: #D1E2F2 url("..//chrome/icons/database_edit.png") no-repeat !important;
background-position: 6px 4px !important;
color: black !important;
}

button[data-l10n-id="gpu-process-kill-button"] {
-moz-appearance: none !important;
min-height: 25px !important;
max-height: 25px !important;
font-size:14px!important;
text-decoration:none!important;
border-radius: 0 !important;
border: 1px solid #B2B2B2 !important;
background: #4A4A4F url("..//chrome/icons/graphic-card.png") no-repeat !important;
background-position: 6px 4px !important;
color: #FFF !important;
padding-top: 0 !important;
padding-right: 20px!important;
padding-bottom: 0 !important;
padding-left: 35px !important;
margin-top: 2px !important;
margin-bottom: 0 !important;
margin-left: 3px !important;
}
button[data-l10n-id="gpu-process-kill-button"]:hover {
-moz-appearance:none!important;
min-height: 25px !important;
max-height: 25px !important;
font-size: 14px !important;
text-decoration: none !important;
border-radius: 0 !important;
border: 1px solid #B2B2B2 !important;
background: #D1E2F2 url("..//chrome/icons/graphic-card.png") no-repeat !important;
background-position: 6px 4px !important;
color: black !important;
}

button[data-l10n-id="gpu-device-reset-button"] {
-moz-appearance: none !important;
min-height: 25px !important;
max-height: 25px !important;
font-size: 14px !important;
text-decoration: none !important;
border-radius: 0 !important;
border: 1px solid #B2B2B2 !important;
background: #4A4A4F url("..//chrome/icons/graphic-card.png") no-repeat !important;
background-position: 6px 4px !important;
color: #FFF !important;
padding-top: 0 !important;
padding-right: 40px !important;
padding-bottom: 0 !important;
padding-left: 35px !important;
margin-top: 2px !important;
margin-bottom: 0 !important;
margin-left: 3px !important;
}
button[data-l10n-id="gpu-device-reset-button"]:hover {
-moz-appearance: none !important;
min-height: 25px !important;
max-height: 25px !important;
border-radius: 0 !important;
font-size: 14px !important;
text-decoration: none !important;
border: 1px solid #B2B2B2 !important;
background: #D1E2F2 url("..//chrome/icons/graphic-card.png") no-repeat !important;
background-position: 6px 4px !important;
color: black !important;
}

#support-printing-clear-settings-button {
-moz-appearance:none!important;
font-size: 14px !important;
text-decoration: none !important;
border-radius: 0 !important;
border: 1px solid #B2B2B2 !important;
background: #4A4A4F url("..//chrome/icons/printer_delete.png") no-repeat !important;
background-position: 12px 6px !important;
color: #FFF !important;
padding-top: 2px !important;
padding-right: 20px !important;
padding-bottom: 2px !important;
padding-left: 40px !important;
margin: 1px 0 0 0 !important;
}
#support-printing-clear-settings-button:hover {
-moz-appearance: none !important;
border-radius: 0 !important;
border: 1px solid #B2B2B2 !important;
font-size: 14px !important;
text-decoration: none !important;
background: #D1E2F2 url("..//chrome/icons/printer_delete.png") no-repeat !important;
background-position: 12px 6px !important;
color: #000 !important;
}

#graphics-decisions-tbody > tr > td > table,
#graphics-decisions-tbody > tr > td > table tr,
#graphics-decisions-tbody > tr > td > table tr td {
border: 0 !important;
}
}
/* about:support */

Alles anzeigen

FuchsFan

Endor

Nur zur Info, im Nightly musste ich bei about:plugins einen Selektor anpassen, für diesen Button.

Den hatte ich nach letzter Änderung dazu [data-l10n-id="moz-support-link-text"], jetzt funktionslos.

Neu dann div#outside message-bar a{.

2002Andreas

Zitat von FuchsFan

Neu dann

Teste bitte:

Code

[data-l10n-name="deprecation-link"]

FuchsFan

Zitat von 2002Andreas

Teste bitte:

Ich grüße Dich!

Du wirst es nicht glauben, aber den hatte ich auch so verwendet, ohne Wirkung.

Aber es funktioniert mit dem Selektor (den nehmen wir), da habe ich wohl einen Fehler produziert.

Danke!

2002Andreas

Zitat von FuchsFan

Danke!

Gerne wie immer

FuchsFan

Im aktuellen Nightly gibt es bei about:login wieder viele Änderungen. Fast alle Button haben einen Hintergrund (z.B. Plus-Zeichen), den ich im Original weg haben möchte, um einen eigenen einzufügen. Auch bei Hover ist der graue HG dann noch da.

Ich schaffe das nicht, bitte helfen.

Edit:

Doch noch geschafft!

CSS

button,    
button:hover {
    --in-content-button-background: none !important;
    --in-content-button-background-hover: none !important;
    --in-content-button-background-active: none !important;
}

2002Andreas

Zitat von FuchsFan

Fast alle Button haben einen Hintergrund (z.B. Plus-Zeichen)

Das ist doch aber nicht neu

Fx 115

Zitat von FuchsFan

Doch noch geschafft!

Nur mal so.

Statt none kannst du doch gleich deine eigene Farbe eingeben:

Bei hover:

FuchsFan

Zitat von 2002Andreas

Das ist doch aber nicht neu

Das kann schon richtig sein, aber die alten Anpassungen laufen nicht mehr richtig, muss sehr viel bereinigt werden.

Dazu gehörte auch das mit dem Hg, war im alten Code nicht nötig bisher.

Fast alle Button von Endor müssen bearbeitet werden (natürlich nur dort, wo er verwendet wird).

Da sind noch die originalen Icons jetzt zu sehen, wie bekomme ich die weg?

2002Andreas

Zitat von FuchsFan

aber die alten Anpassungen laufen nicht mehr richtig

Ok, ich nutze den Code ansonsten nicht

About Seiten mit CSS Codes anpassen

RE: About Seiten mit CSS Codes anpassen

Ähnliche Themen

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

Addons Manager Nightly