@import url("https://use.typekit.net/mst2dnj.css"); @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: "ouroborous-theme"; /* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */ --theme-name: "nu-SCP Theme"; /* set this to your theme's full name */ --header-title: "The Foundation"; --header-subtitle: "Office of the Overseer"; /* Header */ --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Aouroborous-theme/ouroborous_logo.svg"); /* Typefaces */ --header-font: korolev-condensed, sans-serif; --title-font: korolev, sans-serif; /* Standard Colors */ --white-monochrome: 246, 246, 246; /* white */ --pale-gray-monochrome: 244, 244, 244; /* v light gray for blockquotes and stuff */ --light-pale-gray-monochrome: 244, 244, 244; /* very light pale gray for misc. use */ --very-light-gray-monochrome: 215, 215, 215; --light-gray-monochrome: 133, 133, 133; /* light accent gray for login status */ --gray-monochrome: 66, 66, 66; /* gray */ --dark-gray-monochrome: 59, 59, 59; /* dark accent gray for sidebar background */ --black-monochrome: 15, 5, 5; /* black */ --bright-accent: 185, 5, 4; /* bright red */ --medium-accent: 140, 20, 25; /* medium red */ --dark-accent: 153, 1, 0; /* dark red */ --newpage-color: 221, 102, 17; /* pale orange */ /* Primary Text Colors */ --swatch-text-general: var(--swatch-text-light); /* Primary Menu Colors */ --swatch-menutxt-general-color: var(--swatch-menutxt-light-color); --swatch-menubg-color: var(--black-monochrome); --swatch-border-color: var(--swatch-menubg-black-color); --sidebar-links-text: var(--swatch-menutxt-light-color); /* Primary Theme Colors */ --swatch-background: var(--black-monochrome, 26, 25, 24); /* Rating Module Colors */ --rating-module-button-color: var(--bright-accent); --rating-module-button-plus-color: 45, 65, 25; --rating-module-button-negative-color: 70, 35, 30; --rating-module-button-cancel-color: 50, 45, 50; --rating-module-button-credit-color: 50, 45, 50; --rating-module-text-color: var(--dark-accent); --rating-module-button-color: var(--dark-accent); --rating-module-text-hover-color: var(--swatch-menutxt-light-color); /* Background and Header Colors */ --background-gradient-color: var(--very-light-gray-monochrome); --header-gradient-color-bottom: var(--bright-accent); --header-gradient-color-middle: var(--black-monochrome); --header-gradient-color-top: var(--black-monochrome); --background-gradient-distance: 40rem; --diagonal-stripes: none; --scrollbar-width: 0.5rem; /*Toggle Sidebar Button Colors*/ --toggle-button-bg: rgb(var(--black-monochrome)); --toggle-border-color: rgb(var(--bright-accent)); --toggle-icon-color: rgb(var(--white-monochrome)); scrollbar-color: rgba(var(--dark-gray-monochrome), 1) rgba(var(--black-monochrome), 1); } html, body { color: rgb(var(--swatch-text-light)); } a { color: rgb(var(--swatch-primary)); } div.buttons.alignleft > input { cursor: pointer; } .autocomplete-list li { background-color: rgb(var(--black-monochrome)) !important; } .autocomplete-list li.yui-ac-highlight { background-color: rgb(var(--dark-accent)) !important; color: rgb(var(--black-monochrome)) !important; } #page-content a:not([href*="user"]):not([href*="javascript:;"]) { padding: 0.15em; margin: -0.15em; -webkit-box-decoration-break: clone; box-decoration-break: clone; -webkit-box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--light-gray-monochrome)); -moz-box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--light-gray-monochrome)); box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--light-gray-monochrome)); -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); 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); -o-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-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); 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), -webkit-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -moz-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -webkit-animation-delay: -300ms; -moz-animation-delay: -300ms; -o-animation-delay: -300ms; animation-delay: -300ms; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } #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(--bright-accent), 0.6667); -moz-box-shadow: inset 0 -1.5em 0 0 rgba(var(--bright-accent), 0.6667); box-shadow: inset 0 -1.5em 0 0 rgba(var(--bright-accent), 0.6667); text-decoration: none; color: rgb(var(--white-monochrome)); -webkit-animation: neondrop 1.5s cubic-bezier(0.4, 0.0, 0.2, 1) infinite alternate; -moz-animation: neondrop 1.5s cubic-bezier(0.4, 0.0, 0.2, 1) infinite alternate; -o-animation: neondrop 1.5s cubic-bezier(0.4, 0.0, 0.2, 1) infinite alternate; animation: neondrop 1.5s cubic-bezier(0.4, 0.0, 0.2, 1) infinite alternate; -webkit-animation-delay: -300ms; -moz-animation-delay: -300ms; -o-animation-delay: -300ms; animation-delay: -300ms; -webkit-transition-delay: 0; -moz-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } @supports (background-blend-mode: screen) { #extra-div-1 { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background-image: -webkit-linear-gradient(top, rgb(var(--black-monochrome)) 0%, rgb(var(--black-monochrome)) 30%, rgb(var(--dark-gray-monochrome)) 100%), -webkit-linear-gradient(top, rgb(var(--bright-accent)) var(--header-height-on-desktop), rgb(var(--black-monochrome)) -webkit-calc(var(--header-height-on-desktop) + 0.125rem), rgb(var(--black-monochrome)) -webkit-calc(100% - 0.125rem), rgb(var(--black-monochrome)) -webkit-calc(100% - 0.125rem), rgb(var(--bright-accent)) 100%), -webkit-linear-gradient(top, rgba(var(--black-monochrome), 0) 0, rgba(var(--black-monochrome), 0.5) 10rem, rgba(var(--black-monochrome), 1) 25rem, rgba(var(--black-monochrome), 1) 100%); background-image: -moz-linear-gradient(top, rgb(var(--black-monochrome)) 0%, rgb(var(--black-monochrome)) 30%, rgb(var(--dark-gray-monochrome)) 100%), -moz-linear-gradient(top, rgb(var(--bright-accent)) var(--header-height-on-desktop), rgb(var(--black-monochrome)) -moz-calc(var(--header-height-on-desktop) + 0.125rem), rgb(var(--black-monochrome)) -moz-calc(100% - 0.125rem), rgb(var(--black-monochrome)) -moz-calc(100% - 0.125rem), rgb(var(--bright-accent)) 100%), -moz-linear-gradient(top, rgba(var(--black-monochrome), 0) 0, rgba(var(--black-monochrome), 0.5) 10rem, rgba(var(--black-monochrome), 1) 25rem, rgba(var(--black-monochrome), 1) 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(var(--black-monochrome))), color-stop(30%, rgb(var(--black-monochrome))), to(rgb(var(--dark-gray-monochrome)))), -webkit-gradient(linear, left top, left bottom, from(rgb(var(--bright-accent))), color-stop(rgb(var(--black-monochrome))), color-stop(rgb(var(--black-monochrome))), color-stop(rgb(var(--black-monochrome))), to(rgb(var(--bright-accent)))), -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(var(--black-monochrome), 0)), color-stop(10rem, rgba(var(--black-monochrome), 0.5)), color-stop(25rem, rgba(var(--black-monochrome), 1)), to(rgba(var(--black-monochrome), 1))); background-image: -o-linear-gradient(top, rgb(var(--black-monochrome)) 0%, rgb(var(--black-monochrome)) 30%, rgb(var(--dark-gray-monochrome)) 100%), -o-linear-gradient(top, rgb(var(--bright-accent)) var(--header-height-on-desktop), rgb(var(--black-monochrome)) -webkit-calc(var(--header-height-on-desktop) + 0.125rem), rgb(var(--black-monochrome)) -webkit-calc(100% - 0.125rem), rgb(var(--black-monochrome)) -webkit-calc(100% - 0.125rem), rgb(var(--bright-accent)) 100%), -o-linear-gradient(top, rgba(var(--black-monochrome), 0) 0, rgba(var(--black-monochrome), 0.5) 10rem, rgba(var(--black-monochrome), 1) 25rem, rgba(var(--black-monochrome), 1) 100%); background-image: -o-linear-gradient(top, rgb(var(--black-monochrome)) 0%, rgb(var(--black-monochrome)) 30%, rgb(var(--dark-gray-monochrome)) 100%), -o-linear-gradient(top, rgb(var(--bright-accent)) var(--header-height-on-desktop), rgb(var(--black-monochrome)) -moz-calc(var(--header-height-on-desktop) + 0.125rem), rgb(var(--black-monochrome)) -moz-calc(100% - 0.125rem), rgb(var(--black-monochrome)) -moz-calc(100% - 0.125rem), rgb(var(--bright-accent)) 100%), -o-linear-gradient(top, rgba(var(--black-monochrome), 0) 0, rgba(var(--black-monochrome), 0.5) 10rem, rgba(var(--black-monochrome), 1) 25rem, rgba(var(--black-monochrome), 1) 100%); background-image: -o-linear-gradient(top, rgb(var(--black-monochrome)) 0%, rgb(var(--black-monochrome)) 30%, rgb(var(--dark-gray-monochrome)) 100%), -o-linear-gradient(top, rgb(var(--bright-accent)) var(--header-height-on-desktop), rgb(var(--black-monochrome)) calc(var(--header-height-on-desktop) + 0.125rem), rgb(var(--black-monochrome)) calc(100% - 0.125rem), rgb(var(--black-monochrome)) calc(100% - 0.125rem), rgb(var(--bright-accent)) 100%), -o-linear-gradient(top, rgba(var(--black-monochrome), 0) 0, rgba(var(--black-monochrome), 0.5) 10rem, rgba(var(--black-monochrome), 1) 25rem, rgba(var(--black-monochrome), 1) 100%); background-image: linear-gradient(to bottom, rgb(var(--black-monochrome)) 0%, rgb(var(--black-monochrome)) 30%, rgb(var(--dark-gray-monochrome)) 100%), linear-gradient(to bottom, rgb(var(--bright-accent)) var(--header-height-on-desktop), rgb(var(--black-monochrome)) calc(var(--header-height-on-desktop) + 0.125rem), rgb(var(--black-monochrome)) calc(100% - 0.125rem), rgb(var(--black-monochrome)) calc(100% - 0.125rem), rgb(var(--bright-accent)) 100%), linear-gradient(to bottom, rgba(var(--black-monochrome), 0) 0, rgba(var(--black-monochrome), 0.5) 10rem, rgba(var(--black-monochrome), 1) 25rem, rgba(var(--black-monochrome), 1) 100%); -webkit-background-size: var(--header-background-image-size), 100% var(--final-header-height-on-desktop), 100% var(--background-gradient-distance); -moz-background-size: var(--header-background-image-size), 100% var(--final-header-height-on-desktop), 100% var(--background-gradient-distance); -o-background-size: var(--header-background-image-size), 100% var(--final-header-height-on-desktop), 100% var(--background-gradient-distance); background-size: var(--header-background-image-size), 100% var(--final-header-height-on-desktop), 100% var(--background-gradient-distance); background-repeat: no-repeat; background-blend-mode: darken; pointer-events: none; } #extrac-div-1 { position: absolute; top: 0; left: 0; width: 100%; height: var(--background-gradient-distance); z-index: -2; background-color: rgb(var(--bright-accent)); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='40' viewBox='0 0 50 40'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%230f0505' fill-opacity='0.1'%3E%3Cpath d='M40 10L36.67 0h-2.11l3.33 10H20l-2.28 6.84L12.11 0H10l6.67 20H10l-2.28 6.84L2.11 10 5.44 0h-2.1L0 10l6.67 20-3.34 10h2.11l2.28-6.84L10 40h20l2.28-6.84L34.56 40h2.1l-3.33-10H40l2.28-6.84L47.89 40H50l-6.67-20L50 0h-2.1l-5.62 16.84L40 10zm1.23 10l-2.28-6.84L34 28h4.56l2.67-8zm-10.67 8l-2-6h-9.12l2 6h9.12zm-12.84-4.84L12.77 38h15.79l2.67-8H20l-2.28-6.84zM18.77 20H30l2.28 6.84L37.23 12H21.44l-2.67 8zm-7.33 2H16l-4.95 14.84L8.77 30l2.67-8z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); pointer-events: none; } } #header { background-repeat: no-repeat; background-position: left 0 top 1rem; background-clip: border-box; -webkit-background-size: auto -webkit-calc(var(--header-height-on-desktop) - 2rem); -moz-background-size: auto -moz-calc(var(--header-height-on-desktop) - 2rem); -o-background-size: auto calc(var(--header-height-on-desktop) - 2rem); background-size: auto calc(var(--header-height-on-desktop) - 2rem); -webkit-filter: initial; filter: initial; } #header, #top-bar { --wght: 400; font-weight: 400; } #header h1, #header h2 { --wght: 400; font-weight: 400; } #header h1 a { --wght: 500; font-size: 175%; font-weight: 500; overflow-wrap: normal; padding: 0; margin-top: -webkit-calc((var(--header-height-on-desktop) - 0.5em)/2); margin-top: -moz-calc((var(--header-height-on-desktop) - 0.5em)/2); margin-top: calc((var(--header-height-on-desktop) - 0.5em)/2); margin-left: -webkit-calc(var(--header-height-on-desktop) - .75rem); margin-left: -moz-calc(var(--header-height-on-desktop) - .75rem); margin-left: calc(var(--header-height-on-desktop) - .75rem); } #header h1 a::before { color: rgb(255, 219, 90); color: rgb(var(--bright-accent)); text-shadow: inherit; } #header h2 span { margin-left: -webkit-calc(var(--header-height-on-desktop) + 0.75rem); margin-left: -moz-calc(var(--header-height-on-desktop) + 0.75rem); margin-left: calc(var(--header-height-on-desktop) + 0.75rem); } #top-bar div.mobile-top-bar > ul > li:hover, #top-bar div.top-bar > ul > li:hover { background: rgb(var(--swatch-menubg-black-color)); } #top-bar div.mobile-top-bar > ul > li > ul, #top-bar div.top-bar > ul > li > ul { background: rgba(var(--swatch-menubg-black-color), .93); } #side-bar:hover { background-color: rgb(var(--black-monochrome), 0.5); scrollbar-color: rgba(var(--dark-gray-monochrome), 1) rgba(var(--black-monochrome), 1); } #side-bar { background-color: rgb(var(--black-monochrome)); scrollbar-color: rgba(var(--dark-gray-monochrome), 0) rgba(var(--black-monochrome), 0); } #side-bar div.menu-item { border-bottom: 0.0625rem solid rgb(var(--swatch-menubg-dark-color)); border-top: 0.0625rem solid rgb(var(--swatch-menubg-dark-color)); margin-top: -0.0625rem; } #side-bar div.menu-item > :not(:nth-child(2)):not(.collapsible-block) { border-left: 0.0625rem solid rgb(var(--swatch-menubg-dark-color)); } #side-bar div.menu-item a, #side-bar div.menu-item .text { color: rgb(var(--swatch-menutxt-light-color)); } #side-bar div.menu-item a:hover { background-color: rgba(var(--bright-accent), .15); } #side-bar div.menu-item a:hover::before, #top-bar div.top-bar > ul > li > ul > li > a:hover::before, #top-bar div.top-bar > ul > li > ul > li > ul > li > a:hover::before { -webkit-animation: neonbg 1.5s ease-in-out infinite alternate; -moz-animation: neonbg 1.5s ease-in-out infinite alternate; -o-animation: neonbg 1.5s ease-in-out infinite alternate; animation: neonbg 1.5s ease-in-out infinite alternate; } #side-bar .heading, #side-bar .side-block > .collapsible-block:nth-child(1) .collapsible-block-folded { --wght: 700; background: initial; font-weight: 700; } #side-bar .heading p, #side-bar .side-block > .collapsible-block .collapsible-block-link { --wght: 900; color: rgb(var(--swatch-menutxt-dark-color)); text-shadow: inherit; letter-spacing: 0.05rem; font-weight: 900; font-size: 1.25rem; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 1rem 0 1rem 0.5rem; color: rgb(255, 219, 90); color: rgb(var(--bright-accent)); text-shadow: inherit; font-family: var(--header-font); text-transform: none; } #side-bar .heading p::after, #side-bar .side-block > .collapsible-block .collapsible-block-link::after, #side-bar .heading p::before, #side-bar .side-block > .collapsible-block .collapsible-block-link::before { content: " "; position: absolute; width: 100%; height: 0.35rem; } #side-bar .side-block[style*="background-color:"] * { margin-left: 0 !important; } #side-bar .side-block[style*="background-color:"] .heading { margin-top: .25rem; } #side-bar .heading p::after, #side-bar .side-block > .collapsible-block .collapsible-block-link::after { bottom: -0.6rem; } #side-bar .heading p::before, #side-bar .side-block > .collapsible-block .collapsible-block-link::before { top: -0.6rem; } #side-bar div.menu-item .sub-text { color: rgba(var(--swatch-primary-darker), 1); } iframe.scpnet-interwiki-frame { -webkit-filter: invert(0.75) hue-rotate(180deg) saturate(5) contrast(4) brightness(0.75); filter: invert(0.75) hue-rotate(180deg) saturate(5) contrast(4) brightness(0.75); } @supports (mix-blend-mode: overlay;) { .scpnet-interwiki-wrapper::before { content: " "; width: 100%; height: 100%; background: rgb(var(--black-monochrome)); top: 0; left: 0; position: absolute; z-index: 9999; mix-blend-mode: overlay; } } #page-title { color: rgb(var(--swatch-menutxt-dark-color)); -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; cursor: default; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; border-bottom: none; } #page-title:hover { -webkit-animation: neon 1.5s ease-in-out infinite alternate; -moz-animation: neon 1.5s ease-in-out infinite alternate; -o-animation: neon 1.5s ease-in-out infinite alternate; animation: neon 1.5s ease-in-out infinite alternate; color: rgb(var(--bright-accent)); } blockquote, .blockquote { background-color: rgba(var(--swatch-menubg-dark-color), 0.25); } .yui-navset .yui-content { background-color: rgba(var(--swatch-menubg-dark-color), 0.25); } .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content { border-color: rgb(var(--swatch-menubg-dark-color)); } .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { background-color: rgb(var(--swatch-menubg-black-color)); color: rgb(var(--swatch-text-light)); } .yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li { background-color: rgb(var(--swatch-menubg-dark-color)); } .yui-navset .yui-nav a:focus, .yui-navset .yui-nav a:hover { -webkit-animation: neonbg 1.5s ease-in-out infinite alternate; -moz-animation: neonbg 1.5s ease-in-out infinite alternate; -o-animation: neonbg 1.5s ease-in-out infinite alternate; animation: neonbg 1.5s ease-in-out infinite alternate; } table.wiki-content-table th { background: rgb(var(--swatch-primary-darkest)); } .code { background-color: rgba(var(--swatch-menubg-dark-color), 0.25); } .hl-main { -webkit-filter: invert(1) hue-rotate(180deg); filter: invert(1) hue-rotate(180deg); } .scp-image-block .scp-image-caption { background-color: rgba(var(--swatch-menubg-dark-color), 0.25); } .scp-image-block img { border: 0.5rem solid rgba(var(--black-monochrome)); } a:visited { color: rgb(var(--swatch-primary-darker)); } h1 { color: rgb(var(--swatch-primary)) !important; } hr { border-top: none; background: -webkit-linear-gradient(80deg, rgba(var(--bright-accent), 0.15) 0%, rgba(var(--bright-accent), 1) 50%, rgba(var(--bright-accent), 0.15) 100%); background: -moz-linear-gradient(80deg, rgba(var(--bright-accent), 0.15) 0%, rgba(var(--bright-accent), 1) 50%, rgba(var(--bright-accent), 0.15) 100%); background: -o-linear-gradient(80deg, rgba(var(--bright-accent), 0.15) 0%, rgba(var(--bright-accent), 1) 50%, rgba(var(--bright-accent), 0.15) 100%); background: linear-gradient(10deg, rgba(var(--bright-accent), 0.15) 0%, rgba(var(--bright-accent), 1) 50%, rgba(var(--bright-accent), 0.15) 100%); -webkit-filter: blur(0.04rem); filter: blur(0.04rem); height: 0.03125rem; margin: 1.25em 0; } hr::before { content: " "; position: absolute; top: 0.1125rem; left: 0; border-top: none; width: 100%; height: 0.125rem; background: -webkit-linear-gradient(80deg, rgba(var(--bright-accent), 0.15) 0%, rgba(var(--bright-accent), 1) 50%, rgba(var(--bright-accent), 0.15) 100%); background: -moz-linear-gradient(80deg, rgba(var(--bright-accent), 0.15) 0%, rgba(var(--bright-accent), 1) 50%, rgba(var(--bright-accent), 0.15) 100%); background: -o-linear-gradient(80deg, rgba(var(--bright-accent), 0.15) 0%, rgba(var(--bright-accent), 1) 50%, rgba(var(--bright-accent), 0.15) 100%); background: linear-gradient(10deg, rgba(var(--bright-accent), 0.15) 0%, rgba(var(--bright-accent), 1) 50%, rgba(var(--bright-accent), 0.15) 100%); background-position: center center; -webkit-filter: blur(0.04rem); filter: blur(0.04rem); } .page-rate-widget-box { background: -webkit-gradient(linear, left bottom, left top, color-stop(0, var(--swatch-primary-darkest), 0.1))), to(rgba(var(--black-monochrome), 1)) !important; background: -webkit-linear-gradient(bottom left, rgba(var(--swatch-primary-darkest), 0.1) 0, rgba(var(--black-monochrome), 1) 100%) !important; background: -moz-linear-gradient(bottom left, rgba(var(--swatch-primary-darkest), 0.1) 0, rgba(var(--black-monochrome), 1) 100%) !important; background: -o-linear-gradient(bottom left, rgba(var(--swatch-primary-darkest), 0.1) 0, rgba(var(--black-monochrome), 1) 100%) !important; background: -webkit-gradient(linear, right top, left bottom, color-stop(0, rgba(var(--swatch-primary-darkest), 0.1)), to(rgba(var(--black-monochrome), 1))) !important; background: -webkit-linear-gradient(top right, rgba(var(--swatch-primary-darkest), 0.1) 0, rgba(var(--black-monochrome), 1) 100%) !important; background: -moz-linear-gradient(top right, rgba(var(--swatch-primary-darkest), 0.1) 0, rgba(var(--black-monochrome), 1) 100%) !important; background: -o-linear-gradient(top right, rgba(var(--swatch-primary-darkest), 0.1) 0, rgba(var(--black-monochrome), 1) 100%) !important; background: linear-gradient(to bottom left, rgba(var(--swatch-primary-darkest), 0.1) 0, rgba(var(--black-monochrome), 1) 100%) !important; } form#edit-page-form { background-color: rgba(var(--bright-accent), 0.25); } textarea, input.text { background-color: rgb(var(--black-monochrome)); color: rgb(var(--white-monochrome)); padding: 0.5em; } #lock-info { background-color: rgb(var(--bright-accent)); } div.buttons input, input.button, button, file, a.button { background-color: rgb(var(--medium-accent)); color: rgb(var(-black-monochrome)); border-color: rgb(var(--black-monochrome)) } div.buttons input:hover, input.button:hover, button:hover, a.button:hover { background-color: rgb(var(--bright-accent)); } div#page-info, div.page-watch-options { padding: 0 1em; } div#page-options-bottom { width: 90%; margin-bottom: 2.125rem; margin-left: auto; margin-right: auto; } div#page-options-bottom-2 { width: 90%; margin-top: -2.125rem; margin-left: auto; margin-right: auto; } div#page-options-bottom, div#page-options-bottom-2 { text-align: left; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } div#page-options-bottom, div#page-options-bottom-2, div#page-options-bottom > a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } div#page-options-bottom > a, div#page-options-bottom-2 > a { --wght: 700; -webkit-box-flex: 2; -webkit-flex-grow: 2; -moz-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; padding: .25rem; -webkit-border-radius: .25rem; -moz-border-radius: .25rem; border-radius: .25rem; background-color: rgba(var(--swatch-menubg-dark-color), 0.25); border: 0.0625rem solid rgba(var(--swatch-primary), 0.25); font-weight: 700; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -o-transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), 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), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); } div#page-options-bottom-2 > a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } div#page-options-bottom > a:hover, div#page-options-bottom > a:active, div#page-options-bottom-2 > a:hover, div#page-options-bottom-2 > a:active { text-decoration: none; background-color: rgba(var(--swatch-primary-darkest), 1); color: rgba(var(--swatch-menutxt-dark-color), 1); border: 0.0625rem solid rgba(var(--swatch-menubg-dark-color), 1); } .owindow .title { background-color: rgb(var(--swatch-menubg-dark-color)); } #odialog-container, .title.modal-header, .owindow, .hovertip { background-color: rgb(var(--swatch-primary-darkest)); } .owindow .button-bar a { background-color: rgb(var(--swatch-menubg-dark-color)); color: rgb(var(--white-monochrome)); } @media only screen and (max-width: 768px) { #header { --size: -webkit-calc(var(--final-header-height-on-mobile) - 0.875rem); --size: -moz-calc(var(--final-header-height-on-mobile) - 0.875rem); --size: calc(var(--final-header-height-on-mobile) - 0.875rem); --y-offset: 1.5rem; background-position: -webkit-calc((var(--header-height-on-mobile) - 3.75rem) - var(--size)) -webkit-calc(((var(--size) * -1) + var(--header-height-on-mobile) + var(--y-offset)) / 2); background-position: -moz-calc((var(--header-height-on-mobile) - 3.75rem) - var(--size)) -moz-calc(((var(--size) * -1) + var(--header-height-on-mobile) + var(--y-offset)) / 2); background-position: calc((var(--header-height-on-mobile) - 3.75rem) - var(--size)) calc(((var(--size) * -1) + var(--header-height-on-mobile) + var(--y-offset)) / 2); -webkit-background-size: var(--size), 100% var(--header-height-on-mobile); -moz-background-size: var(--size), 100% var(--header-height-on-mobile); -o-background-size: var(--size), 100% var(--header-height-on-mobile); background-size: var(--size), 100% var(--header-height-on-mobile); background-repeat: no-repeat, repeat; } #header > h1 > a > span { height: var(--header-height-on-mobile); } #header h1 a { line-height: 1; margin-left: -webkit-calc(var(--header-height-on-mobile) - 3.5rem); margin-left: -moz-calc(var(--header-height-on-mobile) - 3.5rem); margin-left: calc(var(--header-height-on-mobile) - 3.5rem); margin-top: -webkit-calc(((var(--header-height-on-mobile) / 2)) - 2rem); margin-top: -moz-calc(((var(--header-height-on-mobile) / 2)) - 2rem); margin-top: calc(((var(--header-height-on-mobile) / 2)) - 2rem); font-size: 3rem; } #header h1 a::before, #header h1 a { -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } #header h1 a:hover::before { -webkit-animation: neon 1.5s ease-in-out infinite alternate; -moz-animation: neon 1.5s ease-in-out infinite alternate; -o-animation: neon 1.5s ease-in-out infinite alternate; animation: neon 1.5s ease-in-out infinite alternate; } #top-bar a:hover { -webkit-animation: neon 1.5s ease-in-out infinite alternate; -moz-animation: neon 1.5s ease-in-out infinite alternate; -o-animation: neon 1.5s ease-in-out infinite alternate; animation: neon 1.5s ease-in-out infinite alternate; } #header h2 span { line-height: 1.1; margin-left: -webkit-calc(var(--header-height-on-mobile) - 3rem); margin-left: -moz-calc(var(--header-height-on-mobile) - 3rem); margin-left: calc(var(--header-height-on-mobile) - 3rem); margin-top: -webkit-calc(((var(--header-height-on-mobile) / 2) + 0.75rem)); margin-top: -moz-calc(((var(--header-height-on-mobile) / 2) + 0.75rem)); margin-top: calc(((var(--header-height-on-mobile) / 2) + 0.75rem)); font-size: 1rem; } #extra-div-1 { background-image: -webkit-linear-gradient(top, rgb(var(--black-monochrome)) 0%, rgb(var(--black-monochrome)) 30%, rgb(var(--dark-gray-monochrome)) 100%), -webkit-linear-gradient(top, rgb(var(--bright-accent)) var(--header-height-on-mobile), rgb(var(--black-monochrome)) -webkit-calc(var(--header-height-on-mobile) + 0.125rem), rgb(var(--black-monochrome)) -webkit-calc(100% - 0.125rem), rgb(var(--black-monochrome)) -webkit-calc(100% - 0.125rem), rgb(var(--bright-accent)) 100%), -webkit-linear-gradient(top, rgba(var(--black-monochrome), 0) 0, rgba(var(--black-monochrome), 0.5) 10rem, rgba(var(--black-monochrome), 1) 25rem, rgba(var(--black-monochrome), 1) 100%); background-image: -moz-linear-gradient(top, rgb(var(--black-monochrome)) 0%, rgb(var(--black-monochrome)) 30%, rgb(var(--dark-gray-monochrome)) 100%), -moz-linear-gradient(top, rgb(var(--bright-accent)) var(--header-height-on-mobile), rgb(var(--black-monochrome)) -moz-calc(var(--header-height-on-mobile) + 0.125rem), rgb(var(--black-monochrome)) -moz-calc(100% - 0.125rem), rgb(var(--black-monochrome)) -moz-calc(100% - 0.125rem), rgb(var(--bright-accent)) 100%), -moz-linear-gradient(top, rgba(var(--black-monochrome), 0) 0, rgba(var(--black-monochrome), 0.5) 10rem, rgba(var(--black-monochrome), 1) 25rem, rgba(var(--black-monochrome), 1) 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(var(--black-monochrome))), color-stop(30%, rgb(var(--black-monochrome))), to(rgb(var(--dark-gray-monochrome)))), -webkit-gradient(linear, left top, left bottom, from(rgb(var(--bright-accent))), color-stop(rgb(var(--black-monochrome))), color-stop(rgb(var(--black-monochrome))), color-stop(rgb(var(--black-monochrome))), to(rgb(var(--bright-accent)))), -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(var(--black-monochrome), 0)), color-stop(10rem, rgba(var(--black-monochrome), 0.5)), color-stop(25rem, rgba(var(--black-monochrome), 1)), to(rgba(var(--black-monochrome), 1))); background-image: -o-linear-gradient(top, rgb(var(--black-monochrome)) 0%, rgb(var(--black-monochrome)) 30%, rgb(var(--dark-gray-monochrome)) 100%), -o-linear-gradient(top, rgb(var(--bright-accent)) var(--header-height-on-mobile), rgb(var(--black-monochrome)) -webkit-calc(var(--header-height-on-mobile) + 0.125rem), rgb(var(--black-monochrome)) -webkit-calc(100% - 0.125rem), rgb(var(--black-monochrome)) -webkit-calc(100% - 0.125rem), rgb(var(--bright-accent)) 100%), -o-linear-gradient(top, rgba(var(--black-monochrome), 0) 0, rgba(var(--black-monochrome), 0.5) 10rem, rgba(var(--black-monochrome), 1) 25rem, rgba(var(--black-monochrome), 1) 100%); background-image: -o-linear-gradient(top, rgb(var(--black-monochrome)) 0%, rgb(var(--black-monochrome)) 30%, rgb(var(--dark-gray-monochrome)) 100%), -o-linear-gradient(top, rgb(var(--bright-accent)) var(--header-height-on-mobile), rgb(var(--black-monochrome)) -moz-calc(var(--header-height-on-mobile) + 0.125rem), rgb(var(--black-monochrome)) -moz-calc(100% - 0.125rem), rgb(var(--black-monochrome)) -moz-calc(100% - 0.125rem), rgb(var(--bright-accent)) 100%), -o-linear-gradient(top, rgba(var(--black-monochrome), 0) 0, rgba(var(--black-monochrome), 0.5) 10rem, rgba(var(--black-monochrome), 1) 25rem, rgba(var(--black-monochrome), 1) 100%); background-image: -o-linear-gradient(top, rgb(var(--black-monochrome)) 0%, rgb(var(--black-monochrome)) 30%, rgb(var(--dark-gray-monochrome)) 100%), -o-linear-gradient(top, rgb(var(--bright-accent)) var(--header-height-on-mobile), rgb(var(--black-monochrome)) calc(var(--header-height-on-mobile) + 0.125rem), rgb(var(--black-monochrome)) calc(100% - 0.125rem), rgb(var(--black-monochrome)) calc(100% - 0.125rem), rgb(var(--bright-accent)) 100%), -o-linear-gradient(top, rgba(var(--black-monochrome), 0) 0, rgba(var(--black-monochrome), 0.5) 10rem, rgba(var(--black-monochrome), 1) 25rem, rgba(var(--black-monochrome), 1) 100%); background-image: linear-gradient(to bottom, rgb(var(--black-monochrome)) 0%, rgb(var(--black-monochrome)) 30%, rgb(var(--dark-gray-monochrome)) 100%), linear-gradient(to bottom, rgb(var(--bright-accent)) var(--header-height-on-mobile), rgb(var(--black-monochrome)) calc(var(--header-height-on-mobile) + 0.125rem), rgb(var(--black-monochrome)) calc(100% - 0.125rem), rgb(var(--black-monochrome)) calc(100% - 0.125rem), rgb(var(--bright-accent)) 100%), linear-gradient(to bottom, rgba(var(--black-monochrome), 0) 0, rgba(var(--black-monochrome), 0.5) 10rem, rgba(var(--black-monochrome), 1) 25rem, rgba(var(--black-monochrome), 1) 100%); -webkit-background-size: var(--header-background-image-size), 100% var(--final-header-height-on-mobile), 100% var(--background-gradient-distance); -moz-background-size: var(--header-background-image-size), 100% var(--final-header-height-on-mobile), 100% var(--background-gradient-distance); -o-background-size: var(--header-background-image-size), 100% var(--final-header-height-on-mobile), 100% var(--background-gradient-distance); background-size: var(--header-background-image-size), 100% var(--final-header-height-on-mobile), 100% var(--background-gradient-distance); } } @media only screen and (min-width: 600px) and (max-width: 768px) { #header { --size: -webkit-calc(var(--final-header-height-on-mobile) - 0.875rem); --size: -moz-calc(var(--final-header-height-on-mobile) - 0.875rem); --size: calc(var(--final-header-height-on-mobile) - 0.875rem); --y-offset: 1.5rem; background-position: -webkit-calc((var(--header-height-on-mobile) - 3.75rem) - var(--size)) -webkit-calc(((var(--size) * -1) + var(--header-height-on-mobile) + var(--y-offset)) / 2); background-position: -moz-calc((var(--header-height-on-mobile) - 3.75rem) - var(--size)) -moz-calc(((var(--size) * -1) + var(--header-height-on-mobile) + var(--y-offset)) / 2); background-position: calc((var(--header-height-on-mobile) - 3.75rem) - var(--size)) calc(((var(--size) * -1) + var(--header-height-on-mobile) + var(--y-offset)) / 2); -webkit-background-size: var(--size), 100% var(--header-height-on-mobile); -moz-background-size: var(--size), 100% var(--header-height-on-mobile); -o-background-size: var(--size), 100% var(--header-height-on-mobile); background-size: var(--size), 100% var(--header-height-on-mobile); background-repeat: no-repeat, repeat; } } @-webkit-keyframes neon { from { text-shadow: 0 0 0.3125rem rgb(var(--black-monochrome)), 0 0 0.625rem rgb(var(--black-monochrome)), 0 0 0.9375rem rgb(var(--black-monochrome)), 0 0 1.25rem rgb(var(--bright-accent)), 0 0 2.1875rem rgb(var(--bright-accent)), 0 0 2.5rem rgb(var(--bright-accent)), 0 0 3.125rem rgb(var(--bright-accent)), 0 0 4.6875rem rgb(var(--bright-accent)); } to { text-shadow: 0 0 0.1565rem rgb(var(--black-monochrome)), 0 0 0.3125rem rgb(var(--black-monochrome)), 0 0 0.469rem rgb(var(--black-monochrome)), 0 0 0.625rem rgb(var(--bright-accent)), 0 0 1.094rem rgb(var(--bright-accent)), 0 0 1.25rem rgb(var(--bright-accent)), 0 0 1.5625rem rgb(var(--bright-accent)), 0 0 2.344rem rgb(var(--bright-accent)); } } @-moz-keyframes neon { from { text-shadow: 0 0 0.3125rem rgb(var(--black-monochrome)), 0 0 0.625rem rgb(var(--black-monochrome)), 0 0 0.9375rem rgb(var(--black-monochrome)), 0 0 1.25rem rgb(var(--bright-accent)), 0 0 2.1875rem rgb(var(--bright-accent)), 0 0 2.5rem rgb(var(--bright-accent)), 0 0 3.125rem rgb(var(--bright-accent)), 0 0 4.6875rem rgb(var(--bright-accent)); } to { text-shadow: 0 0 0.1565rem rgb(var(--black-monochrome)), 0 0 0.3125rem rgb(var(--black-monochrome)), 0 0 0.469rem rgb(var(--black-monochrome)), 0 0 0.625rem rgb(var(--bright-accent)), 0 0 1.094rem rgb(var(--bright-accent)), 0 0 1.25rem rgb(var(--bright-accent)), 0 0 1.5625rem rgb(var(--bright-accent)), 0 0 2.344rem rgb(var(--bright-accent)); } } @-o-keyframes neon { from { text-shadow: 0 0 0.3125rem rgb(var(--black-monochrome)), 0 0 0.625rem rgb(var(--black-monochrome)), 0 0 0.9375rem rgb(var(--black-monochrome)), 0 0 1.25rem rgb(var(--bright-accent)), 0 0 2.1875rem rgb(var(--bright-accent)), 0 0 2.5rem rgb(var(--bright-accent)), 0 0 3.125rem rgb(var(--bright-accent)), 0 0 4.6875rem rgb(var(--bright-accent)); } to { text-shadow: 0 0 0.1565rem rgb(var(--black-monochrome)), 0 0 0.3125rem rgb(var(--black-monochrome)), 0 0 0.469rem rgb(var(--black-monochrome)), 0 0 0.625rem rgb(var(--bright-accent)), 0 0 1.094rem rgb(var(--bright-accent)), 0 0 1.25rem rgb(var(--bright-accent)), 0 0 1.5625rem rgb(var(--bright-accent)), 0 0 2.344rem rgb(var(--bright-accent)); } } @keyframes neon { from { text-shadow: 0 0 0.3125rem rgb(var(--black-monochrome)), 0 0 0.625rem rgb(var(--black-monochrome)), 0 0 0.9375rem rgb(var(--black-monochrome)), 0 0 1.25rem rgb(var(--bright-accent)), 0 0 2.1875rem rgb(var(--bright-accent)), 0 0 2.5rem rgb(var(--bright-accent)), 0 0 3.125rem rgb(var(--bright-accent)), 0 0 4.6875rem rgb(var(--bright-accent)); } to { text-shadow: 0 0 0.1565rem rgb(var(--black-monochrome)), 0 0 0.3125rem rgb(var(--black-monochrome)), 0 0 0.469rem rgb(var(--black-monochrome)), 0 0 0.625rem rgb(var(--bright-accent)), 0 0 1.094rem rgb(var(--bright-accent)), 0 0 1.25rem rgb(var(--bright-accent)), 0 0 1.5625rem rgb(var(--bright-accent)), 0 0 2.344rem rgb(var(--bright-accent)); } } @-webkit-keyframes neonbg { 0% { background: rgba(var(--bright-accent), 0.125); } 100% { background: rgba(var(--bright-accent), 0.6667); } } @-moz-keyframes neonbg { 0% { background: rgba(var(--bright-accent), 0.125); } 100% { background: rgba(var(--bright-accent), 0.6667); } } @-o-keyframes neonbg { 0% { background: rgba(var(--bright-accent), 0.125); } 100% { background: rgba(var(--bright-accent), 0.6667); } } @keyframes neonbg { 0% { background: rgba(var(--bright-accent), 0.125); } 100% { background: rgba(var(--bright-accent), 0.6667); } } @-webkit-keyframes neondrop { 0% { -webkit-box-shadow: inset 0 -1.5em 0 0 rgba(var(--bright-accent), 0.6667); box-shadow: inset 0 -1.5em 0 0 rgba(var(--bright-accent), 0.6667); } 100% { -webkit-box-shadow: inset 0 -1.5em 0 0 rgba(var(--bright-accent), 0.125); box-shadow: inset 0 -1.5em 0 0 rgba(var(--bright-accent), 0.125); } } @-moz-keyframes neondrop { 0% { -moz-box-shadow: inset 0 -1.5em 0 0 rgba(var(--bright-accent), 0.6667); box-shadow: inset 0 -1.5em 0 0 rgba(var(--bright-accent), 0.6667); } 100% { -moz-box-shadow: inset 0 -1.5em 0 0 rgba(var(--bright-accent), 0.125); box-shadow: inset 0 -1.5em 0 0 rgba(var(--bright-accent), 0.125); } } @-o-keyframes neondrop { 0% { box-shadow: inset 0 -1.5em 0 0 rgba(var(--bright-accent), 0.6667); } 100% { box-shadow: inset 0 -1.5em 0 0 rgba(var(--bright-accent), 0.125); } } @keyframes neondrop { 0% { -webkit-box-shadow: inset 0 -1.5em 0 0 rgba(var(--bright-accent), 0.6667); -moz-box-shadow: inset 0 -1.5em 0 0 rgba(var(--bright-accent), 0.6667); box-shadow: inset 0 -1.5em 0 0 rgba(var(--bright-accent), 0.6667); } 100% { -webkit-box-shadow: inset 0 -1.5em 0 0 rgba(var(--bright-accent), 0.125); -moz-box-shadow: inset 0 -1.5em 0 0 rgba(var(--bright-accent), 0.125); box-shadow: inset 0 -1.5em 0 0 rgba(var(--bright-accent), 0.125); } } }
: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 |
| SCPF-Site-0 | Dr. Annetta Lang | Dr. Heather Everwood | Dr. Xavier Moto | MTF ω-12 "Achilles' Heels" |
Special Containment Procedures
Protocol Ouroboros
In order to ensure the successful prevention of cataclysmic events, Protocol Ouroboros of The Forbidden City Convention is to be enacted.
Under this procedure, any viable temporal anomaly available is to be used in order to initiate SCP-####-Δ manifestations, which are regulated through causal loops. These loops and timeline alterations allow the Foundation to perform logistically extreme operations without disrupting sociological or ecological order.
Due to the risk of a VK-Class "Axiomatic fragmentation" event produced by SCP-####-Δ, humanity must be kept in a state of relative consensus through disinformation and information suppression. Determining the nature of this consensus and how it is maintained is the primary duty of the Overseer Council as Defined within The Forbidden City Convention.
Any unique divergences from consensus are to be given Special Containment Procedures.
Information Security
The precise mathematical details of SCP-#### are to be documented and held in DEEPWELL-0. Access to the DEEPWELL-0 archive requires a set of conditions to be met.
- Subject most of an Infohazard Resistance Index (IRI) score greater than 90
- Subject Must have a Psionic Resistance Index (PRI) value greater than 120.
- Subject must have a Cognitive Resistance Value (CRV) greater than 60
- Subject must have memorized the documents of normalcy thoroughly.
If an individual that lacks proper clearance and/or the specified attributes listed above attempts to access DEEPWELL-0's contents, they will be found and terminated by task-forces.
For further details, consult the secure facility dossier for SCPF-Site-0.
The Chronicler Protocol
In order to minimize the inconsistencies in Foundation history created by primacy, a disinformation campaign is to be established to ensure belief in the existence of "retirement proposals". Reclaiming knowledge of Foundation history shall remain in extremely high priority.
Execution Protocol
If the overseer Council is cited abusing their power or misappropriating resources in any way, the ethics committee is authorized to dispatch Mobile Task Force Omega-1 ('Law's Left Hand") to execute them.
If direct execution is not viable, ethics committee personnel are authorized to provide assistance to groups of interest, including the transfer of anomalous items to enemy groups of interest in order to eliminate the overseers.
For this reason, SCPF-Site-0 has been separated from the majority of Foundation central command structures.
Description
SCP-#### is the effect of using various mathematical anomalies in conjunction with each-other.
-
- _
- SCP-1314: A memetic vector equation that allows an individual to simulate rudimentary physical systems within their own minds.
- SCP-1714: A variation of the equations of Quantum Field Theory that allows a user to predict the formation of ontokinetic anomalies through analysis of virtual particles.
- SCP-2477: an interpretation of Newtonian that, with sufficient resources, allows for the complete separation between an object and the outside universe.
- SCP-3141: A statistical analysis theorem that allows the user to make ontokinetic alterations to the system being analyzed.
- SCP-5650: A method of applying the Banach-Tarski paradox to physical reality, producing ectoentropic effects.
When these concepts are put together, the user is capable of perceiving SCP-####-א. SCP-####-א is a semi-tangible "substance" known as Hume field, or Descans. SCP-####-א's presence determines the substantiality of any concept it interacts with. This substantiality encompasses concepts of physicality, intelligibility, axiomatic validity, and cultural prominence. Phenomena at lower-level Hume levels shift to match phenomena at higher Hume levels in a similar fashion to how physical objects match abstract forms as described in Plato's theory of forms.
Physical constants within a given point in spacetime are all multiples of said points Hume value. The number of spatial and temporal dimensions an object can move through is determined by its Hume value in a similar fashion. This produces the separation between causal intervals described by 'Elementary Time travel and Causal Analysis' and other models of theoretical physics such as M-Theory.
The attributes of individual SCP-####-א particles shift in order to mimic the quantum information patterns of other particles they interact with. This can produce various causal stasis effects within areas with heightened Hume levels.
SCP-####-ת is Leyland Hume, mathematician, physicist, philosopher, and namesake of the Hume Scale. SCP-####-ת is a reality-altering parahuman capable of moving between periods of time at will. SCP-####-ת is known for traveling back and forth in time to meet various scholars for assistance, and subsequently erasing their memories to minimize timeline alterations. Alongside this, Leyland has retroactively erased information from collective human memory and record in order to benefit Foundation interests.
Addendum ####-1: Planar and Extradimensional Spaces
Planes are iterations of reality that are not separated by extraspatial or extratemporal boundaries, but by an axiomatic incompatibility with each other. points in spacetime within different planes are spatially and temporally coterminous but are separated from each other by an ontological discrepancy. Essentially, they are the result of spacetime being "fragmented" by varied Hume levels.
The most prominent example of a planar distinction is [SCP-612500, a set of seven interconnected planes with a great deal of cosmogenic significance. Most other interplanar entities are pluripotent anomalies interacting with some form of afterlife.
Addendum ####-2: SCP-####-ξ and SCP-####-Δ
SCP-####-ξ is the retrocausal propagation of Hume fields, which represents the way the substantiality of concepts related to past events vary based on present circumstances. On the smallest scale, these retrocausal fields manifest as X-Tachyons.
Paradoxes produced by temporal anomalies or other paradoxical states produce axiomatically invalid states of matter, reducing Hume levels, rendering the attributes of relevant objects subjective. This process is known as SCP-####-Δ. SCP-####-Δ can have a wide range of effects on reality, including:
- Overlapping of divergent timelines
- Causal separation of entities from a given timeline
- retrocausal erasure
- VK-Class Axiomatic Fragmentation Events
- Subjective cognitohazardous effects
- Manifestation of esophysical entities,
The foundation uses SCP-####-Δ to alter reality based on the Ouroboros Protocol, described above in the containment procedures. Bellow is a semi-comprehensive catalog of SCP's affected by this procedure.
| ASCP | Effect |
|---|---|
| SCP-442 | The Reverse engineering of SCP-442 to produce 442i timepiece's. |
| SCP-711 | Mass production of SCP-711 units and the successor device, the ETTR, has been established accros multiple sites. |
| SCP-1780 | The absence of readily available documents of the Department of Temporal anomalies within baseline causality, is attributed to the nature of SCP-#### containment procedures. |
| SCP-1968 | cell-content |
| SCP-2000 | The application of Causality sinks into SCP-2000's construction is attributed to |
| SCP-2003 | The manipulation of highly improbable inertial displacement is partly attributed to SCP-####-Δ |
| SCP-2370 | Project Vonnegut was successfully put back into action by RCT-Δt |
| SCP-2400 | All operations with the TAER have proved successful. |
| SCP-2692 | cell-content |
| SCP-2943 | Mass-production of XACTS units has proven to be a great success. |
| SCP-3176 | The Forth-Xyank Concaptonator is a prominent component of reality-anchoring and multi-universal transit technology. |
| SCP-3264 | Project Expunge was successfully applied in the creation of the Scranton-Xyank Causality Disruptor. |
| SCP-3455 | SCP-####-Δ allows RCT-Δt personnel to remember the events of SCP-3455 events, which are typically used for retrocausal operations, as Earth's causality is greatly shifted. |
| SCP-3553 | cell-content |
| SCP-3614 | cell-content |
| SCP-3780 | cell-content |
| SCP-3797 | SCP-3797 is almost fundamentally built upon SCP-####'s influence. |
| SCP-4011 | Foundation pre-cursors were given access to causality disruption technology, which proved to be greatly useful for the present Foundation. |
| SCP-4077 | Causality sinks and related devices. |
| SCP-4101 | Project Hindsight allowed for the duplication of SCP-2719 for conceptual engineering projects. |
| SCP-4121 | SCP-####-Δ regulates interaction between SCP-4121 and SCP-5647, permitting initiation of Procedure-SCP-5647-Ω |
| SCP-4242 | All individuals traveling through SCP-4242 gain acces to SCP-####-Δ |
| SCP-4417 | SCP-4417 technology has been integrated into SCP-055-PT suits. |
| SCP-4583 | The presence of compound-4583-Δ based medicine throughout history |
| SCP-4734 | The Hermes Space-craft. |
| SCP-4800 | cell-content |
| SCP-5087 | cell-content |






Per 


