Per 
A Fate
@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); } } }
Item#: 7639
Level6
Containment Class:
esoteric
Secondary Class:
hiemal
Disruption Class:
ekhi
Risk Class:
danger
Special Containment Procedures: SCP-7639-A and SCP-7639-B must not come into contact with each other. SCP-7639-A must be inside SCP-7639-1 and be put in a chamber 10 meters big, and SCP-7639-B must be inside SCP-7639-2 and be put in a different chamber that's also 10 meters big.
Description: SCP-7639 is an SCP of 4 anomalous objects, two of which contain the other two.
Item#: 7639-A
Level6
Containment Class:
keter
Secondary Class:
none
Disruption Class:
ekhi
Risk Class:
danger
SCP-7639-A is the entity contained within SCP-7639-1, a pink heart-shaped locket. SCP-7639-A itself takes on the form of a rainbow, capable of changing its shape to whatever it wants, implying sentience. When SCP-7639-A is released from SCP-7639-1 within visual range of something bad, it will shoot straight towards it, covers it, and transforms it into the "better" version of the thing. SCPs aren't affected by this, but those affected by any SCPs that have mind affecting properties are affected.
Item#: 7639-B
Level6
Containment Class:
keter
Secondary Class:
none
Disruption Class:
ekhi
Risk Class:
danger
SCP-7639-B is contained within a brown bag (SCP-7639-2) about the size of a human hand. SCP-7639-B itself takes on the form of a black entity with dark purple stripes, capable of changing its shape to whatever it wants, implying sentience. SCP-7639-B can only be held by someone with bad intentions, as any good people attempting to hold SCP-7639-B will get shot back. SCP-7639-B will do anything that its holder asks it to do, being able to turn almost anything into almost anything the holder wants. Whatever is changed by SCP-7639-B will also be changed back to what it originally was by SCP-7639-A unless it ends up actually helping instead of harming. Other SCPs cannot be affected by SCP-7639-B.
Addendum 7639-01: When SCP-7639-A and SCP-7639-B were being cross tested, they eventually began to do something that could be compared to combining. The process was interrupted before they could complete it.
