Wow! You flipped a card and got: SCP-9091 Duct Tape!!! You ca reload the page or go to the next.
DATE: 25 Jul 2021 16:32
Item #:SCP-9091
Object Class: Euclid
Special Containment Procedures: SCP-9091 must be kept in a sealed bullet proof, blast proof container in a 20 by 20 meter room, if the container is empty or shows signs of damage, replace the container using a blindfolded Class-D in order to prevent any instances of SCP-9091-1 from manifesting. In case of a breach SCP-9091 shall have its door boarded up to prevent anyone of becoming an instance of SCP-9091-1.
Description: SCP-9091 is a roll of Scotch brand duct tape from the 1990’s. When any sentient entity enters 6 meters of SCP-9091 will be compelled to wrap the tape around their body. If the entity is successful at wrapping itself with the tape they will become an SCP-9091-1. SCP-9091-1’s are a highly hostile, strong and sticky entity that will run towards anything sentient and drag them towards SCP-9091 attempting to create more SCP-9091-1’s,there is no way to reverse the SCP-9091-1 process. SCP-9091 was discovered in a abandoned hardware store near the border of western Nevada, the small town nearby had complained about seeing humanoid entity’s outside of there windows. Once a child and multiple police officers went missing nearby the hardware store the SCP Foundation was called in.
Testing: the resent most test was conducted when a Class-D (D0978) was informed to damage SCP-9091 using a MP5, the bullets deflected onto the Class-D killing them. Further tests on SCP-9091 need permission from an administrator with level 4 clearance.
« SCP-9091 | SCP-WXXZ »
Wow! You flipped a card and got: kjl3080!!! You ca reload the page or go to the next.
DATE: 25 Jul 2021 15:49
Special Containment Procedures:
SCP-6642 is kept in Site-██, within a containment cell in the upper-east wing. The cell
is built to standard for human anomalies. SCP-6642 is to be under constant surveillance by two security guards posted outside the and security cameras. SCP-6642 is to be reminded should it ever attempts to that it is not allowed to converse with any foundation researchers without prior approval from a Level 4 researcher. SCP-6642 is allowed a notebook, pencil and paper.
The cell is to be checked daily by no less than (one) security personnel with cognitohazard-resistant training for the presence of SCP-6642, or whenever a possibly anomalous event occurs, such as the random opening of doors or disappearance of items. Should it be found absent, a site-wide alert is to be issued monitoring all movement. In the event of any significant deviations on established behavior (As detailed in Addendum-6642-1), should be noted and submitted to personnel with level 4 security clearance or above for examination.
Description:
SCP-6642 is a bipedal humanoid with a physiology consistent with Canis Lupus. It is capable of human speech, as it claims to be the result of [REDACTED]. Although never observed to do so after Incident-6642-█ and ████████, it is capable to become undetectable by anyone presently observing it via an anti-memetic effect, though this may be countered by use of sufficient anti-memetic training or supplements. It [INSUFFICIENT CLEARANCE].
The remainder of this file is Level 4/6642 Classified with Restrictions.
| Input Username:
>Dr. Stephen Emerett
| Input Password:
>**************
Logging in…
CREDENTIALS ACCEPTED.
WELCOME, Dr. Emerett.
Wow! You flipped a card and got: LiveFireExercise-Wiki-and-Reality!!! You ca reload the page or go to the next.
DATE: 25 Jul 2021 12:56
SCP-2928 - Contains the SCP Foundation website, which is a Wiki for The Foundation, dedicated to writing and managing their archives. The wiki was created to further the development of all SCP systems and facilities. No matter what sort of article is found, such articles will also exist to provide resources for further investigation of SCP systems or infrastructure. The wiki is still under development. Every wiki article should be a source of information on SCP systems, including user interface pages, the properties of certain properties, and the history of the systems used. In order to maintain this wiki and have it maintain even after a rewrite of an article is made, some basic information about the wiki should be included in a summary that can be found in the wiki. Many articles should be able to access and reference SCP information without being immediately read or edited by a wiki editor.
SCP-2929 - The original Foundation source material of SCP-2928 is contained in this wiki. This wiki has been rewritten from the original template document and is based off of what appears at index.html. SCP-2929 is the first of the 'contains the SCP Foundation website' and appears at index.html, and its content follows the same format as the Foundation's official website.
Description: SCP-1310: SCP-1310 is the name of a fictitious newspaper published in the first month of 2016 in an English-speaking country, supposedly owned by one of its citizens. Within the article is a link to a link to The International Yearbook of Literature, published by this city's most prominent newspaper, M.F.A. (Mirage, August 12, 2016) and The Star-Spangled Banner (April 27, 2016). This article has been considered to be a hoax, in an effort to "provide a general look at international literatures", due to the apparent censorship of several papers.
The article is entitled "The International Yearbook of Literature, published in January 2017 by M.F.A.". This publication was also advertised as "An anthology of literary articles by various international writers". The article was initially published as an article about the "Danger to Nature", from the "Scientific American", as well as several articles related to human activities and its environmental problems, on August 25-27, 2016, however, it was later changed to something more interesting. There is no indication that either the new article or the article with the title was in fact a hoax by either of these countries.
SCP-XXXX is a person whose name comes from the word SCP-XXXX. It is the largest living living being known. It is the first manifestation of SCP-XXXX.
SCP-XXXX has become the most powerful living thing on Earth and is the only living being that can communicate with a human. It is only a matter of time before it appears in your memories.
SCP-XXXX is responsible for transforming SCP-XXXX-2 from the living animal into a full-fledged form.
It resembles a dragon.
SCP-XXXX is the oldest living being on Earth, and is the largest that ever lived. Although the age is somewhat different, it is the absolute most powerful living thing known, capable of causing the physical transformation of any living creature and causing the deaths of many of its own.
The world over it is an enormous, chaotic and dangerous place full of monsters, ghosts and aliens, all with many threats lurking in their wake. The only question is will it find its way to you and become sentient again. As of today, none of these
Special Containment Procedures: There currently exists no way to contain this anomaly.
Description: SCP-XXXX consists of an online website which can spontaneously create anomalies. These anomalies began manifesting in July of 2008, when SCP-173 appeared.
Wow! You flipped a card and got: DestroBro Idea Ramblings and Drafts!!! You ca reload the page or go to the next.
DATE: 25 Jul 2021 10:21
| Ideas |
How Much I Like The Idea |
Extra Details |
| Idea 1: |
x |
_ |
| Idea 2: |
x |
_ |
| Idea 3: |
x |
_ |
| Idea 4: |
x |
_ |
Item #: SCP-XXXX
Object Class: Safe/Euclid/Keter (indicate which class)
Special Containment Procedures: [Paragraphs explaining the procedures]
Description: [Paragraphs explaining the description]
Addendum: [Optional additional paragraphs]
[[footnoteblock]]
Wow! You flipped a card and got: North Star Hub!!! You ca reload the page or go to the next.
DATE: 25 Jul 2021 02:26
Tales Hub » Series Archive » North Star Hub
North Star Hub
Table of Contents
Part 0: Initiation
The Scottish Goliath
"I'm assuming it has something to do with the new recruits." Albany said in his thick Scottish accent.
By
DrDapper
The Minutemen
The three of them jumped to their feet and saluted the commander.
By
DrDapper
Brink of Hysteria
He blinked rapidly and moved his eyes to let her know he was, in fact, not dead.
By
DrDapper
Part 1: Humans and Horrors
[COMING SOON]
Wow! You flipped a card and got: SCP-XXXX-2!!! You ca reload the page or go to the next.
DATE: 25 Jul 2021 00:09
:root {
/* New Vars */
--swatch-menubg-extra-dark-color: 30, 30, 32;
/* Old Vars */
--black-monochrome: 20, 22, 24;
--light-pale-gray-monochrome: 250, 250, 250;
/* Primary Theme Colors */
--swatch-background: var(--swatch-menubg-black-color);
/* Background and Header Colors */
--background-gradient-color: 10, 10, 10;
--header-gradient-color-bottom: var(--medium-accent);
--header-gradient-color-middle: var(--swatch-menubg-black-color);
--header-gradient-color-top: var(--swatch-menubg-black-color);
/* Primary Text Colors */
--swatch-text-light: var(--light-pale-gray-monochrome);
--swatch-text-general: var(--swatch-text-light);
/* Primary Menu Colors */
--swatch-menubg-color: var(--swatch-menubg-black-color);
/* Colors for Secondary & Tertiary items like Blockquote and YUI Tabs */
--swatch-secondary-color: var(--swatch-menubg-dark-color);
--swatch-tertiary-color: var(--swatch-menubg-medium-dark-color);
/* Primary Header Colors */
--swatch-topmenu-border-color: var(--swatch-menubg-black-color);
--swatch-topmenu-bg-color: var(--swatch-menubg-extra-dark-color);
--rating-module-text-color: var(--swatch-text-general);
--rating-module-button-color: var(--swatch-text-general);
--rating-module-button-cancel-color: 100, 100, 100;
--gradient-header: linear-gradient(
to bottom,
rgb(var(--header-gradient-color-bottom)) 0%,
rgb(var(--header-gradient-color-middle)) 90%,
rgb(var(--header-gradient-color-top)) 100%
);
--diagonal-stripes: repeating-linear-gradient(
45deg,
hsla(0, 0%, 100%, 0),
hsla(0, 0%, 100%, 0) 0.25vh,
rgba(var(--swatch-menubg-extra-dark-color), 0.1) 0.35vh,
rgba(var(--swatch-menubg-extra-dark-color), 0.2) 0.5vh
);
}
::selection {
background: rgb(var(--swatch-primary-darkest));
}
#search-top-box-input {
background-color: rgb(var(--swatch-menubg-extra-dark-color));
}
#account-options {
background: var(--gradient-header);
}
#login-status {
color: rgba(var(--swatch-menutxt-light-color),0.5);
}
#login-status ul a {
color: rgb(var(--swatch-menutxt-light-color));
}
span.printuser {
color: rgb(var(--swatch-menutxt-light-color));
}
#login-status a#my-account {
padding: 0.15em;
margin: -0.15em;
color: rgb(var(--swatch-menutxt-light-color));
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
-webkit-box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--swatch-primary), 1);
-moz-box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--swatch-primary), 1);
box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--swatch-primary), 1);
-webkit-transition:
color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
-webkit-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
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);
}
#login-status a#my-account:hover,
#login-status a#my-account:active {
padding: 0.3em 0.25em 0.2em 0.25em;
margin: -0.25em;
-webkit-box-shadow: inset 0 -1.5em 0 0 rgba(var(--swatch-primary), 1);
-moz-box-shadow: inset 0 -1.5em 0 0 rgba(var(--swatch-primary), 1);
box-shadow: inset 0 -1.5em 0 0 rgba(var(--swatch-primary), 1);
text-decoration: none;
color: rgb(var(--white-monochrome))
}
.page-rate-widget-box {
background: -webkit-gradient(linear,
left top, left bottom,
from(rgba(var(--header-gradient-color-bottom),0.5)),
color-stop(90%, rgba(var(--header-gradient-color-middle),0.15)),
to(rgba(var(--header-gradient-color-top),0.15)));
background: -webkit-linear-gradient(top,
rgba(var(--header-gradient-color-bottom),0.5) 0%,
rgba(var(--header-gradient-color-middle),0.15) 90%,
rgba(var(--header-gradient-color-top),0.15) 100%);
background: -moz-linear-gradient(top,
rgba(var(--header-gradient-color-bottom),0.5) 0%,
rgba(var(--header-gradient-color-middle),0.15) 90%,
rgba(var(--header-gradient-color-top),0.15) 100%);
background: -o-linear-gradient(top,
rgba(var(--header-gradient-color-bottom),0.5) 0%,
rgba(var(--header-gradient-color-middle),0.15) 90%,
rgba(var(--header-gradient-color-top),0.15) 100%);
background: linear-gradient(to bottom,
rgba(var(--header-gradient-color-bottom),0.5) 0%,
rgba(var(--header-gradient-color-middle),0.15) 90%,
rgba(var(--header-gradient-color-top),0.15) 100%);
border: 0.0625rem solid rgba(var(--swatch-menubg-medium-color), 0.25);
}
#top-bar div.top-bar > ul > li:hover {
background: rgb(var(--swatch-menubg-black-color));
}
#top-bar div.mobile-top-bar > ul > li.sfhover > ul,
#top-bar div.mobile-top-bar > ul > li:hover > ul,
#top-bar div.top-bar > ul > li.sfhover > ul,
#top-bar div.top-bar > ul > li:hover > ul {
background: rgba(var(--swatch-menubg-black-color),0.85);
}
#top-bar div.mobile-top-bar > ul > li > ul > li > a,
#top-bar div.top-bar > ul > li > ul > li > a {
-webkit-box-shadow: inset 0 0 0 0.0625rem rgba(var(--swatch-menubg-medium-color), 0.15);
-moz-box-shadow: inset 0 0 0 0.0625rem rgba(var(--swatch-menubg-medium-color), 0.15);
box-shadow: inset 0 0 0 0.0625rem rgba(var(--swatch-menubg-medium-color), 0.15);
}
blockquote,
.blockquote,
.code {
--swatch-border-color: var(--swatch-menubg-light-color);
border-color: rgba(var(--swatch-border-color),0.25);
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
--box-shadow: rgb(var(--swatch-primary-darkest));
border-color: rgb(var(--swatch-primary-darkest));
}
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
--box-shadow: rgb(var(--swatch-primary-darkest));
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
background-color: rgb(var(--swatch-menubg-extra-dark-color));
color: rgb(var(--swatch-text-general));
}
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
background-color: rgb(var(--swatch-primary-darkest));
}
table.wiki-content-table th {
background: rgb(var(--swatch-secondary-color));
}
table.wiki-content-table th,
table.wiki-content-table tr {
border: 0.0625rem solid rgba(var(--swatch-menubg-medium-color), 0.25) !important;
}
table.wiki-content-table td {
border: 0.0625rem solid rgba(var(--swatch-menubg-light-color), 0.25) !important;
}
textarea,
input.text,
input.checkbox,
div.note,
#lock-info {
border: 0.0625rem solid rgba(var(--swatch-menubg-light-color),0.25);
background-color: rgb(var(--swatch-menubg-extra-dark-color));
color: rgb(var(--swatch-text-light));
}
.code pre span[class*="hl-"] {
-webkit-filter: invert(1) hue-rotate(180deg);
filter: invert(1) hue-rotate(180deg);
}
.owindow .modal-body img {
background-color: transparent !important;
}
.hovertip {
border: 0.0625rem solid rgba(var(--swatch-menubg-light-color),0.25);
background-color: rgb(var(--swatch-menubg-extra-dark-color)) !important;
color: rgb(var(--swatch-text-light)) !important;
}
#footer {
color: rgb(var(--swatch-text-general));
}
.scpnet-interwiki-wrapper {
-webkit-filter: initial;
filter: initial;
margin-top: 1em;
}
.scpnet-interwiki-frame {
-webkit-filter: invert(0.92) grayscale(1) contrast(1);
filter: invert(0.92) grayscale(1) contrast(1);
}
@supports((display: -ms-grid) or (display: grid)) {
@media only screen and (min-width: 769px) {
#side-bar .close-menu {
display: block;
position: fixed;
top: 0.25rem;
left: 0.5rem;
width: 3rem;
opacity: 1;
pointer-events: all;
}
#side-bar .close-menu img {
color: transparent;
}
#side-bar .close-menu::before,
#side-bar .close-menu::after {
content: "";
box-sizing: border-box;
position: fixed;
display: block;
top: 0.25rem;
left: 0.5rem;
width: 3rem;
height: 3rem;
padding: 0;
margin: 0;
text-align: center;
pointer-events: all;
cursor: pointer;
-webkit-transition:
opacity var(--sidebar-transition-timing);
-o-transition:
opacity var(--sidebar-transition-timing);
-moz-transition:
opacity var(--sidebar-transition-timing);
transition:
opacity var(--sidebar-transition-timing);
}
#side-bar .close-menu::before {
--mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg height='32px' id='Layer_1' style='enable-background:new 0 0 32 32;' version='1.1' viewBox='0 0 32 32' width='32px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M4,10h24c1.104,0,2-0.896,2-2s-0.896-2-2-2H4C2.896,6,2,6.896,2,8S2.896,10,4,10z M28,14H4c-1.104,0-2,0.896-2,2 s0.896,2,2,2h24c1.104,0,2-0.896,2-2S29.104,14,28,14z M28,22H4c-1.104,0-2,0.896-2,2s0.896,2,2,2h24c1.104,0,2-0.896,2-2 S29.104,22,28,22z'/%3E%3C/svg%3E");
z-index: -1;
background-color: var(--toggle-icon-color, rgb(var(--sidebar-links-text))) !important;
-webkit-mask: var(--mask);
mask: var(--mask);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: 50% 50%;
mask-position: 50% 50%;
-webkit-mask-size: 60%;
mask-size: 60%;
}
#side-bar .close-menu::after {
z-index: -2;
background-color: var(--toggle-button-bg, rgb(var(--swatch-menubg-color))) !important;
-webkit-border-radius: var(--toggle-roundness, 50%);
-moz-border-radius: var(--toggle-roundness, 50%);
border-radius: var(--toggle-roundness, 50%);
border: var(--toggle-border-color, rgb(var(--swatch-border-color))) var(--toggle-border-width, 0.25rem) solid;
}
#side-bar:focus-within .close-menu::before,
#side-bar:focus-within .close-menu::after {
opacity: 0;
}
#side-bar {
display: block;
position: fixed;
top: 0;
left: -webkit-calc(var(--sidebar-width-on-desktop)*-1);
left: -moz-calc(var(--sidebar-width-on-desktop)*-1);
left: calc(var(--sidebar-width-on-desktop)*-1);
z-index: 10;
-webkit-transition:
left var(--sidebar-transition-timing);
-o-transition:
left var(--sidebar-transition-timing);
-moz-transition:
left var(--sidebar-transition-timing);
transition:
left var(--sidebar-transition-timing);
height: 100%;
overflow-y: auto;
overflow-x: hidden;
margin-top: 0;
}
#side-bar:focus-within {
left: 0;
}
#side-bar .side-block {
margin-top: 1rem;
background-color: rgb(0, 0, 0, 0);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border-left-width: 0px;
border-right-width: 0px;
}
#main-content::before {
content: "";
display: block;
position: fixed;
top: 0;
right: 0;
z-index: -1;
opacity: 0;
-webkit-transition:
opacity var(--sidebar-transition-timing),
width var(--sidebar-transition-timing);
-o-transition:
opacity var(--sidebar-transition-timing),
width var(--sidebar-transition-timing);
-moz-transition:
opacity var(--sidebar-transition-timing),
width var(--sidebar-transition-timing);
transition:
opacity var(--sidebar-transition-timing),
width var(--sidebar-transition-timing);
margin-left: var(--sidebar-width-on-desktop);
background: rgba(var(--swatch-menubg-black-color), .3) 1px 1px repeat;
padding-right: 0;
width: 100%;
height: 100vh;
pointer-events: none;
z-index: 99;
}
#side-bar:focus-within~#main-content::before {
width: -webkit-calc(100% - var(--sidebar-width-on-desktop));
width: -moz-calc(100% - var(--sidebar-width-on-desktop));
width: calc(100% - var(--sidebar-width-on-desktop));
opacity: 1;
pointer-events: all;
}
#content-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: -webkit-calc(100vw - (100vw - 100%));
width: -moz-calc(100vw - (100vw - 100%));
width: calc(100vw - (100vw - 100%));
min-height: -webkit-calc(100vh - -webkit-calc(var(--final-header-height-on-desktop, 10.125rem)));
min-height: -moz-calc(100vh - -moz-calc(var(--final-header-height-on-desktop, 10.125rem)));
min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem)));
-webkit-box-flex: 2;
-webkit-flex-grow: 2;
-moz-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
height: auto;
position: relative;
margin: 0 auto;
max-width: inherit;
}
#main-content {
width: 100%;
position: initial;
max-height: 100%;
padding: 2rem 1rem;
width: 45.8rem;
max-width: 45.8rem;
margin: 0 auto;
}
@media not all and (min-resolution:.001dpcm) {
@supports (-webkit-appearance:none) {
#side-bar {
-webkit-transition:
left var(--sidebar-transition-timing),
padding-right var(--sidebar-transition-timing),
background-color var(--sidebar-transition-timing);
-o-transition:
left var(--sidebar-transition-timing),
padding-right var(--sidebar-transition-timing),
background-color var(--sidebar-transition-timing);
-moz-transition:
left var(--sidebar-transition-timing),
padding-right var(--sidebar-transition-timing),
background-color var(--sidebar-transition-timing);
transition:
left var(--sidebar-transition-timing),
padding-right var(--sidebar-transition-timing),
background-color var(--sidebar-transition-timing);
padding-right: 0;
background-color: rgb(0, 0, 0, 0);
pointer-events: all;
overflow-x: visible;
overflow-y: visible;
z-index: 999;
}
#side-bar::-webkit-scrollbar {
opacity: 0;
-webkit-transition: opacity var(--sidebar-transition-timing);
transition: opacity var(--sidebar-transition-timing);
}
#side-bar .close-menu::before {
z-index: 999;
}
#side-bar .close-menu::after {
z-index: 998;
}
#side-bar:hover .close-menu::before {
opacity: 0;
}
#side-bar:hover {
left: 0;
background-color: rgba(var(--swatch-menubg-color), 1);
padding-right: 0;
}
#side-bar:hover::-webkit-scrollbar {
opacity: 1;
}
#side-bar:hover~#main-content::before {
width: -webkit-calc(100% - var(--sidebar-width-on-desktop));
width: -moz-calc(100% - var(--sidebar-width-on-desktop));
width: calc(100% - var(--sidebar-width-on-desktop));
opacity: 1;
pointer-events: all;
}
}
}
}
}
@supports((display: -ms-grid) or (display: grid)) {
:root {
/* header measurements */
--header-height-on-desktop: 10rem;
--header-height-on-mobile: 10rem;
--header-h1-font-size: -webkit-calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
--header-h1-font-size: -moz-calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
--header-h1-font-size: calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
}
#header {
background: none;
}
#header::before {
content: " ";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0.75rem;
background-image: var(--logo-image);
background-repeat: no-repeat;
background-position: center -3.5rem;
-webkit-background-size: auto 8rem;
-moz-background-size: auto 8rem;
-o-background-size: auto 8rem;
background-size: auto 8rem;
background-position: center top;
opacity: 0.45;
pointer-events: none;
}
#header h1,
#header h1 a,
#header h1 a::before {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-height: inherit;
z-index: 0;
}
#header>h1>a>span {
width: 100%;
height: 100%;
top: 0;
left: 0;
max-width: inherit;
}
#header h1 {
height: -webkit-calc(100% - 2.25rem);
height: -moz-calc(100% - 2.25rem);
height: calc(100% - 2.25rem);
}
#header h1 a::before,
#header h1 a {
text-align: center;
line-height: 0.8;
}
#header h2,
#header h2 span,
#header h2 span::before {
position: absolute;
left: 0;
top: 0.15em;
margin-left: 0;
padding: 0;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-moz-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-height: inherit;
z-index: 0;
text-transform: uppercase;
pointer-events: none;
}
#login-status {
min-height: -webkit-calc(var(--base-font-size) * 1.5);
min-height: -moz-calc(var(--base-font-size) * 1.5);
min-height: calc(var(--base-font-size) * 1.5);
-webkit-border-radius: .0625rem;
-moz-border-radius: .0625rem;
border-radius: .0625rem;
-webkit-border-radius: var(--border-radius-width);
-moz-border-radius: var(--border-radius-width);
border-radius: var(--border-radius-width);
color: rgb(var(--pale-gray-monochrome));
background-color: rgba(0, 0, 0, 0);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
left: 3%;
right: initial;
}
#login-status .printuser {
--wght: 900;
position: relative;
top: 0;
left: 0;
color: rgb(var(--swatch-menutxt-light-color));
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding: 0.25rem;
margin: 0;
font-weight: 900;
}
#login-status #my-account {
--wght: 300;
color: rgb(var(--pale-gray-monochrome));
font-weight: 300;
}
#login-status #account-topbutton {
border: initial;
padding: 0.5em 0.5em 0.5em 0.25em;
position: relative;
height: 100%;
top: 0;
left: 0;
margin: 0;
font-size: 1em;
}
#account-options {
width: auto;
padding: 0.5em;
border-color: rgba(var(--bright-accent));
background: var(--gradient-header);
color: rgb(var(--swatch-text-light));
}
#account-options ul li a {
color: rgb(var(--swatch-text-light));
}
#account-options li a:hover {
color: rgb(var(--swatch-text-light));
text-decoration: underline;
}
@media only screen and (min-width: 769px) {
#search-top-box {
right: 3%;
top: 0.5rem;
}
#search-top-box-form>input,
#search-top-box-form>input:hover,
#search-top-box-form>input:focus {
background: rgb(var(--black-monochrome));
}
#search-top-box-form>input {
-webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
-moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
}
#search-top-box-form>input:hover,
#search-top-box-form>input:focus {
-webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
-moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
}
#search-top-box-form input[type="submit"],
#search-top-box-form input[type="submit"]:focus,
#search-top-box-form input[type="submit"]:hover {
border: none;
border-left: 0.0625rem solid rgb(var(--swatch-primary-darkest));
-webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
-moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
}
#search-top-box-form input[type="submit"] {
background: rgb(var(--swatch-primary-darkest));
color: rgb(var(--swatch-menutxt-light-color));
}
#search-top-box-form input[type="submit"]:focus,
#search-top-box-form input[type="submit"]:hover {
background: rgb(var(--swatch-primary));
-webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
-moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
}
}
#page-title {
text-align: center;
}
@media only screen and (max-width:768px) {
:root {
--header-h1-font-size: -webkit-calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
--header-h1-font-size: -moz-calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
--header-h1-font-size: calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
}
#header h1,
#header h1 a,
#header h1 a::before {
top: 0.25rem;
}
#header h2,
#header h2 a,
#header h2 a::before {
top: 0;
}
#header h2 span {
margin-top: -webkit-calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 + .25rem);
margin-top: -moz-calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 + .25rem);
margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - .25rem);
}
}
: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)); }
}
Document body here. You will need to use " " on new lines to properly space text.
Like so.
You can use [[<]], [[=]], and [[>]] to align different lines/paragraphs to give proper feel.
[[footnoteblock]]
Wow! You flipped a card and got: SCP-XXXX!!! You ca reload the page or go to the next.
DATE: 25 Jul 2021 00:02
:root {
/* New Vars */
--swatch-menubg-extra-dark-color: 30, 30, 32;
/* Old Vars */
--black-monochrome: 20, 22, 24;
--light-pale-gray-monochrome: 250, 250, 250;
/* Primary Theme Colors */
--swatch-background: var(--swatch-menubg-black-color);
/* Background and Header Colors */
--background-gradient-color: 10, 10, 10;
--header-gradient-color-bottom: var(--medium-accent);
--header-gradient-color-middle: var(--swatch-menubg-black-color);
--header-gradient-color-top: var(--swatch-menubg-black-color);
/* Primary Text Colors */
--swatch-text-light: var(--light-pale-gray-monochrome);
--swatch-text-general: var(--swatch-text-light);
/* Primary Menu Colors */
--swatch-menubg-color: var(--swatch-menubg-black-color);
/* Colors for Secondary &amp;amp;amp;amp; Tertiary items like Blockquote and YUI Tabs */
--swatch-secondary-color: var(--swatch-menubg-dark-color);
--swatch-tertiary-color: var(--swatch-menubg-medium-dark-color);
/* Primary Header Colors */
--swatch-topmenu-border-color: var(--swatch-menubg-black-color);
--swatch-topmenu-bg-color: var(--swatch-menubg-extra-dark-color);
--rating-module-text-color: var(--swatch-text-general);
--rating-module-button-color: var(--swatch-text-general);
--rating-module-button-cancel-color: 100, 100, 100;
--gradient-header: linear-gradient(
to bottom,
rgb(var(--header-gradient-color-bottom)) 0%,
rgb(var(--header-gradient-color-middle)) 90%,
rgb(var(--header-gradient-color-top)) 100%
);
--diagonal-stripes: repeating-linear-gradient(
45deg,
hsla(0, 0%, 100%, 0),
hsla(0, 0%, 100%, 0) 0.25vh,
rgba(var(--swatch-menubg-extra-dark-color), 0.1) 0.35vh,
rgba(var(--swatch-menubg-extra-dark-color), 0.2) 0.5vh
);
}
::selection {
background: rgb(var(--swatch-primary-darkest));
}
#search-top-box-input {
background-color: rgb(var(--swatch-menubg-extra-dark-color));
}
#account-options {
background: var(--gradient-header);
}
#login-status {
color: rgba(var(--swatch-menutxt-light-color),0.5);
}
#login-status ul a {
color: rgb(var(--swatch-menutxt-light-color));
}
span.printuser {
color: rgb(var(--swatch-menutxt-light-color));
}
#login-status a#my-account {
padding: 0.15em;
margin: -0.15em;
color: rgb(var(--swatch-menutxt-light-color));
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
-webkit-box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--swatch-primary), 1);
-moz-box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--swatch-primary), 1);
box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--swatch-primary), 1);
-webkit-transition:
color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
-webkit-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
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);
}
#login-status a#my-account:hover,
#login-status a#my-account:active {
padding: 0.3em 0.25em 0.2em 0.25em;
margin: -0.25em;
-webkit-box-shadow: inset 0 -1.5em 0 0 rgba(var(--swatch-primary), 1);
-moz-box-shadow: inset 0 -1.5em 0 0 rgba(var(--swatch-primary), 1);
box-shadow: inset 0 -1.5em 0 0 rgba(var(--swatch-primary), 1);
text-decoration: none;
color: rgb(var(--white-monochrome))
}
.page-rate-widget-box {
background: -webkit-gradient(linear,
left top, left bottom,
from(rgba(var(--header-gradient-color-bottom),0.5)),
color-stop(90%, rgba(var(--header-gradient-color-middle),0.15)),
to(rgba(var(--header-gradient-color-top),0.15)));
background: -webkit-linear-gradient(top,
rgba(var(--header-gradient-color-bottom),0.5) 0%,
rgba(var(--header-gradient-color-middle),0.15) 90%,
rgba(var(--header-gradient-color-top),0.15) 100%);
background: -moz-linear-gradient(top,
rgba(var(--header-gradient-color-bottom),0.5) 0%,
rgba(var(--header-gradient-color-middle),0.15) 90%,
rgba(var(--header-gradient-color-top),0.15) 100%);
background: -o-linear-gradient(top,
rgba(var(--header-gradient-color-bottom),0.5) 0%,
rgba(var(--header-gradient-color-middle),0.15) 90%,
rgba(var(--header-gradient-color-top),0.15) 100%);
background: linear-gradient(to bottom,
rgba(var(--header-gradient-color-bottom),0.5) 0%,
rgba(var(--header-gradient-color-middle),0.15) 90%,
rgba(var(--header-gradient-color-top),0.15) 100%);
border: 0.0625rem solid rgba(var(--swatch-menubg-medium-color), 0.25);
}
#top-bar div.top-bar > ul > li:hover {
background: rgb(var(--swatch-menubg-black-color));
}
#top-bar div.mobile-top-bar > ul > li.sfhover > ul,
#top-bar div.mobile-top-bar > ul > li:hover > ul,
#top-bar div.top-bar > ul > li.sfhover > ul,
#top-bar div.top-bar > ul > li:hover > ul {
background: rgba(var(--swatch-menubg-black-color),0.85);
}
#top-bar div.mobile-top-bar > ul > li > ul > li > a,
#top-bar div.top-bar > ul > li > ul > li > a {
-webkit-box-shadow: inset 0 0 0 0.0625rem rgba(var(--swatch-menubg-medium-color), 0.15);
-moz-box-shadow: inset 0 0 0 0.0625rem rgba(var(--swatch-menubg-medium-color), 0.15);
box-shadow: inset 0 0 0 0.0625rem rgba(var(--swatch-menubg-medium-color), 0.15);
}
blockquote,
.blockquote,
.code {
--swatch-border-color: var(--swatch-menubg-light-color);
border-color: rgba(var(--swatch-border-color),0.25);
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
--box-shadow: rgb(var(--swatch-primary-darkest));
border-color: rgb(var(--swatch-primary-darkest));
}
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
--box-shadow: rgb(var(--swatch-primary-darkest));
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
background-color: rgb(var(--swatch-menubg-extra-dark-color));
color: rgb(var(--swatch-text-general));
}
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
background-color: rgb(var(--swatch-primary-darkest));
}
table.wiki-content-table th {
background: rgb(var(--swatch-secondary-color));
}
table.wiki-content-table th,
table.wiki-content-table tr {
border: 0.0625rem solid rgba(var(--swatch-menubg-medium-color), 0.25) !important;
}
table.wiki-content-table td {
border: 0.0625rem solid rgba(var(--swatch-menubg-light-color), 0.25) !important;
}
textarea,
input.text,
input.checkbox,
div.note,
#lock-info {
border: 0.0625rem solid rgba(var(--swatch-menubg-light-color),0.25);
background-color: rgb(var(--swatch-menubg-extra-dark-color));
color: rgb(var(--swatch-text-light));
}
.code pre span[class*="hl-"] {
-webkit-filter: invert(1) hue-rotate(180deg);
filter: invert(1) hue-rotate(180deg);
}
.owindow .modal-body img {
background-color: transparent !important;
}
.hovertip {
border: 0.0625rem solid rgba(var(--swatch-menubg-light-color),0.25);
background-color: rgb(var(--swatch-menubg-extra-dark-color)) !important;
color: rgb(var(--swatch-text-light)) !important;
}
#footer {
color: rgb(var(--swatch-text-general));
}
.scpnet-interwiki-wrapper {
-webkit-filter: initial;
filter: initial;
margin-top: 1em;
}
.scpnet-interwiki-frame {
-webkit-filter: invert(0.92) grayscale(1) contrast(1);
filter: invert(0.92) grayscale(1) contrast(1);
}
@supports((display: -ms-grid) or (display: grid)) {
@media only screen and (min-width: 769px) {
#side-bar .close-menu {
display: block;
position: fixed;
top: 0.25rem;
left: 0.5rem;
width: 3rem;
opacity: 1;
pointer-events: all;
}
#side-bar .close-menu img {
color: transparent;
}
#side-bar .close-menu::before,
#side-bar .close-menu::after {
content: "";
box-sizing: border-box;
position: fixed;
display: block;
top: 0.25rem;
left: 0.5rem;
width: 3rem;
height: 3rem;
padding: 0;
margin: 0;
text-align: center;
pointer-events: all;
cursor: pointer;
-webkit-transition:
opacity var(--sidebar-transition-timing);
-o-transition:
opacity var(--sidebar-transition-timing);
-moz-transition:
opacity var(--sidebar-transition-timing);
transition:
opacity var(--sidebar-transition-timing);
}
#side-bar .close-menu::before {
--mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg height='32px' id='Layer_1' style='enable-background:new 0 0 32 32;' version='1.1' viewBox='0 0 32 32' width='32px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M4,10h24c1.104,0,2-0.896,2-2s-0.896-2-2-2H4C2.896,6,2,6.896,2,8S2.896,10,4,10z M28,14H4c-1.104,0-2,0.896-2,2 s0.896,2,2,2h24c1.104,0,2-0.896,2-2S29.104,14,28,14z M28,22H4c-1.104,0-2,0.896-2,2s0.896,2,2,2h24c1.104,0,2-0.896,2-2 S29.104,22,28,22z'/%3E%3C/svg%3E");
z-index: -1;
background-color: var(--toggle-icon-color, rgb(var(--sidebar-links-text))) !important;
-webkit-mask: var(--mask);
mask: var(--mask);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: 50% 50%;
mask-position: 50% 50%;
-webkit-mask-size: 60%;
mask-size: 60%;
}
#side-bar .close-menu::after {
z-index: -2;
background-color: var(--toggle-button-bg, rgb(var(--swatch-menubg-color))) !important;
-webkit-border-radius: var(--toggle-roundness, 50%);
-moz-border-radius: var(--toggle-roundness, 50%);
border-radius: var(--toggle-roundness, 50%);
border: var(--toggle-border-color, rgb(var(--swatch-border-color))) var(--toggle-border-width, 0.25rem) solid;
}
#side-bar:focus-within .close-menu::before,
#side-bar:focus-within .close-menu::after {
opacity: 0;
}
#side-bar {
display: block;
position: fixed;
top: 0;
left: -webkit-calc(var(--sidebar-width-on-desktop)*-1);
left: -moz-calc(var(--sidebar-width-on-desktop)*-1);
left: calc(var(--sidebar-width-on-desktop)*-1);
z-index: 10;
-webkit-transition:
left var(--sidebar-transition-timing);
-o-transition:
left var(--sidebar-transition-timing);
-moz-transition:
left var(--sidebar-transition-timing);
transition:
left var(--sidebar-transition-timing);
height: 100%;
overflow-y: auto;
overflow-x: hidden;
margin-top: 0;
}
#side-bar:focus-within {
left: 0;
}
#side-bar .side-block {
margin-top: 1rem;
background-color: rgb(0, 0, 0, 0);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border-left-width: 0px;
border-right-width: 0px;
}
#main-content::before {
content: "";
display: block;
position: fixed;
top: 0;
right: 0;
z-index: -1;
opacity: 0;
-webkit-transition:
opacity var(--sidebar-transition-timing),
width var(--sidebar-transition-timing);
-o-transition:
opacity var(--sidebar-transition-timing),
width var(--sidebar-transition-timing);
-moz-transition:
opacity var(--sidebar-transition-timing),
width var(--sidebar-transition-timing);
transition:
opacity var(--sidebar-transition-timing),
width var(--sidebar-transition-timing);
margin-left: var(--sidebar-width-on-desktop);
background: rgba(var(--swatch-menubg-black-color), .3) 1px 1px repeat;
padding-right: 0;
width: 100%;
height: 100vh;
pointer-events: none;
z-index: 99;
}
#side-bar:focus-within~#main-content::before {
width: -webkit-calc(100% - var(--sidebar-width-on-desktop));
width: -moz-calc(100% - var(--sidebar-width-on-desktop));
width: calc(100% - var(--sidebar-width-on-desktop));
opacity: 1;
pointer-events: all;
}
#content-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: -webkit-calc(100vw - (100vw - 100%));
width: -moz-calc(100vw - (100vw - 100%));
width: calc(100vw - (100vw - 100%));
min-height: -webkit-calc(100vh - -webkit-calc(var(--final-header-height-on-desktop, 10.125rem)));
min-height: -moz-calc(100vh - -moz-calc(var(--final-header-height-on-desktop, 10.125rem)));
min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem)));
-webkit-box-flex: 2;
-webkit-flex-grow: 2;
-moz-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
height: auto;
position: relative;
margin: 0 auto;
max-width: inherit;
}
#main-content {
width: 100%;
position: initial;
max-height: 100%;
padding: 2rem 1rem;
width: 45.8rem;
max-width: 45.8rem;
margin: 0 auto;
}
@media not all and (min-resolution:.001dpcm) {
@supports (-webkit-appearance:none) {
#side-bar {
-webkit-transition:
left var(--sidebar-transition-timing),
padding-right var(--sidebar-transition-timing),
background-color var(--sidebar-transition-timing);
-o-transition:
left var(--sidebar-transition-timing),
padding-right var(--sidebar-transition-timing),
background-color var(--sidebar-transition-timing);
-moz-transition:
left var(--sidebar-transition-timing),
padding-right var(--sidebar-transition-timing),
background-color var(--sidebar-transition-timing);
transition:
left var(--sidebar-transition-timing),
padding-right var(--sidebar-transition-timing),
background-color var(--sidebar-transition-timing);
padding-right: 0;
background-color: rgb(0, 0, 0, 0);
pointer-events: all;
overflow-x: visible;
overflow-y: visible;
z-index: 999;
}
#side-bar::-webkit-scrollbar {
opacity: 0;
-webkit-transition: opacity var(--sidebar-transition-timing);
transition: opacity var(--sidebar-transition-timing);
}
#side-bar .close-menu::before {
z-index: 999;
}
#side-bar .close-menu::after {
z-index: 998;
}
#side-bar:hover .close-menu::before {
opacity: 0;
}
#side-bar:hover {
left: 0;
background-color: rgba(var(--swatch-menubg-color), 1);
padding-right: 0;
}
#side-bar:hover::-webkit-scrollbar {
opacity: 1;
}
#side-bar:hover~#main-content::before {
width: -webkit-calc(100% - var(--sidebar-width-on-desktop));
width: -moz-calc(100% - var(--sidebar-width-on-desktop));
width: calc(100% - var(--sidebar-width-on-desktop));
opacity: 1;
pointer-events: all;
}
}
}
}
}
@supports((display: -ms-grid) or (display: grid)) {
:root {
/* header measurements */
--header-height-on-desktop: 10rem;
--header-height-on-mobile: 10rem;
--header-h1-font-size: -webkit-calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
--header-h1-font-size: -moz-calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
--header-h1-font-size: calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
}
#header {
background: none;
}
#header::before {
content: " ";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0.75rem;
background-image: var(--logo-image);
background-repeat: no-repeat;
background-position: center -3.5rem;
-webkit-background-size: auto 8rem;
-moz-background-size: auto 8rem;
-o-background-size: auto 8rem;
background-size: auto 8rem;
background-position: center top;
opacity: 0.45;
pointer-events: none;
}
#header h1,
#header h1 a,
#header h1 a::before {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-height: inherit;
z-index: 0;
}
#header>h1>a>span {
width: 100%;
height: 100%;
top: 0;
left: 0;
max-width: inherit;
}
#header h1 {
height: -webkit-calc(100% - 2.25rem);
height: -moz-calc(100% - 2.25rem);
height: calc(100% - 2.25rem);
}
#header h1 a::before,
#header h1 a {
text-align: center;
line-height: 0.8;
}
#header h2,
#header h2 span,
#header h2 span::before {
position: absolute;
left: 0;
top: 0.15em;
margin-left: 0;
padding: 0;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-moz-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-height: inherit;
z-index: 0;
text-transform: uppercase;
pointer-events: none;
}
#login-status {
min-height: -webkit-calc(var(--base-font-size) * 1.5);
min-height: -moz-calc(var(--base-font-size) * 1.5);
min-height: calc(var(--base-font-size) * 1.5);
-webkit-border-radius: .0625rem;
-moz-border-radius: .0625rem;
border-radius: .0625rem;
-webkit-border-radius: var(--border-radius-width);
-moz-border-radius: var(--border-radius-width);
border-radius: var(--border-radius-width);
color: rgb(var(--pale-gray-monochrome));
background-color: rgba(0, 0, 0, 0);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
left: 3%;
right: initial;
}
#login-status .printuser {
--wght: 900;
position: relative;
top: 0;
left: 0;
color: rgb(var(--swatch-menutxt-light-color));
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding: 0.25rem;
margin: 0;
font-weight: 900;
}
#login-status #my-account {
--wght: 300;
color: rgb(var(--pale-gray-monochrome));
font-weight: 300;
}
#login-status #account-topbutton {
border: initial;
padding: 0.5em 0.5em 0.5em 0.25em;
position: relative;
height: 100%;
top: 0;
left: 0;
margin: 0;
font-size: 1em;
}
#account-options {
width: auto;
padding: 0.5em;
border-color: rgba(var(--bright-accent));
background: var(--gradient-header);
color: rgb(var(--swatch-text-light));
}
#account-options ul li a {
color: rgb(var(--swatch-text-light));
}
#account-options li a:hover {
color: rgb(var(--swatch-text-light));
text-decoration: underline;
}
@media only screen and (min-width: 769px) {
#search-top-box {
right: 3%;
top: 0.5rem;
}
#search-top-box-form>input,
#search-top-box-form>input:hover,
#search-top-box-form>input:focus {
background: rgb(var(--black-monochrome));
}
#search-top-box-form>input {
-webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
-moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
}
#search-top-box-form>input:hover,
#search-top-box-form>input:focus {
-webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
-moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
}
#search-top-box-form input[type="submit"],
#search-top-box-form input[type="submit"]:focus,
#search-top-box-form input[type="submit"]:hover {
border: none;
border-left: 0.0625rem solid rgb(var(--swatch-primary-darkest));
-webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
-moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
}
#search-top-box-form input[type="submit"] {
background: rgb(var(--swatch-primary-darkest));
color: rgb(var(--swatch-menutxt-light-color));
}
#search-top-box-form input[type="submit"]:focus,
#search-top-box-form input[type="submit"]:hover {
background: rgb(var(--swatch-primary));
-webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
-moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
}
}
#page-title {
text-align: center;
}
@media only screen and (max-width:768px) {
:root {
--header-h1-font-size: -webkit-calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
--header-h1-font-size: -moz-calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
--header-h1-font-size: calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
}
#header h1,
#header h1 a,
#header h1 a::before {
top: 0.25rem;
}
#header h2,
#header h2 a,
#header h2 a::before {
top: 0;
}
#header h2 span {
margin-top: -webkit-calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 + .25rem);
margin-top: -moz-calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 + .25rem);
margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - .25rem);
}
}
: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)); }
}
Holding Facility 21-B post SCP-XXXX swarm event.
| Assigned Department |
Site Director |
Research Head |
Assigned Task Force |
| Biomimetics Division |
Dir. Hans Langston |
Sr. Researcher Lee |
PTF 1-χ "Terminators" |
Special Containment Procedures: All variants in swarm and/or individual behaviour must be immediately documented, employing suitable countermeasures under Project APSU; the primary supervision of which is attributed to Site Director Langston and Sr. Researcher Lee. Project APSU is to be implemented in a chronological, triphasic system, according to the following phases: Research, Containment, and Restoration.
Current macro-scale containment efforts are ongoing.
Description: SCP-X is the preliminary designation given to the emergence of anomalous swarming behaviours in all world rat (rattus rattus) populations. Present investigations display no evident divergences from typical rat behaviour and biology at an individual level, with the anomalous effects however appearing to manifest as an emergent property of collective rat behaviour.
Currently recorded swarm behaviours are as follows:
- Disruption of public services, such as sewage facilities, public transportation, waste disposal, electricity services, etc.
- Complete consumption of all unsecured food stores.
- Decimation of crops.
- Strategic avoidance of exterminator crews.
- Complete consumption of livestock.
- Destruction of property and movement of substantial amounts of debris.
These behaviours are accepted as ‘intentional’ by means of the swarms’ emergent intelligence, however they produce ‘unintentional’ or indirect consequences, including increased spread of disease, food shortages and public panic.
In effect, SCP-X represents the spontaneous and simultaneous acquisition of highly sophisticated swarm coordination by all rat populations, with this degree of collective intelligence unseen in any organism groups over time.
The following is an evaluation of the unique nature of SCP-X’s behaviour in comparison to other swarm anomalies, by Dr. C. Miler of the Anomalous Biomimetics Division.
Throughout the Foundation’s containment history, the prevalence of swarm anomalies has forced our cumulative understanding of swarm behaviour to an inordinately high level compared to the complexity of the anomalies’ behaviours themselves. This is mainly resulting from the majority of ‘swarm’ anomalies being insectoid rather than mammalian or avian - the exact reason why our department classifies them as ‘swarms’ as opposed to ‘herds’ or ‘flocks’. This disproportionate distribution aids our research because of the biological similarities between these swarm anomalies, allowing our predictive systems to easily adapt to new testing data.
However, every pattern has exceptions, and under the unique circumstances where we encounter non-insectoid swarm anomalies with complex behaviour; the task of rebuilding our system(s) proves impractically large.
PROJECT APSU
PHASE I: RESEARCH
Research Memorandum:
- Individual instances of SCP-X are to be tested for thaumaturgical and memetic influences, as well as other deviations from baseline biology resulting in differing behaviour.
- Division of Anomalous Biomimetics commissioned under combined supervision of the Artificial Intelligence Applications Division (AIAD) and the Department of Zoology.
- Permission to operate Machine Learning Algorithm Beta-2 (hereafter ‘M-LAB’) granted by O5-4.
| TEST |
RESULT |
COMMENTS |
| 60kg animal meat left near storm drain. |
Swarm emerged after 73 seconds, consuming the meat in under 15 seconds before retreating into sewage system. |
As expected, the storm drain provides an easy exit point from the sewer. Yet, exactly how the swarm smells the food from so far remains unclear. |
| 80kg contaminated meat left near storm drain. |
Swarm emerged after 45 seconds, devouring entire animal carcass within 11 seconds, before retreating into sewage system. |
Considering all nearby food stores have been secured, it's no wonder they’re ravenous. |
| 80kg of the same contaminated meat left near storm drain. |
Swarm emerged after 23 seconds, observing the carcass for 15 seconds before retreating. |
They appear to have communicated that this type of meat cannot be eaten. In addition, The vast increase in swarm size cannot be attributed to normal reproduction, so either they have merged with another swarm, or have developed an enhanced reproductive cycle. Perhaps both. |
| 100kg live ram given small dose of sedatives and left near storm drain. |
Swarm emerged after 20 seconds, instantly devouring the entire ram in under 7 seconds, despite the screaming and struggling. |
The swarms appear to be constantly searching for any source of food, alive or not. It’s worth noting the increased speed of both discovery and consumption of the animal; they must know this location is a reliable food source. |
| 75kg human male (D-6743) blindfolded and instructed to wait near storm drain. |
2 individual SCP-X instances ran past D-6743 and under a line of cars. No other movement observed. |
The lack of activity could be due to the unnatural smell of synthetic cloth fibres or perhaps the toxic implication of a bright orange jumpsuit. More testing required. |
| D-6743 is blindfolded and wearing dull coloured clothing soaked in animal blood. Instructed to wait near storm drain. |
No activity. |
Interesting. |
Addendum X.X: PoI-8372 Interview
Interviewer: Site Director Hans Langston
Interviewee: PoI-8372
<Begin Log>
PROJECT APSU
PHASE III: RESTORATION TERMINATION
POI-8347 TERMINATION PROPOSAL
PROPOSAL:
"Terminate PoI-8347, therefore neutralising SCP-X and its anomalous adaptations." - (Dir. Langston)
O5 COUNCIL VOTE SUMMARY:
Unanimous agreement for the termination of PoI-8347
| STATUS |
| PENDING ETHICS COMMITEE APPROVAL |
| PLACEHOLDER |
"//PLACEHOLDER TEXT lorum ipsum dolor etc
A particularly costly example of one such fact is, "The operations of 'YWTGTSYT' are
Read on, knowing that you must accept what the universe says is true, even if it doesn't make sense. One plus one doesn't always equal two. |
To: Placeholder
From: Individual
CC: People
Subject: Subject
Placeholder text
Placeholder text
~Person
[[footnoteblock]]
Wow! You flipped a card and got: Croquemtest Ohno!!! You ca reload the page or go to the next.
DATE: 24 Jul 2021 22:18
Wow! You flipped a card and got: Lolo_Ohashi!!! You ca reload the page or go to the next.
DATE: 24 Jul 2021 16:53
PREVIOUS FILE VERSIONS:
ITEM #: XXXX
CLEARANCE LEVEL: Restricted ( 2 )
CONTAINMENT CLASS:
DISRUPTION CLASS:
RISK CLASS:
SPECIAL CONTAINMENT PROCEDURES:
SCP-XXXX is to be kept in a Standard Containment Unit at Site-64. Two armed personnel with training from MTF Eta-10 ("See No Evil") concerning cognitohazards and reality-bending detection are to be present at the entrance to its Containment Unit at all times.
Every seven days one assessed D-Class is to enter the Containment Unit of SCP-XXXX with a one liter nozzled container containing human blood of the same blood-type as the assigned D-Class and a glass cup of 40 milliliters.
Upon entering the Containment Unit, the D-Class are to fill the glass cup with blood via supplied container and ingest it through the mouth. Following this, D-Class are to approach SCP-XXXX-A and pour the remaining blood of the container into the visible hole on its surface.
All personnel assigned to SCP-XXXX are to be assessed on a daily basis using the Abstract Cognitive Permanence Test (ACPT). All personnel whom score lower than 95 percent are to be assessed for cognitive deficiency and reassigned from SCP-XXXX. If any personnel look at SCP-XXXX-B, they are to be locked into the Containment Unit until incapacitated, retrieved, assessed by ACPT, given amnestic treatment, and reassigned from the project.
ITEM DESCRIPTION:
SCP-XXXX is a sculpture composed of a stainless steel cylindrical base (SCP-XXXX-A) and a sphere measuring two meters across composed of steel, artificial human muscles, and human skin (SCP-XXXX-B). The anomalous effects of SCP-XXXX are can be exhibited by physical proximity to it, although direct eyesight to SCP-XXXX-B causes immediate acute symptoms.
SCP-XXXX-A measures one meter tall and one meter across, featuring a hole for pouring fuel and a panel. Its interior features a modified human blood engine with a custom blood oxygenation apparatus and two pipes leading to SCP-XXXX-B which carry blood. On the internal base of SCP-XXXX-A is a lazer-etched Blood Magick Sigil and the initials "AWCY?" in the far corner from the panel. SCP-XXXX-B is a sphere with a diameter of 2 meters across, composed of, from its center to the surface: stainless steel tubing and its subdivisions, artificial human bone, artificial human muscle, and human-sourced skin in a patchwork pattern which is fully capable of epidermic conditions including perspiration, acne, and rashes.
SCP-XXXX-B contains cognitohazards transferred by direct eye-sight with its surface. Affected individuals exhibit symptoms closely associated with "Stendhal Syndrome"; increased heart palpitations, sudden memory loss, visual-auditory hallucinations, and loss of consciousness.
These effects may lead to death in the case of affected individuals with health conditions.
Under view of digital and/or analog visual means, the effects of SCP-XXXX-B extend to viewers to minor extent.
RECOVERY LOG:
…
(more tabs here with previous files!!!)
ARTICLE: "THREE PORTLANDS PACT" (ROUGH DRAFT v0.1)
ITEM #: XXXX
CLEARANCE: RESTRICTED (2)
CONTAINMENT: THAUMIEL (4)
DISRUPTION: DARK (1)
RISK: NOTICE (1)
SPECIAL CONTAINMENT PROCEDURES:
SCP-XXXX-A is to be kept away from SCP-001-A at all costs, lest they learn to consume us too.
Procedure 1063-Yesod is to be administered to personnel on a priority-basis in alignment with Gaia Council agreements.
The manufacture of SCP-XXXX-A and SCP-XXXX-B are to continue indefinitely. Yesod-Class Personnel are to assist in transportation and resource collection as necessary.
Yesod-Class are to be equipped with SCP-XXXX-B, compact grow-lights, incendiary weaponry, GPS modules, and compact solar panels as granted by the Gaia Council's 4th Charter, Section 7, Clause 3.
DESCRIPTION:
SCP-XXXX refers to all sentient lifeforms who've received Procedure 1063-Yesod.
Procudure 1063-Yesod is an experimental Brain Transplant from an organic body to SCP-XXXX-A, a cybernetic skeleton composed of a synthetic skull, spinal cord, central bones plates, and limbs.
From the Spinal Cord of SCP-XXXX-A, instances of SCP-XXXX-B and other flora can be grown and used to sustain oxygen for organic materials of SCP-XXXX-A. SCP-XXXX-A has proved resistant to most forms of weaponry and blunt force, only
Wow! You flipped a card and got: dr-squirreltoons!!! You ca reload the page or go to the next.
DATE: 24 Jul 2021 15:11
Special Containment Procedures: SCP-XXXX is contained within a computer held at secure facility site 17. If Scp-XXXX becomes hostile, a sound anywhere between 90 to 100 DB is to be played. Should SCP-XXXX breach containment, all electrical appliances (excluding containment cells) are to immediately be shut down, and rebooted.
Description: Scp-XXXX is an assembly of pixels arranged in the shape of an orange fox. Scp-XXXX is fully capable of speech, but prefers to stay quiet since being placed in the computer. Scp-XXXX's computer is supplied electricity via a solar panel and is contained within a 8 by 8 containment cell constructed of concrete.
Scp-XXXX is generally polite to all staff and personnel that interact with it and means no harm.
Addendum: [Optional additional paragraphs]
[[footnoteblock]]