@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)); }
:root { --timeScale: 1; --timeDelay: 0s; } /* Converting middle divider from box-shadow to ::before pseudo-element */ .anom-bar > .bottom-box { box-shadow: none!important; } .anom-bar > .bottom-box::before { position: absolute; content: " "; width: 100%; height: 0.5rem; background-color: rgb(var(--black-monochrome, 12, 12, 12)); transform: translateY(-0.74rem); } /* DIVIDER */ .anom-bar > .bottom-box::before { animation-name: divider; animation-duration: calc(0.74s * var(--timeScale)); animation-delay: calc(0.1s * var(--timeScale) + var(--timeDelay)); animation-iteration-count: 1; animation-timing-function: cubic-bezier(.32,.38,.39,.94); animation-fill-mode: backwards; } /* CLASSIFIED LEVEL BARS */ div.top-center-box > * { animation-name: bar; animation-duration: calc(0.45s * var(--timeScale)); animation-iteration-count: 1; animation-timing-function: ease-out; animation-fill-mode: backwards; } div.top-center-box > :nth-child(1) { animation-delay: calc(0.2s * var(--timeScale) + var(--timeDelay)); } div.top-center-box > :nth-child(2) { animation-delay: calc(0.32s * var(--timeScale) + var(--timeDelay)); } div.top-center-box > :nth-child(3) { animation-delay: calc(0.45s * var(--timeScale) + var(--timeDelay)); } div.top-center-box > :nth-child(4) { animation-delay: calc(0.61s * var(--timeScale) + var(--timeDelay)); } div.top-center-box > :nth-child(5) { animation-delay: calc(0.75s * var(--timeScale) + var(--timeDelay)); } div.top-center-box > :nth-child(6) { animation-delay: calc(0.95s * var(--timeScale) + var(--timeDelay)); } /* TOP TEXT */ div.top-left-box, div.top-right-box { clip-path: polygon( 0% -50%, 150% -50%, 150% 100%, 0% 100%); } div.top-left-box > *, div.top-right-box > * { position: relative; animation-name: bottomup; animation-duration: calc(0.65s * var(--timeScale)); animation-delay: calc(0.5s * var(--timeScale) + var(--timeDelay)); animation-iteration-count: 1; animation-timing-function: ease-out; animation-fill-mode: backwards; } /* CONTAINMENT, DISRUPTION, RISK CLASSES */ div.text-part > * { clip-path: polygon( 0% 0%, 100% 0%, 100% 100%, 0% 100%); animation-name: expand2; animation-duration: calc(0.5s * var(--timeScale)); animation-iteration-count: 1; animation-timing-function: cubic-bezier(.12,.41,.27,.99); animation-fill-mode: backwards; } div.text-part > :nth-child(1) { animation-name: expand1; } div.text-part > :nth-child(1) { animation-delay: calc(0.6s * var(--timeScale) + var(--timeDelay)); } div.text-part > :nth-child(2) { animation-delay: calc(0.75s * var(--timeScale) + var(--timeDelay)); } div.text-part > :nth-child(3) { animation-delay: calc(0.86s * var(--timeScale) + var(--timeDelay)); } div.main-class::before, div.main-class::after { animation-name: iconslide; animation-duration: calc(0.45s * var(--timeScale)); animation-delay: calc(0.8s * var(--timeScale) + var(--timeDelay)); animation-iteration-count: 1; animation-timing-function: cubic-bezier(.12,.41,.27,.99); animation-fill-mode: backwards; } /* BOTTOM TEXT */ div.main-class > *, div.disrupt-class > *, div.risk-class > * { animation-name: flowIn; animation-duration: calc(0.42s * var(--timeScale)); animation-delay: calc(0.75s * var(--timeScale) + var(--timeDelay)); animation-iteration-count: 1; animation-timing-function: ease-out; animation-fill-mode: backwards; } /* DIAMOND */ div.arrows { animation-name: arrowspin; animation-duration: calc(0.7s * var(--timeScale)); animation-delay: calc(0.6s * var(--timeScale) + var(--timeDelay)); animation-iteration-count: 1; animation-timing-function: cubic-bezier(.12,.41,.27,.99); animation-fill-mode: backwards; } div.quadrants > * { animation-name: fade; animation-duration: calc(0.3s * var(--timeScale)); animation-delay: calc(1.4s * var(--timeScale) + var(--timeDelay)); animation-iteration-count: 1; animation-timing-function: cubic-bezier(.12,.41,.27,.99); animation-fill-mode: backwards; } div.top-icon, div.right-icon, div.left-icon, div.bottom-icon { animation-name: nodegrow; animation-duration: calc(0.4s * var(--timeScale)); animation-delay: calc(1.4s * var(--timeScale) + var(--timeDelay)); animation-iteration-count: 1; animation-timing-function: cubic-bezier(.12,.41,.27,.99); animation-fill-mode: backwards; } div.diamond-part { clip-path: polygon( -10% 0.37%, 120% 0.37%, 120% 100%, -10% 100%); animation-name: diamondBorder; animation-duration: calc(0.8s * var(--timeScale)); animation-delay: calc(0.5s * var(--timeScale) + var(--timeDelay)); animation-iteration-count: 1; animation-timing-function: cubic-bezier(.32,.38,.39,.94); animation-fill-mode: backwards; will-change: box-shadow; } /* MOBILE QUERY */ @media (max-width: 480px ) { .anom-bar > .bottom-box::before { display:none; } .anom-bar > .bottom-box { box-shadow: 0 -0.5rem 0 0 rgb(var(--black-monochrome, 12, 12, 12))!important; } div.top-center-box > * { animation-name: bar-mobile; animation-duration: calc(0.9s * var(--timeScale)); } div.top-center-box > :nth-child(1) { animation-delay: calc(0.1s * var(--timeScale) + var(--timeDelay)); } div.top-center-box > :nth-child(2) { animation-delay: calc(0.2s * var(--timeScale) + var(--timeDelay)); } div.top-center-box > :nth-child(3) { animation-delay: calc(0.3s * var(--timeScale) + var(--timeDelay)); } div.top-center-box > :nth-child(4) { animation-delay: calc(0.4s * var(--timeScale) + var(--timeDelay)); } div.top-center-box > :nth-child(5) { animation-delay: calc(0.5s * var(--timeScale) + var(--timeDelay)); } div.top-center-box > :nth-child(6) { animation-delay: calc(0.6s * var(--timeScale) + var(--timeDelay)); } } /*--- Motion Accessibility ---*/ @media (prefers-reduced-motion) { div.anom-bar-container { --timeScale: 0; } } /*-------------------------*/ @keyframes divider { from { max-width: 0%; } to { max-width: 100%; } } @keyframes bar { from { max-width: 0%; } to { max-width: 100%; } } @keyframes bar-mobile { from { max-height: 0%; } to { max-height: 100%; } } @keyframes bottomup { from { top: 100px; } to { top: 0; } } @keyframes expand1 { from { opacity: 0; clip-path: inset(0 calc(100% - 0.75rem) 0 0);} to { opacity: 1; clip-path: inset(0);} } @keyframes iconslide { from { opacity: 0; transform: translateX(-5rem);} to { opacity: 1; transform: translateX(0);} } @keyframes expand2 { from { opacity: 0; max-width: 1%;} to { opacity: 1; max-width: 100%;} } @keyframes fade { from { opacity: 0;} to { opacity: 1;} } @keyframes flowIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes arrowspin { from { clip-path: circle(0%); transform: rotate(135deg); } to { clip-path: circle(75%); transform: rotate(0deg); } } @keyframes nodegrow { from { transform: scale(0);} to { transform: scale(1);} } @keyframes diamondBorder { from { box-shadow: -0.5rem -20rem 0 0 rgb(var(--black-monochrome, 12, 12, 12)); } to { box-shadow: -0.5rem 0 0 0 rgb(var(--black-monochrome, 12, 12, 12)); } }
Info
SCP-XXXX "So, You Wanna Build a Bombe?"
Special thank you's to the following:
DarkStuff - for inspiring the fire that this article was fueled from.
Limeyy - for coming to me with such a cool collab idea, I couldn't NOT write for it.
HarryBlank - for being an ever-present encyclopedia of SCP related knowledge. How you found Site-55, I will never know.
Written by: supremeyeet
SCP-XXXX-2 housed within Site-55. Referred to internally as the "Kraken Array"
Special Containment Procedures: SCP-XXXX-1 is to be contained within an airtight, locked filing cabinet inside of Site-55's "Sidejo" Wing. Researchers who wish to use SCP-XXXX-2 for any paracryptographic decryption are to be approved by both Sr. Researcher Tremond and Applied Paracryptography Dept. Head Daniil Sokolsky.
Description: SCP-XXXX-1 is a string of text, approximately 70 characters in length, encoded in a hereto-now unknown cipher. Most of the characters making up the cipher text remain readable (in the English language), but a small fraction of characters follow formatting unseen in any cryptographic system. These alterations include: ASCII characters, emoticons, shaded blank spaces, and non-Euclidian geometry in the place of the plaintext, and will be referred to as SCP-XXXX-1 from now on.
(Should skip prime and -1 have effects that kill comprehension of language after a period of time without supplying a key? I think the effects as is are really lacking, and I dont know how to continue and also keep homage to 5109.)
Discovery: SCP-XXXX-1 was obtained by YEAH THATS A GOOD FUCKING QUESTION YEET HOW DID THIS SHIT GET DISCOVERED. Following retrieval, SCP-XXXX-1 was originally classified as AI-XXXX
Addendum XXXX.V: Preliminary Cryptographic Analysis of SCP-XXXX-1
Originally onboarded through Site-55 Anomalous Intake and Processing, preliminary cryptographic testing was ran to determine whether the cipher itself was anomalous, or if an anomaly had simply grafted to the cipher.
Due to various bureaucratic, social and interdepartmental issues, funding for departments classified under "Linguistics" (including Paralinguistics, Paracryptography, MORE DEPTS HERE, etc.) have been walked back consistantly for the past 15 years. As such, Site-55's AIP division was ill-equipped to run cryptographic testing.
Foundation employee Zainab Hassan graciously volunteered to run testing, as they self-reported cryptography and decryption as hobbies. Their report is listed below:
We should be thanking our lucky stars that we found this before any other Group of Interest could. The potential benefits this cipher could give us, if broken, are absolutely paramount to our continued existence, in my eyes.
Attempting to run frequency analysis or any type of decryption method on SCP-XXXX results in nothing. The characters used, switching so frequently between character sets, aren't comparable to any cipher known to us, whether its Scytale or Ortothan Vigenère.
As far as any secondary anomalous effects, I don't think I'm under the duress of anything memetic. Although, I did get the slightest feeling that the anomaly itself was smirking at me constantly, like it knew it had the upper hand.
Addendum XXXX.X: Briefings on PROJECT: KOMPRENEMO
Addendum XXXX.Y: O5 Counsel with PoI-XXXX
Interviewed: POI-XXXX: Daniil Sokolsky, Site-43 ETTRA
Present: O5-3, O5-11
Foreword: After confirmation of their links to SCP-XXXX-1, PoI-XXXX was summarily summoned by two representatives of O5 command, both having oversight over departments who oversee paracryptology efforts.
<Begin Log, [optional time info]>
Interviewer: [speech]
Person: [speech]
[Repeat as necessary]
<End Log, [optional time info]>
Closing Statement: [Small summary and passage on what transpired afterward]
Addendum XXXX.Z: Establishment of Applied Paracryptography, Site-55
END OF ARTICLE.
WELCOME TO THE YEET ZONE, WHERE IM LOSING MY FUCKING MIND IN REAL TIME. mekhanite go brrrr weheeeeeeeeeeeeeeee fuck writing is hard.
MOST OF THIS IS FOR LIMEYY. IF YOURE NOT LIMEYY, READ ON AT YOUR OWN DISCRETION. ITS PRETTY MANIC.
XXXX = Sokol Cipher
XXXX-1 = Sokol Cipher Prime Iteration (written by Sokolsky)
XXXX-2 = Sokolsky Bombe
Staff Assigned to Project XXXX-2: Tremond, Hassan, Bocharov, Ingress
Outline:
Go through article describing -1. Discovery places the snippet somewhere between Site-43 in Ontario and Site-55 in Boston, Mass.
Discov:
Most likely found as a scrap of litter or what looks to be a geocache, found somewhere outside of Syracuse, NY.
W
Intake has no set up testing due to budget cuts to all ParaLing associated departments, so Hassan graciously runs their own analysis, confirming the cipher itself is anomalous. Given SCP designation from here
X
Findings go up the chain to Site-55's leadership, which starts Project Komprenemo. Project is pulling together three other employees with cryptographic hobbies, making them honorary researchers, and commissioning them to break -1 and build -2. Inter-project comms give us characterization on all:
Tremond: Loves attention, hard-nosed while at work, life of the party outside it. Local.
Hassan: Incredibly wise, but rarely talks. Every word they say has a purpose. Shy, antsy, acts like a nervous puppy when in Project Komprenemo. Somalian
Bocharov:
Ingress: The "normal perspective" of the team, usually points out those simple solutions. Simple character, only needs a beer, couch and a baseball game to be happy (Hates the Red Sox which pisses Tremond off). Midwestern, surface level "dumb hick" stereotype that's kept up due to Ingress not wanting the attention.
What will end this addendum is finding SOMETHING that links back to 5109. Perhaps the key is only knowable by two? From there, O5s call in Sokolsky, who's termed a PoI at this point
Y
O5-3 and O5-11 interview Sokolsky (esperanto is "113" in simple gematria). Structured like a typical disciplinary meeting, Sokolsky gives his reasoning for how he created Sokol by accident during the events of Whack a Mole (if Place linked with a wrong past Sokolsky, they needed to keep the password itself locked away so it didnt hit the fan).
Directly after this revelation, and two minutes of deliberation, Sokolsky gets offered a job, and we jump right into….
Z
Basically the manifesto of ParaCrypt. Introduce the Wolves quote that'll serve as Site-55s moniker: "The smoke you've ignored is a flame you can't contain."
BIG QUESTION: Where do we put Sokolsky's "Yeah I kinda just bullshitted this together" monologue? Either:
- After -1's discovery, before -2.
- During -2's stalled development
- After -2 has been completed.
All end in Sokolsky being the ParaCrypt Dept Head. How I've thought up our general timeline is:
- This article goes live and is proof ParaCrypt gets established
- Shortly after this article in Foundation time (maybe 2-3 weeks?) we get the sentient language starting to screw things up.
- Senti lang article has somewhat the same format (comes in as a AE, becomes an SCP in Intake, project formed, then department solidifed from project)
And we hit the races from there.






Per 


