@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)); }
Special Containment Procedures:
A sample of SCP-9555 is now kept in a Bio-hazardous container in a containment room in Site-56. Under no circumstances should any foundation personnel open the container and release the gas, unless for experimental purposes.
Description:
SCP-9555 is a fume of a type of lethal biological hazard, which is currently incurable when infected by it. It affects all matter, and can be spread through physical contact and inhalation of SCP-9555. Symptoms of SCP-9555 manifest quickly, as the symptoms of SCP-9555 only take minutes or hours to manifest.
When a victim is infected by SCP-9555, no unusual features manifests upon the victim at first. After a while, the victim shows symptoms of SCP-9555, these symptoms include: nausea or vomiting, coughing, body pain, headache and fatigue. These symptoms can cause severe distress to the victim. After a few minutes, the victim lays unconscious on the ground, pronounced dead.
Robotic arachnid appendages protrudes from the inside of the victim's body, typically both sides of the abdomen and the pelvis. Creating an instance of SCP-9555-1. Manifestation of SCP-9555 is based on the Araneae (the Spider). Appendages attaching to SCP-9555-1 are measured approximately 10m in length. The tarsus of these appendages are sharp and are capable of piercing through steel and metal.
The coronal suture of SCP-9555-1 splits open, separating the parietal bone and the frontal bone, which alters into the maxilla and the mandible of the entity. Metal blades, which represents teeth, grow between the internal part of the parietal bone and the frontal bone. These metal blades are measured roughly 3 inches in length.
SCP-9555-1 instances are sentient and extremely hostile. Instances are capable of pentetrating on any solid matter with their robotic appendages. The disadvantage of these instances is that they are not capable of clear sight and hearing. SCP-9555-1 attacks by rapidly and repeatedly piercing the targeted victim, while ejecting SCP-9555 fumes onto the victim with its "mouth", creating another SCP-9555-1 instance immediately.






Per 


