@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);
}