Sei gegrüßt, Endor!
Im aktuellen Nightly sieht about:welcome nicht mehr ganz so hübsch aus. Wenn Du Zeit und Lust hast, schaust es Dir bitte mal an.
Es sind auch einige Änderungen dazu gekommen.
Edit:
Nun habe ich mal selbst einen Versuch gestartet, und bin nur über die Änderung der Schriftgröße (siehe Kasten) auf 20px zu einem Ergebnis gekommen. Das sieht im ersten Fenster dann so aus:
Und im zweiten und dritten Fenster ist die Aufteilung dann so:
Ich stelle mal den kompletten Code mit rein, eventuell kannst Du ja etwas verwenden.
CSS
@-moz-document url(about:welcome) {
.outer-wrapper {
background-image: none !important;
background: gainsboro !important;
}
.main-content {
background: rgba(255, 255, 255, 0.7)!important;
}
/* Seite 1 und 2 */
.screen {
background: transparent !important;
}
.screen {
margin-left: auto !important;
margin-right: auto !important;
max-width: 1200px !important;
min-height: 90vh !important;
max-height: 90vh !important;
margin-top: 30px !important;
margin-bottom: 20px !important;
padding-bottom: 20px !important;
padding-top: 15px !important;
padding-left: 50px !important;
padding-right: 50px !important;
background: #fffff0 !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width: 8px !important;
box-shadow: 15px 15px 0px 0px #fdd342 inset !important;
border-style: double !important;
}
.screen:hover {
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
}
h1 {
color: #cc0000 !important;
font-size: 20px !important;
font-weight: bold !important;
}
.section-left {
display: none !important;
}
.secondary-cta > span:nth-child(1) {
color: #1a75ff !important;
font-weight: bold !important;
font-size: 17px !important;
}
h2 {
color: #1a75ff !important;
margin-top: 20px !important;
margin-bottom: 10px !important;
font-weight: bold !important;
font-size: 17px !important;
}
.welcome-text {
margin-bottom: 10px !important;
}
.screen:before {
position:absolute !important;
top: 40px !important;
left: 500px !important;
content: "Xyz Zin's Firefox";
font-weight:bold !important;
font-size: 28px !important;
color:red !important;
}
.primary{
margin-top: 15px !important;
appearance: none !important;
background: #0060df url("..//icons/Fuchs4.png") no-repeat !important;
background-position:16px 8px!important;
padding-left: 50px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
border-radius:30px!important;}
.primary:hover{
background: #003eaa url("..//icons/Fuchs4.png") no-repeat !important;
background-position:16px 8px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
border-radius:30px!important;}
div.secondary-cta:nth-child(4) > button:nth-child(1){
appearance:none!important;
background: #F0F0F0 url("..//icons/Bild15.png") no-repeat !important;
margin-top: 15px !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
padding-right:40px!important;
padding-left:40px!important;
padding-bottom: 4px !important;
padding-top: 2px !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:2px !important;
background-position:12px 6px!important;
border-radius:20px!important;}
div.secondary-cta:nth-child(4) > button:nth-child(1):hover{
appearance:none!important;
background: #B2EDFA url("..//icons/Bild15.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
background-position:12px 6px!important;
border-radius:20px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
border-style: outset !important;
border-width:2px !important;}
div.secondary-cta:nth-child(1) > button:nth-child(1){
appearance:none!important;
background: #F0F0F0 url("..//icons/Bild42.png") no-repeat !important;
margin-top: 40px !important;
margin-right: -50px !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
padding-right:40px!important;
padding-left:40px!important;
padding-bottom: 4px !important;
padding-top: 2px !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:2px !important;
background-position:12px 6px!important;
border-radius:20px!important;}
div.secondary-cta:nth-child(1) > button:nth-child(1):hover{
appearance:none!important;
background: #B2EDFA url("..//icons/Bild42.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
background-position:12px 6px!important;
border-radius:20px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
border-style: outset !important;
border-width:2px !important;}
}
Alles anzeigen
