@supports(display: grid) {
:root {
--sidebar-width-on-desktop: calc((var(--base-font-size) * (14 / 15)) * 19);
--body-width-on-desktop: 45.75rem;
}
@media only screen and (min-width: 769px) {
#side-bar .close-menu {
display: block;
position: fixed;
top: 0.5rem;
left: 0.5rem;
width: 3rem;
height: 3rem;
opacity: 1;
pointer-events: all;
z-index: -1;
}
#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.5rem;
left: 0.5rem;
width: 3rem;
height: 3rem;
padding: 0;
margin: 0;
text-align: center;
pointer-events: all;
cursor: pointer;
transition:
opacity var(--sidebar-transition-timing);
}
#side-bar .close-menu::before {
--mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Hamburger' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cpath d='M4 10h24c1.1 0 2-.9 2-2s-.9-2-2-2H4c-1.1 0-2 .9-2 2s.9 2 2 2zm24 4H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2zm0 8H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2z'/%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(--sidebar-bg-color))) !important;
border-radius: var(--toggle-roundness, 50%);
border: var(--toggle-border-color, rgb(var(--sidebar-links-text))) var(--toggle-border-width, 0.25rem) solid;
}
#side-bar:focus-within .close-menu,
#side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu {
pointer-events: none;
}
#side-bar:focus-within .close-menu::before,
#side-bar:focus-within .close-menu::after {
opacity: 0;
pointer-events: none;
}
#side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::before,
#side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::after {
opacity: 0;
pointer-events: none;
}
#side-bar {
display: block;
position: fixed;
top: 0;
left: calc(var(--sidebar-width-on-desktop)*-1);
z-index: 10;
transition:
left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
margin-top: 0;
}
#side-bar:focus-within {
left: 0;
}
#side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover {
left: 0;
}
#side-bar .side-block {
margin-top: 1rem;
background-color: rgb(0, 0, 0, 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;
transition:
opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
width 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
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: calc(100% - var(--sidebar-width-on-desktop));
opacity: 1;
pointer-events: all;
}
#side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover ~ #main-content::before {
width: calc(100% - var(--sidebar-width-on-desktop));
opacity: 1;
pointer-events: all;
}
@supports (-moz-appearance:none) and (background-attachment:local) and (not (-moz-osx-font-smoothing:auto)) { #side-bar {
padding: inherit;
} }
#content-wrap {
display: flex;
flex-direction: row;
width: calc(100vw - (100vw - 100%));
min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem)));
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: var(--body-width-on-desktop, 45.75rem);
max-width: var(--body-width-on-desktop, 45.75rem);
margin: 0 auto;
}
#page-content {
max-width: min(90vw, var(--body-width-on-desktop, 45.75rem));
}
@supports (-webkit-hyphens:none) {
#side-bar {
transition:
left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
padding-right 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
background-color 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
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 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
}
#side-bar .close-menu::before {
z-index: 999;
}
#side-bar .close-menu::after {
z-index: 998;
}
#side-bar:hover .close-menu::before,
#side-bar:hover .close-menu::after {
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: calc(100% - var(--sidebar-width-on-desktop));
opacity: 1;
pointer-events: all;
}
}
}
}
:root {
/* header measurements */
--header-height-on-desktop: 10rem;
--header-height-on-mobile: 10rem;
--header-h1-font-size: clamp(2rem, 5vw, 2.8125rem);
--header-h2-font-size: clamp(0.875rem, 3vw, 0.9375rem);
--logo-image: url("https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg");
}
#header {
--search-textbox-text-color: var(--swatch-secondary-color);
background: none;
}
#header::before {
content: " ";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0.75rem;
background-image: var(--logo-image);
background-repeat: no-repeat;
background-position: center 0;
background-size: auto calc(var(--header-height-on-desktop) - 1.5rem);
opacity: 0.8;
pointer-events: none;
}
#header h1,
#header h2 {
margin: 0;
padding: 0;
width: 100%;
height: var(--header-height-on-desktop);
display: flex;
align-items: center;
justify-content: center;
display: flex;
align-items: center;
justify-content: center;
}
#header h1 a,
#header h1 a::before,
#header h2 span,
#header h2 span::before {
margin: 0;
padding: 0;
z-index: 0;
display: block;
text-align: center;
}
#header h1 {
z-index: 1;
}
#header h1 a::before,
#header h1 a::after {
content: var(--header-title);
}
#header h1 a::before {
color: rgb(var(--swatch-text-tertiary-color));
z-index: -1;
-webkit-text-stroke: 0.325rem rgb(var(--swatch-text-dark));
}
#header h1 a::after {
color: rgb(var(--swatch-headerh1-color));
z-index: 1;
}
#header h2 {
z-index: 0;
text-transform: uppercase;
pointer-events: none;
}
#header h2 span {
margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - 2em);
}
#header h2 span::before,
#header h2 span::after {
--wght: 600;
content: var(--header-subtitle);
position: absolute;
left: 50%;
transform: translateY(-50%) translateX(-50%);
width: 100%;
text-align: center;
}
#header h2 span::before {
-webkit-text-stroke: 0.25rem rgb(var(--swatch-text-dark));
}
#header h2 span::after {
color: rgb(var(--swatch-headerh2-color));
z-index: 1;
}
#search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
color: rgba(0, 0, 0, 0);
}
@media (min-width: 36rem) {
#login-status {
flex-grow: 1;
left: 3%;
right: initial;
}
#login-status::before {
--mask-image: none;
background-color: transparent;
}
#login-status:not(:focus-within) {
color: rgb(var(--login-line-divider-color));
-webkit-user-select: initial;
-moz-user-select: initial;
-ms-user-select: initial;
user-select: initial;
}
#login-status #account-topbutton,
#login-status:not(:focus-within) #account-topbutton {
--clip-path:
polygon( 0 0, 100% 0, 100% 100%, 0 100% );
background-color: rgba(var(--login-arrow-color), 0);
}
#login-status #account-topbutton::before{
--clip-path:
polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% );
--mask-image: initial;
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(var(--login-arrow-color), 1);
-webkit-clip-path: var(--clip-path);
clip-path: var(--clip-path);
}
#login-status #account-topbutton::before,
#login-status:not(:focus-within) #account-topbutton::before,
#login-status:not(:focus-within) #account-topbutton:hover::before {
--clip-path:
polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% );
--mask-image: initial;
}
#login-status:not(:focus-within) #account-topbutton::after {
display: none;
}
#login-status:not(:focus-within) *:not(#account-topbutton):not([href*="account/messages"]) {
--clip-path:
polygon(
0 0,
100% 0,
100% 100%,
0 100%
);
pointer-events: all;
-webkit-clip-path: var(--clip-path);
clip-path: var(--clip-path);
}
#login-status:not(:focus-within) *:not(#account-topbutton):not(#account-options):not([href*="account/messages"]) {
opacity: 1;
}
#login-status #my-account {
--wght: 300;
}
#account-options {
background: var(--gradient-header);
}
#search-top-box {
top: 1.5em;
right: 3%;
background: rgba(var(--search-focus-textbox-bg-color), 0.4);
box-shadow: calc(var(--search-height) / 2 * -1) 0 calc(var(--search-height) / 2) rgba(var(--search-focus-textbox-bg-color), 0.4);
}
#search-top-box:focus-within ~ #login-status {
opacity: 1;
}
#search-top-box::after {
transition:
background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
-webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
transition:
background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
transition:
background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1),
-webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
#search-top-box:not(:focus-within)::after {
--clip-path:
polygon(
0 0,
100% 0,
100% 100%,
0% 100%
);
background-color: rgba(var(--search-icon-bg-color, --dark-accent), 1);
-webkit-clip-path: var(--clip-path);
clip-path: var(--clip-path);
}
#search-top-box:not(:focus-within):hover::after {
--clip-path:
polygon(
0 0,
100% 0,
100% 100%,
0 100%
);
background-color: rgb(var(--search-icon-hover-bg-color));
}
#search-top-box form[id="search-top-box-form"]:not(:focus-within) {
max-width: var(--search-width);
}
#search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
max-width: var(--search-width);
padding: 0 var(--search-height) 0 1em;
outline-width: 0;
background-color: rgb(var(--search-focus-textbox-bg-color), 0.35);
color: rgba(var(--search-textbox-text-color), 0.4);
cursor: pointer;
}
#search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="submit"],
#search-top-box form[id="search-top-box-form"]:focus-within input[type="submit"] {
pointer-events: all;
border: none;
}
}
#page-title::after,
.meta-title::after,
#page-title::before,
.meta-title::before {
content: "";
flex-grow: 1;
height: 0.0625rem;
background: rgb(var(--swatch-primary));
}
#page-title::before,
.meta-title::before {
margin: auto 1.25rem auto auto;
}
Item #: SCP-6989-J
Clearance Level 3: Confidential
Object Class: Keter
Disruption Class: 1/UltraOmegaAmida
Risk Class: 1/DangerousCritical
Special Containment Procedures: Distributed Task Force λ-10 ("The Task Force") is to track SCP-6989-J and initiate the authorised amnestication protocols if the need arises. Research into the anomaly is currently in progress headed by The Task Force.
Description: SCP-6989-J is a wispy, smokelike organism currently located nearby SCP-Foundation Site-120. With observation from The Task Force, it has been concluded that SCP-6989-J has the ability of flight. It is unknown whether it is sapient.
The anomalous properties of SCP-6989-J become apparent when viewed by a human (Homo Sapiens). Personnel viewing the anomaly are unable to determine what shape it resembles, likely due to the effects of a potent memetic hazard.
Descriptions include:
"A wiggly-wobbly looking dog." - Dr. Jacques Wâlturs, Head of the Anomalous Optometry Division
"An anvil on fire." - Dr. Cornelius Gregor, Head of the Daniel Luwin case
"The large head of a cat." - Dr. Jack Gooday, MD
"The corpse of that doctor I killed yesterday." - Agent Raphael Roundabouts, Field Agent
"Looks like my wife's teeth." - Dr. Cole Thereven, Head of the Spatial Anomaly Department.
"Uh…No shape?" - Dr. Nomal A. Writer, SiteCommand
"A giant pile of rocks? I dunno." - Dr. Matthew Chen, Head of the Thaumaturgy Department.
Due to its position and potent memetic effect, the Foundation possesses no means by which to physically contain the anomaly itself. As such, by direct order of the Adminstrator, it is to be decommissioned as soon as possible.
Addendum 6989-J.1: Decomissioning Attempt 6989-J.01
On 12/03/21, fighter jets were sent to bombard the anomaly with cauliflowers, as cauliflowers were considered wards against evil in many religions. Multiple casualties occurred due to The Task Force's visibility being obscured by the anomaly's memetic nature. Attempt unsuccessful.
Addendum 6989-J.2: Decomissioning Attempt 6989-J.01
On 21/03/21, the SCP-7000 contest was launched, and SCP-6989 was entered, and purposefully given no position of victory. No noted change the anomaly's behavior. Attempt unsuccessful.
Addendum 6989-J.3 Decomissioning Attempt 6989-J.03
On 23/04/21, a thaumaturgically enhanced warhead was fired at SCP-6989-J. This successfully decommissioned the anomaly. Approximately 60 million civilians were turned into puddles, but this was considered justified.
Addendum 6989-J.4: Incident Log 6989-J.02
On 31/05/21, it was noted that at least 75% of the troposphere was inhabited by similar anomalies. It most likely remained unknown due to a potent memetic hazard. Further action pending Overseer Vote.
Addendum 6989-J.5: Assistance
The Global Occult Coalition was alerted to this new threat and has agreed to cooperate with the Foundation. Project C.L.O.U.T., a joint effort between the GOC and the Foundation, plans to completely annihilate all SCP-6989-J instances, using nuclear weapons if necessary. Approved by the Overseer Council and the Ethics Committee.
Addendum 6989-J.X: Project C.L.O.U.T. Attempt-0000000001
On 2/06/21, a cow was tied to a projectile and launched into the sky. As cows were considered "pure" in multiple religions, and the nature of the anomaly was considered to be demonic, it was hoped to be able to ward off the anomalies. Mission unsuccessful.
Addendum 6989-J.6: Project C.L.O.U.T. Attempt-0000000002
On 3/06/21, Dr. Matthew Chen was asked to write a short story about SCP-6989-J and reading it aloud to the anomalies. This was done with the hope that reading about itself in an antagonistic way would break its heart. Attempted intervention by the United Nations resulted in dissolution of all world governments by the Foundation. All civilians evacuated into Secret Secure Bunker No.20000. Attempt unsuccessful.
Addendum 6989-J.7: Project C.L.O.U.T. Attempt-0000000003
34 clowns were launched into the sky, along with Dr. Chen, because he was useless and, according to the Administrator "can't write shit", and clowns, according to the Administrator, "freaks me out". This lead to the successful decommissioning of 5 instances. The causalities were considered justified.
Addendum 6989-J.8: Project C.L.O.U.T. Attempt-0000000004.1
On 7/06/21, multiple Scranton-Cornelius-Chen-Wallturz-Writer-Troy-Sulfûr Reality Obliterators were commissioned by personal order of the Adminstrator, and are to be activated on 10/06/21.
Addendum 6989-J.9: Super Secret Overseer Section
On 8/06/21, after a daily check up of Site-01 by the Overseers, a private bunker, most likely owned by the Adminstrator, was discovered.The recording below is horrifying and TOP SECRET: LEVEL 5/6989 EYES ONLY. For the love of God, DO NOT CLICK THAT COLLAPSIBLE.
why is this here lmao - the adminstrator
Site-01
Overwatch Command
Internal Audio Recording Transcript
Recording begins in dark room. The SCP Foundation Administrator can be seen, smiling widely, staring at the wall, holding a glass of whiskey.
O5-1: Jimmy? Wha-
The Administrator: AT LAST! (begins laughing loudly)
O5-3: (to O5-13, whispering) I think he had too many rootbeer floa-
The Administrator: MY ENEMIES SHALL BE NO MORE! THE WORLD SHALL BURN! (coughs, crying)
The Administrator presses a button on his armchair, which slides open a panel in the wall, revealing the sky. He appears to be glaring at it.
The Administrator: (shaking fist at the sky) Damn you! Too long have you made me suffer, too long you miserable fucking clouds. (laughing) But you will be no more!
The Administrator: (pauses, choking on tears) I still remember, the first day you hurt me….
I was a mere boy, unaware of how horrifying you were! You took me, clouds, made me believe you loved me! Ah, the pain, the betrayal….The day was as any, and I saw my friends gazing at you, ambivalent sky! At you wretched clouds! I asked them, "Oh, friends of mine? Whither thoust staring at? Whither thou watches?"
Quoth my friend "We art watching the sky, James! Hast thou not seen the shapes these awefilling gods are taking?"
Said I, "Art thou insipid? Art thou blind? The gods are but a-watching, and they do nothing as taking shapes."
Quoth he, "But they do! That god takes the firm of a raging bull in the sky! The other one is taking the form of a face! The is, bit filled with shapes. Dost thou not see them?"
Echoed the others in agreement, leaving me, baffled, scared, terrified. Until rage overtook all my senses. "Surely," said I, "Surely the gods are mocking me! They snicker at my failures, spit at me! They hath granted all but me the ability to see their transformations! They hate me; I abhorr them."
That hurt, that betrayal did I take and nurture, even when I killed those goddamn faeries- your agents, I presume! - even when I made machinations great, I did hold my grudge against you. Until now! Oh, the sweet taste of victory…
I have turned your people against you! I have successfully convinced them that you are abnormal! They now help me fulfill my vengeance!
The Administrator raises his glass to the sky.
Burn, you noxious sprites of vapour. Burn!
