Lisää toimintoja
< Malline:Etusivu | Header
Ei muokkausyhteenvetoa |
Ei muokkausyhteenvetoa |
||
| (6 välissä olevaa versiota samalta käyttäjältä ei näytetä) | |||
| Rivi 4: | Rivi 4: | ||
justify-content: center; | justify-content: center; | ||
align-items: center; | align-items: center; | ||
margin-bottom: 2rem; | |||
} | } | ||
| Rivi 13: | Rivi 14: | ||
.fp-header-text { | .fp-header-text { | ||
text-align: center; | text-align: center; | ||
margin-bottom: 1rem; | |||
} | } | ||
| Rivi 21: | Rivi 23: | ||
.fp-header-socials { | .fp-header-socials { | ||
display: flex; | display: flex; | ||
gap: | gap: 0.25rem; | ||
flex-direction: column; | |||
justify-content: center; | justify-content: center; | ||
align-items: center; | align-items: center; | ||
| Rivi 39: | Rivi 42: | ||
height: 100%; | height: 100%; | ||
display: block; | display: block; | ||
} | |||
.social-minecraft { | |||
border: 1px solid rgba(0,0,0,0.05); | |||
} | } | ||
.loading-blur { | .loading-blur { | ||
filter: blur( | filter: blur(1.5px); | ||
animation: blur 1.5s infinite alternate; | animation: blur 1.5s infinite alternate; | ||
} | } | ||
@keyframes blur { | @keyframes blur { | ||
0% { filter: blur( | 0% { filter: blur(1.5px); } | ||
100% { filter: blur(5px); } | 100% { filter: blur(5px); } | ||
} | } | ||
Nykyinen versio 2. marraskuuta 2023 kello 22.13
.fp-header {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 2rem;
}
.fp-header img {
max-width: 90vw;
height: auto;
}
.fp-header-text {
text-align: center;
margin-bottom: 1rem;
}
.fp-header-text h1 {
margin-top: 1rem;
}
.fp-header-socials {
display: flex;
gap: 0.25rem;
flex-direction: column;
justify-content: center;
align-items: center;
}
.fp-header-social {
border-radius: 8px;
padding: 0.5rem 1rem;
}
.fp-header-social p {
margin: 0;
}
.social-discord {
background-color: #5865f2;
height: 100%;
display: block;
}
.social-minecraft {
border: 1px solid rgba(0,0,0,0.05);
}
.loading-blur {
filter: blur(1.5px);
animation: blur 1.5s infinite alternate;
}
@keyframes blur {
0% { filter: blur(1.5px); }
100% { filter: blur(5px); }
}