Link to article: SCP-7180.
/* Tweaks to Y2K theme */
.scp-image-block img {image-reeeeeendering: auto !important;}
#header h2 span::before {content: 'Everything will be OK' !important;}
body blockquote, body div.blockquote {background-color: #D0D0D0 !important;}
body {font-family: Tahoma, Verdana, sans-serif !important; font-size: 14px;}
body strong {font-weight: 900;}
a {text-decoration: underline;}
a.footnoteref {text-decoration: none;}
.footnote-footer {text-decoration: none;}
.okok-supplement h3 {font-size: 18px;}
.collapsible-block-link {font-size: 18px;}
.collapsible-block-folded {margin: .6em 0;}
.collapsible-block-unfolded-link {margin: .6em 0;}
.scp-image-block {margin-top: 1em !important;}
tt
{
position: relative;
display: inline-block;
background: black;
color: white;
border: 1px solid #444;
font-weight: bold;
padding: 0 2px;
text-transform: uppercase;
cursor: help;
}
tt:hover:after
{
display: block;
position: absolute;
top: 1.2em;
left: -8em;
right: -8em;
margin-left: auto; margin-right: auto;
content: 'ERRNO 2: PROCEDURE FILE MISSING';
text-align: center;
background: red;
color: black;
z-index: 1;
}
.ok-terminal-wrap
{
position: relative;
font-family: monospace;
line-height: 1em;
font-size: 10pt;
height: 0;
width: 100%;
margin-left: 4em; margin-right: 4em;
padding: 0;
animation: 12s vanishes forwards;
-webkit-animation: 12s vanishes forwards;
}
.ok-terminal
{
}
.ok-terminal-inner
{
position: relative;
color: #CCC;
background: 103010;
background: linear-gradient(180deg, blue 0 16px, #103010 16px 100%);
padding: 22px 1em 1em .5em;
margin: 4em auto auto 0;
display: block;
width: 40em;
height: 20em;
border: 2px solid;
border-color: white grey grey white;
}
.ok-terminal-inner strong:before
{
display: block;
position: absolute;
background: blue;
width: auto;
height: 16px;
font-size: 14px;
position: absolute;
top: 2px;
left: 2px; right: 2px;
padding: 2px 32px 2px 32px;
text-decoration: none;
}
.ok-terminal p
{
padding: 0; margin: 0;
animation: printlines 3s steps(3, end) 1s 1 normal both;
-webkit-animation: printlines 3s steps(3, end) 1s 1 normal both;
line-height: 1.2em;
height: 2.4em;
overflow: hidden;
}
.blinking {
animation: 1s blink steps(2, start) infinite;
-webkit-animation: 1s blink steps(2, start) infinite;
}
@keyframes printlines {from { height: 2.4em; } to { height: 6em; }}
@-webkit-keyframes printlines {from { height: 2.4em; } to { height: 6em; }}
@keyframes "vanishes" {to {visibility: hidden; height: 0; overflow: hide;}}
@-webkit-keyframes "vanishes" {to {visibility: hidden; height: 0; overflow: hide;}}
@keyframes "blink" {to {visibility: hidden;}}
@-webkit-keyframes "blink" {to {visibility: hidden;}}
@keyframes appear {
from { opacity: 0; }
99% { opacity: 0; }
to { opacity: 1; }
}
@-webkit-keyframes appear {
from { opacity: 0; }
99% { opacity: 0; }
to { opacity: 1; }
}
@keyframes bootup {
from { visibility: hidden; }
1% { visibility: visible; }
99% { visibility: visible; }
to { visibility: hidden; }
}
@-webkit-keyframes bootup {
from { visibility: hidden; }
1% { visibility: visible; }
99% { visibility: visible; }
to { visibility: hidden; }
}
@keyframes loadblock {
from { max-height: 0; visibility: hidden; overflow: hidden; }
1% { max-height: 10em; visibility: visible; overflow: hidden; }
to { max-height: 1000em; visibility: visible; overflow: visible; }
}
@-webkit-keyframes loadblock {
from { max-height: 0; visibility: hidden; overflow: hidden; }
1% { max-height: 10em; visibility: visible; overflow: hidden; }
to { max-height: 1000em; visibility: visible; overflow: visible; }
}
.loadblock {
overflow: hidden;
overflow-x: visible;
display: block;
animation: 5s loadblock steps(20,end) 10s 1 normal both;
-webkit-animation: 5s loadblock steps(20,end) 10s 1 normal both;
}
.eg-section td {text-align: center;}
.eg-section h2 {text-align: center;}
.eg-suff {font-family: Arial; font-size: 150%;}
.eg-big {font-weight: bold; font-family: Arial; font-size: 150%; color: darkred;}
.eg-huge {font-weight: bold; font-family: Arial; font-size: 200%; color: darkred;}
.ok .collapsible-block {position: sticky; top: 8px;}
.ok .collapsible-block-content {margin: 0;}
.ok .collapsible-block-folded
{
display: none !important;
}
.ok .collapsible-block-unfolded
{
animation: appear 2s steps(2);
-webkit-animation: appear 2s steps(2);
top: -64px;
left: 50%; right: 50%;
background: #D0D0D0;
border: 2px solid;
border-color: white grey grey white;
padding: 1.5em 1em 2.5em 1em;
margin-left: -200px; margin-right: -200px;
position: absolute;
box-shadow: 5px 5px 20px rgba(0,0,0,.2);
}
.ok .collapsible-block-unfolded strong
{
display: block;
background: blue;
color: white;
width: auto;
height: 16px;
font-size: 14px;
position: absolute;
top: 2px;
left: 2px; right: 2px;
padding: 2px 32px 2px 32px;
text-decoration: none;
}
.ok .collapsible-block-unfolded strong:before
{
display: block;
position: absolute;
left: 2px;
top: 2px;
content: '好'; color: red;
font-weight: bold; font-family: Courier New;
font-size: 13px;
text-align: center;
line-height: 18px;
width: 15px;
height: 15px;
border-radius: 8px;
border: 0px solid red;
background: white;
}
.olympia-logo-OLD
{
/*content: 'XO'; color: red;
font-family: Courier New;
font-size: 10px;
line-height: 1.2em;
text-align: center;
display: block;
position: absolute;
border: 3px solid red;
background: white;
border-radius: 20px;
border-bottom-left-radius: 0;*/
}
.ok .collapsible-block-unfolded-link
{
margin: 0; padding: 0;
}
.ok .collapsible-block-unfolded-link a
{
display: inline-block;
background: #D0D0D0;
border: 2px solid;
border-color: white grey grey white;
position: absolute;
bottom: 10px; left: 50%; right: 50%;
margin-left: -40px;
margin-right: -40px;
text-align: center;
padding: .25em;
content: "OK";
text-decoration: none;
color: black;
font-size: 14px;
}
.ok .collapsible-block-unfolded-link a:active
{
border-color: grey white white grey;
text-decoration: none;
color: black;
}
.okok-supplement
{
border: 2px inset #999;
padding: 0 1em;
margin: 1em 0;
background-color: #fafafa;
}
.okok-exploration
{
border: 2px inset #999;
padding: 0 1em;
margin: 1em 0;
background-color: #fafafa;
}
.okok-supplement table
{
margin-top: 1.4em !important;
margin-bottom: 1.4em !important;
}
.okok-supplement p
{
margin-top: 1.4em;
margin-bottom: 1.4em;
}
.okok-exploration p
{
margin-top: 1.4em;
margin-bottom: 1.4em;
line-height: 1.6em;
}
.okok-note
{
border: 1px outset #da8;
border-radius: 2px;
padding: 3em;
margin: 2em 0;
min-height: 780px;
background-color: #f8f5de;
background-image: linear-gradient(to right, rgba(255,210,0,0.4), rgba(200, 160, 0, 0.1) 11%, rgba(0,0,0,0) 35%, rgba(200, 160, 0, 0.1) 65%);
box-shadow: inset 0 0 75px rgba(255,210,0,0.2), inset 0 0 20px rgba(255,210,0,0.3), inset 0 0 30px rgba(220,120,0,0.5);
color: rgba(0,0,0,0.5);
letter-spacing: 0.05em;
line-height: 1.8;
font-family: monospace; font-size: 15px; text-shadow: 1px 1px 1px #ffc, -1px -1px 2px #edd; color: #081861;
}
height: 25px;
color:white;
color:red;
animation-delay: 2s; -webkit-animation-delay: 2s;
animation-delay: 10s; -webkit-animation-delay: 10s;
animation-delay: 11s; -webkit-animation-delay: 11s;
animation-delay: 14s; -webkit-animation-delay: 14s;
width: 100%; margin: -1em 0;
display: flex; flex-wrap: wrap; justify-content: space-evenly; width: 100%;
order: 2;
width: 280px; margin: 0; margin: 1em;
width: 280px;
width: 280px;
order: 1;
animation-delay: 16s; -webkit-animation-delay: 16s;
animation-delay: 18s; -webkit-animation-delay: 18s;
width: 600px; margin: 1em auto;
width: 600px;
width: 600px;
animation-delay: 20s; -webkit-animation-delay: 20s;
animation-delay: 24s; -webkit-animation-delay: 24s;
width: 600px; margin: 1em auto;
width: 600px;
width: 600px;
animation-delay: 30s; -webkit-animation-delay: 30s;
margin-top: 3em; margin-bottom: 3em;
opacity: 0;
animation-delay: 35s; -webkit-animation-delay: 35s;
:scp-wiki:theme:y2k
[info]
:scp-wiki:component:advanced-information-methodology
[info]
component:image-block
ok-terminal-wrap
ok-terminal
ok-terminal-inner
blinking
loadblock
loadblock
loadblock
ok
loadblock
okok-supplement
eg-section
scp-image-block
block-center
scp-image-caption
eg-huge
eg-big
eg-suff
eg-big
eg-big
eg-suff
eg-huge
eg-big
eg-big
eg-big
eg-huge
loadblock
ok
loadblock
okok-supplement
scp-image-block
block-center
scp-image-caption
ok
ok
loadblock
okok-exploration
ok
ok
ok
loadblock
okok-supplement
scp-image-block
block-center
scp-image-caption
ok
ok
loadblock
okok-note
okok-note
okok-note
okok-note
okok-supplement
loadblock
footer-wikiwalk-nav