Update assets/style.css
This commit is contained in:
parent
2dd318aed0
commit
e5dc79f7b2
1 changed files with 9 additions and 7 deletions
|
|
@ -428,7 +428,6 @@ body {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
gap: 5px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#current-year {
|
#current-year {
|
||||||
|
|
@ -486,21 +485,24 @@ footer a:hover {
|
||||||
line-height: 38px;
|
line-height: 38px;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: flex-start;
|
||||||
|
padding: 0 10px; /* Etwas weniger Padding auf schmalen Handys */
|
||||||
}
|
}
|
||||||
|
|
||||||
#current-station-name {
|
#current-station-name {
|
||||||
/* Fixe Größe für den Ruhezustand (Bild 1) */
|
|
||||||
font-size: 1rem !important;
|
font-size: 1rem !important;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
|
display: inline-block;
|
||||||
|
/* Verhindert, dass der Text vor der Animation springt */
|
||||||
|
transform: translateX(0);
|
||||||
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Damit es beim Laden des Titels NICHT springt,
|
|
||||||
nutzen wir hier exakt die gleiche Größe wie oben */
|
|
||||||
.marquee-active {
|
.marquee-active {
|
||||||
font-size: 0.90rem !important;
|
font-size: 0.90rem !important;
|
||||||
line-height: 1;
|
/* Die Animation muss zwingend bei 0 starten */
|
||||||
padding-right: 100px;
|
animation: marquee-pause 15s linear infinite;
|
||||||
|
padding-right: 50px; /* Puffer am Ende des Textes */
|
||||||
}
|
}
|
||||||
|
|
||||||
.share-row, .json-row {
|
.share-row, .json-row {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue