18 lines
624 B
CSS
18 lines
624 B
CSS
/* Purple banner design: the sunrise artwork (inlined by the backend into
|
|
#page-banner) with parallax sun and a fade into the page background. */
|
|
|
|
/* Sunrise parallax: the sun and its glow rise faster than the artwork
|
|
drift (pagerite.js sets --pry on <html>), so scrolling the page makes
|
|
the sun come up. */
|
|
#page-banner .sun,
|
|
#page-banner .sun-glow {
|
|
transform-box: fill-box;
|
|
transform: translateY(calc(var(--pry, 0px) * -2));
|
|
}
|
|
|
|
/* The banner artwork fades into the page background at its bottom edge
|
|
(baked into the SVG, so a user banner replaces it cleanly). */
|
|
.banner-fade {
|
|
stop-color: var(--bg);
|
|
}
|