@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital@1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anek+Kannada:wght@500&display=swap');
@font-face {
font-family: 'ARKai_C';
src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/ARKai_C.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'ChillGSans';
src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/ChillGSans.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
:root {
--theme-base: "black-highlighter";
--theme-id: "poolrooms-theme";
--theme-name: "Poolrooms Theme";
--logo-image: url("http://backrooms-sandbox-2.wdfiles.com/local--files/collab%3Apoolrooms-theme/blank.png");
--header-title: "泳池房";
--header-subtitle: "水声环绕";
/* Typefaces */
--body-font: 'Nunito', 'ARKai_C', sans-serif;
--header-font: 'Anek Kannada', 'ChillGSans', sans-serif;
--title-font: 'Anek Kannada', 'ChillGSans', sans-serif;
--mono-font: 'IBM Plex Mono', 'Noto Serif SC';
/* Standard Colors */
--white-monochrome: 250, 250, 250;
/* white */
--pale-accent: 11, 70, 170;
/* visited links */
--bright-accent: 109, 125, 153;
/* bright teal */
--medium-accent: 108, 150, 224;
/* medium teal - the "default" accent color */
--dark-accent: 113, 129, 157;
/* dark teal */
--alt-accent: 11, 70, 170;
/* darkblocks */
--gray-monochrome: 108, 150, 224;
/* blockquotes */
--pale-gray-monochrome: 250, 253, 253;
/* tables */
--light-gray-monochrome: 67, 131, 241;
/* some buttons */
--dark-gray-monochrome: var(--gray-monochrome);
/* blue */
--dark-blue: 23, 70, 150;
--swatch-topmenu-border-color: var(--medium-accent);
--swatch-topmenu-bg-color: var(--bright-accent);
--swatch-border-color: var(--medium-accent);
--border-styling: outset 2px rgb(var(--swatch-border-color));
--darker-accent: 155, 80, 226;
--link-color: var(--dark-blue);
--link-color-bright: var(--dark-blue);
--hover-link-color: 69, 129, 208;
--newpage-color: 129, 81, 206;
--swatch-menubg-color: 169, 183, 214;
/* Box-Shadow 1px Borders */
--box-border-bottom: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
--box-border-top: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
--box-border-left: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
--box-border-right: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
--box-border-all: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
/* Rating box */
--rating-module-button-plus-color: var(--light-gray-monochrome);
--rating-module-button-negative-color: var(--light-gray-monochrome);
--rating-module-button-cancel-color: var(--light-gray-monochrome);
--rating-module-button-credit-color: var(--light-gray-monochrome);
}
#account-topbutton {
border-color: rgb(var(--swatch-text-light));
}
#header h1, #header h1 a {
top: 0.5rem;
font-size: 200%;
}
#header h2, #header h2 span, #header h2 span::before {
top: 1.7rem;
font-size: 110%;
}
#login-status {
color: rgb(var(--dark-blue));
}
#search-top-box {
display: none;
}
#skrollr-body {
width: 100%;
position: absolute;
top: 0;
left: 0;
background-image: url("http://backrooms-sandbox-2.wdfiles.com/local--files/collab%3Apool-of-magic-zask-juice/banner_tiles.png");
background-repeat: repeat;
background-size: 60%;
}
#page-title, h1, h2 {
color: rgb(var(--dark-blue));
}
h3,h4,h5,h6 {
color: rgb(var(--medium-accent));
}
.styled-quote {
border-left: 0.5rem solid rgb(var(--dark-blue));
}
.dark-styled-quote {
border-left: 0.5rem solid rgb(var(--dark-blue));
}
.darkblock h1,
.darkblock h2,
.dark-styled-quote h1,
.dark-styled-quote h2 {
color: rgb(var(--medium-accent));
}
@media screen and (max-width: 600px) {
#header h1, #header h1 a {
font-size: 150%;
}
}