Link to article: SCP-9966.
/* Rate */
div.page-rate-widget-box{
background-color: rgba(0,0,0,0);
}
/* Special Text */
:is(span.specialtext, span.st) {
text-transform: uppercase;
text-decoration: underline 2px;
text-underline-offset: 3px;
color: #8F00F8;
}
/* Hide Footnote Footer */
.footnotes-footer {
display:none;
}
/* Footnote Color */
:root {
--fnColor: #ACCCDD;
}
/* Footnote Root */
:root {
--posX: calc(50% - 358px - 12rem);
--fnTransition: 0.3s;
--fnLinger: 0.15s;
--fnInteract: calc(var(--fnTransition) + var(--fnLinger));
}
/*--- Footnote Auto-counters --*/
#main-content {
counter-reset: megacount1 megacount2 megacount3;
}
/* Footnotes 1 */
/*--- Footnote Superscript Number --*/
.fnnum1 {
display: inline-block;
width: max-content;
text-indent: -0.475ex;
vertical-align: super;
line-height: 80%;
word-break: initial;
text-decoration: none;
font-weight: bold;
font-style: initial;
color: transparent;
position: relative;
font-size: 80%;
padding: .15em .05em;
margin-right: -0.25em;
counter-increment: megacount1;
-webkit-user-select: none;
user-select: none;
}
.fnnum1::after {
content: "" counter(megacount1);
color: var(--fnColor, #E6283C);
}
.fnnum1:hover {
text-decoration: none;
cursor: pointer;
background-color: var(--fnColor, #E6283C);
}
.fnnum1:hover::after { color: white; }
/*--- Footnote Content Wrapper --*/
.fncon1 {
position: absolute;
right: calc(var(--posX) + 80px);
line-height: 1.25;
padding: 0.8125rem;
width: 12.5rem;
box-sizing: border-box;
background: rgb(var(--basalt-secondary-color));
border: .125rem solid black;
font-size: .9125rem;
font-weight: initial;
font-style: normal;
text-align: initial;
visibility: hidden;
opacity: 0;
z-index: 9;
transition:
opacity 0.15s linear var(--fnLinger),
right var(--fnTransition) cubic-bezier(.08,.72,.5,.94) var(--fnLinger),
visibility 0.01s linear var(--fnInteract);
}
.fnnum1:hover + .fncon1, .fncon1:is(:hover,:focus-within) {
opacity: 1;
z-index: 10;
right: var(--posX);
visibility: visible;
transition:
opacity 0.15s linear,
right var(--fnTransition) cubic-bezier(.08,.72,.5,.94);
}
.fncon1::before {
position: absolute;
top: 0; left: 0;
transform: translateX(-52%) translateY(-55%) scale(1.15);
background-color: var(--fnColor, #E6283C);
color: white;
content: counter(megacount1);
font-size: initial;
font-weight: bold;
font-style: initial;
padding: 0.18rem 0.32em 0.08rem;
}
/*--- Mobile Query --*/
@media only screen and (max-width: 1279px) {
.fncon1 {
position: fixed;
bottom: 1.5rem;
left: calc(15% - 50px);
width: 70%;
transition:
opacity 0.15s linear var(--fnLinger),
left var(--fnTransition) cubic-bezier(.08,.72,.5,.94) var(--fnLinger),
visibility 0.01s linear var(--fnInteract);
}
.fnnum1:hover + .fncon1, .fncon1:is(:hover,:focus-within) {
left: 15%;
transition:
opacity 0.15s linear,
left var(--fnTransition) cubic-bezier(.08,.72,.5,.94);
}
}
/* Footnotes 2*/
/*--- Footnote Superscript Number--*/
.fnnum2 {
display: inline-block;
width: max-content;
text-indent: -0.475ex;
vertical-align: super;
line-height: 80%;
word-break: initial;
text-decoration: none;
font-weight: bold;
font-style: initial;
color: transparent;
position: relative;
font-size: 80%;
padding: .15em .05em;
margin-right: -0.25em;
counter-increment: megacount2;
-webkit-user-select: none;
user-select: none;
}
.fnnum2::after {
content: "" counter(megacount2);
color: var(--fnColor, #E6283C);
}
.fnnum2:hover {
text-decoration: none;
cursor: pointer;
background-color: var(--fnColor, #E6283C);
}
.fnnum2:hover::after { color: white; }
/*--- Footnote Content Wrapper --*/
.fncon2 {
position: absolute;
right: calc(var(--posX) + 80px);
line-height: 1.25;
padding: 0.8125rem;
width: 12.5rem;
box-sizing: border-box;
background: rgb(var(--basalt-secondary-color));
border: .125rem solid black;
font-size: .9125rem;
font-weight: initial;
font-style: normal;
text-align: initial;
visibility: hidden;
opacity: 0;
z-index: 9;
transition:
opacity 0.15s linear var(--fnLinger),
right var(--fnTransition) cubic-bezier(.08,.72,.5,.94) var(--fnLinger),
visibility 0.01s linear var(--fnInteract);
}
.fnnum2:hover + .fncon2, .fncon2:is(:hover,:focus-within) {
opacity: 1;
z-index: 10;
right: var(--posX);
visibility: visible;
transition:
opacity 0.15s linear,
right var(--fnTransition) cubic-bezier(.08,.72,.5,.94);
}
.fncon2::before {
position: absolute;
top: 0; left: 0;
transform: translateX(-52%) translateY(-55%) scale(1.15);
background-color: var(--fnColor, #E6283C);
color: white;
content: counter(megacount2);
font-size: initial;
font-weight: bold;
font-style: initial;
padding: 0.18rem 0.32em 0.08rem;
}
/*--- Mobile Query --*/
@media only screen and (max-width: 1279px) {
.fncon2 {
position: fixed;
bottom: 1.5rem;
left: calc(15% - 50px);
width: 70%;
transition:
opacity 0.15s linear var(--fnLinger),
left var(--fnTransition) cubic-bezier(.08,.72,.5,.94) var(--fnLinger),
visibility 0.01s linear var(--fnInteract);
}
.fnnum2:hover + .fncon2, .fncon2:is(:hover,:focus-within) {
left: 15%;
transition:
opacity 0.15s linear,
left var(--fnTransition) cubic-bezier(.08,.72,.5,.94);
}
}
/* Footnotes 3 */
/*--- Footnote Superscript Number--*/
.fnnum3 {
display: inline-block;
width: max-content;
text-indent: -0.475ex;
vertical-align: super;
line-height: 80%;
word-break: initial;
text-decoration: none;
font-weight: bold;
font-style: initial;
color: transparent;
position: relative;
font-size: 80%;
padding: .15em .05em;
margin-right: -0.25em;
counter-increment: megacount3;
-webkit-user-select: none;
user-select: none;
}
.fnnum3::after {
content: "" counter(megacount3);
color: var(--fnColor, #E6283C);
}
.fnnum3:hover {
text-decoration: none;
cursor: pointer;
background-color: var(--fnColor, #E6283C);
}
.fnnum3:hover::after { color: white; }
/*--- Footnote Content Wrapper --*/
.fncon3 {
position: absolute;
right: calc(var(--posX) + 80px);
line-height: 1.25;
padding: 0.8125rem;
width: 12.5rem;
box-sizing: border-box;
background: rgb(var(--basalt-secondary-color));
border: .125rem solid black;
font-size: .9125rem;
font-weight: initial;
font-style: normal;
text-align: initial;
visibility: hidden;
opacity: 0;
z-index: 9;
transition:
opacity 0.15s linear var(--fnLinger),
right var(--fnTransition) cubic-bezier(.08,.72,.5,.94) var(--fnLinger),
visibility 0.01s linear var(--fnInteract);
}
.fnnum3:hover + .fncon3, .fncon3:is(:hover,:focus-within) {
opacity: 1;
z-index: 10;
right: var(--posX);
visibility: visible;
transition:
opacity 0.15s linear,
right var(--fnTransition) cubic-bezier(.08,.72,.5,.94);
}
.fncon3::before {
position: absolute;
top: 0; left: 0;
transform: translateX(-52%) translateY(-55%) scale(1.15);
background-color: var(--fnColor, #E6283C);
color: white;
content: counter(megacount3);
font-size: initial;
font-weight: bold;
font-style: initial;
padding: 0.18rem 0.32em 0.08rem;
}
/*--- Mobile Query --*/
@media only screen and (max-width: 1279px) {
.fncon3 {
position: fixed;
bottom: 1.5rem;
left: calc(15% - 50px);
width: 70%;
transition:
opacity 0.15s linear var(--fnLinger),
left var(--fnTransition) cubic-bezier(.08,.72,.5,.94) var(--fnLinger),
visibility 0.01s linear var(--fnInteract);
}
.fnnum3:hover + .fncon3, .fncon3:is(:hover,:focus-within) {
left: 15%;
transition:
opacity 0.15s linear,
left var(--fnTransition) cubic-bezier(.08,.72,.5,.94);
}
}
/* Image Block */
.image-block, .scp-image-block {
border-bottom: solid 0.325rem #8F00F8;
}
/* Links */
.authorlink-wrapper a:any-link{
color: #ACCCDD;
}
.astra a:any-link {
color: #77DDFF;
font-style: italic;
}
.astra a:visited {
color: #77DDFF;
}
a:any-link {
color: #9400F4;
background-color: transparent;
text-decoration: none;
}
a:visited {
color: #560096;
}
a:any-link:is(:hover,:focus) {
text-decoration: underline 0.1em;
text-underline-offset: 0.08em;
}
/* collapsible link*/
#page-content a.collapsible-block-link {
overflow-wrap: anywhere;
}
/* Quote */
div.quote {
--space-star-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 348.4 429.4'%3E%3Cg data-name='L2'%3E%3Cpath d='M348.4 186.2C191 207.6 193 219.6 174.3 429.5c-18.9-210-16.9-222-174.3-243.4C157.4 164.8 152.8 157.4 174.2 0c21.4 157.4 16.8 164.8 174.3 186.2Z' data-name='L1' style='fill:%23231f20'/%3E%3C/g%3E%3C/svg%3E");
--star-color: #A1A1FF;
margin: auto;
position: relative;
width: 82%;
font-size: 1.4rem;
font-style: italic;
text-align: center;
color: #ACCCDD;
}
:where(div.quote)::before{
content: "";
position: absolute;
top: 0; right: 0;
box-sizing: border-box;
width: 4rem; height: 4rem;
background-color: var(--star-color);
mask-image: var(--space-star-mask);
mask-size: contain;
mask-position: center;
mask-repeat: no-repeat;
transform: translate(75%, -100%);
}
:where(div.quote)::after {
content: "";
position: absolute;
bottom: 0; left: 0;
box-sizing: border-box;
width: 4rem; height: 4rem;
background-color: var(--star-color);
mask-image: var(--space-star-mask);
mask-size: contain;
mask-position: center;
mask-repeat: no-repeat;
transform: translate(-75%, 40%) rotate(180deg);
}
/* Background And Header */
body {
--header-logo: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aspace/spacelogo.png);
}
#header h1 a span::before {
content: "Astroanomalous Phenomenon\A Research Department";
color: rgb(var(--header-title-color));
display: block;
font-size: 1rem;
font-weight: bold;
white-space: pre-wrap;
}
body {
--header-subtitle: 'UNDERSTAND YOUR SURROUNDINGS';
background-image: linear-gradient(#724C88,#724C88 60%,black 75%,black);
position: relative;
}
body::before {
content: '';
background-image: url("https://scp-wiki.wdfiles.com/local--files/scp-9966/space-bg.jpg");
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-attachment: fixed;
mix-blend-mode: multiply;
}
/* Assignment Table */
.assignment table{
width: 100%;
border: 0.2rem solid rgb(var(--general-border-color));
}
.assignment tr td{
background-color: rgb(var(--basalt-primary-color));
border: 0.2rem solid rgb(var(--general-border-color));
}
/* Notable Event Date */
div.notabledate{
text-align: center;
font-style: bold;
font-family: var(--mono-font);
font-size: 1.4rem;
text-decoration: underline;
background-color: rgb(var(--basalt-secondary-color));
color: #C72E33;
}
/* Related To Event */
div.related {
display: block;
margin-inline: auto;
margin-block: 1.4rem;
padding-left: 0.8rem;
padding-right: 0.8rem;
border: solid 0.3rem rgb(var(--general-border-color));
border-radius: 0.4rem;
color: rgb(var(--basalt-main-text-color));
}
/* WWS */
div.wilson-border {
border: 0.063em solid rgb(102, 87, 49);
box-shadow: 0em 0.063em 0.125em rgba(0, 0, 0, 0.1);
}
div.wilson-header {
color: white;
background: rgb(163, 193, 98);
padding: 1em;
font-size: 150%;
font-weight: bold;
text-align: center;
}
div.wilson-subtitle {
color: rgb(102, 87, 49);
background: rgba(200, 226, 147);
padding: 0.313em;
text-align: right;
font-weight: bold;
}
div.wilson-body {
color: rgba(102, 87, 49);
background: rgb(209, 237, 154);
padding: 1em;
}
/* File Iteration Title */
div.fileiter{
text-align: center;
display: block;
font-size: 2.5rem;
background-color: rgb(var(--basalt-secondary-color));
border-left: solid 4rem rgb(var(--general-border-color));
border-right: solid 4rem rgb(var(--general-border-color));
color: rgb(var(--basalt-main-text-color));
}
/* Terminal */
div.terminal{
border: 1px solid black;
border: solid 3px #BBBBBB;
border-radius: 16px;
background-color: #131;
/* black shadow at the top of the terminal */
background-image:
radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
background-position: center;
display: block;
/* shadow around the terminal */
box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
/* prevents scanline from forming a scrollwheel */
overflow:hidden;
}
div.terminal blockquote {
background-color: black;
border: double 3px #80FF80
}
div.scanline{
margin-top: -40%;
width: 100%;
height: 60px;
position: relative;
pointer-events: none;
/* Safari 4.0 - 8.0 */
-webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
animation: scan 12s linear 0s infinite; /* Same as above */
background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
}
div.text{
color: rgba(128,255,128,0.8);
padding-left: 2em;
padding-right: 2em;
padding-top: 40%;
font-family: monospace;
font-size: 1.2em;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes scan{
from{ transform: translateY(-10%);}
to{ transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
}
@keyframes scan{
from{ transform: translateY(-10%);}
to{ transform: translateY(5000%);} /* Same as above.*/
}
/* Links */
div.text a {
color: #90EE90;
text-decoration: none;
background: transparent;
}
div.text a.newpage {
color: #90EE90;
text-decoration: none;
background: transparent;
}
div.text a:hover {
color: #131;
text-decoration: underline;
background-color: #80FF80;
padding: 1px;
}
div.text a:hover::before{
content: "> ";
}
width: 8em; filter: invert(92%) sepia(1%) saturate(570%) hue-rotate(203deg) brightness(86%) contrast(89%)
width: 15rem; filter: invert(92%) sepia(1%) saturate(570%) hue-rotate(203deg) brightness(86%) contrast(89%)
text-align: right; font-size: 90%; font-style: italic
width: 15rem; filter: invert(92%) sepia(1%) saturate(570%) hue-rotate(203deg) brightness(86%) contrast(89%)
text-align: right; font-size: 90%; font-style: italic
width: 8em; filter: invert(92%) sepia(1%) saturate(570%) hue-rotate(203deg) brightness(86%) contrast(89%)
width: 8em; filter: invert(92%) sepia(1%) saturate(570%) hue-rotate(203deg) brightness(86%) contrast(89%)
width: 15rem; filter: invert(92%) sepia(1%) saturate(570%) hue-rotate(203deg) brightness(86%) contrast(89%)
padding:0px
font-size:10rem;
font-size:10rem;
font-size:10rem;
font-size:10rem;
font-size:10rem;
width: 15rem;
text-align: right; font-size: 90%; font-style: italic
background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-9966/sh-bg.png);background-repeat:no-repeat;background-color:black;background-size:contain;background-position:center;
component:preview
:scp-wiki:theme:basalt
[info]
:scp-wiki:component:author-label-source
[info]
:scp-wiki:component:author-label-source
[info]
:scp-wiki:component:customizable-acs
[info]
:scp-wiki:component:anomaly-class-bar-source
[info]
:scp-wiki:component:customizable-acs
[info]
:scp-wiki:component:customizable-acs
[info]
:scp-wiki:component:customizable-acs
[info]
component:image-block
component:image-block
component:image-block
:scp-wiki:component:customizable-acs
[info]
:scp-wiki:component:anomaly-class-bar-source
[info]
:scp-wiki:component:customizable-acs
[info]
component:image-block
component:image-block
component:image-block
component:image-block
component:image-block
component:image-block
component:image-block
component:image-block
:scp-wiki:component:customizable-acs
[info]
:scp-wiki:component:customizable-acs
[info]
:scp-wiki:component:customizable-acs
[info]
:scp-wiki:component:anomaly-class-bar-source
[info]
:scp-wiki:component:customizable-acs
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
quote
terminal
scanline
text
fileiter
anom-bar-esoteric
assignment
modal
st
fnnum1
fncon1
fnnum1
fncon1
blockquote
modal
st
blockquote
modal
st
modal
st
darkdocument
modal
st
jotting
jotting
jotting
modal
st
jotting
fnnum1
fncon1
modal
st
notation
darkdocument
st
fnnum1
fncon1
overwatch_memo
fnnum1
fncon1
darkdocument
st
fnnum1
fncon1
fileiter
anom-bar-esoteric
assignment
modal
st
fnnum2
fncon2
fnnum2
fncon2
blockquote
fnnum2
fncon2
modal
st
blockquote
blockquote
darkdocument
modal
st
notation
fnnum2
fncon2
modal
st
jotting
jotting
jotting
fnnum2
fncon2
modal
st
notabledate
notabledate
related
wilson-header
wilson-body
notabledate
notabledate
notabledate
fnnum2
fncon2
notabledate
notabledate
notabledate
related
blockquote
fnnum2
fncon2
notabledate
notabledate
fnnum2
fncon2
notabledate
notabledate
fnnum2
fncon2
notabledate
notabledate
notabledate
notabledate
notabledate
notabledate
document
overwatch_memo
modal
st
darkdocument
fnnum2
fncon2
modal
st
darkdocument
fileiter
terminal
scanline
text
anom-bar-esoteric
assignment
modal
st
fnnum3
fncon3
fnnum3
fncon3
modal
st
modal
st
jotting
fnnum3
fncon3
fnnum3
fncon3
fnnum3
fncon3
fnnum3
fncon3
fnnum3
fncon3
darkdocument
st
fnnum3
fncon3
raisa_memo
fnnum3
fncon3
related
terminal
scanline
text
quote
astra
footer-wikiwalk-nav