: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)); } }
@supports((display: -ms-grid) or (display: grid)) { @media only screen and (min-width: 769px) { #side-bar .close-menu { display: block; position: fixed; top: 0.25rem; left: 0.5rem; width: 3rem; opacity: 1; pointer-events: all; } #side-bar .close-menu img { color: transparent; } #side-bar .close-menu::before, #side-bar .close-menu::after { content: ""; box-sizing: border-box; position: fixed; display: block; top: 0.25rem; left: 0.5rem; width: 3rem; height: 3rem; padding: 0; margin: 0; text-align: center; pointer-events: all; cursor: pointer; -webkit-transition: opacity var(--sidebar-transition-timing); -o-transition: opacity var(--sidebar-transition-timing); -moz-transition: opacity var(--sidebar-transition-timing); transition: opacity var(--sidebar-transition-timing); } #side-bar .close-menu::before { --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg height='32px' id='Layer_1' style='enable-background:new 0 0 32 32;' version='1.1' viewBox='0 0 32 32' width='32px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M4,10h24c1.104,0,2-0.896,2-2s-0.896-2-2-2H4C2.896,6,2,6.896,2,8S2.896,10,4,10z M28,14H4c-1.104,0-2,0.896-2,2 s0.896,2,2,2h24c1.104,0,2-0.896,2-2S29.104,14,28,14z M28,22H4c-1.104,0-2,0.896-2,2s0.896,2,2,2h24c1.104,0,2-0.896,2-2 S29.104,22,28,22z'/%3E%3C/svg%3E"); z-index: -1; background-color: var(--toggle-icon-color, rgb(var(--sidebar-links-text))) !important; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: 50% 50%; mask-position: 50% 50%; -webkit-mask-size: 60%; mask-size: 60%; } #side-bar .close-menu::after { z-index: -2; background-color: var(--toggle-button-bg, rgb(var(--swatch-menubg-color))) !important; -webkit-border-radius: var(--toggle-roundness, 50%); -moz-border-radius: var(--toggle-roundness, 50%); border-radius: var(--toggle-roundness, 50%); border: var(--toggle-border-color, rgb(var(--swatch-border-color))) var(--toggle-border-width, 0.25rem) solid; } #side-bar:focus-within .close-menu::before, #side-bar:focus-within .close-menu::after { opacity: 0; } #side-bar { display: block; position: fixed; top: 0; left: -webkit-calc(var(--sidebar-width-on-desktop)*-1); left: -moz-calc(var(--sidebar-width-on-desktop)*-1); left: calc(var(--sidebar-width-on-desktop)*-1); z-index: 10; -webkit-transition: left var(--sidebar-transition-timing); -o-transition: left var(--sidebar-transition-timing); -moz-transition: left var(--sidebar-transition-timing); transition: left var(--sidebar-transition-timing); height: 100%; overflow-y: auto; overflow-x: hidden; margin-top: 0; } #side-bar:focus-within { left: 0; } #side-bar .side-block { margin-top: 1rem; background-color: rgb(0, 0, 0, 0); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-left-width: 0px; border-right-width: 0px; } #main-content::before { content: ""; display: block; position: fixed; top: 0; right: 0; z-index: -1; opacity: 0; -webkit-transition: opacity var(--sidebar-transition-timing), width var(--sidebar-transition-timing); -o-transition: opacity var(--sidebar-transition-timing), width var(--sidebar-transition-timing); -moz-transition: opacity var(--sidebar-transition-timing), width var(--sidebar-transition-timing); transition: opacity var(--sidebar-transition-timing), width var(--sidebar-transition-timing); margin-left: var(--sidebar-width-on-desktop); background: rgba(var(--swatch-menubg-black-color), .3) 1px 1px repeat; padding-right: 0; width: 100%; height: 100vh; pointer-events: none; z-index: 99; } #side-bar:focus-within~#main-content::before { width: -webkit-calc(100% - var(--sidebar-width-on-desktop)); width: -moz-calc(100% - var(--sidebar-width-on-desktop)); width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } #content-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: -webkit-calc(100vw - (100vw - 100%)); width: -moz-calc(100vw - (100vw - 100%)); width: calc(100vw - (100vw - 100%)); min-height: -webkit-calc(100vh - -webkit-calc(var(--final-header-height-on-desktop, 10.125rem))); min-height: -moz-calc(100vh - -moz-calc(var(--final-header-height-on-desktop, 10.125rem))); min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem))); -webkit-box-flex: 2; -webkit-flex-grow: 2; -moz-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; height: auto; position: relative; margin: 0 auto; max-width: inherit; } #main-content { width: 100%; position: initial; max-height: 100%; padding: 2rem 1rem; width: 45.8rem; max-width: 45.8rem; margin: 0 auto; } @media not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) { #side-bar { -webkit-transition: left var(--sidebar-transition-timing), padding-right var(--sidebar-transition-timing), background-color var(--sidebar-transition-timing); -o-transition: left var(--sidebar-transition-timing), padding-right var(--sidebar-transition-timing), background-color var(--sidebar-transition-timing); -moz-transition: left var(--sidebar-transition-timing), padding-right var(--sidebar-transition-timing), background-color var(--sidebar-transition-timing); transition: left var(--sidebar-transition-timing), padding-right var(--sidebar-transition-timing), background-color var(--sidebar-transition-timing); padding-right: 0; background-color: rgb(0, 0, 0, 0); pointer-events: all; overflow-x: visible; overflow-y: visible; z-index: 999; } #side-bar::-webkit-scrollbar { opacity: 0; -webkit-transition: opacity var(--sidebar-transition-timing); transition: opacity var(--sidebar-transition-timing); } #side-bar .close-menu::before { z-index: 999; } #side-bar .close-menu::after { z-index: 998; } #side-bar:hover .close-menu::before { opacity: 0; } #side-bar:hover { left: 0; background-color: rgba(var(--swatch-menubg-color), 1); padding-right: 0; } #side-bar:hover::-webkit-scrollbar { opacity: 1; } #side-bar:hover~#main-content::before { width: -webkit-calc(100% - var(--sidebar-width-on-desktop)); width: -moz-calc(100% - var(--sidebar-width-on-desktop)); width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } } } } }
Special Containment Procedures:SCP-9999 cannot be contained but does not need to be contained. SCP-9999 is to be used to terminate and or assist containment of SCP's by using SCP-9999-1 to call it.
Description: SCP-9999 is a reality bending humanoid comprised of what seems to be stars and planets, the total amount is unknown. During observation of SCP-9999, SCP-9999 destroyed a planet with a single "Punch". (See Incident-9999-1). SCP-9999 has attempted to make contact with us delivering a message. (see Addendum-99999-2). Due to the extreme likeliness of breach of secrecy C.I.D 1.0.0 was developed. C.I.D Deletes any picture of SCP-9999 and tracks it's source. When the source is found it is sent to MTF Iota-10 ("Damn Feds") all personnel that spread the images are detained amnesticised and are free to go.
Head Researcher Mints and Dr. Allen were assigned to SCP-9999.
Discovery: SCP-9999 was discovered after SCP-179 pointed at an empty spot in space, Researcher Ivy Patterns spotted SCP-9999 with a telescope destroying a planet, O-5 command were contacted, all observation staff below level 3 clearance have been administered amnestics.
INCIDENT LOG-9999-1
DATE: 04/04/2021
NOTE: Head Researcher Mints and Dr. Allen came to SCP-179's observation site to spot any movements connected to SCP-9999
[BEGIN LOG]
19:00: Head Researcher Mints observes SCP-179 for 10 minutes, SCP-179 points at an empty spot in space, Dr. Allen manned the telescope and spotted SCP-9999 appearing from an unknown location.
19:15 SCP-9999 Appears to make noises, transmissions of said noises hit earth are record speed, one (1) minute. SCP-9999 sent the following message: "I know you are watching me, it is time you know who I am, I am Galacticore protector of this universe and loyal servant of god, I do not wish to harm you humans, but to aid you. If you accept my offer please respond to this message within 4 days."
19:25: O-5 command is contacted for permission to answer SCP-9999's offer.
20:00: Request is approved, the following transmission was sent: "Hello Galacticore, we will gladly accept your aid, we in fact do have something you could help with. We need you to help us contain and or eliminate anomalies that threaten human life or possibly, all of the universe." The message took approximetly one day to arrive to SCP-9999.
15:00:1 "I will gladly assist you humans, it is my duty given to me by god. I will soon arrive at the location I am getting messages from, I shall appear in my small form to greet you."17:32: SCP-9999 arrives at SCP-179's observation site, he is escorted into a small room to be interviewed.
[END LOG]
INTERVIEW LOG-9999-2
Interviewed: SCP-9999.
Interviewer: Head Researcher Mints ██
[BEGIN LOG]
SCP-9999 walks into the room, Head Researcher Mints is already seated, SCP-9999 can be heard sitting down.
H.R. Mints: Hello SCP-9999, it's um an honor to speak to you?
SCP-9999: Hello ███ Mints, I have but one request. May we keep this short? I have important matters to attend.
H.R. Mints: Oh yeah of course, I am sure you can answer some questions we have at a later date…. Anyways, we got the transmissions you sent us and we are interested on how and why you are willing to help us?
SCP-9999: These decisions are not made by me, I am given these orders as the universe orders me. Now I am willing to give you this, SCP-9999 hands H.R. Mints a stone slab with engravements of unknown symbols on it. Designated SCP-9999-1
H.R. Mints: Oh uh, what's this?
SCP-9999: The universe's voice box, you can use it to call me at any time you are in trouble.
H.R. Mints: Well how do I use it?
SCP-9999: You engrave this symbol on the back. SCP-9999 engraves the following symbol: ⋉
H.R. Mints: That's interesting… Well I suppose you have no time so we can ask questions at a later date, thank you for coming here and talking with us, I am sure you will aid us greatly in the future.
SCP-9999: It is indeed time, I hope to help as much as I can in the future.
SCP-9999 leaves the room, H.R. Mints ends the recording.
[END LOG]
Closing Statement: SCP-9999-1 is to be used against apollyon class SCP's or to neutralize other hard-to-kill SCP's, SCP-9999 reclassed to thaumiel, SCP-682 and SCP-096 re-classed to neutralized. [ADDENDUM EXPUNGED]


