@import url("https://use.typekit.net/afb2wxe.css"); @supports((display: -ms-grid) or (display: grid)) { :root { /* S-CSS-P Integration */ /* If you're making a new CSS theme, please include the following three variables at minimum. */ --theme-base: "black-highlighter"; /* must be either "black-highlighter" or "sigma9" */ --theme-id: "AESTHETIC-theme"; /* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */ --theme-name: "AESTHETIC Theme"; /* set this to your theme's full name */ /* Header */ --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:aesthetic-theme/AESTHETIC_logo.png"); /* Typefaces */ --body-font: prenton, serif; --header-font: flood-std, sans-serif; --title-font: eurostile-extended, sans-serif; --mono-font: novel-mono-pro, monospace; /* Standard Colors */ --white-monochrome: 217, 233, 251; --pale-gray-monochrome: 1, 245, 252; --light-pale-gray-monochrome: 170, 207, 251; --very-light-gray-monochrome: 26, 139, 235; --light-gray-monochrome: 150, 62, 184; --gray-monochrome: 92, 42, 95; --dark-gray-monochrome: 39, 6, 75; --black-monochrome: 14, 12, 45; --bright-accent: 250, 245, 45; --medium-accent: 255, 52, 131; --dark-accent: 195, 42, 158; --newpage-color: 204, 5, 166; --swatch-text-general: var(--swatch-text-light); --swatch-menutxt-general-color: var(--swatch-menutxt-light-color); --swatch-headerh2-color: var(--dark-gray-monochrome); --swatch-topmenu-border-color: var(--pale-gray-monochrome); --swatch-topmenu-bg-color: var(--dark-gray-monochrome); --swatch-border-color: var(--pale-gray-monochrome); --rating-module-text-color: var(--bright-accent); --rating-module-button-color: var(--bright-accent); --swatch-background: var(--black-monochrome, 14, 12, 45); --background-gradient-color: var(--dark-accent); --header-gradient-color-bottom: var(--light-gray-monochrome); --header-gradient-color-middle: var(--dark-accent); --header-gradient-color-top: var(--medium-accent); --gradient-header: linear-gradient(355deg, rgb(var(--header-gradient-color-bottom)) 0%, rgb(var(--header-gradient-color-middle)) 20%, rgb(var(--header-gradient-color-top)) 100%); --rating-module-text-color: var(--dark-gray-monochrome); --rating-module-button-color: var(--dark-gray-monochrome); --scrollbar-width: 0.5rem; } ::-webkit-scrollbar, #side-bar:hover::-webkit-scrollbar { background-color: rgba(var(--dark-gray-monochrome), 1); } ::-webkit-scrollbar-thumb, #side-bar:hover::-webkit-scrollbar-thumb { background-color: rgba(var(--pale-gray-monochrome), 1); } ::-moz-selection { background: rgba(var(--pale-gray-monochrome), 0.25); } ::selection { background: rgba(var(--pale-gray-monochrome), 0.25); } html { background: white; } html, body { color: rgb(var(--swatch-text-light)); -webkit-font-feature-settings: "onum"0; -moz-font-feature-settings: "onum"0; font-feature-settings: "onum"0; font-variant-numeric: tabular-nums; scrollbar-color: rgb(var(--pale-gray-monochrome)) rgb(var(--dark-gray-monochrome)); } a { color: rgb(var(--swatch-primary-darker)); } @supports((-webkit-mask-image: inherit) or (mask-image: inherit)) { #extra-div-1 { width: 100%; height: -webkit-calc(100% - var(--final-header-height-on-desktop)); height: -moz-calc(100% - var(--final-header-height-on-desktop)); height: calc(100% - var(--final-header-height-on-desktop)); position: absolute; top: var(--final-header-height-on-desktop); left: 0; background-image: var(--gradient-background); -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' xmlns='https://www.w3.org/2000/svg' xmlns:xlink='https://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 2580' xml:space='preserve'%3E%3Cg id='Outrun Lines'%3E%3Cg%3E%3Crect width='1000' height='60'/%3E%3Crect y='63' width='1000' height='12'/%3E%3Crect y='78' width='1000' height='13'/%3E%3Crect y='94' width='1000' height='12'/%3E%3Crect y='109' width='1000' height='13'/%3E%3Crect y='125' width='1000' height='12'/%3E%3Crect y='141' width='1000' height='12'/%3E%3Crect y='157' width='1000' height='12'/%3E%3Crect y='172' width='1000' height='12'/%3E%3Crect y='187' width='1000' height='12'/%3E%3Crect y='203' width='1000' height='12'/%3E%3Crect y='219.5' width='1000' height='11'/%3E%3Crect y='234.5' width='1000' height='11'/%3E%3Crect y='249.5' width='1000' height='11'/%3E%3Crect y='265.5' width='1000' height='11'/%3E%3Crect y='281' width='1000' height='10'/%3E%3Crect y='297' width='1000' height='10'/%3E%3Crect y='313' width='1000' height='9'/%3E%3Crect y='328' width='1000' height='9'/%3E%3Crect y='343.5' width='1000' height='9'/%3E%3Crect y='359' width='1000' height='8'/%3E%3Crect y='374' width='1000' height='9'/%3E%3Crect y='391' width='1000' height='8'/%3E%3Crect y='407' width='1000' height='8'/%3E%3Crect y='422' width='1000' height='8'/%3E%3Crect y='437' width='1000' height='8'/%3E%3Crect y='453' width='1000' height='8'/%3E%3Crect y='469' width='1000' height='6'/%3E%3Crect y='485' width='1000' height='6'/%3E%3Crect y='501' width='1000' height='4'/%3E%3Crect y='517' width='1000' height='4'/%3E%3Crect y='533' width='1000' height='4'/%3E%3Crect y='549' width='1000' height='3'/%3E%3Crect y='564' width='1000' height='3'/%3E%3Crect y='579' width='1000' height='3'/%3E%3Crect y='595' width='1000' height='3'/%3E%3Crect y='611' width='1000' height='2'/%3E%3Crect y='627' width='1000' height='2'/%3E%3Crect y='643' width='1000' height='2'/%3E%3C/g%3E%3C/g%3E%3Cg id='Layer_2'%3E%3C/g%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' xmlns='https://www.w3.org/2000/svg' xmlns:xlink='https://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 2580' xml:space='preserve'%3E%3Cg id='Outrun Lines'%3E%3Cg%3E%3Crect width='1000' height='60'/%3E%3Crect y='63' width='1000' height='12'/%3E%3Crect y='78' width='1000' height='13'/%3E%3Crect y='94' width='1000' height='12'/%3E%3Crect y='109' width='1000' height='13'/%3E%3Crect y='125' width='1000' height='12'/%3E%3Crect y='141' width='1000' height='12'/%3E%3Crect y='157' width='1000' height='12'/%3E%3Crect y='172' width='1000' height='12'/%3E%3Crect y='187' width='1000' height='12'/%3E%3Crect y='203' width='1000' height='12'/%3E%3Crect y='219.5' width='1000' height='11'/%3E%3Crect y='234.5' width='1000' height='11'/%3E%3Crect y='249.5' width='1000' height='11'/%3E%3Crect y='265.5' width='1000' height='11'/%3E%3Crect y='281' width='1000' height='10'/%3E%3Crect y='297' width='1000' height='10'/%3E%3Crect y='313' width='1000' height='9'/%3E%3Crect y='328' width='1000' height='9'/%3E%3Crect y='343.5' width='1000' height='9'/%3E%3Crect y='359' width='1000' height='8'/%3E%3Crect y='374' width='1000' height='9'/%3E%3Crect y='391' width='1000' height='8'/%3E%3Crect y='407' width='1000' height='8'/%3E%3Crect y='422' width='1000' height='8'/%3E%3Crect y='437' width='1000' height='8'/%3E%3Crect y='453' width='1000' height='8'/%3E%3Crect y='469' width='1000' height='6'/%3E%3Crect y='485' width='1000' height='6'/%3E%3Crect y='501' width='1000' height='4'/%3E%3Crect y='517' width='1000' height='4'/%3E%3Crect y='533' width='1000' height='4'/%3E%3Crect y='549' width='1000' height='3'/%3E%3Crect y='564' width='1000' height='3'/%3E%3Crect y='579' width='1000' height='3'/%3E%3Crect y='595' width='1000' height='3'/%3E%3Crect y='611' width='1000' height='2'/%3E%3Crect y='627' width='1000' height='2'/%3E%3Crect y='643' width='1000' height='2'/%3E%3C/g%3E%3C/g%3E%3Cg id='Layer_2'%3E%3C/g%3E%3C/svg%3E%0A"); -webkit-mask-size: 8%; mask-size: 8%; -webkit-mask-position: top; mask-position: top; -webkit-mask-repeat: repeat-x; mask-repeat: repeat-x; pointer-events: none; opacity: 0.5; } } #header { -webkit-filter: initial; filter: initial; background: inherit; } #header-extra-div-1 { --drop-shadow: rgb(var(--pale-gray-monochrome)); width: 100%; position: absolute; top: 0; left: 0; z-index: -1; height: var(--final-header-height-on-desktop); background-image: url("https://nu-scptheme.github.io/Black-Highlighter/images/logo.svg"); background-image: var(--logo-image); background-repeat: no-repeat; background-position: left 0 top 0.1875rem; background-clip: border-box; -webkit-background-size: auto -webkit-calc(var(--header-height-on-desktop) - 00.75rem); -moz-background-size: auto -moz-calc(var(--header-height-on-desktop) - 0.75rem); -o-background-size: auto calc(var(--header-height-on-desktop) - 0.75rem); background-size: auto calc(var(--header-height-on-desktop) - 0.75rem); -webkit-filter: drop-shadow(-0.125rem 0.125rem 0rem var(--drop-shadow)); filter: drop-shadow(-0.125rem 0.125rem 0rem var(--drop-shadow)); display: block; pointer-events: none; } #extra-div-2 { --drop-shadow: rgb(var(--pale-gray-monochrome)); display: block; width: 100%; height: var(--header-height-on-desktop); top: 0; left: 0; position: absolute; background: url("https://scp-wiki.wdfiles.com/local--files/theme:aesthetic-theme/AESTHETIC_mtns.svg"); background-position: bottom; background-repeat: no-repeat; -webkit-background-size: 200% 200%; -moz-background-size: 200% 200%; -o-background-size: 200% 200%; background-size: 200% 200%; -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); -webkit-mask-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); mask-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); mask-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); -webkit-filter: drop-shadow(-0.125rem 0.125rem 0rem var(--drop-shadow)); filter: drop-shadow(-0.125rem 0.125rem 1rem var(--drop-shadow)); pointer-events: none; } #header h1 { width: var(--body-width-on-desktop); } #header h1 a { width: var(--body-width-on-desktop); font-size: 2em; overflow-wrap: normal; margin-top: -webkit-calc(var(--header-height-on-desktop)/2 - 0.8em); margin-top: -moz-calc(var(--header-height-on-desktop)/2 - 0.8em); margin-top: calc(var(--header-height-on-desktop)/2 - 0.8em); margin-left: var(--header-height-on-desktop); } #header h1 a::after { --text-shadow: rgb(var(--swatch-text-dark, 12, 12, 12, )); content: "SCP Foundation"; content: var(--header-title); color: transparent; text-shadow: .063rem .063rem .063rem #0c0c0c; text-shadow: .063rem .063rem .063rem var(--text-shadow); overflow-wrap: normal; position: absolute; z-index: -1; width: var(--body-width-on-desktop); left: var(--header-height-on-desktop); } @supports(-webkit-background-clip: text) { #header h1 a::before { color: rgb(255, 219, 90); color: rgb(var(--bright-accent)); text-shadow: inherit; background: -webkit-gradient(linear, left bottom, left top, from(rgb(var(--dark-gray-monochrome))), color-stop(20%, rgb(var(--dark-gray-monochrome))), color-stop(40%, rgb(var(--dark-accent))), color-stop(70%, rgb(var(--pale-gray-monochrome)))); background: -webkit-linear-gradient(bottom, rgb(var(--dark-gray-monochrome)) 0%, rgb(var(--dark-gray-monochrome)) 20%, rgb(var(--dark-accent)) 40%, rgb(var(--pale-gray-monochrome)) 70%); background: -moz-linear-gradient(bottom, rgb(var(--dark-gray-monochrome)) 0%, rgb(var(--dark-gray-monochrome)) 20%, rgb(var(--dark-accent)) 40%, rgb(var(--pale-gray-monochrome)) 70%); background: -o-linear-gradient(bottom, rgb(var(--dark-gray-monochrome)) 0%, rgb(var(--dark-gray-monochrome)) 20%, rgb(var(--dark-accent)) 40%, rgb(var(--pale-gray-monochrome)) 70%); background: linear-gradient(to top, rgb(var(--dark-gray-monochrome)) 0%, rgb(var(--dark-gray-monochrome)) 20%, rgb(var(--dark-accent)) 40%, rgb(var(--pale-gray-monochrome)) 70%); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-background-clip: text; -webkit-text-fill-color: transparent; overflow-wrap: normal; padding-right: 1em; } } #header h2 span { margin-left: -webkit-calc(var(--header-height-on-desktop)); margin-left: -moz-calc(var(--header-height-on-desktop)); margin-left: calc(var(--header-height-on-desktop)); } #header h2 span::before { --text-shadow: rgb(var(--pale-gray-monochrome)); text-shadow: .063rem .063rem .063rem var(--text-shadow); letter-spacing: 0.5em; } #search-top-box input.empty { color: rgba(var(--swatch-primary-darker)); } #top-bar { font-size: var(--base-font-size); } #top-bar div.top-bar > ul > li > a, #top-bar div.mobile-top-bar > ul > li > a { --text-shadow: rgb(var(--pale-gray-monochrome)); padding: .3rem; color: rgb(var(--swatch-primary)) !important; text-shadow: -0.0625rem -0.0625rem 0 var(--text-shadow); text-transform: uppercase; } #top-bar div.top-bar > ul > li > ul { top: -webkit-calc(0.0625rem * -3); top: -moz-calc(0.0625rem * -3); top: calc(0.0625rem * -3); } #top-bar div.top-bar > ul > li > a::after { background: -webkit-gradient(linear, left top, right top, from(rgba(var(--swatch-topmenu-border-color), 0.5)), to(rgba(var(--swatch-topmenu-border-color), 1))); background: -webkit-linear-gradient(left, rgba(var(--swatch-topmenu-border-color), 0.5), rgba(var(--swatch-topmenu-border-color), 1)); background: -moz-linear-gradient(left, rgba(var(--swatch-topmenu-border-color), 0.5), rgba(var(--swatch-topmenu-border-color), 1)); background: -o-linear-gradient(left, rgba(var(--swatch-topmenu-border-color), 0.5), rgba(var(--swatch-topmenu-border-color), 1)); background: linear-gradient(to right, rgba(var(--swatch-topmenu-border-color), 0.5), rgba(var(--swatch-topmenu-border-color), 1)); } #top-bar div.top-bar > ul > li > a::before { background: -webkit-gradient(linear, right top, left top, from(rgba(var(--swatch-topmenu-border-color), 0.5)), to(rgba(var(--swatch-topmenu-border-color), 1))); background: -webkit-linear-gradient(right, rgba(var(--swatch-topmenu-border-color), 0.5), rgba(var(--swatch-topmenu-border-color), 1)); background: -moz-linear-gradient(right, rgba(var(--swatch-topmenu-border-color), 0.5), rgba(var(--swatch-topmenu-border-color), 1)); background: -o-linear-gradient(right, rgba(var(--swatch-topmenu-border-color), 0.5), rgba(var(--swatch-topmenu-border-color), 1)); background: linear-gradient(to left, rgba(var(--swatch-topmenu-border-color), 0.5), rgba(var(--swatch-topmenu-border-color), 1)); } #top-bar li ul, #top-bar:not(:hover) li ul { -webkit-transform: translate(0, 0.3rem); -ms-transform: translate(0, 0.3rem); -o-transform: translate(0, 0.3rem); -moz-transform: translate(0, 0.3rem); transform: translate(0, 0.3rem); } #top-bar div.top-bar > ul > li > ul > li > a { --wght: 600; font-weight: 600; } #top-bar div.top-bar > ul > li > ul > li > a::before, #top-bar div.top-bar > ul > li > ul > li > ul > li > a::before, #top-bar div.top-bar > ul > li > ul > li > a:hover::before { background: var(--gradient-header); background-attachment: fixed; background-position: top; -webkit-background-origin: border-box; -moz-background-origin: border-box; -o-background-origin: border-box; background-origin: border-box; -webkit-background-size: 100vh 100vh; -moz-background-size: 100vh; -o-background-size: 100vh; background-size: 100vh; } #side-bar, #side-bar:hover { background: -webkit-gradient(linear, left top, left bottom, from(rgb(var(--black-monochrome))), color-stop(50%, rgb(var(--dark-gray-monochrome))), to(rgb(var(--dark-accent)))); background: -webkit-linear-gradient(top, rgb(var(--black-monochrome)) 0%, rgb(var(--dark-gray-monochrome)) 50%, rgb(var(--dark-accent)) 100%); background: -moz-linear-gradient(top, rgb(var(--black-monochrome)) 0%, rgb(var(--dark-gray-monochrome)) 50%, rgb(var(--dark-accent)) 100%); background: -o-linear-gradient(top, rgb(var(--black-monochrome)) 0%, rgb(var(--dark-gray-monochrome)) 50%, rgb(var(--dark-accent)) 100%); background: linear-gradient(to bottom, rgb(var(--black-monochrome)) 0%, rgb(var(--dark-gray-monochrome)) 50%, rgb(var(--dark-accent)) 100%); background-attachment: fixed; -webkit-background-size: 400vh 400vh; -moz-background-size: 400vh; -o-background-size: 400vh; background-size: 400vh; -webkit-background-origin: border-box; -moz-background-origin: border-box; -o-background-origin: border-box; background-origin: border-box; background-position: top left; } #side-bar div.menu-item { --text-shadow: rgb(var(--swatch-text-dark, 12, 12, 12, )); border-bottom: 0.0625rem solid rgb(var(--swatch-border-color)); border-top: 0.0625rem solid rgb(var(--swatch-border-color)); margin-top: -0.0625rem; text-shadow: .063rem .063rem .063rem #0c0c0c; text-shadow: .063rem .063rem .063rem var(--text-shadow); } #side-bar div.menu-item > :not(:nth-child(2)):not(.collapsible-block) { border-left: 0.0625rem solid rgb(var(--swatch-border-color)); } #side-bar div.menu-item a, #side-bar div.menu-item a:visited, #side-bar div.menu-item a:active, #side-bar div.menu-item .text { --text-shadow: rgb(var(--black-monochrome)); --wght: 600; color: rgb(var(--swatch-primary)); letter-spacing: 0.1em; word-spacing: 0.1em; font-weight: 600; text-shadow: -0.0625rem -0.0625rem 0 var(--text-shadow); } #side-bar div.menu-item a::before, #side-bar div.menu-item a:hover::before { background: var(--gradient-header); background-attachment: fixed; background-position: top; -webkit-background-origin: border-box; -moz-background-origin: border-box; -o-background-origin: border-box; background-origin: border-box; -webkit-background-size: 100vh 100vh; -moz-background-size: 100vh; -o-background-size: 100vh; background-size: 100vh; } #side-bar div.menu-item > a:last-of-type { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } #side-bar .heading, #side-bar .side-block > .collapsible-block:nth-child(1) .collapsible-block-folded { background: initial; } #side-bar .heading p, #side-bar .side-block > .collapsible-block .collapsible-block-link { --text-shadow: rgb(var(--swatch-text-dark, 12, 12, 12, )); --wght: 900; letter-spacing: 0.05rem; font-weight: 900; font-size: 1.25rem; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 1rem 0 1rem 0.5rem; color: rgb(var(--pale-gray-monochrome)); font-family: var(--header-font); text-transform: none; } /*@supports(-webkit-background-clip: text) { #side-bar .heading p, #side-bar .side-block > .collapsible-block .collapsible-block-link { background: linear-gradient(to top, rgb(var(--dark-gray-monochrome)) 0%, rgb(var(--dark-gray-monochrome)) 20%, rgb(var(--dark-accent)) 40%, rgb(var(--pale-gray-monochrome)) 70%); -webkit-background-size: cover; background-size: 400vh; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-attachment: fixed; background-repeat: repeat; } }*/ #side-bar .side-block[style*="background-color:"] { padding-bottom: 0.5rem; } #side-bar .side-block[style*="background-color:"] * { margin-left: 0 !important; } #side-bar .side-block[style*="background-color:"] .heading { margin-top: .25rem; } #side-bar .heading p::after, #side-bar .side-block > .collapsible-block .collapsible-block-link::after { bottom: -0.6rem; } #side-bar .heading p::before, #side-bar .side-block > .collapsible-block .collapsible-block-link::before { top: -0.6rem; } #side-bar div.menu-item .sub-text { color: rgba(var(--swatch-primary), 1); } #main-content { z-index: 1; position: relative; } #page-title { color: rgb(var(--pale-gray-monochrome)); border-color: rgba(0, 0, 0, 0); } blockquote, .blockquote { background-color: rgba(var(--gray-monochrome), 0.25); border: 0.0625rem solid rgb(var(--swatch-border-color)); } blockquote:nth-of-type(odd) { border-color: rgb(var(--swatch-border-color)); } blockquote:nth-of-type(even) { border-color: rgb(var(--swatch-primary)); } .yui-navset .yui-content { background-color: rgba(var(--gray-monochrome), 0.25); } .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content { --box-shadow: rgb(var(--swatch-border-color)); border-color: rgb(var(--swatch-border-color)); -webkit-box-shadow: 0 -webkit-calc(0.0625rem * 5) 0 0 var(--box-shadow); -moz-box-shadow: 0 -moz-calc(0.0625rem * 5) 0 0 var(--box-shadow); box-shadow: 0 calc(0.0625rem * 5) 0 0 var(--box-shadow); } .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { --wght: 600; background-color: rgb(var(--swatch-menubg-black-color)); color: rgb(var(--swatch-text-light)); font-weight: 600; } .yui-navset .yui-nav .selected a { color: rgb(var(--black-monochrome)) !important; } table.wiki-content-table th { background: rgb(var(--swatch-primary-darker)); color: rgb(var(--dark-gray-monochrome)); } table.wiki-content-table, table.wiki-content-table th, table.wiki-content-table td { border: .0625rem solid rgba(var(--swatch-border-color), 1) !important; border-collapse: collapse; } .code { background-color: rgba(var(--swatch-menubg-dark-color), 0.25); border-color: rgb(var(--swatch-border-color)); } .hl-main { -webkit-filter: invert(1) hue-rotate(180deg); filter: invert(1) hue-rotate(180deg); } .scp-image-block .scp-image-caption { background-color: rgba(var(--swatch-menubg-dark-color), 0.25); } .scp-image-block img { border: 0.0625rem solid rgba(var(--swatch-border-color)); } a:visited { color: rgb(var(--swatch-primary-darker)); } h1 { color: rgb(var(--swatch-primary)) !important; } hr { border-top: none; position: relative; height: 0.35rem; background: rgba(0, 0, 0, 0); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } hr::before { content: " "; position: absolute; top: 0.1125rem; left: 0; border-top: none; width: 100%; height: 0.125rem; background: -webkit-linear-gradient(10deg, rgba(var(--gray-monochrome), 0.15) 0%, rgba(var(--pale-gray-monochrome), 1) 50%, rgba(var(--gray-monochrome), 0.15) 100%); background: -o-linear-gradient(10deg, rgba(var(--gray-monochrome), 0.15) 0%, rgba(var(--pale-gray-monochrome), 1) 50%, rgba(var(--gray-monochrome), 0.15) 100%); background: -moz-linear-gradient(10deg, rgba(var(--gray-monochrome), 0.15) 0%, rgba(var(--pale-gray-monochrome), 1) 50%, rgba(var(--gray-monochrome), 0.15) 100%); background: -webkit-linear-gradient(80deg, rgba(var(--gray-monochrome), 0.15) 0%, rgba(var(--pale-gray-monochrome), 1) 50%, rgba(var(--gray-monochrome), 0.15) 100%); background: -moz-linear-gradient(80deg, rgba(var(--gray-monochrome), 0.15) 0%, rgba(var(--pale-gray-monochrome), 1) 50%, rgba(var(--gray-monochrome), 0.15) 100%); background: -o-linear-gradient(80deg, rgba(var(--gray-monochrome), 0.15) 0%, rgba(var(--pale-gray-monochrome), 1) 50%, rgba(var(--gray-monochrome), 0.15) 100%); background: linear-gradient(10deg, rgba(var(--gray-monochrome), 0.15) 0%, rgba(var(--pale-gray-monochrome), 1) 50%, rgba(var(--gray-monochrome), 0.15) 100%); background-position: center center; -webkit-filter: blur(0.04rem); filter: blur(0.04rem); } .page-rate-widget-box { background: -webkit-gradient(linear, right bottom, left top, color-stop(0, rgba(var(--swatch-primary), 1)), to(rgba(var(--swatch-primary-darkest), 1))) !important; background: -webkit-linear-gradient(bottom right, rgba(var(--swatch-primary), 1) 0, rgba(var(--swatch-primary-darkest), 1) 100%) !important; background: -moz-linear-gradient(bottom right, rgba(var(--swatch-primary), 1) 0, rgba(var(--swatch-primary-darkest), 1) 100%) !important; background: -o-linear-gradient(bottom right, rgba(var(--swatch-primary), 1) 0, rgba(var(--swatch-primary-darkest), 1) 100%) !important; background: linear-gradient(to top left, rgba(var(--swatch-primary), 1) 0, rgba(var(--swatch-primary-darkest), 1) 100%) !important; } form#edit-page-form { background-color: rgba(var(--dark-accent), 0.25); border: 0.0625rem solid rgb(var(--light-gray-monochrome)); } textarea, input.text { background-color: rgb(var(--black-monochrome)); color: rgb(var(--white-monochrome)); padding: 0.5em; } #lock-info { background-color: rgb(var(--black-monochrome)); } div.buttons input, input.button, button, file, a.button { --wght: 600; font-weight: 600; background-color: rgb(var(--gray-monochrome)); color: rgb(var(--medium-accent)); border: 0.0625rem solid rgb(var(--light-gray-monochrome)); -webkit-transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -o-transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); } div.buttons input:hover, input.button:hover, button:hover, a.button:hover { background-color: rgb(var(--dark-gray-monochrome)); color: rgb(var(--pale-gray-monochrome)); cursor: pointer; } div#page-info, div.page-watch-options { padding: 0 1em; } div#page-options-bottom { width: 90%; margin-bottom: 2.125rem; margin-left: auto; margin-right: auto; } div#page-options-bottom-2 { width: 90%; margin-top: -2.125rem; margin-left: auto; margin-right: auto; } div#page-options-bottom, div#page-options-bottom-2 { text-align: left; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } div#page-options-bottom, div#page-options-bottom-2, div#page-options-bottom > a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } div#page-options-bottom > a, div#page-options-bottom-2 > a { --wght: 700; -webkit-box-flex: 2; -webkit-flex-grow: 2; -moz-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; padding: .25rem; -webkit-border-radius: .25rem; -moz-border-radius: .25rem; border-radius: .25rem; color: rgb(var(--medium-accent)); background-color: rgba(var(--swatch-menubg-dark-color), 0.25); border: 0.125rem solid rgba(var(--swatch-border-color), 0.25); font-weight: 700; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -o-transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); } div#page-options-bottom-2 > a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } div#page-options-bottom > a:hover, div#page-options-bottom > a:active, div#page-options-bottom-2 > a:hover, div#page-options-bottom-2 > a:active { text-decoration: none; background-color: rgb(var(--dark-gray-monochrome)); color: rgb(var(--pale-gray-monochrome)); } .owindow .title { background-color: rgb(var(--swatch-menubg-dark-color)); } .title.modal-header, .owindow, .hovertip { background-color: rgb(var(--swatch-primary-darkest)); background: var(--gradient-header); } .owindow .button-bar a { background-color: rgb(var(--swatch-menubg-dark-color)); color: rgb(var(--white-monochrome)); } iframe.scpnet-interwiki-frame { -webkit-filter: invert(0.8) hue-rotate(120deg) saturate(6); filter: invert(0.8) hue-rotate(120deg) saturate(6); } #license-area { color: rgba(var(--pale-gray-monochrome), 0.75); } @media only screen and (max-width: 768px) { :root { --header-h1-font-size:-webkit-calc(var(--header-h1-font-size)*1.25); --header-h1-font-size:-moz-calc(var(--header-h1-font-size)*1.25); --header-h1-font-size:calc(var(--header-h1-font-size)*1.25) } #search-top-box:not(:focus-within)::before { color: rgb(var(--swatch-primary)); } #header-extra-div-1 { --size: -webkit-calc(var(--final-header-height-on-mobile) - 0.875rem); --size: -moz-calc(var(--final-header-height-on-mobile) - 0.875rem); --size: calc(var(--final-header-height-on-mobile) - 0.875rem); --y-offset: 1.5rem; -webkit-background-size: var(--size), 100% var(--header-height-on-mobile); -moz-background-size: var(--size), 100% var(--header-height-on-mobile); -o-background-size: var(--size), 100% var(--header-height-on-mobile); position: -webkit-sticky; position: absolute; top: 0; margin: 0; background-image: url(https://nu-scptheme.github.io/Black-Highlighter/images/logo.svg); background-image: var(--logo-image); background-position: -webkit-calc(var(--header-height-on-mobile) - .75rem - var(--size)) -webkit-calc((var(--size)*-1 + var(--header-height-on-mobile) + var(--y-offset))/2); background-position: -moz-calc(var(--header-height-on-mobile) - .75rem - var(--size)) -moz-calc((var(--size)*-1 + var(--header-height-on-mobile) + var(--y-offset))/2); background-position: calc(var(--header-height-on-mobile) - .75rem - var(--size)) calc((var(--size)*-1 + var(--header-height-on-mobile) + var(--y-offset))/2); background-repeat: no-repeat, repeat; background-size: var(--size), 100% var(--header-height-on-mobile); width: 100vw; height: var(--header-height-on-mobile); grid-area: header; z-index: -1; } #header h1 a { font-size: -webkit-calc(var(--header-h1-font-size)*1.25); font-size: -moz-calc(var(--header-h1-font-size)*1.25); font-size: calc(var(--header-h1-font-size)*1.25); margin-top: -webkit-calc(var(--header-height-on-mobile)/2 - 1.25em); margin-top: -moz-calc(var(--header-height-on-mobile)/2 - 1.25em); margin-top: calc(var(--header-height-on-mobile)/2 - 1.25em); } #header h1 a::before { -webkit-filter: drop-shadow(0.15rem 0.15rem 0rem rgba(var(--black-monochrome))); filter: drop-shadow(0.15rem 0.15rem 0rem rgba(var(--black-monochrome))); } #header h2 span { --wght: 600; margin-top: -webkit-calc(var(--header-height-on-mobile)/2 + 0.8em); margin-top: -moz-calc(var(--header-height-on-mobile)/2 + 0.8em); margin-top: calc(var(--header-height-on-mobile)/2 + 0.8em); font-size: 115%; font-weight: 600; line-height: 1; width: 50%; -webkit-filter: drop-shadow(-0.25rem 0.25rem 0rem rgba(var(--light-gray-monochrome))); filter: drop-shadow(-0.25rem 0.25rem 0rem rgba(var(--light-gray-monochrome))); } #header h2 span::before { color: rgb(var(--black-monochrome)); letter-spacing: 0.15em; } #top-bar div.mobile-top-bar > ul > li > a { font-size: 100%; } #extra-div-2 { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #header h2 span::before { letter-spacing: 0.25em; } } }
The Nostalgia Room
A tale By Captain Psycho 2
"OK, I'm ready"
I knew he wouldn't say anything different. "You know the rules, only about thirty minutes in and out." I say that with a sense of authority, and Assuredness, but I know that wont make this any simpler. He, Alan, turns the door knob and looks into the room. I see a simple abandoned apartment, he must see the same thing at this point. He enters, and as he closes the door a commlink opens. "Wow this smells just like my old dorm room."
"Has the room changed at all?"
"Not yet, except the door looks very familiar." Good, this is what we wanted, enough time to collect data and leave, "Alan, is there any objects around?" Silence, Maybe he didn't hear me. There is no reason to be worried. "Alan?" a few seconds of silence. "Sorry, I spaced out there, there's an old stuffed bear I used to own, on the ground" OK what does that mean?
"Funny story, when I was born both my mom and dad accidently bought two of the same, so I had two bears."
"OK, bag it, that's good."
"The carpet looks like one I had when I was a boy, and the bed looks like the one I had in high school. I think I've had a dream like this.
"Stay focused, do you see anything else."
"Did I ever tell you the story about the time me and my friends broke into an old abandoned apartment."
"Is it relevant? Please focus on collecting data."
"Sorry, This place reminds me of that. Kind of old and mysterious. How long has this place been around?" I check the file, I don't know if I should tell him, it could feed into his need to tell stories. "since the 70s, abandoned in 2014, no logs indicate anyone lived here." One minute of silence, I'm beginning to worry now.
"Wow, imagine how many people have lived here. Oh wow, my old baby crib."
"Ok, you've been in there long enough prepare to leave."
"Did I ever tell you about the time when"
"Alan you need to leave, focus on leaving"
"Its only been , what, 20 minutes come on lets collect more samples."
"You can tell me old stories of your life once you get out of there"
"I don't even know why we are here?"
"Its a research mission, We have enough data please leave."
"I just noticed my old crib as a baby is here."
"I know, do you see a door."
"My old stuffed bear is in it, do you know I actually had two of those?"
"Yeah, OK, try and get some sleep bud."
"OK, I will… See you in the morning"






Per 


