Link to article: SCP-9095.
#page-title {display: none;}
#main-content {
max-width: 52rem;
}
@import url('https://api.fonts.coollabs.io/css2?family=Kalnia+Glaze:wght@100..700&display=swap');
@import url('https://api.fonts.coollabs.io/css2?family=Mea+Culpa&display=swap');
@import url('https://api.fonts.coollabs.io/css2?family=Ballet:opsz@16..72&display=swap');
div#container-wrap {
background-image: url('http://scp-wiki.wikidot.com/local--files/scp-9095/topbg');
}
div#header {
background-image: url('http://scp-wiki.wikidot.com/local--files/scp-9095/vklogo');
background-size: 10em;
image-rendering: pixelated;
}
#header h1 a {
content: " ";
}
#header h1 a::before {
content: 'Victims of VKTM';
color: #ffffff;
text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.8);
}
#header h1 a span{
display: block;
content: "";
visibility: hidden;
}
#header h2 span::before {
content: 'Memorial Foundation';
color: #ffffff;
text-shadow: none;
}
#top-bar a {
color: #000084;
}
.mea-culpa-regular {
font-family: "Mea Culpa", cursive;
font-weight: 400;
font-style: normal;
}
.kalnia-glaze {
font-family: "Kalnia Glaze", serif;
font-optical-sizing: auto;
font-weight: 500;
font-style: normal;
font-variation-settings:
"wdth" 100;
}
.ballet {
font-family: "Ballet", cursive;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}
.kalnia-glaze-bold {
font-family: "Kalnia Glaze", serif;
font-optical-sizing: auto;
font-weight: 700;
font-style: normal;
font-variation-settings:
"wdth" 100;
}
body {
font-size: 1.04em;
}
h4 {
font-size: 1.05em;
}
/* Adjust Mobile Image Size */
@media (max-width: 479px) {
#header {
background-size: 100px 100px;
background-position: 1em;
}
}
blockquote,
div.blockquote {
border: #000000 solid 0.75px;
background-color: rgb(250, 250, 250);
color: black;
color: #000;
}
.scrollbox {
overflow: scroll;
max-height: 250px;
margin: auto;
width: 85%;
align-text: center;
color: #ffffff;
background-color: #007474;
}
/* Radian's Timer Code */
/* Order is: 1,234,567 */
.timer-main br {
display: none;
}
@keyframes timer {
0% { content: "0"; }
10% { content: "1"; }
20% { content: "2"; }
30% { content: "3"; }
40% { content: "4"; }
50% { content: "5"; }
60% { content: "6"; }
70% { content: "7"; }
80% { content: "8"; }
90% { content: "9"; }
100% { content: "9"; }
}
@keyframes timer1 {
0% { content: "10"; }
10% { content: "11"; }
20% { content: "12"; }
30% { content: "8"; }
40% { content: "9"; }
50% { content: "0"; }
60% { content: "1"; }
70% { content: "2"; }
80% { content: "3"; }
90% { content: "4"; }
100% { content: "4"; }
}
@keyframes timer2 {
0% { content: "9"; }
10% { content: "3"; }
20% { content: "4"; }
30% { content: "5"; }
40% { content: "6"; }
50% { content: "7"; }
60% { content: "8"; }
70% { content: "9"; }
80% { content: "0"; }
90% { content: "1"; }
100% { content: "1"; }
}
@keyframes timer3 {
0% { content: "3"; }
10% { content: "4"; }
20% { content: "5"; }
30% { content: "6"; }
40% { content: "7"; }
50% { content: "8"; }
60% { content: "9"; }
70% { content: "0"; }
80% { content: "1"; }
90% { content: "2"; }
100% { content: "2"; }
}
@keyframes timer6 {
0% { content: "2"; }
10% { content: "3"; }
20% { content: "4"; }
30% { content: "5"; }
40% { content: "6"; }
50% { content: "7"; }
60% { content: "7"; }
70% { content: "8"; }
80% { content: "9"; }
90% { content: "9"; }
100% { content: "0"; }
}
@keyframes timer7 {
0% { content: "1"; }
10% { content: "2"; }
20% { content: "3"; }
30% { content: "4"; }
40% { content: "5"; }
50% { content: "6"; }
60% { content: "7"; }
70% { content: "8"; }
80% { content: "9"; }
90% { content: "9"; }
100% { content: "6"; }
}
@keyframes timer8 {
0% { content: "1"; }
10% { content: "2"; }
20% { content: "3"; }
30% { content: "9"; }
40% { content: "1"; }
50% { content: "2"; }
60% { content: "3"; }
70% { content: "4"; }
80% { content: "5"; }
90% { content: "0"; }
100% { content: "6"; }
}
@keyframes timer9 {
0% { content: "7"; }
10% { content: "8"; }
20% { content: "9"; }
30% { content: "9"; }
40% { content: "1"; }
50% { content: "2"; }
60% { content: "3"; }
70% { content: "4"; }
80% { content: "5"; }
90% { content: "6"; }
100% { content: "0"; }
}
@keyframes fade-in {
0% { opacity: 0; }
100% { opacity: 1; }
}
.timer-main {
display: inline-flex;
:is(.digit1,.digit2,.digit3,.digit,.digit6,.digit7, digit8,.digit9) { font-size: 0; }
}
.timer-main .digit1::after {
animation: timer1 calc(var(--period) * 50) steps(1, end) infinite, fade-in 1ms steps(1, end);
content: "";
font-size: 1rem;
animation-delay: -35s;
}
.timer-main .digit2::after {
animation: timer2 calc(var(--period) * 50) steps(1, end) infinite, fade-in 1ms steps(1, end);
content: "";
font-size: 1rem;
animation-delay: -35s;
}
.timer-main .digit3::after {
animation: timer3 calc(var(--period) * 50) steps(1, end) infinite, fade-in 1ms steps(1, end);
content: "";
font-size: 1rem;
animation-delay: -35s;
}
.timer-main .digit::after {
animation: timer calc(var(--period) * 50) steps(1, end) infinite, fade-in 1ms steps(1, end);
content: "";
font-size: 1rem;
animation-delay: -35s;
}
.timer-main .digit6::after {
animation: timer6 calc(var(--period) * 50) steps(1, end) infinite, fade-in 1ms steps(1, end);
content: "";
font-size: 1rem;
animation-delay: -35s;
}
.timer-main .digit7::after {
animation: timer7 calc(var(--period) * 50) steps(1, end) infinite, fade-in 1ms steps(1, end);
content: "";
font-size: 1rem;
animation-delay: -35s;
}
.timer-main .digit8::after {
animation: timer8 calc(var(--period) * 50) steps(1, end) infinite, fade-in 1ms steps(1, end);
content: "";
font-size: 1rem;
animation-delay: -35s;
}
.timer-main .digit9::after {
animation: timer9 calc(var(--period) * 50) steps(1, end) infinite, fade-in 1ms steps(1, end);
content: "";
font-size: 1rem;
}
/* BHL styled collapsibles with fancy-schamncy animations! By Monkatraz, modified by AnActualCrow */
/* #page-content is shoved everywhere to make sure it's the most specific thingy */
/* Styling! */
#page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link {
margin: auto;
padding: 1em 0.5em 1em 0.5em;
/* Technical bits */
width: 15em;
white-space: nowrap;
overflow: hidden;
text-align: center;
background-color: #a11823;
border-radius: 15px;
border: 2px dotted #24d1bd;
}
/* The Clicky Text */
#page-content .collapsible-block-link {
color: #ffffff;
font-weight: bold;
text-decoration: none;
text-align: center;
}
/* Gets rid of the underline when hovering over the collapsible */
#page-content .collapsible-block-link:hover {
text-decoration: none
color: #ffffff;
}
/* Collapsible content */
#page-content .collapsible-block-unfolded-link{
width: 15em;
background: #4392ba;
border: 5px dotted #f5b8e2;
color: #000000;
}
/* Hovering effects */
#page-content .collapsible-block-folded:hover, #page-content .collapsible-block-unfolded-link:hover {
background-color: #826ef5;
border: 3px dotted #f5b8e2;
max-width: 100%;
}
/* Collapsible borders - because it looks prettier this way */
#page-content .collapsible-block-unfolded-link:hover + .collapsible-block-content{
border-top-color: #ededed;
border-bottom-color: #ededed;
}
/* When hovering over link, change addendum tag to hover-color */
#page-content .collapsible-block-unfolded-link:hover + .collapsible-block-content::after {
background: #ededed;
}
/* Click flash when clicking, also forces the collapsible to expand */
#page-content .collapsible-block-folded:active, #page-content .collapsible-block-unfolded-link:active, #page-content .collapsible-block-unfolded-link:active + .collapsible-block-content::after {
transition: background 0s, max-width 0s;
background: #ededed;
max-width: 100%;
}
/* On click, change borders to click-color */
#page-content .collapsible-block-unfolded-link:active + .collapsible-block-content {
transition: border-top-color 0s, border-bottom-color 0s;
border-top-color: #000000;
border-bottom-color: #000000;
}
/* Centering, very simple */
#page-content .center-collapse .collapsible-block-folded, #page-content .center-collapse .collapsible-block-unfolded-link, #page-content .center-collapse .unfolded-collapse{
margin:auto;
margin-top: 10px;
}
/* Removing the slick animation and addendum number because you're a monster */
/* Set back the max width and just ignore the transition screwyness */
#page-content .no-addendum .collapsible-block-folded {
max-width: 100%;
}
/* Ayer's info-bar patch */
#page-content .info-container .collapsible-block {
counter-increment: none;
}
#page-content .info-container .collapsible-block-folded, #page-content .info-container .collapsible-block-unfolded-link {
transition: none;
width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 0;
box-shadow: none;
background: var(--barColour);
}
#page-content .info-container .collapsible-block-folded::before, #page-content .info-container .collapsible-block-unfolded-link::before {
content: "";
display: none;
}
#page-content .info-container .collapsible-block-content {
border-bottom: none;
transition: none;
border-top: none;
}
#page-content .info-container .collapsible-block-content::after {
display: none;
}
/* License Box Patch */
#page-content .licensebox .collapsible-block-link {
color: inherit;
}
#page-content .licensebox .collapsible-block-link:hover {
text-decoration: underline;
}
#page-content .licensebox .collapsible-block {
counter-increment: none;
}
#page-content .licensebox .collapsible-block-folded,
#page-content .licensebox .collapsible-block-unfolded-link {
transition: none;
width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 0;
box-shadow: none;
background: none;
}
#page-content .licensebox .collapsible-block-folded::before,
#page-content .licensebox .collapsible-block-unfolded-link::before {
content: "";
display: none;
}
#page-content .licensebox .collapsible-block-content {
border-bottom: none;
transition: none;
border-top: none;
}
#page-content .licensebox .collapsible-block-folded .collapsible-block-link::before,
#page-content .licensebox .collapsible-block-unfolded .collapsible-block-link::before,
#page-content .licensebox .unfolded-collapse::before {
display: none;
}
#page-content .licensebox .collapsible-block-content::after {
display: none;
}
border-radius: 6px; padding: 0.75em; background: #ebf5fa; border: 3px dotted #f5b8e2;
text-align: center;
width: 95%;
border-radius: 10px; margin: auto; padding: 0.75em; background-color: #e2f2d5; border: 3px solid #007474; text-align: center;
font-family:
border-radius: 5px; margin: auto; padding: 1em 1.5em 1em 1.5em; background-color: #f5d5e1; border: 2px dashed #2525db;
text-align: center;
text-align: center;
text-align: center;
border-radius: 5px; margin: auto; padding: 1em 1.5em 1em 1.5em; background-color: #e1cef5; border: 2px dashed #2525db; text-align: center;
text-align: center; border-radius: 15px; border: 4px dotted #24d1bd; width: 50%; margin: auto;
text-align: center; font-size: 1.2em;
padding: 1.5em 5em 1000em 5em; text-align: center; font-size: 1.5em;
text-align: center;
border-radius: 6px; padding: 0.75em; background: #ebf5fa; border: 3px dotted #f5b8e2;
width: 90%; margin: auto;
border-radius: 10px; margin: auto; padding: 1.25em; background-color: #a4dbc7; border: 2px dashed #215236; text-align: center;
border-radius: 2px; margin: auto; padding: 1.75em; background-color: #f5f5fa; border: 1px solid #c0c0c0;
text-align: center;
color: rgb(150, 150, 150); border: 0.5px rgb(100, 100, 100)
color: rgb(150, 150, 150); border: 0.5px rgb(100, 100, 100)
color: rgb(150, 150, 150); border: 0.5px rgb(100, 100, 100)
color: rgb(150, 150, 150); border: 0.5px rgb(100, 100, 100); height: 25px;
color: rgb(150, 150, 150); border: 0.5px rgb(100, 100, 100); height: 25px;
text-align: center
--period: 1000000s;
--period: 100000s;
--period: 10000s;
--period: 10s;
--period: 5s;
--period: 5s;
--period: 2s;
component:preview
:scp-wiki:theme:y2k
[info]
:scp-wiki:component:toggle-sidebar
[info]
:scp-wiki:info:start
[info]
:scp-wiki:info:end
[info]
:scp-wiki:component:anomaly-class-bar-source
[info]
scrollbox
wiki-content-table
timer-main
digit1
digit2
digit3
digit
digit
digit6
digit7
footer-wikiwalk-nav