< Malline:Etusivu | Header
Ei muokkausyhteenvetoa |
Ei muokkausyhteenvetoa |
||
(11 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 28: | Rivi 31: | ||
.fp-header-social { | .fp-header-social { | ||
border-radius: 8px; | border-radius: 8px; | ||
padding: 1rem; | padding: 0.5rem 1rem; | ||
} | } | ||
Rivi 37: | Rivi 40: | ||
.social-discord { | .social-discord { | ||
background-color: #5865f2; | 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); } | |||
} | } |
Nykyinen versio 2. marraskuuta 2023 kello 20.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); } }