@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://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap'); @import url(https://fonts.googleapis.com/css2?family=Fira+Code&display=swap); @supports((display: -ms-grid) or (display: grid)) { :root { /* S-CSS-P Integration */ /* If you're making a new CSS theme, please include the following three variables at minimum. */ --theme-base: "black-highlighter"; /* must be either "black-highlighter" or "sigma9" */ --theme-id: "penumbra-bhl"; /* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */ --theme-name: "Penumbra BHL Theme"; /* set this to your theme's full name */ --lgurl: var(--logo-image); --header-subtitle: "SECURE - CONTAIN - PROTECT"; /* Typefaces */ --body-font: "Roboto", sans-serif; --header-font: "Josefin Sans", sans-serif; --title-font: "Josefin Sans", sans-serif; --mono-font: "Fira Code", "Andale Mono", "Courier New", Courier, monospace; /* Standard Colors */ --white-monochrome: 248, 248, 248; /* white */ --pale-gray-monochrome: 237, 237, 237; /* v light gray for blockquotes and stuff */ --light-pale-gray-monochrome: 237, 237, 237; /* very light pale gray for misc. use */ --very-light-gray-monochrome: 215, 215, 215; /* very light accent gray for misc. use */ --light-gray-monochrome: 160, 160, 160; /* light accent gray for login status */ --gray-monochrome: 66, 66, 72; /* gray */ --dark-gray-monochrome: 47, 51, 60; /* dark accent gray for sidebar background */ --black-monochrome: 33, 37, 46; /* black */ --accentColor: 30, 181, 232; /*Penumbra Accent Color*/ --pale-accent: var(--accentColor); /* light red, for visited links */ --bright-accent: var(--accentColor); /* bright red */ --medium-accent: var(--accentColor); /* medium red - the "default" accent color */ --dark-accent: var(--accentColor); /* dark red */ --alt-accent: 221, 102, 17; /* pale orange, for newpage links */ /* Background and Header Colors */ --background-gradient-color: var(--black-monochrome); /* Primary Theme Colors */ --swatch-background: var(--dark-gray-monochrome); /* Primary Text Colors */ --swatch-text-light: var(--pale-gray-monochrome); --swatch-text-general: var(--swatch-text-light); /* Primary Menu Colors */ --swatch-menubg-color: var(--black-monochrome); --swatch-menutxt-general-color: var(--swatch-menutxt-light-color); /* Primary Header Colors */ --swatch-headerh1-color: var(--bright-accent); --swatch-headerh2-color: var(--bright-accent); /* Link Colors */ --sidebar-links-text: var(--bright-accent); /* Rating Module Colors */ --rating-module-button-color: var(--white-monochrome); --rating-module-text-color: var(--swatch-menutxt-light-color); /* Header Gradients */ --diagonal-stripes: initial; /* header measurements */ --header-height-on-desktop: 8.750rem; --header-height-on-mobile: 8.750rem; --header-h1-font-size: -webkit-calc(2rem + (2.75 - 2) * ((100vw - 18.750rem) / (60 - 18.750))); --header-h1-font-size: -moz-calc(2rem + (2.75 - 2) * ((100vw - 18.750rem) / (60 - 18.750))); --header-h1-font-size: calc(2rem + (2.75 - 2) * ((100vw - 18.750rem) / (60 - 18.750))); --header-h2-font-size: -webkit-calc(var(--base-font-size) * 1.15); --header-h2-font-size: -moz-calc(var(--base-font-size) * 1.15); --header-h2-font-size: calc(var(--base-font-size) * 1.15); /* Toggle Sidebar Variable */ --toggle-roundness: 0; } html, body { scrollbar-color: rgb(var(--swatch-primary)) rgb(var(--black-monochrome)); } body { background-image: var(--gradient-background); -webkit-background-size: 100% var(--background-gradient-distance); -moz-background-size: 100% var(--background-gradient-distance); background-size: 100% var(--background-gradient-distance); } .danger-diamond a, .danger-diamond a:hover { color: rgba(0, 0, 0, 0) !important; -webkit-box-shadow: initial !important; -moz-box-shadow: initial !important; box-shadow: initial !important; } #header::before { background-image: var(--lgurl); opacity: 0.15; -webkit-background-size: auto 8rem; -moz-background-size: auto 9.5rem; background-size: auto 9.5rem; } #header h1 a { text-transform: uppercase; } #header h1, #header h1 a, #header h1 a::before { top: 0.35rem; } #header h2, #header h2 span, #header h2 apan::before { top: calc(var(--header-h2-font-size) * 0.6); ; } #side-bar .heading, #side-bar .side-block>.collapsible-block:first-child .collapsible-block-folded { background: none; border-bottom: 0.0625rem solid rgb(var(--pale-gray-monochrome)); -webkit-flex-basis: 90%; -ms-flex-preferred-size: 90%; flex-basis: 90%; margin: 0.5rem auto 0.125rem; font-family: var(--header-font); } #side-bar .heading p, #side-bar .side-block>.collapsible-block .collapsible-block-link { text-transform: none; text-align: left; text-indent: 1rem; font-size: 0.94rem; } #page-content { font-size: 0.9rem !important; } #page-title { color: rgb(var(--swatch-text-general)); border-color: rgb(var(--swatch-text-general)); padding: 0; } h1, h2, h3, h4, h5, h6 { color: rgb(var(--swatch-primary)); } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: rgb(var(--white-monochrome)); } #login-status #my-account { --wght: 400; font-weight: 400; } #top-bar div.mobile-top-bar > ul > li > ul > li > a, #top-bar div.top-bar > ul > li > ul > li > a { --wght: 400; font-weight: 400; } #top-bar div.mobile-top-bar > ul > li > ul > li:hover a, #top-bar div.top-bar > ul > li > ul > li:hover a { color: rgb(var(--black-monochrome)); } #page-content a:not([href*="user"]):not([href*="javascript:;"]) { padding: 0.15em; margin: -0.15em; color: rgb(var(--white-monochrome)); -webkit-box-decoration-break: clone; box-decoration-break: clone; -webkit-box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--swatch-primary), 1); -moz-box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--swatch-primary), 1); box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--swatch-primary), 1); -webkit-transition: color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition: box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -moz-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1); } #page-content a:not([href*="user"]):not([href*="javascript:;"]):hover { padding: 0.3em 0.25em 0.2em 0.25em; margin: -0.25em; -webkit-box-shadow: inset 0 -1.5em 0 0 rgba(var(--swatch-primary), 1); -moz-box-shadow: inset 0 -1.5em 0 0 rgba(var(--swatch-primary), 1); box-shadow: inset 0 -1.5em 0 0 rgba(var(--swatch-primary), 1); text-decoration: none; color: rgb(var(--black-monochrome)) } .page-rate-widget-box { background: rgb(var(--black-monochrome)); } /* Ayer's info-bar patch by Monkatraz */ #page-content .info-container .collapsible-block-folded, #page-content .info-container .collapsible-block-unfolded-link { width: 100%; max-width: 100%; margin: 0 auto; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #page-content .info-container .collapsible-block-link::before, #page-content .info-container .collapsible-block-unfolded-link::before { content: " "; display: none; } #page-content .info-container .collapsible-block-content::after { display: none; } blockquote, div.blockquote, #toc { background-color: rgb(var(--black-monochrome)); border: solid 0.125rem rgb(var(--dark-gray-monochrome)); -webkit-box-shadow: -0.188rem 0px 0px -0.006rem rgb(var(--swatch-primary)); -moz-box-shadow: -0.188rem 0px 0px -0.006rem rgb(var(--swatch-primary)); box-shadow: -0.188rem 0px 0px -0.006rem rgb(var(--swatch-primary)); } .code { background-color: rgb(var(--black-monochrome)); border: solid 0.1875rem rgb(var(--dark-gray-monochrome)); box-shadow: none; } .code pre, .code p, .code { font-size: 0.87rem; background-color: rgb(var(--black-monochrome)); color: rgb(var(--swatch-text-general)); } .code pre { white-space: pre-wrap; } .code pre span[class*="hl-"] { -webkit-filter: invert(1) hue-rotate(180deg); filter: invert(1) hue-rotate(180deg); } .yui-navset .yui-nav { width: 100%; } .yui-navset .yui-nav a { -webkit-transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); } .yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li { -webkit-box-shadow: initial; -moz-box-shadow: initial; box-shadow: initial; } .yui-navset .yui-nav li { background-color: rgb(var(--black-monochrome)); padding-top: 0.25em; -webkit-animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1); animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forward; -moz-animation-fill-mode: forward; animation-fill-mode: forward; -webkit-animation-play-state: paused; -moz-animation-play-state: paused; animation-play-state: paused; } .yui-navset .yui-nav li:hover { background-color: rgb(var(--swatch-primary)); } .yui-navset .yui-nav li em { -webkit-transition: -webkit-transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition: transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1), -moz-transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1); color: rgb(var(--swatch-menutxt-light-color)); } .yui-navset .yui-nav li:hover em { color: rgb(var(--swatch-menutxt-dark-color)); } .yui-navset .yui-nav .selected { margin-top: -0.5em; padding-top: 0.5em; margin-right: 0.0625rem; background-color: rgb(var(--swatch-primary)); -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: backwards; -moz-animation-fill-mode: backwards; animation-fill-mode: backwards; -webkit-animation-play-state: running; -moz-animation-play-state: running; animation-play-state: running; } .yui-navset .yui-nav .selected a em { -webkit-transform: translateY(-0.25em); -moz-transform: translateY(-0.25em); -ms-transform: translateY(-0.25em); transform: translateY(-0.25em); color: rgb(var(--black-monochrome)); } .yui-navset .yui-nav a, .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:active, .yui-navset .yui-nav a:focus-within { background: rgba(0, 0, 0, 0) !important; font-family: var(--title-font); font-weight: 700; isolation: isolate; } .yui-navset .yui-nav a::before, .yui-navset .yui-nav a::after { content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; pointer-events: none; } .yui-navset .yui-nav a:hover::before, .yui-navset .yui-nav a:focus::before, .yui-navset .yui-nav .selected a::before { -webkit-mask-position: center 0px !important; mask-position: center 0px !important; background-position: 100% 200vh; } .yui-navset .yui-nav a:hover::after, .yui-navset .yui-nav a:focus::after, .yui-navset .yui-nav .selected a::after { opacity: 0; -webkit-animation: fade 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-animation: fade 300ms cubic-bezier(0.4, 0.0, 0.2, 1); animation: fade 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -webkit-animation-direction: backwards; -moz-animation-direction: backwards; animation-direction: backwards; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; } .yui-navset .yui-content { background: rgb(var(--black-monochrome)); border: none; margin-top: 0.25rem; } table.wiki-content-table tr { border: none !important; } table.wiki-content-table th { background-color: rgb(var(--black-monochrome)); color: rgb(var(--swatch-primary)); ; font-family: var(--title-font); font-weight: 700; text-transform: uppercase; padding-top: 0.4em; } table.wiki-content-table th, table.wiki-content-table td { border: solid 0.0625rem rgb(var(--swatch-primary)) !important; } hr { border-color: rgb(var(--accentColor)); background-color: rgb(var(--accentColor)); } /*---- TAB ANIMATION by Croquembouche ---- */ .yui-navset .yui-content>div { display: block; top: 0; overflow: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .yui-navset .yui-content>div[style*="none"] { display: block !important; -webkit-box-flex: 0; -webkit-flex: 0; -moz-box-flex: 0; -ms-flex: 0; flex: 0; max-height: 0; padding: 0 0.5em; border-width: 0; /* The following transition affects the one that DISAPPEARS */ -webkit-transition: padding 0s linear 0.5s, border-width 0s linear 0.5s, -webkit-box-flex 0.5s cubic-bezier(.18, .51, .54, .9) 0s, -webkit-flex 0.5s cubic-bezier(.18, .51, .54, .9) 0s; -moz-transition: padding 0s linear 0.5s, border-width 0s linear 0.5s, flex 0.5s cubic-bezier(.18, .51, .54, .9) 0s, -moz-box-flex 0.5s cubic-bezier(.18, .51, .54, .9) 0s; transition: padding 0s linear 0.5s, border-width 0s linear 0.5s, flex 0.5s cubic-bezier(.18, .51, .54, .9) 0s; -webkit-animation: tab-disappear 0.5s ease-in-out 0s 1 both; -moz-animation: tab-disappear 0.5s ease-in-out 0s 1 both; animation: tab-disappear 0.5s ease-in-out 0s 1 both; } .yui-navset .yui-content>div[style*="block"] { display: block !important; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; max-height: 9999rem; /* The following transition affects the one that APPEARS */ -webkit-transition: padding 0s linear 0.5s, border-width 0s linear 0.5s, -webkit-box-flex 0.5s cubic-bezier(.18, .51, .54, .9) 0.5s, -webkit-flex 0.5s cubic-bezier(.18, .51, .54, .9) 0.5s; -moz-transition: padding 0s linear 0.5s, border-width 0s linear 0.5s, -moz-box-flex 0.5s cubic-bezier(.18, .51, .54, .9) 0.5s; transition: padding 0s linear 0.5s, border-width 0s linear 0.5s, flex 0.5s cubic-bezier(.18, .51, .54, .9) 0.5s; -webkit-animation: tab-appear 0.5s ease-in-out 0.5s 1 both; -moz-animation: tab-appear 0.5s ease-in-out 0.5s 1 both; animation: tab-appear 0.5s ease-in-out 0.5s 1 both; } @-webkit-keyframes tab-disappear { 0% { max-height: 9999rem; } 1% { max-height: 100vh; } 100% { max-height: 0; } } @-moz-keyframes tab-disappear { 0% { max-height: 9999rem; } 1% { max-height: 100vh; } 100% { max-height: 0; } } @keyframes tab-disappear { 0% { max-height: 9999rem; } 1% { max-height: 100vh; } 100% { max-height: 0; } } @-webkit-keyframes tab-appear { 0% { max-height: 0; } 99% { max-height: 100vh; } 100% { max-height: 9999rem; } } @-moz-keyframes tab-appear { 0% { max-height: 0; } 99% { max-height: 100vh; } 100% { max-height: 9999rem; } } @keyframes tab-appear { 0% { max-height: 0; } 99% { max-height: 100vh; } 100% { max-height: 9999rem; } } /* fancy collapsible */ #page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link { background: rgb(var(--black-monochrome)); -webkit-transition: background 0.25s linear; -moz-transition: background 0.25s linear; transition: background 0.25s linear; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; width: -webkit-min-content; width: -moz-min-content; width: min-content; white-space: nowrap; overflow: hidden; margin: auto; } #page-content .collapsible-block-folded .collapsible-block-link::before { content: "▷ "; } #page-content .collapsible-block-unfolded .collapsible-block-link::before { content: "▽ "; } #page-content .collapsible-block-link { text-decoration: none; color: rgb(var(--white-monochrome)); font-weight: 700; } #page-content .collapsible-block-link:hover { color: rgb(var(--black-monochrome)); } #page-content .collapsible-block-folded:hover, #page-content .collapsible-block-unfolded-link:hover { background: rgb(var(--swatch-primary)); } #page-content .collapsible-block-unfolded-link { -webkit-box-shadow: 0px -0.26rem 0px 0px rgb(var(--swatch-primary)); -moz-box-shadow: 0px -0.26rem 0px 0px rgb(var(--swatch-primary)); box-shadow: 0px -0.26rem 0px 0px rgb(var(--swatch-primary)); } #page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link { margin-top: 0.625rem; margin-bottom: 0.625rem; } .scp-image-block { border: solid 0.5rem rgb(var(--black-monochrome)); border-bottom: solid 0px rgb(var(--black-monochrome)); -webkit-box-shadow: 0px 0.26rem 0px 0px rgb(var(--accentColor)); -moz-box-shadow: 0px 0.26rem 0px 0px rgb(var(--accentColor)); box-shadow: 0px 0.26rem 0px 0px rgb(var(--accentColor)); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .scp-image-block .scp-image-caption { background-color: rgb(var(--black-monochrome)); border: solid 0.25rem rgb(var(--black-monochrome)); color: rgb(var(--pale-gray-monochrome)); font-size: 0.84rem; } a.footnoteref { padding: 0.05em; color: rgb(var(--swatch-primary)); -webkit-box-decoration-break: clone; box-decoration-break: clone; -webkit-box-shadow: inset 0 0 0 0rem rgba(var(--swatch-primary), 1); -moz-box-shadow: inset 0 0 0 0rem rgba(var(--swatch-primary), 1); box-shadow: inset 0 0 0 0rem rgba(var(--swatch-primary), 1); -webkit-transition: color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition: box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -moz-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1); } a.footnoteref:hover { -webkit-box-shadow: inset 0 -1.25em 0 0 rgba(var(--swatch-primary), 1); -moz-box-shadow: inset 0 -1.25em 0 0 rgba(var(--swatch-primary), 1); box-shadow: inset 0 -1.25em 0 0 rgba(var(--swatch-primary), 1); text-decoration: none; color: rgb(var(--black-monochrome)) } .footnotes-footer { background-color: rgb(var(--black-monochrome)); } /* Tags */ .page-tags span { border-top: 0.0625rem solid rgb(var(-white-monochrome)); } .page-tags span a { padding: 0.25em; color: rgb(var(--white-monochrome)); -webkit-box-decoration-break: clone; box-decoration-break: clone; -webkit-box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--swatch-primary), 1); -moz-box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--swatch-primary), 1); box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--swatch-primary), 1); -webkit-transition: color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition: box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -moz-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1); } .page-tags span a:hover { padding: 0.3em 0.25em 0.2em 0.25em; -webkit-box-shadow: inset 0 -1.5em 0 0 rgba(var(--swatch-primary), 1); -moz-box-shadow: inset 0 -1.5em 0 0 rgba(var(--swatch-primary), 1); box-shadow: inset 0 -1.75em 0 0 rgba(var(--swatch-primary), 1); text-decoration: none; color: rgb(var(--black-monochrome)) } div#page-options-bottom-2>a, div#page-options-bottom>a { border-color: rgba(var(--swatch-primary-darkest), 1); background-color: rgba(var(--swatch-menubg-dark-color), 1); color: rgb(var(--white-monochrome)); border-radius: 0; } div#page-options-bottom-2>a:active, div#page-options-bottom-2>a:hover, div#page-options-bottom>a:active, div#page-options-bottom>a:hover { border-color: rgba(var(--swatch-menubg-dark-color), 1); background-color: rgba(var(--swatch-primary-darkest), 1); color: rgb(var(--black-monochrome)); border-radius: 0; } #footer { color: rgb(var(--black-monochrome)); } #license-area { color: rgb(var(--white-monochrome)); } input.text, textarea { background-color: rgb(var(--black-monochrome)); color: rgb(var(--swatch-text-general)); border-color: rgb(var(--swatch-menubg-dark-color)); } #lock-info { background-color: rgb(var(--black-monochrome)); color: rgb(var(--swatch-text-general)); border-color: rgb(var(--swatch-menubg-dark-color)); } /* Pop-Up Windows */ .owindow { background-color: rgb(var(--black-monochrome)); border-color: rgb(var(--swatch-primary)); } .owindow .modal-header { background-color: rgb(var(--black-monochrome)); } .owindow .modal-body img { background-color: transparent !important; } .owindow .title { background-color: rgb(var(--black-monochrome)); color: #var(--swatch-primary); border-bottom: 1px solid rgb(var(--swatch-primary)); } .owindow .button-bar a { background-color: rgb(var(--black-monochrome)); border-color: rgb(var(--swatch-primary)); color: rgb(var(--white-monochrome)); } .owindow .button-bar a:hover { background-color: rgb(var(--swatch-primary)); } /* ---- INTERWIKI ---- */ .scpnet-interwiki-frame { -webkit-filter: invert(100%) grayscale(100%) contrast(75%); filter: invert(100%) grayscale(100%) contrast(75%); } .darkbox, .lightbox { border-left: solid 0.26rem rgb(var(--swatch-primary)); border-right: solid 0.26rem rgb(var(--swatch-primary)); padding: .4rem; margin-top: 0.75rem; margin-bottom: 0.75rem; } .darkbox { background-color: rgb(var(--black-monochrome)); } .lightbox { background-color: rgb(var(--white-monochrome)); color: rgb(var(--black-monochrome)); } .lightbox h2, .lightbox h3, .lightbox h4, .lightbox h5, .lightbox h6 { color: rgb(var(--black-monochrome)); } /* Custom Assets by EstrellaYoshte */ .limit { margin-bottom: -1rem; } .anchor { position: -webkit-sticky; position: sticky; height: 0; top: 0; z-index: 9999; } .sidebox { background-color: rgb(var(--black-monochrome)); border-top: solid 2px rgb(var(--swatch-primary)); padding: .14rem 1rem .14rem; margin-top: 0; margin-bottom: 0.5rem; width: -webkit-calc((100vw - (var(--body-width-on-desktop) + 10rem))/2); width: -moz-calc((100vw - (var(--body-width-on-desktop) + 10rem))/2); width: calc((100vw - (var(--body-width-on-desktop) + 10rem))/2); max-height: -webkit-calc(100vh - 18rem); max-height: -moz-calc(100vh - 18rem); max-height: calc(100vh - 18rem); position: absolute; top: 0; left: 103.5%; z-index: 5; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .hovertip { color: rgb(var(--swatch-text-general)); } @media (max-width: 1290px) { .sidebox { width: auto; max-width: 50vw; color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0); -webkit-box-shadow: 0 0 0 0 rgb(var(--swatch-primary)); -moz-box-shadow: 0 0 0 0 rgb(var(--swatch-primary)); box-shadow: 0 0 0 0 rgb(var(--swatch-primary)); border: none; right: -webkit-calc(((100vw - 45.8rem)/2) * -1); right: -moz-calc(((100vw - 45.8rem)/2) * -1); right: calc(((100vw - 45.8rem)/2) * -1); left: initial; pointer-events: none; -webkit-transition: color 0.2s ease-in-out 0.1s, background-color 0s ease-in-out 0s, -webkit-box-shadow 0.5s ease-in-out 0.1s; -moz-transition: color 0.2s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, background-color 0s ease-in-out 0s, -moz-box-shadow 0.5s ease-in-out 0.1s; transition: color 0.2s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, background-color 0s ease-in-out 0s; overflow-x: hidden; overflow-y: hidden; scrollbar-width: thin; } .sidebox::-webkit-scrollbar { width: 0.5em; } .sidebox * { opacity: 0; -webkit-transition: opacity 0.2s ease-in-out 0.1s; -moz-transition: opacity 0.2s ease-in-out 0.1s; transition: opacity 0.2s ease-in-out 0.1s; } .sidebox::before, .sidebox::after { content: " "; position: absolute; pointer-events: all; right: 0; } .sidebox::before { top: -webkit-calc(50% - 0.75rem); top: -moz-calc(50% - 0.75rem); top: calc(50% - 0.75rem); width: 0; height: 0; border-top: 0.75rem solid transparent; border-bottom: 0.75rem solid transparent; border-right: 0.75rem solid rgb(var(--swatch-primary)); -webkit-transition: border 0.1s ease-in-out 0.1s; -moz-transition: border 0.1s ease-in-out 0.1s; transition: border 0.1s ease-in-out 0.1s; z-index: 10; } .sidebox::after { top: 0; max-width: 0.75rem; width: 100%; height: 100%; -webkit-box-shadow: 0.125rem 0 0 0 rgb(var(--swatch-primary)); -moz-box-shadow: 0.125rem 0 0 0 rgb(var(--swatch-primary)); box-shadow: 0.125rem 0 0 0 rgb(var(--swatch-primary)); max-height: -webkit-calc(100vh - 18rem); max-height: -moz-calc(100vh - 18rem); max-height: calc(100vh - 18rem); background-color: rgb(var(--black-monochrome)); z-index: -1; -webkit-transition: max-width 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s, -webkit-border-top-left-radius 0.5s ease-in-out 0.1s, -webkit-border-bottom-left-radius 0.5s ease-in-out 0.1s; -moz-transition: box-shadow 0.5s ease-in-out 0.1s, max-width 0.5s ease-in-out 0.1s, border-top-left-radius 0.5s ease-in-out 0.1s, border-bottom-left-radius 0.5s ease-in-out 0.1s, -moz-box-shadow 0.5s ease-in-out 0.1s, -moz-border-radius-topleft 0.5s ease-in-out 0.1s, -moz-border-radius-bottomleft 0.5s ease-in-out 0.1s; transition: box-shadow 0.5s ease-in-out 0.1s, max-width 0.5s ease-in-out 0.1s, border-top-left-radius 0.5s ease-in-out 0.1s, border-bottom-left-radius 0.5s ease-in-out 0.1s; } .sidebox:hover, .sidebox:active { color: rgb(var(--swatch-text-general)); background-color: rgb(var(--black-monochrome)); pointer-events: all; overflow-y: scroll; -webkit-transition: color 0.5s ease-in-out 0.2s, background-color 0s ease-in-out 0.6s, right 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s; -moz-transition: color 0.5s ease-in-out 0.2s, box-shadow 0.5s ease-in-out 0.1s, background-color 0s ease-in-out 0.6s, right 0.5s ease-in-out 0.1s, -moz-box-shadow 0.5s ease-in-out 0.1s; transition: color 0.5s ease-in-out 0.2s, box-shadow 0.5s ease-in-out 0.1s, background-color 0s ease-in-out 0.6s, right 0.5s ease-in-out 0.1s; } .sidebox:hover *, .sidebox:active * { opacity: 1; -webkit-transition: opacity 0.5s ease-in-out 0.2s; -moz-transition: opacity 0.5s ease-in-out 0.2s; transition: opacity 0.5s ease-in-out 0.2s; } .sidebox:hover::before, .sidebox:active::before { border-top: 0vw solid transparent; border-bottom: 0vw solid transparent; } .sidebox:hover::after, .sidebox:active::after { -webkit-box-shadow: 0 -0.125rem 0 0 rgb(var(--swatch-primary)); -moz-box-shadow: 0 -0.125rem 0 0 rgb(var(--swatch-primary)); box-shadow: 0 -0.125rem 0 0 rgb(var(--swatch-primary)); right: 0; max-width: 100%; -webkit-border-top-left-radius: 0rem; -moz-border-radius-topleft: 0rem; border-top-left-radius: 0rem; -webkit-border-bottom-left-radius: 0rem; -moz-border-radius-bottomleft: 0rem; border-bottom-left-radius: 0rem; } } @media only screen and (max-width:768px) { :root { --body-width-on-desktop: 100vw; --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-h2-font-size: var(--base-font-size); } #header h1, #header h1 a, #header h1 a::before { top: 0.5rem; } #header h2, #header h2 a, #header h2 a::before { top: 0.35rem; } .anchor { top: -webkit-calc(var(--topbar-height-on-mobile) + 0.75rem); top: -moz-calc(var(--topbar-height-on-mobile) + 0.75rem); top: calc(var(--topbar-height-on-mobile) + 0.75rem); } .sidebox, .sidebox:hover, .sidebox:active { right: -webkit-calc(((100vw - (100% - 3rem))/2) * -1 + 1.75rem); right: -moz-calc(((100vw - (100% - 3rem))/2) * -1 + 1.75rem); right: calc(((100vw - (100% - 3rem))/2) * -1 + 1.75rem); } .sidebox::before, .sidebox::after { content: " "; position: absolute; pointer-events: all; right: 0; } .blockquote, [class*="blockquote"], blockquote, div.blockquote { margin: 0; } } @media only screen and (min-width: 769px) { #search-top-box-form input[type="submit"], #search-top-box-form input[type="submit"]:focus, #search-top-box-form input[type="submit"]:hover { border-left: 0.0625rem solid rgba(var(--swatch-primary-darkest), 0); } #search-top-box-form input[type="submit"] { background: rgba(var(--swatch-primary-darkest), 0.5); } } }
: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)); } }
SCP-XXXX - Art Gallery, Abandoned, 1999.
My First SCP! (Probably).
Image Credits
All image edits were made by me, Doggol.
[{$authorPage} ▸ More by this Author ◂]
Translations:
| Assigned Site | Site Director | Research Head | Assigned Task Force |
| Research Site-102 | Dir. Katherine Saw | Dr Jordan Henry | N/A |
Special Containment Procedures: The entrances into SCP-XXXX are to be welded and sealed shut in order to prevent entry. A tunnel beneath the structure has been created to allow for safe entry in emergency cases.
Description: SCP-XXXX is the abandoned "Forstone Petrochemical Plant" on the outskirts of Forstone, New South Wales, 300 kilometres from Canberra. Any human who attempts to enter SCP-XXXX from any above ground entrance will inevitably experience a sudden intense sensation of fear and regret, which will build while the offending individual is within the structure. This results in the offending individual fleeing the structure, at which point the effect will cease. This effect can also be supplanted by entering through a subterranean passages or by using drone exploration.
SCP-XXXX's above ground floors have been well explored using unmanned drones. While most of the structure matches with archival imagery and blueprints from before 1999, several notable deviations are present:
- Wires (Mostly ripped and non-functional from water damage or pests) span from the Natural Gas processing units towards the Central Steam Cracker. The wires are not included in the patent (filed 1968) for the Natural Gas processing units produced, and as such were likely used for different function.
- The office of Ex-employee Allan P. Adetail (Employee from 1987-1999) has been partially converted into a field office/research lab/art studio.
- The main Steam Cracker of the Plant has been removed, with material from the structure placed haphazardly in Waste Ponds. In its place is a large (20m radius) circular stainless steel lid, approximately 2 metres thick. Non-functional wires sourced from the Natural Gas Processing units extend into the center of the lid. The lid is connected to the plant floor through several tons of concrete.
The Large Steel Lid in the Plant covers an 864 metre deep cylindrical pit segmented into 200 floors, each 4.3 metres tall, with a 30cm balcony spanning every second floor. Each floor is further segmented into 12 evenly sized rooms, 10m long. A large metal and steel tower - including pipe, storage, electrical, and miscellaneous structures extends from the middle of the silo, extending 855 metres. Several pipes and complex wiring systems (Damaged from several years of wear and tear) extend from this tower into every room in the structure.
Each room in the building can be accessed by a door from a main spiraling hallway/staircase. Each of these doors has a small plaque in their center, usually with a small passage of text and identifying information.
- Addendum XXXX.1 - Recovered Evidence in Upper Structure
Unmanned drone investigations into the Upper floors of SCP-XXXX have recovered several physical documents and Artifacts relating to the anomaly.
Natural Gas Processing Unit
Item Description: Notice
Analysis: Non-Anomalous
Notes: Attached to Natural Gas Processing Unit 3 Text:"OUT OF ORDER: Unexplained loss in production capability. Do not turn on.."
Other recovered Evidence suggests that Processing Unit 3 was preparing for decommissioning by 1999 (see Document 102XXXX-343).
Item Description: Plastic Tie with Text Excerpt
Analysis: Suspected Anomaly (Presumed Neutralised)
Notes: Discovered around damaged wire from Processing Unit 2. Text:"Keep plugged in - no more than 2000 Volts".
Handwriting matched to prominent Anartist Lily Asicano. Upon discovery, Kant Counters attached to the drone registered a minor drop in Hume level around the Processing Unit.
Control Room and Management Offices
Description: 1999 Full Staff Photo
Analysis: Non-anomalous
Notes: Image found attached to note board in Staff Break Area. Depicts 37 individuals (members of plant Management and Operation), with Alan P. Adetail notably absent. Significant photographic distortion present in the location of Adetails office - office is unrecognizable.
Description: Wanted Poster
Analysis: Non-anomalous
Notes: Wanted poster for an unknown trespasser into the plant. Police sketch strongly resembles Anartist Lily Asicano. Text haphazardly scrawled across the surface of poster states:"look in alan's oficce [sic] it's him he's doing it"
Description: Corpse of Plant Manager Henry J. Wick.
Analysis: Anomalous
Notes: Cause of death unclear. Decomposition of Central Nervous System compared to other bodily systems suggests that the Item had sustained numerous physical processes for several weeks following brain death. Item causes minor reduction in brain functions when in direct sight. Item was discovered face down, naked, and partially covered by a white sheet.
Office of Alan P. Adetail
Description: Ericsson A1018 Mobile Phone (GOC Issued Portable Recording device present)
Analysis: Non-Anomalous
Notes: GOC Portable Recording Device has a single, 16 Hour data file stored on it. The file mostly consists of various environmental sounds (various animal noises, dripping, strong wind) but will sometimes suddenly transition into sounds of an active, bustling office. Only 3 speech excepts are audible. These are transcribed below.
Communication One:BEGIN LOG
/* source: http://ah-sandbox.wikidot.com/component:collapsible-sidebar-x1 */ #top-bar .open-menu a { position: fixed; top: 0.5em; left: 0.5em; z-index: 5; font-family: 'Nanum Gothic', san-serif; font-size: 30px; font-weight: 700; width: 30px; height: 30px; line-height: 0.9em; text-align: center; border: 0.2em solid #888; background-color: #fff; border-radius: 3em; color: #888; } @media (min-width: 768px) { .mobile-top-bar { display: block; } .mobile-top-bar li { display: none; } #main-content { max-width: 708px; margin: 0 auto; padding: 0; transition: max-width 0.2s ease-in-out; } #side-bar { display: block!important; position: fixed; top: 0; left: -19em; width: 17em; height: 100%; margin: 0; overflow-y: auto; z-index: 10; padding: 0.3em 0.675em; background-color: rgba(0,0,0,0.1); transition: left 0.5s ease-in-out; } #side-bar:target { display: block; left: 0; width: 17em; margin: 0; z-index: 10; } #side-bar:target .close-menu { display: block; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; } #top-bar .open-menu a:hover { text-decoration: none; } .close-menu { margin-left: 19em; opacity: 0; } }
/* Penumbra Theme [2020 Wikidot Theme] By EstrellaYoshte Based on: Paperstack Theme by EstrellaYoshte Ad Astra Theme by NatVoltaic and stormbreath Inkblot Theme by Croquembouche Anderson Robotics Theme by Croquembouche BHL Style Collapsible by Monkatraz */ @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap'); @import url(https://fonts.googleapis.com/css2?family=Fira+Code&display=swap); #page-content { font-size: .9rem; } body { font-family: 'Roboto', sans-serif; color: #EDEDED; background-color: #2F333C; background-image: linear-gradient( to bottom, #21252E, #21252E 90px, #21252E 90px, #2F333C 200px, #2F333C 200px, #2F333C 100%); background-repeat: no-repeat; } #main-content { top: -1.2rem; } /* ---- SCROLLBAR ---- */ ::-webkit-scrollbar { width: 9px; background: transparent; } ::-webkit-scrollbar-track { background: #21252E; } ::-webkit-scrollbar-thumb { background: #ededed; border: none; } ::-webkit-scrollbar-thumb:hover { background: var(--accentColor); } /* ---- HEADER ---- */ div#container-wrap { background-image: none; } div#header { background-image: none; } div#extra-div-1 { height: 164px; width: 100%; top: 0; position: absolute; background: var(--lgurl); background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; z-index: -1; } #header h1, #header h2 { margin-left: 0; float: none; text-align: center; } /* Move the subtitle down a smidge */ #header h2 { margin-top: 0.45rem; } /* Hide the existing text */ #header h1 span, #header h2 span { font-size: 0; display: none; } /* Style the new text */ #header h1 a::before, #header h2::before { color: var(--accentColor); font-family: 'Josefin Sans', sans-serif; text-shadow: none; } /* Set the new text's content from variable */ #header h1 a::before { content: var(--header-title, "SCP FOUNDATION"); font-weight: 300; font-size: 1.3em; } #header h2::before { content: var(--header-subtitle, "SECURE - CONTAIN - PROTECT"); font-weight: 600; font-size: 1.22em; } #login-status { color: #ededed; } #login-status a { color: var(--accentColor); } #login-status ul a { color: #ededed; background: #21252E; } #login-status ul a:hover { color: var(--accentColor); } #account-topbutton{ border: solid 1px var(--accentColor); } #footer, #footer a { background: transparent; color: #ededed; } #license-area { color: #ededed; } #search-top-box { top: 2.2rem!important; right: 8px; } #search-top-box-form > input[type=submit] { border: solid 1px #ededed; background: #21252E!important; box-shadow: none; border-radius: 0; color: #ededed; transition: color 0.15s linear; } #search-top-box-form input[type=submit]:hover { border: solid 1px var(--accentColor); box-shadow: none; color: var(--accentColor); } #search-top-box-form > input[type=text] { display: none; } /* ---- TOP BAR ---- */ #top-bar { top: 8.4rem; display: flex; justify-content: center; right: 0; } @media (max-width: 768px) { .mobile-top-bar { display: flex; justify-content: center; max-width: 100%; width: 100%; left: 0; } } #top-bar, #top-bar a { color: #ededed; transition: color 0s; } #top-bar ul li ul { border-color: var(--accentColor); overflow: hidden; } #top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a { border-top-color: #2F333C; } #top-bar ul li.sfhover a, #top-bar ul li:hover a { background: #21252E; color: #ededed; } #top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover { background: #21252E; /* top bar hover background color */ color: var(--accentColor); transition: color 0.1s linear; } /* ---- SIDE BAR ---- */ div#side-bar{ background: #21252E; clear: both; padding: .8em; border-radius: 0; box-shadow: none; overflow-x: hidden; } #side-bar .heading{ color: #ededed; font-family: 'Josefin Sans', sans-serif; font-size: 0.94rem; border-bottom: solid 1px #ededed; } #side-bar .side-block { border: transparent; border-radius: 0; box-shadow: none; background-color: #21252E; } #side-bar .side-block.media { background-color:#21252E; } #side-bar .side-block.media > * { display: flex; justify-content: space-evenly; } #side-bar .side-block.resources { background-color:#21252E; } .side-block .menu-item > .image { display: none; } #top-bar div.open-menu a { border-radius: 0; box-shadow: none; color: var(--accentColor); background-color: #21252E; border: solid 1px #21252E; } @media (max-width: 767px) { #main-content { padding: 0; margin: 0 5%; border-left: none; } #page-title { margin-top: 0.7em; } #side-bar { background-color: #21252E; left: -18.6em; } #side-bar:target { border: none; box-shadow: none; } #side-bar .close-menu { transition: width 0.5s ease-in-out 0.1s, opacity 1s ease-in-out 0s; display: block; position: fixed; width: 100%; height: 100%; top: 0; right: 0; background: rgba(0,0,0,0.3); background-position: 18.6em 50%; z-index: -1; opacity: 0; pointer-events: none; } #side-bar:target .close-menu { width: calc(100% - 18.6em); right: 0; left: auto; opacity: 1; pointer-events: auto; } #side-bar:target .close-menu:hover { background: unset; } #page-content > hr, #page-content > .list-pages-box > .list-pages-item > hr { margin: 3em -5.5%; } #side-bar { top: 0; } #side-bar .heading { padding-left: 1em; margin-left: -1em; } #search-top-box { top: 107px; } } /* ---- TABS ---- */ /* ---- YUI TAB BASE ---- */ .yui-navset .yui-nav a,.yui-navset .yui-navset-top .yui-nav a{background-color:inherit;background-image:inherit}.yui-navset .yui-nav a:hover,.yui-navset .yui-nav a:focus{background:inherit;text-decoration:inherit}.yui-navset .yui-nav .selected a,.yui-navset .yui-nav .selected a:focus,.yui-navset .yui-nav .selected a:hover{color:inherit;background:inherit}.yui-navset .yui-nav,.yui-navset .yui-navset-top .yui-nav{border-color:inherit}.yui-navset li{line-height:inherit} /* ---- YUI TAB CUSTOMIZATION ----*/ .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav{ display: flex; flex-wrap: wrap; width: calc(100% - .125rem); margin: 0 auto; border-color: var(--accentColor); box-shadow: none; } .yui-navset .yui-nav a, /* ---- Link Modifier ---- */ .yui-navset .yui-navset-top .yui-nav a{ color: #ededed; font-weight: bold; /* ---- Tab Background Colour | [UNSELECTED] ---- */ background-color: #21252E; border: unset; box-shadow: none; box-shadow: none; transition: background-color 0.15s linear; } .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus{ color: #ededed; /* ---- Tab Background Colour | [HOVER] ---- */ background-color: var(--accentColor); } .yui-navset .yui-nav li, /* ---- Listitem Modifier ---- */ .yui-navset .yui-navset-top .yui-nav li{ position: relative; display: flex; flex-grow: 2; max-width: 100%; margin: 0; padding: 0; color: #ededed; background-color: #21252E; border-color: transparent; box-shadow: none; } .yui-navset .yui-nav li a, .yui-navset-top .yui-nav li a, .yui-navset-bottom .yui-nav li a{ display: flex; align-items: center; justify-content: center; width: 100%; } .yui-navset .yui-nav li em{ border: unset; } .yui-navset .yui-nav a em, .yui-navset .yui-navset-top .yui-nav a em{ padding: .35em .75em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .yui-navset .yui-nav .selected, /* ---- Selection Modifier ---- */ .yui-navset .yui-navset-top .yui-nav .selected{ flex-grow: 2; margin: 0; padding: 0; /* ---- Tab Background Colour | [SELECTED] ---- */ background-color: var(--accentColor); } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em{ border: none; } .yui-navset .yui-nav .selected a{ width: 100%; color: #21252E; font-weight: bold; } .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:active{ color: #21252E; background-color: var(--accentColor); } .yui-navset .yui-content { background-color: #21252E; box-shadow: none; } .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content{ padding: .5em; border: none; } /*---- TAB ANIMATION by Croquembouche ---- */ .yui-navset .yui-content > div { display: block; top: 0; overflow: hidden; transform-origin: 0 0; } #page-content .yui-navset .yui-content > div[style*="none"] { display: block !important; flex: 0; max-height: 0; padding: 0 0.5em; border-width: 0; /* The following transition affects the one that DISAPPEARS */ transition: padding 0s linear 0.5s, border-width 0s linear 0.5s, flex 0.5s cubic-bezier(.18,.51,.54,.9) 0s; animation: tab-disappear 0.5s ease-in-out 0s 1 both; } #page-content .yui-navset .yui-content > div[style*="block"] { display: block !important; flex: 1; max-height: 9999rem; /* The following transition affects the one that APPEARS */ transition: padding 0s linear 0.5s, border-width 0s linear 0.5s, flex 0.5s cubic-bezier(.18,.51,.54,.9) 0.5s; animation: tab-appear 0.5s ease-in-out 0.5s 1 both; } @keyframes tab-disappear { 0% { max-height: 9999rem; } 1% { max-height: 100vh; } 100% { max-height: 0; } } @keyframes tab-appear { 0% { max-height: 0; } 99% { max-height: 100vh; } 100% { max-height: 9999rem; } } /* ---- INFO BAR ---- */ body{ --barColour: #21252E; --linkColour: #ededed; } .info-container .collapsible-block-content{ padding: 0 .5em 30px; } .info-container .collapsible-block-content .wiki-content-table{ width: 100%; } /* Ayer's info-bar patch by Monkatraz */ #page-content .info-container .collapsible-block-folded, #page-content .info-container .collapsible-block-unfolded-link { width: 100%; max-width: 100%; margin: 0 auto; padding: 0; box-shadow: none; } #page-content .info-container .collapsible-block-link::before, #page-content .info-container .collapsible-block-unfolded-link::before { content: " "; display: none; } #page-content .info-container .collapsible-block-content::after { display: none; } /* ---- INFO PANE ---- */ #page-content .creditRate{ margin: unset; margin-top: 4px; margin-bottom: 4px; margin-right: 3px; } #page-content .rate-box-with-credit-button { background-color: #21252E; border: solid 2px #21252E; border-radius: 0; box-shadow: 3px 0px 0px 0px var(--accentColor); } #page-content .rate-box-with-credit-button .creditButton p a { border-left-color: transparent; } #page-content .rate-box-with-credit-button .page-rate-widget-box .cancel { border-radius: 0; } #page-content .rate-box-with-credit-button .page-rate-widget-box .rate-points { border-left: 0; } .rate-box-with-credit-button .page-rate-widget-box .cancel a:hover { border-radius: 0; } #page-content .rate-box-with-credit-button .fa-info { color: #ededed; } #page-content .rate-box-with-credit-button .fa-info:hover { color: var(--accentColor); } #page-content .creditButtonStandalone p a { background-color: #21252E; border: solid 2px #21252E; border-radius: 0; box-shadow: 3px 0px 0px 0px var(--accentColor); color: #ededed; } #page-content .creditButtonStandalone p a:hover { color: var(--accentColor); } #page-content .modalbox { background: #2F333C !important; color: #ededed; box-shadow: none; } .close-credits, .credit-back { filter: grayscale(100%) invert(100%) contrast(275%); } /* ---- PAGE RATING ---- */ .page-rate-widget-box { margin: unset; border-radius: 0; border: solid 2px #21252E; box-shadow: 3px 0px 0px 0px var(--accentColor); background-color: #21252E; margin-top: 4px; margin-bottom:4px; margin-right: 3px; } .page-rate-widget-box .rate-points { background-color: #21252E !important; border: none; color: #ededed !important; text-transform: capitalize; } .page-rate-widget-box .rateup, .page-rate-widget-box .ratedown { background-color: #21252E; border-top: none; border-bottom: none; } .page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a { background: transparent; color: #ededed; } .page-rate-widget-box .rateup a:hover, .page-rate-widget-box .ratedown a:hover { background: #21252E; color: var(--accentColor); } .page-rate-widget-box .cancel { background: transparent; background-color: #21252E; border: none; } .page-rate-widget-box .cancel a { color: #ededed; } .page-rate-widget-box .cancel a:hover { background: #21252E; color: var(--accentColor); } /* ---- PAGE ELEMENTS ---- */ .page-source, tt{ font-family: "Fira Code", monospace; font-size: 0.87rem; } .code pre, .code p, .code { font-family: "Fira Code", monospace; font-size: 0.87rem; color: #21252E; } h1 { color: var(--accentColor); font-family: 'Josefin Sans', sans-serif; font-weight: bold; } h2, h3, h4, h5, h6 { color: #EDEDED; font-family: 'Josefin Sans', sans-serif; font-weight: bold; } #page-title { color: #ededed; font-family: 'Josefin Sans', sans-serif; font-size: 1.65rem; text-align: center; border-color: #ededed; } /* Clicky links */ a, a.newpage, a:visited, #side-bar a:visited { color: var(--accentColor); transition: color 0.15s linear; } a:hover, a.newpage:hover, a:visited:hover, #side-bar a:visited:hover { color: #ffffff; text-decoration: none; background-color: var(--accentColor); } a.newpage { filter: hue-rotate(180deg); } /* patch for sidebar media, collapsibles, ACS, info button and ayers module so link doesn't override */ #page-content .collapsible-block-folded a:hover, #page-content .collapsible-block-unfolded-link a:hover, #page-content .rate-box-with-credit-button .fa-info:hover, #side-bar .side-block.media a:hover, .danger-diamond a:hover { background: transparent; } .info-container .collapsible-block-folded .collapsible-block-link, .info-container .collapsible-block-link { background: var(--linkColour) !important; } hr{ background-color: var(--accentColor); } blockquote, div.blockquote, #toc { background-color: #21252E; border: solid 2px #2F333C; box-shadow: -3px 0px 0px -0.1px var(--accentColor); } .code { background-color: #F8F8F8; border: solid 3px #2F333C; box-shadow: none; } .scp-image-block { border: solid 8px #21252E; border-bottom: solid 0px #21252E; box-shadow: 0px 0.26rem 0px 0px var(--accentColor); box-sizing: border-box; } .scp-image-block .scp-image-caption { background-color: #21252E; border: solid 4px #21252E; color: #ededed; font-size: 0.84rem; } .scp-image-block.block-left { margin-left: 0; } .scp-image-block.block-right { margin-right: 0; } @media (max-width: 540px) { .scp-image-block.block-left, .scp-image-block.block-right { float: none; clear: both; margin-left: auto; margin-right: auto; } } #page-content .wiki-content-table tr th { border: solid 1px var(--accentColor); color: var(--accentColor); background-color: #21252E; /* set border for table title */ } #page-content .wiki-content-table tr td { border: solid 1px var(--accentColor); /* set border for table content */ } /* fancy collapsible */ #page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link { background: #21252E; transition: background 0.25s linear; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; width: min-content; white-space: nowrap; overflow: hidden; margin: auto; box-sizing: border-box; } #page-content .collapsible-block-folded .collapsible-block-link::before { content: "▷ "; } #page-content .collapsible-block-unfolded .collapsible-block-link::before { content: "▽ "; } #page-content .collapsible-block-link { text-decoration: none; color: #ededed; font-weight: bold; } #page-content .collapsible-block-folded:hover, #page-content .collapsible-block-unfolded-link:hover { background: var(--accentColor); } #page-content .collapsible-block-unfolded-link { box-shadow: 0px -0.26rem 0px 0px var(--accentColor); } #page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link { margin-top: 10px; margin-bottom: 10px; } /* Selection */ ::selection { background: var(--accentColor); color: #ffffff; } /* Footnotes */ .hovertip { font-size: .9rem; background-color: #21252E !important; border: solid 1px var(--accentColor) !important; } .footnotes-footer { background-color: #21252E; padding-left: 1.4rem; padding-right: 1.4rem; padding-bottom: 1.5rem; box-shadow: -0.24rem 0px 0px 0px var(--accentColor); } .footnotes-footer .title { color: #ededed; } .footnote .f-footer, .equation .e-footer, .reference .r-footer { display: none; } /* Tags */ #main-content .page-tags a { margin-top: .18rem; } .page-tags span { border-top: 1px solid #ededed; } /* Pop-Up Windows */ .owindow { background-color: #21252E; border-color: var(--accentColor); } .owindow .modal-header { background-color: #21252E; } .owindow .modal-body img { background-color: transparent !important; } .owindow .title { background-color: #21252E; color: #var(--accentColor); border-bottom: 1px solid #2F333C; } .owindow .button-bar a { background-color: #21252E; border-color: var(--accentColor); color: #ededed; } .owindow .button-bar a:hover { background-color: var(--accentColor); } /* Edit Buttons */ .buttons .btn { background-color: #21252E; border-color: var(--accentColor); color: var(--accentColor); padding: 3px 5px; } .buttons .btn:hover { background-color: var(--accentColor); color: #21252E; } /* Edit Lock Info*/ #lock-info { background-color: #21252E; border-color: #ededed; } /* Close Button for Page Source, Rating, Etc */ a.action-area-close:hover { background-color: #21252E; } /* Page-History Current */ .pager .current { background-color: var(--accentColor); border-color: #ededed; } /* History Compare */ .inline-diff ins, .inline-diff del { color: #21252E; } /* ---- INTERWIKI ---- */ .scpnet-interwiki-frame{ filter: invert(100%) grayscale(100%) contrast(75%); } /* ---- CUSTOM SYNTAX ---- */ .darkbox { background-color: #21252E; border-left: solid 0.26rem var(--accentColor); border-right: solid 0.26rem var(--accentColor); padding: .4rem; margin-top: 12px; margin-bottom:12px; } .lightbox { background-color: #ededed; color: #21252E; border-left: solid 0.26rem var(--accentColor); border-right: solid 0.26rem var(--accentColor); padding: .4rem; margin-top: 12px; margin-bottom:12px; } .lightbox h2, .lightbox h3, .lightbox h4, .lightbox h5, .lightbox h6 { color: #21252E; } .limit { margin-bottom: -1rem; z-index: 5; } .anchor { position: sticky; height:0; top: 0; z-index: 5; } .sidebox { background-color: #21252E; border-top: solid 2px var(--accentColor); padding: .14rem; margin-top: 0; margin-bottom: 8px; width: calc((100vw - 870px)/2); max-height: calc(100vh - 18rem); position: absolute; top: 0; left: 103.5%; z-index: 5; overflow: auto; box-sizing: border-box; } /* Sidebox mobile optimization, courtesy of Woed */ @media (max-width: 1290px) { .sidebox { width: auto; max-width: 65vw!important; border: none; padding-left: 0.4rem; padding-right: 0.4rem; top: 0.75rem; right: calc(((100vw - 45.8rem)/2) * -1); left: initial; -webkit-clip-path: inset(-0.125rem -0.25rem 0 calc(100% - 0.85rem)); clip-path: inset(-0.125rem -0.25rem 0 calc(100% - 0.85rem)); -webkit-transition: color 0.2s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s; transition: color 0.2s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s; -o-transition: color 0.2s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s; transition: color 0.2s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s; transition: color 0.2s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s; overflow: visible; } .sidebox::before, .sidebox::after { content: " "; position: absolute; right: 0; } .sidebox::before { top: calc(50% - 0.75rem); width: 0; height: 0; border-top: 0.75rem solid transparent; border-bottom: 0.75rem solid transparent; border-right: 0.75rem solid var(--accentColor); transition: border 0.1s ease-in-out 0.1s; z-index: 10; } .sidebox::after { top: 0; max-width: 0.75rem; width: 100%; height: 100%; box-shadow: 0.15rem 0 0 0 var(--accentColor); max-height: calc(100vh - 18rem); background-color: #21252E; z-index: -1; transition: box-shadow 0.5s ease-in-out 0.1s, max-width 0.5s ease-in-out 0.1s; } .sidebox > * { opacity: 0; -webkit-transition: opacity 0.2s ease-in-out 0.2s; -o-transition: opacity 0.2s ease-in-out 0.2s; transition: opacity 0.2s ease-in-out 0.2s; } .sidebox:hover { overflow: visible; -webkit-clip-path: inset(-0.125rem -0.25rem 0 0); clip-path: inset(-0.125rem -0.25rem 0 0); -webkit-transition: color 0.5s ease-in-out 0.2s, right 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s; transition: color 0.5s ease-in-out 0.2s, right 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s; -o-transition: color 0.5s ease-in-out 0.2s, right 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s; transition: color 0.5s ease-in-out 0.2s, right 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s; transition: color 0.5s ease-in-out 0.2s, right 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s; } .sidebox:hover::before { border-top: 0 solid transparent; border-bottom: 0 solid transparent; } .sidebox:hover::after { box-shadow: 0 -0.125rem 0 0 var(--accentColor); right: 0; max-width: 100%; } .sidebox:hover > * { opacity: 1; } } @media (max-width:768px) { .sidebox, .sidebox:hover { right: calc(((100vw - (100% - 3rem))/2) * -1 + 1.9rem); } } :root { --accentColor: #1EB5E8; --lgurl: url("https://scp-wiki.wdfiles.com/local--files/theme%3Apenumbra/logo.png"); }
SCP-XXXX - A battle of Wits.
lol
Thanks to:
Image Credits
All image edits were made by me, Doggol,
1.https://commons.wikimedia.org/wiki/File:Old_Parliament_House,_Canberra.jpg
2.Kristy Robinson / Commonwealth of Australia, CC BY 4.0 <https://creativecommons.org/licenses/by/4.0>, via Wikimedia Commons
Translations:
Old Parliment House, Australia, the location of SCP-XXXX-2
| Assigned Site | Site Director | Assigned Dept.(s) | Dept. Head(s) |
| Research Site 102 | Dir. Katherine Saw | Paradiplomatics, Esoteric Logistics | Dr Sam C. Moris, Dr Hermin Collins |
Special Containment Procedures: SCP-XXXX is a Statum Class anomaly.1
The Australian Electoral and Governmental System have been retroactively altered by SCP-XXXX's assigned departments, under Project WHOWIE. These alterations form the basis of the entire Australian government.
SCP-XXXX-A and SCP-XXXX-B are to be trained in hand to hand combat, low-level thaumaturgy, the use of anomalous weaponry for use in SCP-XXXX-2 rituals. Following the outcome of an Australian Federal Election, Ritual-XXXX LYRE is to occur, followed by SCP-XXXX-2. In all cases, the appointed opposition leader, becoming SCP-XXXX-B will be instructed to surrender to the appointed prime minister, who becomes SCP-XXXX-A during the performance of SCP-XXXX-2. This ensures the safety of Australias Democratic processes while maintaining containment of SCP-XXXX.
Any and all damages caused by the enaction of an SCP-XXXX-2 ritual is to be repaired by the Department of Esoteric Logistics in a clandestine manner. In order to maintain 'transparency' in Australia's electoral process, embedded foundation agents within media cycles are to describe the Australian Electoral processes as a 'battle for the position as prime minister' or variations thereupon.
SCP-XXXX-A
Description: SCP-XXXX is an anomalous relationship between the incumbent Australian Prime Minister and its Opposition Leader. At current, this involves Liberal leader Scott John Morrison, MP (SCP-XXXX-A) and labor leader Anthony Albanese, MP (SCP-XXXX-B). Both SCP-XXXX-A and SCP-XXXX-B have shown a proficiency towards the anomalous in all known cases, with a notable occurrence involving SCP-3477's disappearance to SCP-5007. When in an Australian government building, SCP-XXXX-A or SCP-XXXX-B can commune with an entity, SCP-XXXX-1, which self-designates as 'Amyk the Great'.
SCP-XXXX-1 is a Class 5 semiological thoughtform2, appearing as a large amorphous entity, mostly taking geometric forms.
SCP-XXXX-2 is a recurring unstable time loop manifesting over the Old Parliament House of Australia. SCP-XXXX-2 was created by SCP-XXXX-1. When activated, both SCP-XXXX-A and SCP-XXXX-B will be teleported to the Old Parliament House, and engage in a duel using anomalous and non-anomalous means. SCP-XXXX-2 occurs every 3 years, directly following a Federal General Election. Due to foundation influence, the winner of SCP-XXXX-1 will always be the Prime Minister appointed by the electoral process. Should SCP-XXXX-A or SCP-XXXX-B refuse to fight their counterpart, a series of semiohazardous alterations will occur.
SCP-XXXX-2 will typically last for 3 hours and cause significant damage to surrounding structures. Foundation influence has allowed for the clandestine repairment of these damages. Following this period, the winner will be semiohazardouly decided as the Prime Minister of Australia by SCP-XXXX-1.
- Addendum XXXX.1 - Project WHOWIE, 2015-2016 Election Cycle.
Project WHOWIE
Silent Battles are often the furthest Reaching.
The Project WHOWIE committee for 2016-2019 are as follows:
- Leader(s):
- Dir. Katherine Saw,
- Dr Sam C. Morris,
- Dr Hermin Collins.
- Ethics committee liaison (s):
- Dr Jerimiah Cimmerian.
- Consult(s):
- Dr Jack Bright
- Dr Mark Kiryu
- Dr Gregory Aleel
Opening Statement - Dir. Katherine Saw
Well, the 2013-2016 cycle is over, and now we prepare for the 2019 Election. It'll be a big few years as always, but now we're in the hang of this, we'll get it done.
Firstly, let's welcome some new additions to the team, notably, Dr Jack Bright. Bright's already worked on a similar project in America and is currently working in political spaces, so I'm sure we'll find his expertise useful. Other additions come to our field agents, a whopping 32 new members, so make sure to welcome the new faces warmly. But enough stalling, let's see what we'll have to do.
Our operation committee has identified 13 individuals for Thaumaturgical training. All of these faces have some chance of becoming PM in the upcoming election. Firstly, Malcolm Turnbull. He's recently taken over from Tony Abbot as acting leader of the Liberal Party and is thus Prime Minister for the Time being. Due to his involvement in the previous cycle, he has some low-level thaumaturgic training, but the leadership spill in September made it difficult to predict who would actually be running. Tony Abbot has stopped thaumaturgic training, and, due to his 'loose tongue' has been summarily treated with amnestics for the time being. Also in the liberal party, Deputy PM Warren Truss, Treasurer Scott Morrison, Foreign Affairs Minister Julie Bishop, and Senator Mathias Cormann, and agriculture minister Barnaby Joyce. The liberal party leader, Bill Shorten, will continue training, as well as Anthony Albanese, Chris Bowen, and Richard Marles. We're also training the green's partly leader, Richard Di Natale for good measure.
Its gonna be a hard few years, but we will get what's needed to be done, and do it.
Secure, Contain, Protect
Intake meeting, 15th of July 2016
The following is a transcript of the Intake meeting occurring between the Project WHOWIE committee and the candidates for SCP-XXXX-A and SCP-XXXX-B.
Internal Audio Transcript
Present (SCPF):
- Director Katherine Saw
- Dr Sam C. Morris
- Dr Hermin Collins
- Dr Jack Bright
- Dr Mark Kiryu
- Dr Gregory Aleel
Present (Australian Lower and Upper Houses)
- Malcolm Bligh Turnball, MP
- Scott John Morrison, MP
- Warren Errol Truss, MP
- Julie Isabel Bishop, MP
- Mathias Hubert Paul Cormann
- Barnaby Thomas Gerard Joyce, MP
- William (Bill) Richard Shorten, MP
- Anthony Norman Albanese, MP
- Christopher Eyles Guy Bowen, MP
- Richard Donald Marles, MP
- Richard Luigi Di Natale
Location: Project WHOWIE Headquarters, Parliament House Australia.
(Recording begins.)
Saw: Well, let's begin. The parliament and senate are gonna dissolve soon, so we might as well talk a bit while the politicians sort their stuff out.
Kiryu: Thank you, Katherine. As you know, a major challenge in our efforts for Project WHOWIE is compliance by the 'training subjects'. In both major parties, we've had to stop training certain candidates because we have not been able to trust their self-restraint.
Saw: Mincing your words, aren't ya'?
Kiryu: Well, yes - it's best to be polite, no matter, no matter. Anyway, we've looked through the input data - psych eval, medical, family life, et cetera… and this batch is - mildly speaking, pretty insane, even relative to the other sets. I mean, they're nice enough on their own, but, as they say, 'Power corrupts'. I've flagged seven of the candidates as people who might, hypothetically use the thaumaturgic abilities they learn for, other means.
Bright: Mark, the spooky politicians can't hear you. You can just say "Half of them will [EXPLETIVE] [DESCRIPTION OF HUMAN FECES] up."
Kiryu: We're professionals, Jack.
Bright: Uh-huh, I'm sure.
(Silence on record.)
Bright: Well, continue.
Kiryu: Sure. We've generated a method to keep this factor in check, a proposal we've named Project DEEPWATER. It involv -
(S.J Morrison and M.B Turnbull enter, sitting down.)
Morrison: Huh. I didn't know this room was here. How on earth was this hidden?
Turnbull: Well - you see, you're missing something. This, this, the place has always been here. I - I just can't agree with you in good faith.
Morrison: Malcolm, please. This isn't Q and A.3
Turnbull: That's, that's - fair enough. I can agree with you there.
(to Bright)
Turnbull: A new face, I see?
Bright: Yes… Katherine here decided to drag me down here, apparently my involvement in these political skips -
Morrison: What's a skip?
Saw: It an S-C-P - we represent a clandestine multinational organisation specialising in the containment of the paranormal. S-C-P stands for both 'Secure, Contain, Protect' - our motto, and 'Special Containment Procedures', the way we contain our anomalies.
Turnbull: Yeah, I'm sorry Scott, but the statistics just don't agree with you here. You've gotta be more logical.
(Morrison scoffs.)
Bright: As I was saying, apparently my "skills" in - wait, it's above your clearance, can't say a word. I'll just say that, with no offence intended, your country is totally [EXPLETIVE]. Like, its literal hell.
Turnball: Um, Actually, let's say, hypothetically, in a parallel universe …
[EXTRANEOUS DETAIL REDACTED]
(All Involved Parties are seated.)
Saw: So, Is everyone in here?
Aleel: Seems so. Would you like to explain what's happening, Katherine?
Saw: With pleasure. All of you know of the foundation, I'm sure?
(Universal Assent)
Saw: Well, in 1913, just a few years after our formation, both Joseph Cook and Andrew Fischer spontaneously combusted. Cook, the liberal candidate, had just conceded the election, and, as he walked from the stand, he disappeared in a puff of smoke, fireworks and dust. Three seconds later, he reappeared on the roof of the parliament house in Melbourne. At the same time, Andrew Fischer walked into parliament, exploded, and appeared 10 metres away from Cook. A few seconds later, a large amorphous entity, which we call SCP-XXXX-1, appeared above them and forced them to duel.
Morrison: To duel?
Saw: Yes, to duel. Cook and Fischer were forced to fight, by this thing, and eventually, Fischer surrendered. And this caused Joseph Cook to become the objective prime minister of Australia, despite Fischer winning the vote.
Di Natale: How is that possible?
Saw: Glad you asked, the entity is what we call a 'semiohazard' - or at least it causes them. Semiohazards are objective facts that just shouldn't be true. That applies here, Joseph Cook should never have been prime minister, but the entity made it one. We've looked over the records, and it seems that whatever this was an old
@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://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap'); @import url(https://fonts.googleapis.com/css2?family=Fira+Code&display=swap); @supports((display: -ms-grid) or (display: grid)) { :root { /* S-CSS-P Integration */ /* If you're making a new CSS theme, please include the following three variables at minimum. */ --theme-base: "black-highlighter"; /* must be either "black-highlighter" or "sigma9" */ --theme-id: "penumbra-bhl"; /* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */ --theme-name: "Penumbra BHL Theme"; /* set this to your theme's full name */ --lgurl: var(--logo-image); --header-subtitle: "SECURE - CONTAIN - PROTECT"; /* Typefaces */ --body-font: "Roboto", sans-serif; --header-font: "Josefin Sans", sans-serif; --title-font: "Josefin Sans", sans-serif; --mono-font: "Fira Code", "Andale Mono", "Courier New", Courier, monospace; /* Standard Colors */ --white-monochrome: 248, 248, 248; /* white */ --pale-gray-monochrome: 237, 237, 237; /* v light gray for blockquotes and stuff */ --light-pale-gray-monochrome: 237, 237, 237; /* very light pale gray for misc. use */ --very-light-gray-monochrome: 215, 215, 215; /* very light accent gray for misc. use */ --light-gray-monochrome: 160, 160, 160; /* light accent gray for login status */ --gray-monochrome: 66, 66, 72; /* gray */ --dark-gray-monochrome: 47, 51, 60; /* dark accent gray for sidebar background */ --black-monochrome: 33, 37, 46; /* black */ --accentColor: 30, 181, 232; /*Penumbra Accent Color*/ --pale-accent: var(--accentColor); /* light red, for visited links */ --bright-accent: var(--accentColor); /* bright red */ --medium-accent: var(--accentColor); /* medium red - the "default" accent color */ --dark-accent: var(--accentColor); /* dark red */ --alt-accent: 221, 102, 17; /* pale orange, for newpage links */ /* Background and Header Colors */ --background-gradient-color: var(--black-monochrome); /* Primary Theme Colors */ --swatch-background: var(--dark-gray-monochrome); /* Primary Text Colors */ --swatch-text-light: var(--pale-gray-monochrome); --swatch-text-general: var(--swatch-text-light); /* Primary Menu Colors */ --swatch-menubg-color: var(--black-monochrome); --swatch-menutxt-general-color: var(--swatch-menutxt-light-color); /* Primary Header Colors */ --swatch-headerh1-color: var(--bright-accent); --swatch-headerh2-color: var(--bright-accent); /* Link Colors */ --sidebar-links-text: var(--bright-accent); /* Rating Module Colors */ --rating-module-button-color: var(--white-monochrome); --rating-module-text-color: var(--swatch-menutxt-light-color); /* Header Gradients */ --diagonal-stripes: initial; /* header measurements */ --header-height-on-desktop: 8.750rem; --header-height-on-mobile: 8.750rem; --header-h1-font-size: -webkit-calc(2rem + (2.75 - 2) * ((100vw - 18.750rem) / (60 - 18.750))); --header-h1-font-size: -moz-calc(2rem + (2.75 - 2) * ((100vw - 18.750rem) / (60 - 18.750))); --header-h1-font-size: calc(2rem + (2.75 - 2) * ((100vw - 18.750rem) / (60 - 18.750))); --header-h2-font-size: -webkit-calc(var(--base-font-size) * 1.15); --header-h2-font-size: -moz-calc(var(--base-font-size) * 1.15); --header-h2-font-size: calc(var(--base-font-size) * 1.15); /* Toggle Sidebar Variable */ --toggle-roundness: 0; } html, body { scrollbar-color: rgb(var(--swatch-primary)) rgb(var(--black-monochrome)); } body { background-image: var(--gradient-background); -webkit-background-size: 100% var(--background-gradient-distance); -moz-background-size: 100% var(--background-gradient-distance); background-size: 100% var(--background-gradient-distance); } .danger-diamond a, .danger-diamond a:hover { color: rgba(0, 0, 0, 0) !important; -webkit-box-shadow: initial !important; -moz-box-shadow: initial !important; box-shadow: initial !important; } #header::before { background-image: var(--lgurl); opacity: 0.15; -webkit-background-size: auto 8rem; -moz-background-size: auto 9.5rem; background-size: auto 9.5rem; } #header h1 a { text-transform: uppercase; } #header h1, #header h1 a, #header h1 a::before { top: 0.35rem; } #header h2, #header h2 span, #header h2 apan::before { top: calc(var(--header-h2-font-size) * 0.6); ; } #side-bar .heading, #side-bar .side-block>.collapsible-block:first-child .collapsible-block-folded { background: none; border-bottom: 0.0625rem solid rgb(var(--pale-gray-monochrome)); -webkit-flex-basis: 90%; -ms-flex-preferred-size: 90%; flex-basis: 90%; margin: 0.5rem auto 0.125rem; font-family: var(--header-font); } #side-bar .heading p, #side-bar .side-block>.collapsible-block .collapsible-block-link { text-transform: none; text-align: left; text-indent: 1rem; font-size: 0.94rem; } #page-content { font-size: 0.9rem !important; } #page-title { color: rgb(var(--swatch-text-general)); border-color: rgb(var(--swatch-text-general)); padding: 0; } h1, h2, h3, h4, h5, h6 { color: rgb(var(--swatch-primary)); } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: rgb(var(--white-monochrome)); } #login-status #my-account { --wght: 400; font-weight: 400; } #top-bar div.mobile-top-bar > ul > li > ul > li > a, #top-bar div.top-bar > ul > li > ul > li > a { --wght: 400; font-weight: 400; } #top-bar div.mobile-top-bar > ul > li > ul > li:hover a, #top-bar div.top-bar > ul > li > ul > li:hover a { color: rgb(var(--black-monochrome)); } #page-content a:not([href*="user"]):not([href*="javascript:;"]) { padding: 0.15em; margin: -0.15em; color: rgb(var(--white-monochrome)); -webkit-box-decoration-break: clone; box-decoration-break: clone; -webkit-box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--swatch-primary), 1); -moz-box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--swatch-primary), 1); box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--swatch-primary), 1); -webkit-transition: color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition: box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -moz-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1); } #page-content a:not([href*="user"]):not([href*="javascript:;"]):hover { padding: 0.3em 0.25em 0.2em 0.25em; margin: -0.25em; -webkit-box-shadow: inset 0 -1.5em 0 0 rgba(var(--swatch-primary), 1); -moz-box-shadow: inset 0 -1.5em 0 0 rgba(var(--swatch-primary), 1); box-shadow: inset 0 -1.5em 0 0 rgba(var(--swatch-primary), 1); text-decoration: none; color: rgb(var(--black-monochrome)) } .page-rate-widget-box { background: rgb(var(--black-monochrome)); } /* Ayer's info-bar patch by Monkatraz */ #page-content .info-container .collapsible-block-folded, #page-content .info-container .collapsible-block-unfolded-link { width: 100%; max-width: 100%; margin: 0 auto; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #page-content .info-container .collapsible-block-link::before, #page-content .info-container .collapsible-block-unfolded-link::before { content: " "; display: none; } #page-content .info-container .collapsible-block-content::after { display: none; } blockquote, div.blockquote, #toc { background-color: rgb(var(--black-monochrome)); border: solid 0.125rem rgb(var(--dark-gray-monochrome)); -webkit-box-shadow: -0.188rem 0px 0px -0.006rem rgb(var(--swatch-primary)); -moz-box-shadow: -0.188rem 0px 0px -0.006rem rgb(var(--swatch-primary)); box-shadow: -0.188rem 0px 0px -0.006rem rgb(var(--swatch-primary)); } .code { background-color: rgb(var(--black-monochrome)); border: solid 0.1875rem rgb(var(--dark-gray-monochrome)); box-shadow: none; } .code pre, .code p, .code { font-size: 0.87rem; background-color: rgb(var(--black-monochrome)); color: rgb(var(--swatch-text-general)); } .code pre { white-space: pre-wrap; } .code pre span[class*="hl-"] { -webkit-filter: invert(1) hue-rotate(180deg); filter: invert(1) hue-rotate(180deg); } .yui-navset .yui-nav { width: 100%; } .yui-navset .yui-nav a { -webkit-transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); } .yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li { -webkit-box-shadow: initial; -moz-box-shadow: initial; box-shadow: initial; } .yui-navset .yui-nav li { background-color: rgb(var(--black-monochrome)); padding-top: 0.25em; -webkit-animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1); animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forward; -moz-animation-fill-mode: forward; animation-fill-mode: forward; -webkit-animation-play-state: paused; -moz-animation-play-state: paused; animation-play-state: paused; } .yui-navset .yui-nav li:hover { background-color: rgb(var(--swatch-primary)); } .yui-navset .yui-nav li em { -webkit-transition: -webkit-transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition: transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1), -moz-transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1); color: rgb(var(--swatch-menutxt-light-color)); } .yui-navset .yui-nav li:hover em { color: rgb(var(--swatch-menutxt-dark-color)); } .yui-navset .yui-nav .selected { margin-top: -0.5em; padding-top: 0.5em; margin-right: 0.0625rem; background-color: rgb(var(--swatch-primary)); -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: backwards; -moz-animation-fill-mode: backwards; animation-fill-mode: backwards; -webkit-animation-play-state: running; -moz-animation-play-state: running; animation-play-state: running; } .yui-navset .yui-nav .selected a em { -webkit-transform: translateY(-0.25em); -moz-transform: translateY(-0.25em); -ms-transform: translateY(-0.25em); transform: translateY(-0.25em); color: rgb(var(--black-monochrome)); } .yui-navset .yui-nav a, .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:active, .yui-navset .yui-nav a:focus-within { background: rgba(0, 0, 0, 0) !important; font-family: var(--title-font); font-weight: 700; isolation: isolate; } .yui-navset .yui-nav a::before, .yui-navset .yui-nav a::after { content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; pointer-events: none; } .yui-navset .yui-nav a:hover::before, .yui-navset .yui-nav a:focus::before, .yui-navset .yui-nav .selected a::before { -webkit-mask-position: center 0px !important; mask-position: center 0px !important; background-position: 100% 200vh; } .yui-navset .yui-nav a:hover::after, .yui-navset .yui-nav a:focus::after, .yui-navset .yui-nav .selected a::after { opacity: 0; -webkit-animation: fade 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-animation: fade 300ms cubic-bezier(0.4, 0.0, 0.2, 1); animation: fade 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -webkit-animation-direction: backwards; -moz-animation-direction: backwards; animation-direction: backwards; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; } .yui-navset .yui-content { background: rgb(var(--black-monochrome)); border: none; margin-top: 0.25rem; } table.wiki-content-table tr { border: none !important; } table.wiki-content-table th { background-color: rgb(var(--black-monochrome)); color: rgb(var(--swatch-primary)); ; font-family: var(--title-font); font-weight: 700; text-transform: uppercase; padding-top: 0.4em; } table.wiki-content-table th, table.wiki-content-table td { border: solid 0.0625rem rgb(var(--swatch-primary)) !important; } hr { border-color: rgb(var(--accentColor)); background-color: rgb(var(--accentColor)); } /*---- TAB ANIMATION by Croquembouche ---- */ .yui-navset .yui-content>div { display: block; top: 0; overflow: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .yui-navset .yui-content>div[style*="none"] { display: block !important; -webkit-box-flex: 0; -webkit-flex: 0; -moz-box-flex: 0; -ms-flex: 0; flex: 0; max-height: 0; padding: 0 0.5em; border-width: 0; /* The following transition affects the one that DISAPPEARS */ -webkit-transition: padding 0s linear 0.5s, border-width 0s linear 0.5s, -webkit-box-flex 0.5s cubic-bezier(.18, .51, .54, .9) 0s, -webkit-flex 0.5s cubic-bezier(.18, .51, .54, .9) 0s; -moz-transition: padding 0s linear 0.5s, border-width 0s linear 0.5s, flex 0.5s cubic-bezier(.18, .51, .54, .9) 0s, -moz-box-flex 0.5s cubic-bezier(.18, .51, .54, .9) 0s; transition: padding 0s linear 0.5s, border-width 0s linear 0.5s, flex 0.5s cubic-bezier(.18, .51, .54, .9) 0s; -webkit-animation: tab-disappear 0.5s ease-in-out 0s 1 both; -moz-animation: tab-disappear 0.5s ease-in-out 0s 1 both; animation: tab-disappear 0.5s ease-in-out 0s 1 both; } .yui-navset .yui-content>div[style*="block"] { display: block !important; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; max-height: 9999rem; /* The following transition affects the one that APPEARS */ -webkit-transition: padding 0s linear 0.5s, border-width 0s linear 0.5s, -webkit-box-flex 0.5s cubic-bezier(.18, .51, .54, .9) 0.5s, -webkit-flex 0.5s cubic-bezier(.18, .51, .54, .9) 0.5s; -moz-transition: padding 0s linear 0.5s, border-width 0s linear 0.5s, -moz-box-flex 0.5s cubic-bezier(.18, .51, .54, .9) 0.5s; transition: padding 0s linear 0.5s, border-width 0s linear 0.5s, flex 0.5s cubic-bezier(.18, .51, .54, .9) 0.5s; -webkit-animation: tab-appear 0.5s ease-in-out 0.5s 1 both; -moz-animation: tab-appear 0.5s ease-in-out 0.5s 1 both; animation: tab-appear 0.5s ease-in-out 0.5s 1 both; } @-webkit-keyframes tab-disappear { 0% { max-height: 9999rem; } 1% { max-height: 100vh; } 100% { max-height: 0; } } @-moz-keyframes tab-disappear { 0% { max-height: 9999rem; } 1% { max-height: 100vh; } 100% { max-height: 0; } } @keyframes tab-disappear { 0% { max-height: 9999rem; } 1% { max-height: 100vh; } 100% { max-height: 0; } } @-webkit-keyframes tab-appear { 0% { max-height: 0; } 99% { max-height: 100vh; } 100% { max-height: 9999rem; } } @-moz-keyframes tab-appear { 0% { max-height: 0; } 99% { max-height: 100vh; } 100% { max-height: 9999rem; } } @keyframes tab-appear { 0% { max-height: 0; } 99% { max-height: 100vh; } 100% { max-height: 9999rem; } } /* fancy collapsible */ #page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link { background: rgb(var(--black-monochrome)); -webkit-transition: background 0.25s linear; -moz-transition: background 0.25s linear; transition: background 0.25s linear; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; width: -webkit-min-content; width: -moz-min-content; width: min-content; white-space: nowrap; overflow: hidden; margin: auto; } #page-content .collapsible-block-folded .collapsible-block-link::before { content: "▷ "; } #page-content .collapsible-block-unfolded .collapsible-block-link::before { content: "▽ "; } #page-content .collapsible-block-link { text-decoration: none; color: rgb(var(--white-monochrome)); font-weight: 700; } #page-content .collapsible-block-link:hover { color: rgb(var(--black-monochrome)); } #page-content .collapsible-block-folded:hover, #page-content .collapsible-block-unfolded-link:hover { background: rgb(var(--swatch-primary)); } #page-content .collapsible-block-unfolded-link { -webkit-box-shadow: 0px -0.26rem 0px 0px rgb(var(--swatch-primary)); -moz-box-shadow: 0px -0.26rem 0px 0px rgb(var(--swatch-primary)); box-shadow: 0px -0.26rem 0px 0px rgb(var(--swatch-primary)); } #page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link { margin-top: 0.625rem; margin-bottom: 0.625rem; } .scp-image-block { border: solid 0.5rem rgb(var(--black-monochrome)); border-bottom: solid 0px rgb(var(--black-monochrome)); -webkit-box-shadow: 0px 0.26rem 0px 0px rgb(var(--accentColor)); -moz-box-shadow: 0px 0.26rem 0px 0px rgb(var(--accentColor)); box-shadow: 0px 0.26rem 0px 0px rgb(var(--accentColor)); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .scp-image-block .scp-image-caption { background-color: rgb(var(--black-monochrome)); border: solid 0.25rem rgb(var(--black-monochrome)); color: rgb(var(--pale-gray-monochrome)); font-size: 0.84rem; } a.footnoteref { padding: 0.05em; color: rgb(var(--swatch-primary)); -webkit-box-decoration-break: clone; box-decoration-break: clone; -webkit-box-shadow: inset 0 0 0 0rem rgba(var(--swatch-primary), 1); -moz-box-shadow: inset 0 0 0 0rem rgba(var(--swatch-primary), 1); box-shadow: inset 0 0 0 0rem rgba(var(--swatch-primary), 1); -webkit-transition: color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition: box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -moz-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1); } a.footnoteref:hover { -webkit-box-shadow: inset 0 -1.25em 0 0 rgba(var(--swatch-primary), 1); -moz-box-shadow: inset 0 -1.25em 0 0 rgba(var(--swatch-primary), 1); box-shadow: inset 0 -1.25em 0 0 rgba(var(--swatch-primary), 1); text-decoration: none; color: rgb(var(--black-monochrome)) } .footnotes-footer { background-color: rgb(var(--black-monochrome)); } /* Tags */ .page-tags span { border-top: 0.0625rem solid rgb(var(-white-monochrome)); } .page-tags span a { padding: 0.25em; color: rgb(var(--white-monochrome)); -webkit-box-decoration-break: clone; box-decoration-break: clone; -webkit-box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--swatch-primary), 1); -moz-box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--swatch-primary), 1); box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--swatch-primary), 1); -webkit-transition: color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition: box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -moz-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1); } .page-tags span a:hover { padding: 0.3em 0.25em 0.2em 0.25em; -webkit-box-shadow: inset 0 -1.5em 0 0 rgba(var(--swatch-primary), 1); -moz-box-shadow: inset 0 -1.5em 0 0 rgba(var(--swatch-primary), 1); box-shadow: inset 0 -1.75em 0 0 rgba(var(--swatch-primary), 1); text-decoration: none; color: rgb(var(--black-monochrome)) } div#page-options-bottom-2>a, div#page-options-bottom>a { border-color: rgba(var(--swatch-primary-darkest), 1); background-color: rgba(var(--swatch-menubg-dark-color), 1); color: rgb(var(--white-monochrome)); border-radius: 0; } div#page-options-bottom-2>a:active, div#page-options-bottom-2>a:hover, div#page-options-bottom>a:active, div#page-options-bottom>a:hover { border-color: rgba(var(--swatch-menubg-dark-color), 1); background-color: rgba(var(--swatch-primary-darkest), 1); color: rgb(var(--black-monochrome)); border-radius: 0; } #footer { color: rgb(var(--black-monochrome)); } #license-area { color: rgb(var(--white-monochrome)); } input.text, textarea { background-color: rgb(var(--black-monochrome)); color: rgb(var(--swatch-text-general)); border-color: rgb(var(--swatch-menubg-dark-color)); } #lock-info { background-color: rgb(var(--black-monochrome)); color: rgb(var(--swatch-text-general)); border-color: rgb(var(--swatch-menubg-dark-color)); } /* Pop-Up Windows */ .owindow { background-color: rgb(var(--black-monochrome)); border-color: rgb(var(--swatch-primary)); } .owindow .modal-header { background-color: rgb(var(--black-monochrome)); } .owindow .modal-body img { background-color: transparent !important; } .owindow .title { background-color: rgb(var(--black-monochrome)); color: #var(--swatch-primary); border-bottom: 1px solid rgb(var(--swatch-primary)); } .owindow .button-bar a { background-color: rgb(var(--black-monochrome)); border-color: rgb(var(--swatch-primary)); color: rgb(var(--white-monochrome)); } .owindow .button-bar a:hover { background-color: rgb(var(--swatch-primary)); } /* ---- INTERWIKI ---- */ .scpnet-interwiki-frame { -webkit-filter: invert(100%) grayscale(100%) contrast(75%); filter: invert(100%) grayscale(100%) contrast(75%); } .darkbox, .lightbox { border-left: solid 0.26rem rgb(var(--swatch-primary)); border-right: solid 0.26rem rgb(var(--swatch-primary)); padding: .4rem; margin-top: 0.75rem; margin-bottom: 0.75rem; } .darkbox { background-color: rgb(var(--black-monochrome)); } .lightbox { background-color: rgb(var(--white-monochrome)); color: rgb(var(--black-monochrome)); } .lightbox h2, .lightbox h3, .lightbox h4, .lightbox h5, .lightbox h6 { color: rgb(var(--black-monochrome)); } /* Custom Assets by EstrellaYoshte */ .limit { margin-bottom: -1rem; } .anchor { position: -webkit-sticky; position: sticky; height: 0; top: 0; z-index: 9999; } .sidebox { background-color: rgb(var(--black-monochrome)); border-top: solid 2px rgb(var(--swatch-primary)); padding: .14rem 1rem .14rem; margin-top: 0; margin-bottom: 0.5rem; width: -webkit-calc((100vw - (var(--body-width-on-desktop) + 10rem))/2); width: -moz-calc((100vw - (var(--body-width-on-desktop) + 10rem))/2); width: calc((100vw - (var(--body-width-on-desktop) + 10rem))/2); max-height: -webkit-calc(100vh - 18rem); max-height: -moz-calc(100vh - 18rem); max-height: calc(100vh - 18rem); position: absolute; top: 0; left: 103.5%; z-index: 5; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .hovertip { color: rgb(var(--swatch-text-general)); } @media (max-width: 1290px) { .sidebox { width: auto; max-width: 50vw; color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0); -webkit-box-shadow: 0 0 0 0 rgb(var(--swatch-primary)); -moz-box-shadow: 0 0 0 0 rgb(var(--swatch-primary)); box-shadow: 0 0 0 0 rgb(var(--swatch-primary)); border: none; right: -webkit-calc(((100vw - 45.8rem)/2) * -1); right: -moz-calc(((100vw - 45.8rem)/2) * -1); right: calc(((100vw - 45.8rem)/2) * -1); left: initial; pointer-events: none; -webkit-transition: color 0.2s ease-in-out 0.1s, background-color 0s ease-in-out 0s, -webkit-box-shadow 0.5s ease-in-out 0.1s; -moz-transition: color 0.2s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, background-color 0s ease-in-out 0s, -moz-box-shadow 0.5s ease-in-out 0.1s; transition: color 0.2s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, background-color 0s ease-in-out 0s; overflow-x: hidden; overflow-y: hidden; scrollbar-width: thin; } .sidebox::-webkit-scrollbar { width: 0.5em; } .sidebox * { opacity: 0; -webkit-transition: opacity 0.2s ease-in-out 0.1s; -moz-transition: opacity 0.2s ease-in-out 0.1s; transition: opacity 0.2s ease-in-out 0.1s; } .sidebox::before, .sidebox::after { content: " "; position: absolute; pointer-events: all; right: 0; } .sidebox::before { top: -webkit-calc(50% - 0.75rem); top: -moz-calc(50% - 0.75rem); top: calc(50% - 0.75rem); width: 0; height: 0; border-top: 0.75rem solid transparent; border-bottom: 0.75rem solid transparent; border-right: 0.75rem solid rgb(var(--swatch-primary)); -webkit-transition: border 0.1s ease-in-out 0.1s; -moz-transition: border 0.1s ease-in-out 0.1s; transition: border 0.1s ease-in-out 0.1s; z-index: 10; } .sidebox::after { top: 0; max-width: 0.75rem; width: 100%; height: 100%; -webkit-box-shadow: 0.125rem 0 0 0 rgb(var(--swatch-primary)); -moz-box-shadow: 0.125rem 0 0 0 rgb(var(--swatch-primary)); box-shadow: 0.125rem 0 0 0 rgb(var(--swatch-primary)); max-height: -webkit-calc(100vh - 18rem); max-height: -moz-calc(100vh - 18rem); max-height: calc(100vh - 18rem); background-color: rgb(var(--black-monochrome)); z-index: -1; -webkit-transition: max-width 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s, -webkit-border-top-left-radius 0.5s ease-in-out 0.1s, -webkit-border-bottom-left-radius 0.5s ease-in-out 0.1s; -moz-transition: box-shadow 0.5s ease-in-out 0.1s, max-width 0.5s ease-in-out 0.1s, border-top-left-radius 0.5s ease-in-out 0.1s, border-bottom-left-radius 0.5s ease-in-out 0.1s, -moz-box-shadow 0.5s ease-in-out 0.1s, -moz-border-radius-topleft 0.5s ease-in-out 0.1s, -moz-border-radius-bottomleft 0.5s ease-in-out 0.1s; transition: box-shadow 0.5s ease-in-out 0.1s, max-width 0.5s ease-in-out 0.1s, border-top-left-radius 0.5s ease-in-out 0.1s, border-bottom-left-radius 0.5s ease-in-out 0.1s; } .sidebox:hover, .sidebox:active { color: rgb(var(--swatch-text-general)); background-color: rgb(var(--black-monochrome)); pointer-events: all; overflow-y: scroll; -webkit-transition: color 0.5s ease-in-out 0.2s, background-color 0s ease-in-out 0.6s, right 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s; -moz-transition: color 0.5s ease-in-out 0.2s, box-shadow 0.5s ease-in-out 0.1s, background-color 0s ease-in-out 0.6s, right 0.5s ease-in-out 0.1s, -moz-box-shadow 0.5s ease-in-out 0.1s; transition: color 0.5s ease-in-out 0.2s, box-shadow 0.5s ease-in-out 0.1s, background-color 0s ease-in-out 0.6s, right 0.5s ease-in-out 0.1s; } .sidebox:hover *, .sidebox:active * { opacity: 1; -webkit-transition: opacity 0.5s ease-in-out 0.2s; -moz-transition: opacity 0.5s ease-in-out 0.2s; transition: opacity 0.5s ease-in-out 0.2s; } .sidebox:hover::before, .sidebox:active::before { border-top: 0vw solid transparent; border-bottom: 0vw solid transparent; } .sidebox:hover::after, .sidebox:active::after { -webkit-box-shadow: 0 -0.125rem 0 0 rgb(var(--swatch-primary)); -moz-box-shadow: 0 -0.125rem 0 0 rgb(var(--swatch-primary)); box-shadow: 0 -0.125rem 0 0 rgb(var(--swatch-primary)); right: 0; max-width: 100%; -webkit-border-top-left-radius: 0rem; -moz-border-radius-topleft: 0rem; border-top-left-radius: 0rem; -webkit-border-bottom-left-radius: 0rem; -moz-border-radius-bottomleft: 0rem; border-bottom-left-radius: 0rem; } } @media only screen and (max-width:768px) { :root { --body-width-on-desktop: 100vw; --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-h2-font-size: var(--base-font-size); } #header h1, #header h1 a, #header h1 a::before { top: 0.5rem; } #header h2, #header h2 a, #header h2 a::before { top: 0.35rem; } .anchor { top: -webkit-calc(var(--topbar-height-on-mobile) + 0.75rem); top: -moz-calc(var(--topbar-height-on-mobile) + 0.75rem); top: calc(var(--topbar-height-on-mobile) + 0.75rem); } .sidebox, .sidebox:hover, .sidebox:active { right: -webkit-calc(((100vw - (100% - 3rem))/2) * -1 + 1.75rem); right: -moz-calc(((100vw - (100% - 3rem))/2) * -1 + 1.75rem); right: calc(((100vw - (100% - 3rem))/2) * -1 + 1.75rem); } .sidebox::before, .sidebox::after { content: " "; position: absolute; pointer-events: all; right: 0; } .blockquote, [class*="blockquote"], blockquote, div.blockquote { margin: 0; } } @media only screen and (min-width: 769px) { #search-top-box-form input[type="submit"], #search-top-box-form input[type="submit"]:focus, #search-top-box-form input[type="submit"]:hover { border-left: 0.0625rem solid rgba(var(--swatch-primary-darkest), 0); } #search-top-box-form input[type="submit"] { background: rgba(var(--swatch-primary-darkest), 0.5); } } }
: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)); } }
SCP-XXXX - Jumawansâ-Appelexîa - The City with a beast on its base.
Y'all'std've bean quoted - Quoty McQuoteFace
My First SCP! (Probably).
Inspired by the epic game, "Tales of Off-peak city" - By CosmoD. Seriously, check it out. Also SCP-5005.
Image Credits
All image edits were made by me, Doggol.
1.https://commons.wikimedia.org/wiki/File:Chicago-Illinois-USA-skyline-fog.jpg by Basho at en.wikipedia, CC BY-SA 3.0 <http://creativecommons.org/licenses/by-sa/3.0/>, via Wikimedia Commons
2. https://pixabay.com/photos/city-lights-view-on-top-night-scene-966611/, creative commons.
3. https://www.calvertjournal.com/articles/show/6569/prague-sculpture-david-cerny, by Raimond Spekking, CC-BY-SA 4.0. Licensing detail here
4. harris-family-sydney-ca-1877-photographer-freeman-andco-531faa.jpg, creative commons. Sourced here
[{$authorPage} ▸ More by this Author ◂]
Translations:

