Link to article: INNER-SPACE.
/* COMMON */
@media (min-width: 768px) {
#main-content {
max-width: 75%;
}
.meta-title.h0 {
font-size: 2.55rem;
letter-spacing: 1rem
}
.narration {
padding: 2rem 3rem;
}
}
.narration .meta-title p {
border-bottom: medium solid var(--fgColor);
}
#page-content .narration h4 {
filter: none;
}
@media (max-width: 767px) {
.meta-title.h0 {
letter-spacing: .4rem
}
}
/* PART ONE */
.oscp {
--keyColor: hsl(222, 20%, 9%);
padding: .8rem 0 1.8rem;
color: var(--textColorAlt);
background-color: var(--fgColor);
background-image: /* Black Shadow at Top of Terminal */
radial-gradient(
ellipse 1000% 100% at 50% 90%,
transparent,
var(--keyColor));
border: 7px ridge var(--accentColorLite);
border-radius: .8rem;
box-shadow: inset 0 0 6.67rem 1rem hsla(0, 0%, 3%, .6); /* Shadow Around Terminal */
overflow: hidden; /* Prevents Scanline From Forming Scrollwheel */
}
@media (max-width: 767px) {
.oscp {
padding-top: 0;
padding-bottom: 2.67rem;
}
}
.oscp-text strong {
filter: none;
}
.scanline {
height: 4rem;
margin-top: -40%;
background:
linear-gradient(
transparent,
hsla(0, 0%, 95%, .1));
animation: scan 12s linear 0s infinite;
-moz-animation: scan 12s linear 0s infinite;
-webkit-animation: scan 12s linear 0s infinite;
pointer-events: none;
}
@keyframes scan {
from { transform: translateY(-10%); }
to { transform: translateY(5000%); }
}
@-moz-keyframes scan {
from { transform: translateY(-10%); }
to { transform: translateY(5000%); }
}
@-webkit-keyframes scan {
from { transform: translateY(-10%); }
to { transform: translateY(5000%); }
}
.oscp-text {
padding: 34% 1rem 0;
font: 110% var(--mono-font);
opacity: .9;
} /* Makes text padding better for mobile devices*/
@media (max-width: 767px) {
.oscp-text {
padding: 34% 1.5rem 0;
}
.mob-hide {
margin: -.4rem 0;
font-size: 0;
}
}
.mob-hide {
padding: 1rem 0;
}
.mob-hide p {
line-height: 1.15;
}
.pre-input,
.input,
.output {
--bluish: hsla(240, 85%, 65%, .35);
--lite-bluish: hsla(240, 85%, 65%, .05);
--reddish: hsla(360, 85%, 65%, .35);
--lite-reddish: hsla(360, 85%, 65%, .05);
--greenish: hsla(120, 85%, 65%, .35);
--lite-greenish: hsla(120, 85%, 65%, .05);
margin: 2rem 0;
padding: 2rem 1rem;
border-radius: 1rem;
}
.pre-input {
--accentColor: hsl(240, 85%, 65%);
border: thick solid var(--bluish);
background: var(--lite-bluish);
}
.input {
--accentColor: hsl(360, 85%, 65%);
border: thick solid var(--reddish);
background: var(--lite-reddish);
}
.output {
--accentColor: hsl(120, 85%, 65%);
border: thick solid var(--greenish);
background: var(--lite-greenish);
}
.terminal {
margin: 2rem auto 1rem;
padding: 0 1rem;
background: var(--bgColor) !important;
border-color: var(--accentColorLite) !important;
}
.terminal.prompt {
width: fit-content;
}
.command {
padding: .067rem .2rem;
color: var(--keyColor);
background: var(--accentColor);
font-weight: bold;
}
/* PART TWO */
div.blockquote {
box-shadow: none;
}
@media (min-width: 768px) {
div.blockquote.lightweight {
width: 75%;
margin: auto;
}
}
/* A/V LOG */
.research,
.research hr,
.research.comment {
--accentColor: hsl(60, 50%, 45%);
--accentColorLite: hsla(60, 50%, 55%, .15);
}
.research .fnnum::after,
.research .fnnum:hover,
.research .fncon:before {
--fnColor: var(--accentColor);
}
.research.comment {
display: block;
margin: .8rem;
padding: .02rem .8rem;
color: var(--textColor);
background: var(--accentColorLite);
}
.research.comment.active {
padding: .6rem .8rem;
}
.research.comment.active.multiline {
padding: .02rem 1rem;
}
/* A/V LOG FORMAT */
.logs {
padding-top: .8rem;
font-family: var(--mono-font);
}
.logs hr {
border-color: var(--accentColorLite);
}
table td {
line-height: 1.5;
}
table.dialog {
display: block;
padding-top: 1.2rem;
border-collapse: collapse;
}
table.dialog th {
padding: 1rem .8rem 1rem 0;
border-right: thin solid var(--accentColorLite);
font: 1.05rem var(--header-font);
}
table.dialog td,
table.dialog td.active tt {
opacity: .8;
font-style: italic;
}
table.dialog td {
padding: 1rem 0 1rem .8rem;
font: italic 110% var(--mono-font);
}
table.dialog td.active {
opacity: 1;
font: 100%/1.5 var(--body-font);
}
/* PART THREE */
.sdraft {
width: 16.6rem;
max-height: 5.067rem;
margin: auto;
background: var(--bgColor);
border: 2px solid var(--greenish);
}
.sdraft .load-content {
padding: 0 3.33rem 2rem;
background: url(https://scp-wiki.wdfiles.com/local--files/theme%3Aflopstyle-dark/alt_loader.gif) bottom center no-repeat;
filter: invert(.4) sepia(.5) saturate(600%) hue-rotate(var(--tint));
--tint: 80deg;
font: 1.05rem var(--header-font);
}
.not-found {
margin: 1rem 0;
padding: .02rem .67rem;
background: hsl(325, 100%, 21%);
border-radius: 1.33rem;
box-shadow:
inset 0 3px 6px hsla(325, 100%, 95%, .3),
inset 0 -4.5px 9px hsla(325, 100%, 5%, .6);
font-size: 150%;
font-weight: bold;
line-height: 1;
}
/* PART FOUR */
table.tofrom {
width: 100%;
padding: .02rem 0 .02rem 1rem;
background: var(--bgColor);
border-right: .8rem solid var(--bgColor);
border-left: thick solid rgb(var(--five-color));
}
table.tofrom td:nth-child(2) {
width: 100px;
filter: invert(.8);
text-align: right;
}
#page-content .collapsible-block-folded a.collapsible-block-link {
animation: flicker .8s ease-in-out infinite alternate;
}
@keyframes flicker {
0% {
color: transparent;
border-bottom-color: transparent;
}
50%, 100% {
color: var(--accentColor);
border-bottom-color: var(--accentColor);
}
}
#page-content a.collapsible-block-link:hover {
color: var(--alphaColor) !important;
}
.licensebox .collapsible-block-link {
animation: 0 !important;
}
/* PART FIVE */
#u-activeRate {
opacity: .33;
transition: all .25s ease-in-out;
}
#u-activeRate:hover {
opacity: 1;
}
display: none
display:none
margin-top: 0
margin-bottom: 0
padding-top: .8rem
width: fit-content; margin: 0 auto -1.5rem
font: bold 110% var(--mono-font)
font-family: var(--body-font)
font: bold 110% var(--mono-font)
margin: 1rem 0
margin-top: 0
color: var(--textColorAlt)
border-color: var(--fgColor); text-indent: 0
color: var(--textColorAlt)
color: var(--textColorAlt)
filter: invert(.8); image-rendering: pixelated
:scp-wiki:more-by:lt-flops
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
bt
bb
byline
meta-title
h0
oscp
centered
scanline
oscp-text
pre-input
mob-hide
input
tb
output
tb
tb
tb
tb
tb
tb
tb
command
input
tb
command
report-box
research
blockquote
lightweight
centered
research
comment
tb
justified
dialog
research
comment
active
multiline
fnnum
fncon
bt
bb
research
comment
active
multiline
rev-blue
rev-red
research
comment
active
research
comment
active
research
comment
active
active
research
comment
active
multiline
fnnum
fncon
bt
bb
tb
rev-red
tb
tb
rev-red
tb
tb
rev-green
tb
research
comment
active
active
research
comment
active
active
research
comment
active
active
active
research
comment
active
rev-red
research
comment
active
multiline
active
research
comment
active
active
active
active
active
active
active
research
comment
active
active
research
comment
active
research
comment
oscp
centered
scanline
oscp-text
input
tb
output
sdraft
load-content
sdraft
input
tb
command
tb
meta-title
not-found
rev-green
code
terminal
code
terminal
narration
meta-title
pseudocrumbs
justified
indented
end-mark
blockquote
simple
larger
fnnum
fncon
bt
bb
scene-break
icon-tint
blockquote
lightweight
tofrom
oscp
scanline
oscp-text
footing
centered