@import url('https://fonts.googleapis.com/css2?family=Cousine:ital,wght@0,400;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tinos:ital,wght@0,400;0,700;1,400;1,700&display=swap');
/* NEW nostalgiaOS theme */
/* original by zask, rewritten by scutoid */
/* most code taken from the original so don't kill me */
:root {
--theme-base: "black-highlighter";
--theme-id: "nostalgia-os";
--theme-name: "nostalgiaOS";
--logo-image: url("https://backrooms-wiki.wdfiles.com/local--files/theme%3Anostalgia-os/nOSwindow.png");
--header-title: "the backrooms";
--header-subtitle: "正 在 开 机 . . .";
--header-text-shadow: 2px 2px 0 black;
--header-text-shadow-hover: 2px 5px 0 black;
--quote-shadow: 3px 3px 0 rgba(var(--black-monochrome),0.25);
--footer-message: "关机…？";
/* Typefaces */
--body-font: 'Microsoft Sans Serif', inter, 'Noto Sans SC', sans-serif;
--header-font: 'Tinos', 'Noto Serif SC', serif;
--title-font: 'Tinos', 'Noto Serif SC', serif;
--UI-font: 'Tinos', 'Noto Serif SC', serif;
--mono-font: 'Cousine', "Courier New", 'Noto Serif SC', monospace;
--pale-gray-monochrome: 230, 230, 230;
--white-monochrome: 255, 255, 255;
--light-gray-monochrome: 160, 160, 160;
--gray-monochrome: 70, 70, 70;
--dark-gray-monochrome: 50, 50, 50;
--black-monochrome: 20, 20, 20;
--bright-accent: 53, 165, 225;
--medium-accent: 53, 165, 225;
--dark-accent: 165, 165, 165;
--pale-accent: 165, 165, 165;
--link-color: 53, 165, 225;
--hover-link-color: 53, 165, 225;
--ui-button-bg: 200, 200, 200;
--taskbar-gradient: linear-gradient(180deg, rgb(var(--gray-monochrome)) 0, rgb(var(--gray-monochrome)) 1px, rgb(var(--white-monochrome)) 1px, rgb(var(--white-monochrome)) 3px, rgb(var(--light-gray-monochrome)) 3px, rgb(var(--light-gray-monochrome)) 100%);
/* 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);
}
body {
color: #000000;
font-size: 14px;
image-rendering: pixelated;
word-break: unset;
--themeColor: #35A5E1;
--accentColor: #35A5E1;
text-align: justify;
}
#skrollr-body {
position: absolute;
top: 0;
left: 0;
background-image: url("https://backrooms-wiki.wdfiles.com/local--files/theme%3Anostalgia-os/nOSwallpaper.gif");
background-repeat: repeat-x;
background-size: inherit;
}
#container-wrap-wrap {
position: static;
}
#header h1 a {
font-family: sans-serif;
}
.scp-image-block {
box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
border-radius: 0;
margin: 0 2em 1em;
background: #ffffff;
}
.scp-image-block .scp-image-caption {
background-color: var(--bright-accent);
color: black;
}
#page-title, h1, h2, h3, h4, h5, h6 {
color: rgb(var(--bright-accent));
text-shadow: 2px 2px 0 rgba(var(--black-monochrome),0.25);
}
:is(blockquote, .blockquote, div.blockquote, [class*="blockquote"]) {
border: #EEE outset 2px;
background-color: #C0C0C0;
color: black;
box-shadow: var(--quote-shadow);
}
#page-title::after, .meta-title::after {
display: none;
}
#page-title, .meta-title {
margin-bottom: 0.5em;
justify-content: center;
border-bottom: solid 1px rgb(var(--light-gray-monochrome));
padding-bottom: 5px;
}
:not(.page-rate-widget-box):not(#search-top-box-form) > .btn, :not(.page-rate-widget-box):not(#search-top-box-form) > .button, :not(.page-rate-widget-box):not(#search-top-box-form) > .owindow .button-bar a, :not(.page-rate-widget-box):not(#search-top-box-form) > button, :not(.page-rate-widget-box):not(#search-top-box-form) > div.buttons input, :not(.page-rate-widget-box):not(#search-top-box-form) > input.button, .page-rate-widget-box {
border: #eee outset 2px;
box-shadow: var(--quote-shadow) !important;
}
.page-rate-widget-box { background: rgb(var(--ui-button-bg)); }
#footer {
border: #eee outset 2px;
}
.yui-navset {
box-shadow: var(--quote-shadow);
}