The skyline of SCP-XXXX's New Chicago Quarter from Et dél Square. Note the fog.
| Assigned Site | Site Director | Research Head | Assigned Task Force |
| Research Site-102 | Dir. Katherine Saw | Dr Thomas Raif | MTF-Psi-12 "Invisible Cities" |
Special Containment Procedures: The SCP Foundation's supply of Mnestic4 compounds are completely reliant on the compliance of SCP-XXXX's inhabitants. An agreement has been reached between foundation personnel and the cities inhabitants which protects the individuals within in exchange for a supply of compound D-493 and the movement of SCP-XXXX away from populated regions and into the jurisdiction of the SCP Foundation.
As part of this agreement, SCP-XXXX is to move to several sites throughout the year, corresponding to a headquarters of operation for a certain geographical region.5 At other times, SCP-XXXX is to move above the Tasman Sea, Australia, in such a way as to avoid civilian detection. Plane and Boat traffic, if possible is to be redirected away from SCP-XXXX. All sightings of SCP-XXXX are to be passed off as alcohol or drug-induced hallucinations.
A secondary branch of Site-102 has been established below SCP-XXXX6, which acts as an embassy for the foundation. All Personnel are recommended to perform a 6-month stay in the structure, but permanent residence is optional.
The containment and research of entities within SCP-XXXX are to only occur with the consent of the individual being studied.
SCP-XXXX, at night, from in-front.
Description: SCP-XXXX is a large7, six-legged, bio-mechanical entity bearing a slight resemblance to a giraffe, though with longer legs and a more disk-like torso. The entity appears as a mix of inorganic and organic parts, a long, rigid, jagged neck; hind legs resembling those of a rooster; central legs constructed of cogs, pulleys, and other mechanical structures; and front legs resembling pointed bone-like protrusions. The objects head appears a large, dull, cone with 4 brilliant red phosphorescent eyes.
SCP-XXXX maintains levitation 100 metres above ground level through unknown means, though locomotion is created through the pushing of the feet of the object with a non-existent surface. SCP-XXXX appears to undergo metabolic process's, though the object does not require nutrition, and apparently undergoes thaumic digestion as opposed to chemical digestion. For this reason, SCP-XXXX has a high internal hume level (125-150 hm) and low external hume level (35 hm), lending to a level of unreality and illogicality on the surface of the entity.
A large civilian settlement8 (SCP-XXXX-A), locally designated Jumawansâ-Appelexîa9, has been constructed on the back of SCP-XXXX. This city is built of several districts, with an inconsistent architectural style known as "Maisons surréalistes", which involves the contortion of buildings into twisted forms, construction out of illogical materials, and the use of anomalous processes to create strange, surreal structures. The founder of the school of "Maisons Surréalistes" - Eugène Genest, described the style as follows:
Maisons Surréalistes is the unacceptance of reality - of the rules that are supposed to govern us. The objective is not objective on the heathen back of Jumawansâ, and all architecture on the great beast should reflect that. As reality on the creature wanes away evermore, so too should the reality of architectural form wane. All architecture is designed to follow its surroundings, its nature, and Maisons Surréalistes is no different.
A thick, white, smog consistently surrounds SCP-XXXX, which produces a significant decrease in visibility for all individuals within it. This smog has been shown to act as a low-level Class W and Class X mnestic10, providing increased mental clarity, memory retention, attention spans, and mental health to those that inhale it. The main source of this smog is a large factory in the centre of SCP-XXXX-A (SCP-XXXX-1), which produces the smog as a byproduct of its production work, though it is believed that the smog naturally appears in the vicinity of the object. If this smog is contained within any container, an intelligent consciousness will form, acting identical to a regular human being, except for a telepathic use of communication, and the production of sounds resembling musical instruments.
A variety of voices will often appear from an unknown source within SCP-XXXX. This phenomenon is the centre-piece of SCP-XXXX's cultural framework.
- Addendum XXXX.1 - Discovery and Early Explorations.
The first GOI to contain SCP-XXXX was the American Secure Containment Initiative (ASCI), who detected the anomaly several times between 1821 and 1903, and was classified as a recurrent phenomenon. During the fusion of the Initiative and several other organisations into the SCP foundation, documentation regarding the anomaly was lost within a so-called "deep well" located underneath an abandoned ASCI site. SCP Foundation researchers uncovered the documentation as part of a research for an unrelated project in Mexico, which involved - in its early stages - the recovery of all documentation pertaining to the anomalous.
Due to the invention of manned flight in the early 1900s, and significant advances by 1942, manned exploration of the object could finally occur. An early Mobile task Force - MTF-12 (Later re-designated as MTF-Pi-1 "City Slickers") moved into the city on Modified Curtiss P-40 Warhawks as SCP-XXXX-1 provided aid for a dangerous anomalous event occurring in Bydgoszcz, Poland. No recording of this exploration was made, but the group's leader, Captain Francis Pike11 provided communications detailing the anomaly to a nearby site.
Communications Record - 1942/03/12
From: Pike, Francis - | - To: Site 40 Command
Confirming Arrival in the Anomaly. I apologise for the delay. We arrived safely despite poor conditions - a noted thick fog surrounds anomaly, civilians tell me the fog is constant. The object is inhabited, with a large number of anomalous humanoids inhabiting. The city is built around a large factory locally nicknamed 'The Smokestack". Apparently, the factory produces a product known as Pimenter, which has notable memory-enhancing effects.
The Mayor of the town, one Henry Robert Girard Alpin, has welcomed us into the city - which, as some townsfolk have told me - seems to be a political statement rather than an act of kindness. As one member of the towns, parliament has stated "Perhaps Mayor Alpin truly welcomes you, but if it wasn't for the political incentives, no kindness would have been given. I know what he hopes for - that the older voting base is riled up by strong action, showing that he supports the foundation and other similar organisations." I do believe him in this case, but I would recommend sending a diplomatic team over, as It may be the case that an alliance with the city could be useful…
Humanoid entities crawling across a cooling tower of SCP-XXXX-1, a byproduct of the 'emancipation of the souls' which occurs during the purification of Compound D-493
- Addendum XXXX.2 - Early History - Compiled based on Testimony from SCP-XXXX's Inhabitants and documentation found within SCP-XXXX.
SCP-XXXX itself has existed for an unknown amount of time, with records of the entity dating back to a diary from 1798, which was apparently owned by Marcy F. Happenshire, the wife of a prominent occultist, and occultist herself. She discovered the entity after communications with a source in France related to other occult objects, following the testimony of the individual. Happenshire had directly observed the entity while in Southern France as well as compiling more testimony from a different individual. One testimony, which the diary claims to originate from an occult, says that the entity was born after the Great Knight Haragon slew Essanor - an entity apparently resembling a luna moth. he historian claims that SCP-XXXX is meant to represent endurance, though Happenshire has reasons to doubt this.12 Another testimony, from an unnaturally old man, states that SCP-XXXX has always existed in some form, as 'when a beast like it dies, a new body always forms from the corpse'. The third testimony, which comes from an Occultist friend of Happenshire, who states that the object resembles a different entity that formed after a devastating civil war in the Kingdom of Allagadda, in which the monarch - an "Unanswered Question", had been hanged/answered13. The veracity of these claims is unknown. SCP-XXXX was discovered several times following this but remained uninhabited.
Left to right, from top: Dr Albert Summaro, Anne Summaro, Eugène Genest, Anne Brumswar, Liyah Broughton, Lisa Summaro, Lily Elsie, Gladys Cooper.
SCP-XXXX-A (Then called Haricôt) was founded by a Church of the Broken God cell which accidentally discovered the entity on July 5th 1812 during a pilgrimage. A small town of three houses, a church, and several amenities were established, and the leader of the colony - Dr Albert Summaro, began searching for a way to control the object's movements. A relative of Summaro, Anne Summaro, a Fabricator-Faithful of the Cogwork orthodoxy moved into Hariocôt in 1813, establishing a factory on the outside of the town, which produced an unknown anomalous material. Due to a rigid source of jobs within the town, 15 employees and their families moved into the town. With a population of 152 established, the Summaro Family agreed to run democratic processes in the town, but the early election was plagued with claims of meddling. Albert Summaro eventually decided that the election would be unnecessary, to much controversy. Anne Brumswar, the illegitimate daughter of Anne Summaro, specifically protested against this - to significant acclaim.
Brumswar was converted to anti-theism14 in 1814 - after communications with an unknown occultist and intellectual. For this reason, she established a Secular Community (named Jumawansâ as a homage to Anne's academic explorations of Sarkic Culture before her conversion to the Church of the Broken God) across the beast, 670m away. This town quickly grew as members of Secular British and French upper-classes moved to the city, entranced by its dreamlike atmosphere, strange landscapes, and the movement of the city. Shortly following this, prominent vocalisations began to occur, causing a cultural veneration for the entity/entities were creating them, soon becoming a set of minor rituals designed to appease the entities. This time coincided with the appearance of the thick smog over the city.
Brumswar became enraged by the worship of these entities, believing them to be a danger to Jumawansâ. As such Brumswar engaged in thaumic processes in order to determine the threats of the entity. This process, while the details are unknown, seemingly caused the death of Brumswar and a 'rain of organic materials'. Despite this; other members of the project claimed it to be a relative success. Following the rain of blood, the vocalisations around the town began to suggest that one of the entities had died, with 'the disappearance of the flesh' being cited as the cause of death. Following Brumswars death, Eugène Genest was democratically appointed as mayor. Genest created a significant architectural revolution within the settlement, developing "Maisons Surréalistes" for all government projects. The population of the settlement soon reach 1000, and tensions began to rise with Haricôt.
In 1823 the first cases of Influenza Anti-matêria15 began to appear in Haricot, being confined to a small manor's staff and owner. After the virus broke out of the mansion, Genest came to an agreement with several anomalous agencies, including members of ASCI and temporarily displaced members of the Esoteric Logistics and Temporal Anomalies departments. This agreement was highly controversial due to both groups perceptions as human rights abusers, but eventually, lead to the containment of the disease in Jumawansâ.
Following the Un-flu pandemic, Jumawansâ experienced the worst economic downtown in its history, which lead to further political tension. After Genest insulted the mayor of Haricôt, these tensions exploded, leading to a skirmish in Haricôt. The fighting lasted for several days, and 30 people were killed,
Following the 'Battle of the Crying House' - as it is called - the two towns performed a merge into a larger community 'Jumawansâ-Haricôt'. Following this, the community began to expand exponentially, reaching a population of 12,000 in 1896 - the same day the 12,000th individual arrived coinciding with the death of Anne Brumswar from 'Un-flu'. In 1898 Eugéne Denest was poisoned and murdered by 'The Society for Artistic Purity', which claimed that Maisons Surréalistes was leading to an increase of 'degeneracy, sexual dimorphism, impurity and idiocy within Jumawansâ-Haricôt', citing the towns increase in gender equality and the recent legalisation of women suffrage. This lead to several protests within SCP-XXXX-A, which, despite the Societies wishes, lead to large civil rights movements. Sometime during the early 1900's the name 'Jumawansâ-Haricôt' slowly changed into 'Jumawansâ-Appelexiâ', likely due to the invisible entities around SCP-XXXX calling the location they were in the 'Cafe d'Appelexiâ' In 1933 the newly elected mayor, Jean Manna, discovered a way to control SCP-XXXX and began using the beast to provide anomalous aid to individuals in need. In 1942 the foundation discovered the object and began attempting containment, mostly through diplomatic relationships with the settlement. In 1945 Jean Manna died from Stage 4 Brain Cancer, creating the Manna Charitable Foundation to continue his work. Jean Manna is regarded as one of the best mayors in SCP-XXXX-A's history.
- Addendum XXXX.3 - Interview Log
Date: 1942/08/23
Foreword: An interview between Dr Amity Badeaux16 and a citizen of SCP-XXXX, Abigail Von Shwartz, taking place in Cafe Charlotte, within SCP-XXXX. It should noted be that this communication was recorded with a Kondhakin DR456 Camera, which was purchased from a store in SCP-XXXX for its ability to record in colour before the invention of colour film. The camera was scanned for anomaly beforehand.
BEGIN LOG
Feed begins showing the outside of the cafe. The windows above the cafe are filled with well-dressed cats, and the cafe itself appears warped towards the ground. The camera moves forward, moving into the cafe. The cafe's owner, Charlotte Anistáir is seen.
C. Anistáir: Bonjour! Bonjour, my friend. Welcome to the lovely Cafe Charlotte. Do you have a booking?
Dr Badeaux: Oh yeah… under Badeaux - B - A - D - E - A -U -X.
Anistair looks through a small book.
C. Anistáir: Oh yes! It's nice to meet you, Anne! You're one of the founding researchers who came in?
Dr Badeaux: That's me. [laughs]
C. Anistáir: Yeah… well fair warning, some people here have had - how to say it - unfortunate run-ins with the foundation - they might not be as receptive to your presence as I.
Dr Badeaux: Oh… I'll keep that in mind.
C. Anistáir: Indeed. I'm sure you want to know where your table is? Please - please follow me.
Anistáir places a clipboard on the ground and gestures for Badeaux to follow her. They move into the cafe, which is decorated with several strange objects and sculptures. The group passes the kitchen, which produces several sounds resembling a synthesiser. A pair of thick white gloves attached to metal wires wrapped around a bowl of pasta, moving the bowl to its destination. The camera moves up a set of stairs, reaching a victorian style room.
C. Anistáir: Your guest has already arrived - bless 'er.
C. Anistáir: Oh yeah, I see her! [to Abigail Von Shwartz] Hello!
Abigail Von Shwartz: Oh, you're here! Greetings - bonjour… hello - variations thereupon.
C. Anistáir: Ahh! Hello! I'm sorry - really sorry - for any inconvenience this interview caused.
Abagail Von Shwartz: Oh tut-tut - its nothing, darling. No inconvenience whatsoever.
C. Anistáir: Really - if its any inconvenience - just tell me - I don't like wasting time. But Anyway - I have a few questions - so, did you come to Jumawansâ or were you born here?
Abagail Von Shwartz: Oh - the latter - I came over at age 18 [pauses] around 1923. When I was 16 I discovered that I was a reality warper - admittedly a pretty unskilled one [laughs] - and I was pretty quickly uncovered by a minor anomaly agency from the League of Nations - which I got I lived about 2 years in assorted anomalous communities, three portlands, la rue macabre, et cetera. A friend I had found in Three Portlands soon found Jumawansâ, and a few others and I moved over to the city. I admit it took a while to get used to, but once you did, and everyone does, its a grand and great city.
C. Anistáir: You were a reality warper? Your passport didn't list you as one.
Abagail Von Shwartz: Oh I was… I was - unfortunately Un-flu came through Jumawansâ in '33, and I was [pauses] a bit risque [laughs]. Went to a poorly cleaned restaurant, and yeah - in a few days everything felt less real. It was
- Addendum XXXX.4 - Early Vocalisations recorded.
Several recordings of unexplained Vocalisations within SCP-XXXX exist, mostly recorded by foundation personnel following the discovery of SCP-XXXX.
Date: 1942/11/02
Location of vocalisation: Within proximity of SCP-XXXX-1.
Related Entities: The Bartender17
BEGIN LOG
A ringing sound is heard, followed by footsteps.
The Bartender: Ah! Hello Henry, it's great to see you - really great. Welcome back to Cafe d'Appelexia!
Henry Allebel: [Audibly tired] Hello. Great to see you too.
The Bartender: Oh what's up bud? Ol' buddy ol' pal? [laughs] Want anything to drink?
Henry Allebel: Oh yeah … I'll have a sip of Shiraz, perhaps.
The Bartender: One Shiraz coming right up. [pause] So what brings you here?
Henry Allebel: Just - er… you know - the usual. Gotta' get my daily drink in - [laughs] but seriously - thank you for being here - it really helps, just to - to get through things.






Per 



