Modernize guest PWA header and homepage
This commit is contained in:
@@ -660,6 +660,31 @@ html.guest-theme.dark {
|
||||
50% { background-position: 100% 50%; }
|
||||
}
|
||||
|
||||
.guest-aurora {
|
||||
background-size: 300% 300%;
|
||||
animation: aurora 18s ease infinite;
|
||||
}
|
||||
|
||||
.guest-aurora-soft {
|
||||
background-size: 260% 260%;
|
||||
animation: aurora 26s ease-in-out infinite;
|
||||
}
|
||||
|
||||
@keyframes guest-cta-pulse {
|
||||
0%, 100% {
|
||||
box-shadow: 0 12px 28px var(--cta-glow, rgba(0, 0, 0, 0.25)), 0 0 0 0 var(--cta-ring, rgba(0, 0, 0, 0));
|
||||
transform: translateY(0);
|
||||
}
|
||||
50% {
|
||||
box-shadow: 0 18px 45px var(--cta-glow, rgba(0, 0, 0, 0.35)), 0 0 0 12px var(--cta-ring, rgba(0, 0, 0, 0.12));
|
||||
transform: translateY(-1px);
|
||||
}
|
||||
}
|
||||
|
||||
.guest-cta-pulse {
|
||||
animation: guest-cta-pulse 3.2s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.bg-aurora-enhanced {
|
||||
background: radial-gradient(circle at 20% 80%, #a8edea 0%, #fed6e3 50%, #d299c2 100%), linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
|
||||
background-size: 400% 400%, 400% 400%;
|
||||
@@ -672,6 +697,14 @@ html.guest-theme.dark {
|
||||
animation: aurora 20s ease infinite;
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.guest-aurora,
|
||||
.guest-aurora-soft,
|
||||
.guest-cta-pulse {
|
||||
animation: none;
|
||||
}
|
||||
}
|
||||
|
||||
.guest-immersive .guest-header {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user