@supports((display: -ms-grid) or (display: grid)) {
@media only screen and (min-width: 769px) {
#side-bar .close-menu {
display: block;
position: fixed;
top: 0.25rem;
left: 0.5rem;
width: 3rem;
opacity: 1;
pointer-events: all;
}
#side-bar .close-menu img {
color: transparent;
}
#side-bar .close-menu::before,
#side-bar .close-menu::after {
content: "";
box-sizing: border-box;
position: fixed;
display: block;
top: 0.25rem;
left: 0.5rem;
width: 3rem;
height: 3rem;
padding: 0;
margin: 0;
text-align: center;
pointer-events: all;
cursor: pointer;
-webkit-transition:
opacity var(--sidebar-transition-timing);
-o-transition:
opacity var(--sidebar-transition-timing);
-moz-transition:
opacity var(--sidebar-transition-timing);
transition:
opacity var(--sidebar-transition-timing);
}
#side-bar .close-menu::before {
--mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg height='32px' id='Layer_1' style='enable-background:new 0 0 32 32;' version='1.1' viewBox='0 0 32 32' width='32px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M4,10h24c1.104,0,2-0.896,2-2s-0.896-2-2-2H4C2.896,6,2,6.896,2,8S2.896,10,4,10z M28,14H4c-1.104,0-2,0.896-2,2 s0.896,2,2,2h24c1.104,0,2-0.896,2-2S29.104,14,28,14z M28,22H4c-1.104,0-2,0.896-2,2s0.896,2,2,2h24c1.104,0,2-0.896,2-2 S29.104,22,28,22z'/%3E%3C/svg%3E");
z-index: -1;
background-color: var(--toggle-icon-color, rgb(var(--sidebar-links-text))) !important;
-webkit-mask: var(--mask);
mask: var(--mask);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: 50% 50%;
mask-position: 50% 50%;
-webkit-mask-size: 60%;
mask-size: 60%;
}
#side-bar .close-menu::after {
z-index: -2;
background-color: var(--toggle-button-bg, rgb(var(--swatch-menubg-color))) !important;
-webkit-border-radius: var(--toggle-roundness, 50%);
-moz-border-radius: var(--toggle-roundness, 50%);
border-radius: var(--toggle-roundness, 50%);
border: var(--toggle-border-color, rgb(var(--swatch-border-color))) var(--toggle-border-width, 0.25rem) solid;
}
#side-bar:focus-within .close-menu::before,
#side-bar:focus-within .close-menu::after {
opacity: 0;
}
#side-bar {
display: block;
position: fixed;
top: 0;
left: -webkit-calc(var(--sidebar-width-on-desktop)*-1);
left: -moz-calc(var(--sidebar-width-on-desktop)*-1);
left: calc(var(--sidebar-width-on-desktop)*-1);
z-index: 10;
-webkit-transition:
left var(--sidebar-transition-timing);
-o-transition:
left var(--sidebar-transition-timing);
-moz-transition:
left var(--sidebar-transition-timing);
transition:
left var(--sidebar-transition-timing);
height: 100%;
overflow-y: auto;
overflow-x: hidden;
margin-top: 0;
}
#side-bar:focus-within {
left: 0;
}
#side-bar .side-block {
margin-top: 1rem;
background-color: rgb(0, 0, 0, 0);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border-left-width: 0px;
border-right-width: 0px;
}
#main-content::before {
content: "";
display: block;
position: fixed;
top: 0;
right: 0;
z-index: -1;
opacity: 0;
-webkit-transition:
opacity var(--sidebar-transition-timing),
width var(--sidebar-transition-timing);
-o-transition:
opacity var(--sidebar-transition-timing),
width var(--sidebar-transition-timing);
-moz-transition:
opacity var(--sidebar-transition-timing),
width var(--sidebar-transition-timing);
transition:
opacity var(--sidebar-transition-timing),
width var(--sidebar-transition-timing);
margin-left: var(--sidebar-width-on-desktop);
background: rgba(var(--swatch-menubg-black-color), .3) 1px 1px repeat;
padding-right: 0;
width: 100%;
height: 100vh;
pointer-events: none;
z-index: 99;
}
#side-bar:focus-within~#main-content::before {
width: -webkit-calc(100% - var(--sidebar-width-on-desktop));
width: -moz-calc(100% - var(--sidebar-width-on-desktop));
width: calc(100% - var(--sidebar-width-on-desktop));
opacity: 1;
pointer-events: all;
}
#content-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: -webkit-calc(100vw - (100vw - 100%));
width: -moz-calc(100vw - (100vw - 100%));
width: calc(100vw - (100vw - 100%));
min-height: -webkit-calc(100vh - -webkit-calc(var(--final-header-height-on-desktop, 10.125rem)));
min-height: -moz-calc(100vh - -moz-calc(var(--final-header-height-on-desktop, 10.125rem)));
min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem)));
-webkit-box-flex: 2;
-webkit-flex-grow: 2;
-moz-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
height: auto;
position: relative;
margin: 0 auto;
max-width: inherit;
}
#main-content {
width: 100%;
position: initial;
max-height: 100%;
padding: 2rem 1rem;
width: 45.8rem;
max-width: 45.8rem;
margin: 0 auto;
}
@media not all and (min-resolution:.001dpcm) {
@supports (-webkit-appearance:none) {
#side-bar {
-webkit-transition:
left var(--sidebar-transition-timing),
padding-right var(--sidebar-transition-timing),
background-color var(--sidebar-transition-timing);
-o-transition:
left var(--sidebar-transition-timing),
padding-right var(--sidebar-transition-timing),
background-color var(--sidebar-transition-timing);
-moz-transition:
left var(--sidebar-transition-timing),
padding-right var(--sidebar-transition-timing),
background-color var(--sidebar-transition-timing);
transition:
left var(--sidebar-transition-timing),
padding-right var(--sidebar-transition-timing),
background-color var(--sidebar-transition-timing);
padding-right: 0;
background-color: rgb(0, 0, 0, 0);
pointer-events: all;
overflow-x: visible;
overflow-y: visible;
z-index: 999;
}
#side-bar::-webkit-scrollbar {
opacity: 0;
-webkit-transition: opacity var(--sidebar-transition-timing);
transition: opacity var(--sidebar-transition-timing);
}
#side-bar .close-menu::before {
z-index: 999;
}
#side-bar .close-menu::after {
z-index: 998;
}
#side-bar:hover .close-menu::before {
opacity: 0;
}
#side-bar:hover {
left: 0;
background-color: rgba(var(--swatch-menubg-color), 1);
padding-right: 0;
}
#side-bar:hover::-webkit-scrollbar {
opacity: 1;
}
#side-bar:hover~#main-content::before {
width: -webkit-calc(100% - var(--sidebar-width-on-desktop));
width: -moz-calc(100% - var(--sidebar-width-on-desktop));
width: calc(100% - var(--sidebar-width-on-desktop));
opacity: 1;
pointer-events: all;
}
}
}
}
}
@supports((display: -ms-grid) or (display: grid)) {
:root {
/* header measurements */
--header-height-on-desktop: 10rem;
--header-height-on-mobile: 10rem;
--header-h1-font-size: -webkit-calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
--header-h1-font-size: -moz-calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
--header-h1-font-size: calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
}
#header {
background: none;
}
#header::before {
content: " ";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0.75rem;
background-image: var(--logo-image);
background-repeat: no-repeat;
background-position: center -3.5rem;
-webkit-background-size: auto 8rem;
-moz-background-size: auto 8rem;
-o-background-size: auto 8rem;
background-size: auto 8rem;
background-position: center top;
opacity: 0.45;
pointer-events: none;
}
#header h1,
#header h1 a,
#header h1 a::before {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-height: inherit;
z-index: 0;
}
#header>h1>a>span {
width: 100%;
height: 100%;
top: 0;
left: 0;
max-width: inherit;
}
#header h1 {
height: -webkit-calc(100% - 2.25rem);
height: -moz-calc(100% - 2.25rem);
height: calc(100% - 2.25rem);
}
#header h1 a::before,
#header h1 a {
text-align: center;
line-height: 0.8;
}
#header h2,
#header h2 span,
#header h2 span::before {
position: absolute;
left: 0;
top: 0.15em;
margin-left: 0;
padding: 0;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-moz-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-height: inherit;
z-index: 0;
text-transform: uppercase;
pointer-events: none;
}
#login-status {
min-height: -webkit-calc(var(--base-font-size) * 1.5);
min-height: -moz-calc(var(--base-font-size) * 1.5);
min-height: calc(var(--base-font-size) * 1.5);
-webkit-border-radius: .0625rem;
-moz-border-radius: .0625rem;
border-radius: .0625rem;
-webkit-border-radius: var(--border-radius-width);
-moz-border-radius: var(--border-radius-width);
border-radius: var(--border-radius-width);
color: rgb(var(--pale-gray-monochrome));
background-color: rgba(0, 0, 0, 0);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
left: 3%;
right: initial;
}
#login-status .printuser {
--wght: 900;
position: relative;
top: 0;
left: 0;
color: rgb(var(--swatch-menutxt-light-color));
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding: 0.25rem;
margin: 0;
font-weight: 900;
}
#login-status #my-account {
--wght: 300;
color: rgb(var(--pale-gray-monochrome));
font-weight: 300;
}
#login-status #account-topbutton {
border: initial;
padding: 0.5em 0.5em 0.5em 0.25em;
position: relative;
height: 100%;
top: 0;
left: 0;
margin: 0;
font-size: 1em;
}
#account-options {
width: auto;
padding: 0.5em;
border-color: rgba(var(--bright-accent));
background: var(--gradient-header);
color: rgb(var(--swatch-text-light));
}
#account-options ul li a {
color: rgb(var(--swatch-text-light));
}
#account-options li a:hover {
color: rgb(var(--swatch-text-light));
text-decoration: underline;
}
@media only screen and (min-width: 769px) {
#search-top-box {
right: 3%;
top: 0.5rem;
}
#search-top-box-form>input,
#search-top-box-form>input:hover,
#search-top-box-form>input:focus {
background: rgb(var(--black-monochrome));
}
#search-top-box-form>input {
-webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
-moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
}
#search-top-box-form>input:hover,
#search-top-box-form>input:focus {
-webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
-moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
}
#search-top-box-form input[type="submit"],
#search-top-box-form input[type="submit"]:focus,
#search-top-box-form input[type="submit"]:hover {
border: none;
border-left: 0.0625rem solid rgb(var(--swatch-primary-darkest));
-webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
-moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
}
#search-top-box-form input[type="submit"] {
background: rgb(var(--swatch-primary-darkest));
color: rgb(var(--swatch-menutxt-light-color));
}
#search-top-box-form input[type="submit"]:focus,
#search-top-box-form input[type="submit"]:hover {
background: rgb(var(--swatch-primary));
-webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
-moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
}
}
#page-title {
text-align: center;
}
@media only screen and (max-width:768px) {
:root {
--header-h1-font-size: -webkit-calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
--header-h1-font-size: -moz-calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
--header-h1-font-size: calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
}
#header h1,
#header h1 a,
#header h1 a::before {
top: 0.25rem;
}
#header h2,
#header h2 a,
#header h2 a::before {
top: 0;
}
#header h2 span {
margin-top: -webkit-calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 + .25rem);
margin-top: -moz-calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 + .25rem);
margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - .25rem);
}
}
@import url('https://scp-wiki.wdfiles.com/local--files/theme:isolated-terminal/terminus.css');
@import url('https://scp-wiki.wdfiles.com/local--files/theme:isolated-terminal/profontwindows.css');
@import url('https://scp-wiki.wdfiles.com/local--files/theme:isolated-terminal/vga8.css');
#main-content {
padding: 1rem;
margin-top: 0;
}
: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: "isolated-terminal";
/* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */
--theme-name: "Isolated Terminal Theme";
/* set this to your theme's full name */
/* header measurements */
--header-height-on-desktop: 12.4rem;
--header-height-on-mobile: 12rem;
--header-h1-font-size: calc(var(--base-font-size) * 3);
/* Typefaces */
--body-font: 'terminus_ttfmedium', sans-serif;
--header-font: 'mxplus_ibm_vga_8x16regular', sans-serif;
--title-font: 'mxplus_ibm_vga_8x16regular', sans-serif;
--mono-font: 'profontwindowsregular', monospace;
--base-font-size: 1.11rem;
/* null logo */
--logo-image: none;
/* change title */
--header-title: "SCP FOUNDATION";
/* Header Gradients */
--diagonal-stripes: initial;
/*----*/
--accentColor: 246,196,3;
--darkColor: 40,26,8;
--bright-accent: var(--accentColor);
--dark-accent: var(--accentColor);
--pale-accent: var(--accentColor);
--medium-accent: var(--accentColor);
--black-monochrome: var(--accentColor);
--dark-gray-monochrome: var(--darkColor);
--gray-monochrome: var(--darkColor);
--light-pale-gray-monochrome: var(--darkColor);
--pale-gray-monochrome: var(--accentColor);
--very-light-gray-monochrome: var(--darkColor);
--white-monochrome: var(--darkColor);
--rating-module-button-color: var(--white-monochrome);
--rating-module-button-credit-color: var(--white-monochrome);
--rating-module-text-color: var(--white-monochrome);
--rating-module-button-cancel-color: var(--gray-monochrome);
--swatch-headerh1-color: var(--black-monochrome);
--swatch-menubg-medium-color: var(--bright-accent);
--swatch-menubg-light-color: var(--gray-monochrome);
--swatch-menutxt-light-color: var(--black-monochrome);
--swatch-menubg-medium-dark-color: var(--black-monochrome);
--swatch-primary-darker: var(--bright-accent);
--swatch-primary-darkest: var(--gray-monochrome);
--swatch-text-light: var(--bright-accent);
--swatch-topmenu-bg-color: var(--bright-accent);
--gradient-header: none;
--gradient-background: rgb(var( --gray-monochrome));
/* Desktop Sidebar button */
--toggle-button-bg: rgb(var(--black-monochrome));
--toggle-border-width: 0;
--toggle-icon-color: rgb(var(--swatch-primary-darkest));
--toggle-roundness: 0;
}
/* ------------------------------- */
/* header title adjustments */
#header::before { opacity: 1; } /* change logo opacity */
#header { filter: none; }
#header h1, #header h1 a, #header h1 a::before {
top: 1.46rem;
text-shadow: none;
letter-spacing: 0.1rem;
}
#header h2 { display: none; } /* hide header subtitle */
/* svg logo mask */
#header::before {
background-color: rgb(var(--black-monochrome));
-webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='1040' height='1040'%3E%3Cpath d='M437 969v-10h-73v-18h-36v-18h-36v-18h-36v-18h-56v18h-72v-36h-18v-36H92v-37H74v-36H55v-36H37v-36H19v-56h18v-18h18v-18h19V451h18v-72h18v-38h18v-36h18v-36h18v-18h18v-18h18v-19h20v-18h18v-18h18v-18h36v-18h36v-18h18v-18h18V50h19V32h272v18h19v56h18v18h18v18h36v18h36v18h18v18h20v18h18v19h18v18h18v18h18v36h18v36h18v38h18v72h18v145h19v18h18v18h18v56h-18v36h-18v36h-19v36h-18v37h-18v36h-18v36h-72v-18h-56v18h-36v18h-36v18h-36v18h-73v20H437v-10zm146-37v-9h72v-18h37v-18h36v-18h18v-18h92v18h54v-36h18v-37h18v-36h18v-36h18v-36h19v-38h-19v-18h-18v-18h-18V469h-18v-72h-18v-38h-18v-36h-18v-18h-18v-36h-18v-18h-20v-18h-18v-19h-36v-18h-18v-18h-36v-18h-18v-18h-19v-36h-18V70H401v36h-18v36h-19v18h-18v18h-36v18h-18v18h-36v19h-18v18h-18v18h-20v36h-18v18h-18v36h-18v38h-18v72h-18v145H92v18H74v18H55v38h19v36h18v36h18v36h18v37h18v36h54v-18h92v18h18v18h36v18h37v18h72v18h128v-9z'/%3E%3Cpath d='M437 805v-9h-54v-18h-37v-18h-18v-18h-18v-18h-18v-18h-36v18h-36v18h-20v-18h-18v-36h38v-18h18v-20h18v-18h-18v-72h-18v-73h18v-72h18v-36h18v-38h18v-18h18v-18h18v-18h18v-18h37v-18h36v-18h72v-55h56v55h72v18h36v18h37v18h18v18h18v18h18v18h18v38h18v36h18v72h20v73h-20v72h-18v18h18v20h20v18h36v36h-18v18h-18v-18h-38v-18h-36v18h-18v18h-18v18h-18v18h-37v18h-54v18H437v-9zm164-54v-9h36v-18h37v-18h18v-18h18v-18h-18v-20h-37v-18h-18v38h-18v-20h-18v-36h-18v-18h-18v-18h-18v-36h90v18h55v18h-18v18h18v18h36v18h18v-54h18V469h-18v-54h-18v-36h-18v-20h-18v-18h-18v-18h-37v-18h-36v-18h-54v92h36v36h-18v36h-18v36h-18v18h-20v-18h-18v-36h-18v-36h-18v-36h36v-92h-54v18h-36v18h-37v18h-18v18h-18v20h-18v36h-18v54h-18v109h18v54h18v-18h36v-18h18v-18h-18v-18h55v-18h90v36h-18v18h-18v18h-18v36h-18v20h-18v-38h-18v18h-37v20h-18v18h18v18h18v18h37v18h36v18h164v-9z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='1040' height='1040'%3E%3Cpath d='M437 969v-10h-73v-18h-36v-18h-36v-18h-36v-18h-56v18h-72v-36h-18v-36H92v-37H74v-36H55v-36H37v-36H19v-56h18v-18h18v-18h19V451h18v-72h18v-38h18v-36h18v-36h18v-18h18v-18h18v-19h20v-18h18v-18h18v-18h36v-18h36v-18h18v-18h18V50h19V32h272v18h19v56h18v18h18v18h36v18h36v18h18v18h20v18h18v19h18v18h18v18h18v36h18v36h18v38h18v72h18v145h19v18h18v18h18v56h-18v36h-18v36h-19v36h-18v37h-18v36h-18v36h-72v-18h-56v18h-36v18h-36v18h-36v18h-73v20H437v-10zm146-37v-9h72v-18h37v-18h36v-18h18v-18h92v18h54v-36h18v-37h18v-36h18v-36h18v-36h19v-38h-19v-18h-18v-18h-18V469h-18v-72h-18v-38h-18v-36h-18v-18h-18v-36h-18v-18h-20v-18h-18v-19h-36v-18h-18v-18h-36v-18h-18v-18h-19v-36h-18V70H401v36h-18v36h-19v18h-18v18h-36v18h-18v18h-36v19h-18v18h-18v18h-20v36h-18v18h-18v36h-18v38h-18v72h-18v145H92v18H74v18H55v38h19v36h18v36h18v36h18v37h18v36h54v-18h92v18h18v18h36v18h37v18h72v18h128v-9z'/%3E%3Cpath d='M437 805v-9h-54v-18h-37v-18h-18v-18h-18v-18h-18v-18h-36v18h-36v18h-20v-18h-18v-36h38v-18h18v-20h18v-18h-18v-72h-18v-73h18v-72h18v-36h18v-38h18v-18h18v-18h18v-18h18v-18h37v-18h36v-18h72v-55h56v55h72v18h36v18h37v18h18v18h18v18h18v18h18v38h18v36h18v72h20v73h-20v72h-18v18h18v20h20v18h36v36h-18v18h-18v-18h-38v-18h-36v18h-18v18h-18v18h-18v18h-37v18h-54v18H437v-9zm164-54v-9h36v-18h37v-18h18v-18h18v-18h-18v-20h-37v-18h-18v38h-18v-20h-18v-36h-18v-18h-18v-18h-18v-36h90v18h55v18h-18v18h18v18h36v18h18v-54h18V469h-18v-54h-18v-36h-18v-20h-18v-18h-18v-18h-37v-18h-36v-18h-54v92h36v36h-18v36h-18v36h-18v18h-20v-18h-18v-36h-18v-36h-18v-36h36v-92h-54v18h-36v18h-37v18h-18v18h-18v20h-18v36h-18v54h-18v109h18v54h18v-18h36v-18h18v-18h-18v-18h55v-18h90v36h-18v18h-18v18h-18v36h-18v20h-18v-38h-18v18h-37v20h-18v18h18v18h18v18h37v18h36v18h164v-9z'/%3E%3C/svg%3E");
-webkit-mask-size: calc(var(--header-height-on-desktop) - var(--header-h1-font-size) - 1rem);
mask-size: calc(var(--header-height-on-desktop) - var(--header-h1-font-size) - 1rem);
-webkit-mask-position: center 0;
mask-position: center 0;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
@media only screen and (max-width: 768px) {
:root {
--header-h1-font-size: calc(var(--base-font-size) * 2.25);
}
#header h1, #header h1 a, #header h1 a::before {
top: 1.91rem;
}
#header::before {
top: 1.25rem;
-webkit-mask-size: calc(var(--header-height-on-mobile) - var(--header-h1-font-size) - 2rem);
mask-size: calc(var(--header-height-on-mobile) - var(--header-h1-font-size) - 2rem);
-webkit-mask-position: center 0.8rem;
mask-position: center 0.8rem;
}
}
/* Account Stuff */
#login-status .printuser { color: rgb(var(--pale-gray-monochrome)); }
#account-options { background: var(--gradient-background); }
/* Search Bar */
@media only screen and (min-width: 769px) {
#search-top-box-form input[type="submit"], #search-top-box-input:focus, #search-top-box-input:hover, #search-top-box-form>input {
box-shadow: none;
border: var(--border-styling);
}
#search-top-box-form input[type="submit"]:hover {
color: rgb(var(--swatch-primary-darkest));
border-width: 0;
}
}
/* Desktop Top Bar Config */
@media only screen and (min-width: 769px) {
#top-bar div.top-bar>ul>li>ul>li>a:hover {
color: rgb(var(--gray-monochrome));
}
}
/* Mobile Top Bar Config */
@media only screen and (max-width: 768px) {
:root {
--swatch-menutxt-light-color: var(--white-monochrome);
}
#top-bar div.mobile-top-bar>ul>li>ul>li>a {
color: rgb(var(--swatch-menubg-medium-dark-color));
}
#top-bar div.mobile-top-bar > ul > li:hover > a,
#top-bar div.mobile-top-bar > ul > li.sfhover > a {
color: rgb(var(--black-monochrome));
}
#top-bar div.mobile-top-bar>ul>li>a {
letter-spacing: -0.07rem;
}
#search-top-box:not(:focus-within):before {
background-color: rgb(var(--black-monochrome));
}
}
#side-bar .side-block.media, #side-bar .heading, #side-bar .side-block>.collapsible-block:first-child .collapsible-block-folded {
background-color: rgb(var(--swatch-primary-darker))!important;
}
#side-bar .heading p {
text-shadow: none;
color: rgb(var(--swatch-primary-darkest));
}
/* ----- PAGE ELEMENT ----- */
body {
font-size: calc(var(--base-font-size) * 1.2);
letter-spacing: -0.063rem;
line-height: calc(var(--base-font-size) * 1.57);
text-shadow: 0 0 5px rgba(var(--black-monochrome), 0.13);
/* Ayers Info Bar */
--barColour: rgb(var(--black-monochrome));
--linkColour: rgb(var(--white-monochrome));
}
#page-title {
line-height: calc(var(--base-font-size) * 2);
}
#page-title, h1, h2, h3, h4, h5, h6 {
letter-spacing: 0.07rem;
}
/* teletype */
tt {
font-size: calc(var(--base-font-size) * 1.12);
letter-spacing: 0;
}
#edit-page-textarea, .code pre, .code p, .code, .page-source {
font-family: var(--mono-font);
font-size: calc(var(--base-font-size) * 1.12);
letter-spacing: 0;
}
/* Rate Module */
.page-rate-widget-box, #page-content .rate-box-with-credit-button {
box-shadow: none;
border: none;
background: rgb(var(--pale-gray-monochrome));
}
#page-content .page-rate-widget-box .rateup a:hover {
background-color: rgba(var(--rating-module-button-plus-color), 0.8);
}
#page-content .page-rate-widget-box .ratedown a:hover {
background-color: rgba(var(--rating-module-button-negative-color), 0.8);
}
#page-content .page-rate-widget-box .cancel a:hover {
background-color: rgba(var(--rating-module-button-cancel-color), 0.8);
}
#page-content .modalbox {
background: rgb(var(--swatch-menubg-light-color)) !important;
box-shadow: none;
border: solid 1px rgb(var(--black-monochrome));
border-radius: 0;
}
#page-content .modalbox hr {
margin: 1em;
margin-left: -0.25em;
margin-right: -0.25em;
}
.close-credits,
.credit-back {
filter: hue-rotate(70deg) brightness(4);
}
/* tab*/
.yui-navset .yui-nav .selected a {
color: rgb(var(--swatch-primary-darkest))!important;
}
/* Blockquote-style */
blockquote, div.blockquote, #toc {
border: var(--border-styling);
background-color: rgba(var(--pale-gray-monochrome), 0.04);
}
/* Code */
div.code {
background-color: #f4f4f4;
text-shadow: none;
}
/* hr */
hr {
background-color: rgb(var(--swatch-menubg-medium-color));
height: 0;
margin-top: 1.5em; margin-bottom: 1.5em;
}
blockquote > hr, div.blockquote > hr {
margin-left: calc(-1em - 0.7px);
margin-right: calc(-1em - 0.7px);
}
/* LINK */
a, a:visited, a:hover, #footer-bar a:not(.image) {
font-weight: bold;
color: rgb(var(--gray-monochrome));
background-color: rgb(var(--black-monochrome));
}
a:hover {
box-shadow: 0 0 0.7em 0.1em rgba(var(--black-monochrome),0.3);
}
#content-wrap a { padding: 0.13em; }
/* patch */
#side-bar .close-menu {
background: transparent;
}
#side-bar .close-menu:hover { box-shadow: none; }
span.printuser a:not(a:last-child) {
background-color: initial;
padding: 0;
box-shadow: initial;
}
#header a:hover {
box-shadow: initial; /* suppress header links from being affected */
}
form#edit-page-form a, div#action-area a {
color: rgb(var(--swatch-menubg-light-color));
}
a.footnoteref {
display: initial;
margin-left: 0.05em;
}
/* obligatory ACS compatibility */
.danger-diamond a, .danger-diamond a:hover {
background: initial;
text-shadow: none;
box-shadow: none;
}
/* table */
table.wiki-content-table th {
color: rgb(var(--white-monochrome));
}
#page-content .wiki-content-table tr th,
#page-content .wiki-content-table tr td {
border: solid 1px rgb(var(--black-monochrome));
}
/* Image Block */
.scp-image-block {
box-sizing: border-box;
box-shadow: none;
border-color: rgba(var(--black-monochrome), 0);
border-width: 0;
}
.scp-image-block .scp-image-caption {
color: rgb(var(--swatch-menubg-light-color));
background-color: rgb(var(--swatch-text-light));
border-color: rgba(var(--swatch-menubg-light-color),0);
padding: 0.125rem;
margin-top: 6px;
}
/* Pop-Up Windows */
.owindow {
border-color: rgb(var(--black-monochrome));
}
/* CUSTOM BLOCKS */
.expoblock {
box-sizing: border-box;
border: solid 0.7rem rgb(var(--black-monochrome));
padding: 1rem;
}
.expoblock hr {
height: 0.6rem;
margin: 1.5em 0;
}
span.hilighter {
background-color: rgb(var(--black-monochrome));
color: rgb(var(--gray-monochrome));
font-weight: bold;
padding: 0.2em;
font-size: 108%;
line-height: 1.2;
}
/* OTHER */
/*licencebox link override */
.licensebox .collapsible-block-link {
color: rgb(var(--gray-monochrome));
}
form#edit-page-form .wd-editor-toolbar-panel a { padding: 0; }
#lock-info {
background-color: rgb(var(--swatch-menubg-light-color));
border-color: rgb(var(--swatch-text-light));
}
div#ohandle-1.title {
color: rgb(var(--swatch-primary-darkest));
background-color: rgb(var(--swatch-menubg-medium-dark-color));
}
div.page-source {
border-color: rgb(var(--swatch-text-light));
}
/* Tags */
#main-content .page-tags a {
padding: 0.2em;
padding-top: 0; padding-bottom: 0;
margin: .25rem .2rem; .5rem .2rem;
}
.page-tags span {
border-top: 1px solid rgb(var(--swatch-text-light));
}
/* Article Bottom Buttons */
div#page-options-bottom > a,
div#page-options-bottom-2 > a,
div#page-options-bottom > a:hover,
div#page-options-bottom-2 > a:hover {
color: rgb(var(--swatch-text-light));
background-color: rgb(var(--swatch-menubg-light-color));
border-color: rgb(var(--swatch-text-light));
border-radius: 0;
}
/* other buttons */
div#revision-list a { background-color: rgb(var(--swatch-text-light)); }
table.page-history td.optionstd a,
.buttons .btn,
.owindow .button-bar a {
color: rgb(var(--swatch-text-light));
background-color: rgb(var(--swatch-menubg-light-color));
border-color: rgb(var(--swatch-text-light));
}
.buttons .btn:hover, .owindow .button-bar a:hover {
color: rgb(var(--swatch-menubg-light-color));
background-color: rgb(var(--swatch-text-light));
border-color: rgb(var(--swatch-menubg-light-color));
}
#license-area {
color: rgb(var(--swatch-text-light));
}
#action-area span.printuser a:not(a:last-child) {
background-color: initial;
padding: 0;
box-shadow: initial;
}
/* SCANLINE */
div#extrac-div-1 {
position: fixed;
width: 100vw;
height: 100vh;
pointer-events: none;
background: repeating-linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.15) 50%,rgba(0,0,0,0));
background-size: auto 8px;
opacity: 0.7;
}
div#extrac-div-2 {
position: fixed;
width: 100vw;
height : 1rem;
top: 0;
pointer-events: none;
background: linear-gradient(to bottom, rgba(255,0,0,0) 0%,rgba(255,250,250,1) 50%,rgba(255,255,255,0.98) 51%,rgba(255,0,0,0) 100%);
opacity : .1;
animation: scanm 6s linear infinite;
}
@keyframes scanm {
0% { top: -1rem; opacity : .05;}
25% { top: 50%; opacity: .03;}
37.5% { top: 75%; opacity: 0.06;}
50% { top: 100%; opacity: .03;}
100% { top: 100%;}
}
div#extrac-div-3 {
position: fixed;
width: 100vw;
height: 100vh;
pointer-events: none;
background-image: radial-gradient(circle, rgb(230,210,200) 0%, rgb(177,158,152) 60%, rgb(55,28,30) 100%);
opacity: 0.25;
mix-blend-mode: color-dodge;
background-repeat: no-repeat;
background-size: cover;
}
/* fixes a chrome bug */
html { background: rgb(var(--dark-gray-monochrome)); }
Briefing Room 5A, Site-96, 10.03am
"A vampire?” I lean back in my seat.
"In essence, yes. But- not the, not that kind."
The briefing room was small, dimly-lit and reeking of moldy ceiling-tiles. Besides the faulty halogen lights, a digital display with the neutral tones and clean-cut arcs of the Foundation insignia backlit the briefer and the hulking silhouette of a stranger in the background.
"Was gonna say. Thought the Vatican had a leash on those things."
"And we pay you to do detective work, not run around like some modern-day Van Helsing." The briefer slid a manilla folder towards me, smiling thinly at his own joke. "Ronny Heidler, twenty-six, originally based out of Lockport, last seen in Albany. We have our suspicions that he may have been indoctrinated by the Cult of WAN."
Maxwellists. They're known for luring unsuspecting circuit-junkies with the promise of hardware. Nobody bothers looking for the victims because they usually have nothing and no-one left to care.
"That'd explain the Dark-market-grade hardware. I doubt the kid had the kinda money or connections to get his hands on that sorta stuff," my partner-in-crimesolving piped up; Robert Dalton, an ex-beatcop with a personality far larger than his stout stature implies. "But what's up with the killing? Thought WAN Cult was all about 'achieving the next stage of humanity's evolution' and 'reaching divinity through a united conscience' or some shit."
"We're not planning on speculating," the briefer said. He let the statement hang in the air for a few seconds.
"…ohhh."
"…you want me brain-hacking some cultist headcase as a first run?" I asked.
"Informally put, yes, we want you to conduct a neural interrogation on the perpetrator. Should you catch him, of course. We believe it will give us insight into the group's operations as well as this individual's motives. We feel this case is relatively low-risk and would be an appropriate field-test."
Neural hacking is one of those newer tech methods the Foundation's been trying out in the last few years. At best, it's not a particularly ethically-sound practice. At worst, investigators catch the crazy. Hacking into the brain of someone, alive or dead, and reliving their most prominent memories - it's enough to drive anyone insane when you can't see the line between theirs and your own.
I've been trained to do it using simulated neural environments. Haven't had the chance to use it in the field, though. "Alright, fair enough. I take it Rob's for being my babysitter, then?"
"Due to the…minor risks associated, we've commissioned an agent from Epsilon-7. Script Sanitization; they specialise in cybernetic issues." He gestured to the large man sitting, disinterested, towards the back of the room. "Inspector Dominik Laszlo. The both of you report to him for the duration of this investigation. Do try to get along."
I glanced over and got a lock on his face; my optical interface only really confirmed what the briefer just told me. Insp. Dominik Laszlo, callsign STEEL HAND. MTF Epsilon-7 'Script Sanitization'. No other information, not even his clearance. Fun. "Anything else we should know?"
"The fine details are available for review in that file," the briefer said with a gesture of his hand. "Other than that, notify dispatch when you're headed out, and don't die. You may go."
[Fill-in needed; maybe arrival to the site, some exposition, or w/e]
The air was thick with damp and mold, moth-eaten upholstery and piss-sodden carpeting. Though the building was concrete in its Foundations years of weathering had broke it down, and the lazy chill of November air groaned through glassless windows backed by the ever-present hum of the greater City.
We advanced forward, up a flight of stairs; Rob taking point with a hand to his holster, his footsteps careful. I prowled behind, my head down and my optics attuned to the low light. Before me arcs of light rippled out at every step like raindrops on water, a fingerprint to each sound sharper than white noise.
[Connection between scenes TBA; working out key points]
[Advancing to the room they find the cultist, leading up to the scramble and fight]
There, standing in the ruddy light of an old hotel-room, a young man stood framed in the cold neon glow bleeding in through what was once windows; looked young, bewildered; a kid, almost, no older than his twenties.
" - y’alright, kid?"
His head…ticked, to the side, an unnaturally mechanical movement, his face peeling open. Skin and plating pulled away to bear robotic viscera of wires and pistons and 16-gauge hollow-pointed fangs.
[…]
In an ungraceful flourish born of desperation and fear I swung my left arm up and out, synthetic flesh and muscle and titanium and wire colliding with the open, rattlesnake maw of the crazed circuit-junkie cultist, the flesh and bone of my shoulders and back slamming into concrete under the force of adrenaline-powered steel.
We had our 'vampire'.
His metalwork ground into the not-meat of my arm, ‘fangs’ leaching chemicals; I would've cringed, if I could actually feel something past the layer of siliconized skin guarding my circuits, or in fact feel anything beyond the sharp burn in my lungs from that winding strike. In the time it took me to orient my pistol in my non-dominant hand, Rob had plugged him twice and sent him reeling, sprawling over the floor in an agonized scramble.
We were pressed for options: shoot him in the head and we'd incapacitate him, sure, but the risk of damaging any hardware we could tap was too great. The odds of crippling him,though, were conversely pretty slim otherwise; it was high-grade tech, definitely on par with our own.
He was fast rising to his feet, thick gobbets of blood that had more in common with oil weeping from his gunshot wounds. More machine than human, it wouldn't hinder him much; I wasn't so lucky, and the hardware tacked onto my brain blared a CRITICAL DAMAGE warning as the circuits in my forearm started to fail.