Link to article: Riemann.
/* - == === BHL VARIABLES === == - */
/* This is a BHL theme, which is configuration-based, so the root element
* contains variables that will affect the whole theme
*/
:root {
/* S-CSS-P integration */
--theme-base: "black-highlighter";
--theme-id: "riemann";
--theme-name: "Swirling Ashes Theme";
--white-monochrome: 252, 252, 252;
/* white */
--pale-gray-monochrome: 244, 244, 244;
/* v light gray for blockquotes and stuff */
--light-pale-gray-monochrome: 244, 244, 244;
/* very light pale gray for misc. use */
--very-light-gray-monochrome: 215, 215, 215;
/* very light accent gray for misc. use */
--light-gray-monochrome: 160, 160, 160;
/* light accent gray for login status */
--gray-monochrome: 66, 66, 72;
/* gray */
--dark-gray-monochrome: 26, 24, 26;
--swatch-topmenu-bg-color: var(--dark-gray-monochrome);
--black-monochrome: 12, 12, 12;
/* black */
--pale-accent: 30, 7, 70;
/* dark purple, for visited links */
--bright-accent: 91, 64, 169;
/* A lighter purple */
--medium-accent: 39, 12, 109;
/* dark purple - the "default" accent color */
--dark-accent: 66, 12, 46;
/* dark maroon */
--alt-accent: 153, 79, 135;
/* pale pink, for newpage links */
--footer-colour: 25, 20, 25;
/* The colour of the footer */
--background-colour: 170, 170, 170;
--swatch-background: var(--background-colour);
/* Sky */
--sky-length: 15;
--sky-time: 900s;
/* Header adjustments */
--header-title: "Rat's Nest";
--header-subtitle: "let's begin at the end";
/* Delete the default header background */
--gradient-header: linear-gradient(transparent, transparent);
--diagonal-stripes: linear-gradient(transparent, transparent);
}
/* - == === HEADER TEXT AND IMAGE === == - */
#side-bar { overscroll-behavior: none; }
#header h1 a::before {
content: "Riemann";
}
#header h2 span::before {
content: "Sleeping at the End of the Universe" !important;
}
#header {
background-image: url(https://scp-wiki.wdfiles.com/local--files/Riemann/Maxwell.png);
}
#header::before {
display: none;
}
/* - == === HEADER BACKGROUNDS === == - */
/* The header is made up of a million different stacked backgrounds.
* Instead of fucking about with z-index, I've added backgrounds to
* the ::before and ::after of various full-page elements in their
* natural stacking order.
*/
/* The following pseudoelements each contain a different part of the
* header background. They need to be drawn precisely over the header
* and made unclickable so they don't interfere with the links up there.
* They appear on the page in this order, so they'll also be drawn on
* top of each other in this order.
*/
body::before,
div#container-wrap-wrap::before,
div#container-wrap::before,
div#container-wrap-wrap::after,
body::after {
content: "";
position: absolute;
height: var(--header-height-on-desktop); width: 100%; top: 0; left: 0;
pointer-events: none;
}
/* The header - a starfield that moves slowly */
body::before {
background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Agalactic-theme/galfed_bg.png);
background-size: 50vw;
animation-duration: 900s;
animation: sky linear var(--sky-time) infinite;
}
@keyframes sky {
from { background-position: 1500px 0; }
to { background-position: 0 0; }
}
/* Snow! */
div#container-wrap-wrap::after, body::after {
background-size: var(--ashes-width) var(--header-height-on-desktop);
background-repeat: repeat-x;
animation: ashes-move linear var(--ashes-move-duration),
ashes-fade ease calc(var(--sky-time) * 3);
animation-iteration-count: infinite;
animation-fill-mode: both;
}
div#container-wrap-wrap::after {
background-image: url(https://scp-sandbox-3.wikidot.com/local--files/croquemtest2/snow.webp);
background-size: var(--ashes-width);
background-repeat: repeat;
animation: ashes-move linear var(--ashes-move-duration) infinite;
opacity: 0.8;
--ashes-move-duration: 37s;
--ashes-width: 250px;
--ashes-opacity: 0.5;
}
body::after {
background-image: url(https://scp-sandbox-3.wikidot.com/local--files/croquemtest2/snow.webp);
--ashes-move-duration: 30s;
--ashes-width: 400px;
--ashes-opacity: 0.4;
background-size: var(--ashes-width);
background-repeat: repeat;
animation: ashes-move linear var(--ashes-move-duration) infinite;
opacity: 0.8;
}
@keyframes ashes-move {
from { background-position: 0 0; }
to { background-position: var(--ashes-width) var(--ashes-width); }
}
@keyframes ashes-fade {
0%, 85%, 96%, 100% { opacity: var(--ashes-opacity); }
88.66%, 92.33% { opacity: 0.1; }
}
/* - == === BODY BACKGROUNDS === == - */
/* This one is the Math on the sidebar */
#side-bar::before {
content: "";
position: absolute;
height: 100%; width: 100%; bottom: 0; left: 0;
pointer-events: none;
background-image: url(https://scp-wiki.wdfiles.com/local--files/riemann/Second_Friedmann.gif);
background-size: contain;
background-repeat: no-repeat;
background-position: bottom;
opacity: 0.2;
filter: invert(100%);
}
/* - == === MISCELLANEOUS === == - */
#page-content table.wiki-content-table .odate {
font-family: var(--body-font);
}
#footer{
background: rgb(var(--footer-colour, 100, 3, 15));
color: rgb(66, 66, 72);
color: rgb(var(--background-colour, 66, 66, 72));
}
display: none;:scp-wiki:theme:black-highlighter-theme
[info]
:scp-wiki:component:bhl-dark-sidebar
[info]
:topia:cqb:css
:topia:cqb:flow
component:image-block