About Seiten mit CSS Codes anpassen

Dharkness

Hi Endor,

das ↓ ist meine endgültige Lösung, danke für den Hinweis, wie immer zielführend, perfekt.

CSS

    tr:-moz-any(:not([selected]), [selected], :hover) > td > .action-icon {
        opacity: 1 !important;
        padding: 1px 10px !important;
    }
    .action-icon[data-l10n-id="show-addon"] {
        color: #00A200 !important;
        padding: 1px 10px !important;
    }
    .action-icon[data-l10n-id="close-tab"] {
        color: #F10 !important;
        padding: 1px 10px !important;
    }
    .action-icon[data-l10n-id="show-addon"]:hover,
    .action-icon[data-l10n-id="close-tab"]:hover {
        color: #D1E2F2 !important;
        padding: 1px 10px !important;
    }

Alles anzeigen

FuchsFan

Endor

Hallo, Endor!

Gestern habe ich mich noch mit dem Code für about:welcome beschäftigt. Da gibt es nach meinem Dafürhalten noch Ungereimtheiten, die du bitte noch mal bei dir überprüfen könntest.

Da sind die drei Button, nach einem Klick darauf, bleibt ein gepunkteter Rahmen bestehen (im Bild stark vergrößert).

Dann wäre da noch eine Sache, und zwar nach einem Klick auf den oben gezeigten Button, erscheint das private Fenster.

Das so aussah:

Nach dem gestrigen Update auf die Version 78.0.2 (auch alle anderen Versionen) wird es so nicht mehr angezeigt, sondern das Original vom Fox.

Sören Hentzschel

Ich weiß zwar nicht, wieso ihr euch Gedanken über about:-Seiten macht, die ihr wahrscheinlich sowieso nie seht, aber in about:welcome würde ich nicht zu viel Mühe investieren. Die Seite wird derzeit komplett neu gemacht und hat dann mit der derzeitigen Version nichts mehr zu tun. Das neue about:welcome (ab Firefox 80) wird aus mehreren Schritten bestehen.

edvoldi

Ich glaube eher das er eine falsche about Seite angegeben hat, den die Bilder sind von about:privatebrowsing

Gruß
EDV-Oldi

Sören Hentzschel

Der erste Screenshot ist von about:welcome, der zweite von about:privatebrowsing.

FuchsFan

edvoldi / Sören Hentzschel

Nachdem ihr euch zu den Bildern geäußert habt, habe ich das überprüft. Es verhält sich aber nur so, wenn ich beide Codes gemeinsam nutze.

Welcome hatte ich nur in einem Test-Fox als alleinigen Code genutzt, dort verhält es sich dann so, wie ich beschrieben habe.

Danke, für die Hinweise!

Endor

FuchsFan

für about:privatebrowsing habe ich eigentlich letzten
genau dafür noch eine Aktualisierung hochgeladen:

siehe:

RE: About Seiten mit CSS Codes anpassen

Hast Du die schon gesehen?

Mfg.
Endor

FuchsFan

Zitat von Endor

Hast Du die schon gesehen?

Ja, Endor, ist soweit erledigt, nur bei Welcome mit der Umrandung der Button. Ich habe da schon versucht, aber es will nicht gelingen.

Endor

~~Die Pünktchen außen rum, kann man nicht entfernen, denn~~

~~das ist Browser bedingt so.~~

Edit: meine Annahme war falsch.
Siehe Beitrag von 2002Andreas hier:
RE: About Seiten mit CSS Codes anpassen

Mfg.

Endor

2002Andreas

Zitat von Endor

Die Pünktchen außen rum, kann man nicht entfernen,

Teste bitte mal mit diesem Zusatz in dem Code about:welcome :

CSS

button:focus {
  outline: none !important;
 }

Endor

Hallo 2002Andreas

Vielen Dank.

:klasse:

Funktioniert besten.

Diese Lösung kannte ich noch nicht.

Nochmals vielen Dank.

Ist jetzt im CSS Code von hier:

RE: About Seiten mit CSS Codes anpassen

enthalten.

Mfg.
Endor

2002Andreas

Zitat von Endor

Diese Lösung kannte ich noch nicht.

Pauschal ohne Zusatz in der userContent.css wirkt das dann auf allen Seiten.

Erspart also den Zusatz dann in jedem einzelnen Code.

Ansonsten wie immer....gern geschehen

Endor

Danke für die Info.

:klasse:

Mfg.
Endor

FuchsFan

Zitat von 2002Andreas

Pauschal ohne Zusatz in der userContent.css wirkt das dann auf allen Seiten.
Erspart also den Zusatz dann in jedem einzelnen Code.

Auch von mir ein Dankeschön!

Zitat von Endor

meine Annahme war falsch.

Danke, Endor, da haben wir wieder etwas von Andreas gelernt.

2002Andreas

Zitat von FuchsFan

Auch von mir ein Dankeschön!

Gerne wie immer...

Endor

FuchsFan

Danke, gern geschehen.

2002Andreas ist nicht um sonst der Meister hier.

Ich lerne immer noch.

Mfg.
Endor

2002Andreas

Zitat von Endor

der Meister hier

Nicht immer gleich übertreiben...ich bin auch nur ein Bastler

Endor

:wink:

FuchsFan

Zitat von Endor

Wollte ich auch gerade schreiben.
Da liegt wohl ein Fehler vor.
Abwarten mal sehen was das Update von morgen bringt.

Heute nach dem ersten Update für Nightly erschien die Box für appcache wieder. Die für memory und disk fehlen aber immer noch. Hat sich da eventuell der Selektor geändert?

Endor

Hallo FuchsFan

Bitte teste den mal im Nighly

CSS

