fluffychat/web/splash/style.css
ggurdin 49e586a7ad
Fluffychat merge (#1685)
chore: Merge upstream changes

---------

Signed-off-by: Krille <c.kussowski@famedly.com>
Co-authored-by: krille-chan <christian-kussowski@posteo.de>
Co-authored-by: Krille <c.kussowski@famedly.com>
Co-authored-by: Linerly <linerly@proton.me>
Co-authored-by: Priit Jõerüüt <hwlate@joeruut.com>
Co-authored-by: 大王叫我来巡山 <hamburger2048@users.noreply.hosted.weblate.org>
Co-authored-by: fadelkon <fadelkon@posteo.net>
Co-authored-by: Aindriú Mac Giolla Eoin <aindriu80@gmail.com>
Co-authored-by: Edgars Andersons <Edgars+Weblate@gaitenis.id.lv>
Co-authored-by: josé m <correoxm@disroot.org>
Co-authored-by: Bezruchenko Simon <worcposj44@gmail.com>
Co-authored-by: Christian <christian-pauly@posteo.de>
Co-authored-by: - <hitekex@yandex.ru>
Co-authored-by: Angelo Schirinzi <Odi-3@users.noreply.hosted.weblate.org>
Co-authored-by: xabirequejo <xabi.rn@gmail.com>
Co-authored-by: Piotr Orzechowski <piotr@orzechowski.tech>
Co-authored-by: Rex_sa <rex.sa@pm.me>
Co-authored-by: Tewuzij <tenajeza@outlook.com>
Co-authored-by: goknarbahceli <goknarbahceli@proton.me>
Co-authored-by: தமிழ்நேரம் <anishprabu.t@gmail.com>
Co-authored-by: Erin <erin@erindesu.cz>
Co-authored-by: EpicKiwi <me@epickiwi.fr>
Co-authored-by: Christian Tietze <me@christiantietze.de>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
2025-02-03 12:36:46 -05:00

88 lines
No EOL
1.4 KiB
CSS

body,
html {
margin: 0;
height: 100%;
background: #ffffff;
background-size: 100% 100%;
}
.center {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.contain {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.stretch {
display: block;
width: 100%;
height: 100%;
}
.cover {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
/* #Pangea
@media (prefers-color-scheme: dark) {
body {
margin: 0;
height: 100%;
background: #000000;
background-size: 100% 100%;
}
}
*/
@media (prefers-color-scheme: dark) {
body {
margin: 0;
height: 100%;
background: #000000;
background-size: 100% 100%;
}
}
.image {
width: 100%;
}
.custom-loader {
--d: 88px;
width: 3px;
height: 3px;
position: absolute;
top: 85px;
left: 85px;
border-radius: 100%;
color: #8C5EE8;
box-shadow:
calc(1*var(--d)) calc(0*var(--d)) 0 0,
calc(0.707*var(--d)) calc(0.707*var(--d)) 0 2px,
calc(0*var(--d)) calc(1*var(--d)) 0 4px,
calc(-0.707*var(--d)) calc(0.707*var(--d)) 0 6px,
calc(-1*var(--d)) calc(0*var(--d)) 0 8px,
calc(-0.707*var(--d)) calc(-0.707*var(--d))0 10px,
calc(0*var(--d)) calc(-1*var(--d)) 0 12px;
animation: s7 1s infinite steps(8);
}
@keyframes s7 {
100% {
transform: rotate(1turn)
}
}
/* Pangea# */