@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)); } }
| Assigned Site | Site Director | HMCL Supervisor | Research Head | Assigned Task Force |
| CAONCI-Site-43 | Dr. V. Lesley Scout | Dr. Place H. McDoctorate | Pending | MTF ω-0 ("Ará Orún"), MTF α-0 ("Fishers of Dead Men") |
Description
SCP-##### is a metastatic memeplex encompassing various infocaustic1, infomorphic2, infovorus3, infophagic4, semiohazardous5, and sociokinetic6 anomalous entities, and the individuals who use them, GoI-#### ("The Soul Keepers"). It is believed this effect is meant to separate physical reality from ideatic space.
Addendum-####-1: ASCP log
| Affected SCP | Details |
|---|---|
| SCP-3437 | After it's neutralization in 2010, leaked files revealed that SCP-3437 was a division of GoI-####. Contacted GoI-#### members have further revealed that SCP-3437's neutralization was caused by some form of infocaustic weapon. |
| EE-3570 | GoI-#### apparently created a a constructohazard7 that actively targets and kills Type-BE humanoids. This force is supplemented by infocaustic infophages that obfuscate the constructs efforts. |
| SCP-4145 | Non-oneiric noospherics technology is continuously being destroyed by GoI-#### |
| SCP-4211 | Morphogenetic forces are being destroyed, and ley-lines and nexus points are being destroyed. |
| SCP-4485 | HANSARP activities seem to be regulated by GoI-####, although this regulation has become less prominent over time. |
| SCP-4500 | SCP-4500 has lost functionality on multiple occasions |
| SCP-4600 | SCP-4600 has been depleting over time. |
| SCP-4830 | Project Isorropía's 4830/5890 containment cycle has been disrupted. |
| SCP-5000 | |
| SCP-5225 | SCP-5225 instances and the mechanisms used to contain them have been degrading. |
| SCP-5395 | SCP-5395-B instances show signs of extreme degradation. Events similar to Incident 5395.Ω have already occurred, only to be suppressed by GoI-####. |
| SCP-5666 | I'm sorry about what they did to her. |
| SCP-5712 | [DATA LOST] |
| SCP-5920 | Neural archetype8 data collection has continuously failed due to GoI-#### interference. |
Addendum-####-2: Void Thread archive

Hive News
⁂H.N.N
To all who see this message, if you detect activity related to an entity known as the "Soul Keepers", report it to your local authorities immediately. They are a massive threat to public safety and the overall autonomy of sentient beings. Respond with the utmost caution.
- ECHOES 50
- HUMS 155
x-y

Agent Quin
⁂Quinn-GOC
The Global Occult Coalition has reported a raise in pluripotent mortality rates, which has so far correlated with The Hive's reports of the Soul Keepers. Details of response operations will be relayed to news outlets whenever possiblr
- ECHOES 50
- HUMS 155
x-y

Kiefless in Seattle
⁂polaricecraps
⁂Quinn-GOC Like you would care you mesotheistic sociopath.
- ECHOES 50
- HUMS 155
x-y
Addendum-####-3: Interview log.
Bellow is a transcript of the interview of Xavier Carmen, a GoI-#### defector who appeared in Site-19 requesting employment.
Internal Audio Recording Transcript
Interviewed: Xavier Carmen
Interviewer:
Foreword: Xavier arrived in Site-19 via thaumic gateway, accompanied by members of MTF Sigma-3 "Bibliographers".
<Begin Log, [optional time info]>
Carmen: Greetings, director. I assume Sigma-3 already told you about my defection and desire for your employment.
Moose: Yes. Why did you leave the Soul Keepers.
Carmen: Well, It's a long story. Can I start from the time I joined them?
Moose: Yes, any information on your circumstances would be appreciated.
Carmen: Okay…
Carmen: It started when I was studying at ICSUT Eurtec. Though I was born on Earth, I loved living in a free-port, where I could live without worrying about everything falling into ecological collapse and socioeconomic stagnation.
Carmen: But there were many times I felt like I had left Earth to die. Though I didn't want to get in trouble with Veil laws, I wanted to improve the situation on Earth.
Carmen: The Soul Keepers came to me with an employment proposal, claiming to provide the power needed to make the change I wanted to see.
Carmen: I took the opportunity, leaving behind my education in favor of conquest.
Carmen: But after all they did, I couldn't bare to stay, so I came to you, the leaders of their opposition.
Moose: Is there anything you know about the keepers you know?
Carmen: Well… The correlation between the Adyte resurgence and a spike in Soul Keeper activity is no coincidence.
Carmen: The Keepers have been allies of Adytum for ages, and from what I understand, this alliance is the reason they betrayed you.
Carmen: The Soul Keepers are powerful god-killers, and the powers of Addytum decided to give them the resources needed to expand their reach.
Moose: How come you haven't died mid-way through telling me this?
Carmen: Because of this. (Carmen presents an intricate mechanical pillar, which levitates as it emits a faint red light from it's center)
Carmen: This idiatic control pillar is what allows Soul Keepers to control the central memeplex without killing themselves. It's what gives me the freedom to speak.
Carmen: I can help you and your allies make the change the Soul Keepers never could.
Carmen: Please…
Carmen: I'm tired of being unable to help.
Moose: Your request is approved. Go to one of the dormitories and get some rest. We will discuss the finer details later.
Addendum-####-4: Elysium
Project Elysium
In order to preserve human consciousness, various operations must be undertaken. SCP-3461's creation is currently under development, and groups of interest are being contacted for assistance
SUSEOCT Division
- Marshal, Carter and Dark: by way of the Seven Society's involvement in SUSEOCT, MC&D is contacted to provide various useful devices. The implementation of this technology is being overseen by the administration of Site-42.
- Schulman-NY Programmable Mnestic Device'
- Somatic Backups'
- 'SmartHex'
- 'Perispirit Records Personal Concert Experience'
- 'A Second Chance At Today'
- 'Thunderbolt Iron'
- Unusual Incidents Unit: The UIU Three Portlands division is to make contact with The Hive in order to gather psionics technology and establish contact a communication relay to SCP-296-DE.






Per 