@-moz-document url-prefix(about:cache){


html{background: #ffffff !important;}


body::before {content: "Design by Endor: ";
margin-left: 450px !important;
font-size: 25px!important;
font-weight: bold!important;
color: red!important; }


h1{
color: #cc0000 !important;
font-size: 22px !important;
font-weight: bold !important;
margin-top: 20px !important;
margin-left: 270px !important;
margin-bottom: 30px !important;}


h2{color: #3377ff !important; margin-left: 40px !important; margin-top: 20px !important;}


body{
background-color: #fffff0 !important;
min-width: 1140px !important;
margin-top: 25px !important;
margin-left: 110px !important;
padding-top: 20px !important;
padding-left: 25px !important;
padding-right: 25px !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-radius: 20px !important;
border-width: 4px !important;
border-style: outset !important;}


/* body:hover{
background-color: #FFDEAD !important;
} */


body > table:nth-child(n+1){
background-color: #ffffff !important;
margin-top: 5px !important;
margin-left: 5px !important;
padding-top: 20px !important;
padding-left: 25px !important;
padding-right: 25px !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-radius: 20px !important;
border-width: 4px !important;
border-style: outset !important;}


body > table:nth-child(10){margin-bottom: 30px !important;}


#entries > tbody > tr:nth-child(2n+1) {
background-color: #fbfbd6 !important;
text-decoration: none !important;
color: black !important;}


#entries > tbody > tr:nth-child(2n+1):hover {
background-color: #fbf3d6 !important;}


#entries > tbody > tr:nth-child(2n) {
background-color: #fce8be !important;}


#entries > tbody > tr:nth-child(2n):hover {
background-color: #fcdabe !important;}


body > hr:nth-child(8){display: none !important;}


#submit{
-moz-appearance:none!important;
background: #efefef url("..//icons/Bild5.png")no-repeat !important;
padding-left:35px!important;
min-height: 30px!important;
padding-right: 20px!important;
background-position:10px 4px!important;
font-size:14.0px!important;
border-radius:14px!important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-style: outset !important;
border-width:2px !important;
color:black !important;
margin-left:8px !important;
-moz-appearance:none!important;}


#submit:hover{
-moz-appearance:none!important;
background: #CFE6F1 url("..//icons/Bild5.png")no-repeat !important;
background-position:10px 4px!important;
border-radius:14px!important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
border-style: outset !important;
border-width:2px !important;}


[href="about:cache?storage="]{
-moz-appearance:none!important;
background: #efefef url("..//icons/Bild6.png")no-repeat !important;
margin-left: 30px !important;
padding-left:35px!important;
padding-right:20px!important;
padding-top: 3px !important;
padding-bottom: 3px !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-style: outset !important;
border-width:2px !important;
color:black !important;
font-size:14px!important;
text-decoration:none!important;
background-position:10px 4px!important;
border-radius:14px!important;
color:black !important;}


[href="about:cache?storage="]:hover{
background: #CFE6F1 url("..//icons/Bild6.png")no-repeat !important;
background-position:10px 4px!important;
border-radius:14px!important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
border-style: outset !important;
border-width:2px !important;}


[href="about:cache?device=memory"]{min-width: 260px !important;}


[href="about:cache?storage=memory"]{
-moz-appearance:none!important;
background: #efefef url("..//icons/Bild7.png")no-repeat !important;
margin-top: 30px !important;
margin-left: 30px !important;
padding-left:35px!important;
padding-right:20px!important;
padding-top: 3px !important;
padding-bottom: 3px !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-style: outset !important;
border-width:2px !important;
color:black !important;
font-size:14px!important;
text-decoration:none!important;
background-position:10px 4px!important;
border-radius:14px!important;
color:black !important;
line-height: 2.5 !important;}


[href="about:cache?storage=memory"]:hover{
background: #CFE6F1 url("..//icons/Bild7.png")no-repeat !important;
background-position:10px 4px!important;
border-radius:14px!important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
border-style: outset !important;
border-width:2px !important;}


[href="about:cache?storage=disk"]{
-moz-appearance:none!important;
background: #efefef url("..//icons/Bild7.png")no-repeat !important;
margin-left: 30px !important;
padding-left:35px!important;
padding-right:20px!important;
padding-top: 3px !important;
padding-bottom: 3px !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-style: outset !important;
border-width:2px !important;
color:black !important;
font-size:14px!important;
text-decoration:none!important;
background-position:10px 4px!important;
border-radius:14px!important;
color:black !important;
line-height: 2.5 !important;}


[href="about:cache?storage=disk"]:hover{
background: #CFE6F1 url("..//icons/Bild7.png")no-repeat !important;
background-position:10px 4px!important;
border-radius:14px!important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
border-style: outset !important;
border-width:2px !important;}


[href="about:cache?storage=appcache"]{
-moz-appearance:none!important;
background: #efefef url("..//icons/Bild7.png")no-repeat !important;
margin-left: 30px !important;
padding-left:35px!important;
padding-right:20px!important;
padding-top: 3px !important;
padding-bottom: 3px !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-style: outset !important;
border-width:2px !important;
color:black !important;
font-size:14px!important;
text-decoration:none!important;
background-position:10px 4px!important;
border-radius:14px!important;
color:black !important;
line-height: 2.5 !important;}


[href="about:cache?storage=appcache"]:hover{
background: #CFE6F1 url("..//icons/Bild7.png")no-repeat !important;
background-position:10px 4px!important;
border-radius:14px!important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
border-style: outset !important;
border-width:2px !important;}


hr{display: none !important;}


body > table:nth-child(n+1) > tbody:nth-child(n+1) > tr:nth-child(n+1) > td:nth-child(2){word-wrap: break-word !important; }
}

Alles anzeigen

Mfg.
Endor

About Seiten mit CSS Codes anpassen

Ähnliche Themen

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

Addons Manager Nightly