Link to article: SCP-9900.
@import url('https://fonts.googleapis.com/css2?family=Martian+Mono:wght@100..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap');
#page-title {
display: none;
}
:root {
--sp_top-bar-gradient-top-color: #373737;
--sp_top-bar-gradient-bottom-color: #171717;
--sp_header-logo-size: 8.25rem;
--sp_rate-module-background: rgba(255,255,255,0.2);
--sp_rate-module-sub-color: #FFF;
--accentColor: #6d6d77;
}
#page-content .page-rate-widget-box :is(.rateup, .ratedown) a {
color: black;
}
#action-area, #page-options-container {
color: white;
}
#lock-info {
color:black;
}
#page-content {
background: rgba(0,0,0,0.35);
padding: 0.3em 1.5em;
border-radius: 30px;
}
#page-content hr {
background-color: var(--accentColor);
}
#page-content .blockquote {
background: rgba(255,255,255,0.1);
border-style: solid;
}
#page-content .blockquote > .blockquote, .specialNote {
background: rgba(0,0,0,0.3);
border-style: dashed;
border-color: var(--accentColor);
font-family: "Patrick Hand";
font-size: 1.3em;
}
.specialNote :is(h1,h2) {
font-family: "Patrick Hand";
font-size: 1.3em;
}
.licensebox blockquote {
background: rgba(255,255,255,0.1) !important;
border-style: solid !important;
margin: 1em 1.5em;
}
#page-content .licensebox .blockquote {
background: rgba(255,255,255,0.1);
border-style: solid;
margin: 1em 1.5em;
}
#page-content .licensebox .blockquote > .blockquote {
background: inherit;
border-style: inherit;
border-color: inherit;
font-family: inherit;
font-size: inherit;
margin: 1em 1.5em;
}
.innerLog {
border-style: solid;
border-color: var(--accentColor);
margin: 1em 0;
padding: 0 1em
}
#page-content .blockquote.report {
border: 1px solid var(--accentColor);
background: #e0e0e1;
color: black;
margin: 1em 0.5em;
font-weight: 400;
}
#header {
background-image: url(https://scp-sandbox-3.wdfiles.com/local--files/queer-q/mountain_pattern_stretch.jpg);
background-color: #2b2930;
background-blend-mode: hard-light;
background-position-x: center;
background-size: 1200px;
height: 250px;
background-position-y: center;
grid-template-rows: 1.5fr 1.5fr auto auto 0.75fr auto;
}
#header::before {
margin: 0em auto;
grid-row: 1 / 5;
grid-column: 1/5;
z-index: 2;
}
#header h1, #header h2 {
padding-inline-start: initial;
grid-column: 1/5;
margin: 0em auto;
z-index: 1;
}
#header h1 {
grid-row: 3 / 5;
}
#header h2 {
grid-row: 5;
}
#header-extra-div-1 {
width: 100%;
min-height: 250px;
background-image: url(https://scp-sandbox-3.wdfiles.com/local--files/queer-q/9kRender.png);
background-position-x: calc(53% + 50px);
background-position-y: 112px;
background-size: 9em;
background-repeat: no-repeat;
position: absolute;
filter: opacity(0.25);
animation: fade-inHeader 600s linear;
z-index: 0;
transform: scaleX(-1);
pointer-events: none;
}
@keyframes fade-inHeader {
0% { opacity: 0; }
20% { opacity: 0.05; }
40% { opacity: 0.1; }
60% { opacity: 0.15; }
80% { opacity: 0.2; }
100% { opacity: 0.25; }
}
#container {
background: url(https://scp-sandbox-3.wikidot.com/local--files/queer-q/trianglify-lowres.png);
background-repeat: round;
background-position-x: left;
background-position-y: 26em;
background-size: 40em;
background-blend-mode: multiply;
background-color: #1b1b1d;
}
#page-content {
color: white;
font-family: 'Martian Mono';
font-weight: 200;
}
#page-content th {
color: black;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Martian Mono';
}
.scp-image-block {
margin-top: 1.5em;
border-width: 2px;
}
.blockquote .scp-image-block .scp-image-caption {
background-color: rgba(255,255,255,0.1);
}
#page-content .scp-image-block .scp-image-caption {
background-color: rgba(255,255,255,0.1);
}
/* Adasba'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: "5"; }
10% { content: "6"; }
20% { content: "7"; }
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: "2"; }
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: "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: "0"; }
100% { content: "0"; }
}
@keyframes timer7 {
0% { content: "7"; }
10% { content: "8"; }
20% { content: "9"; }
30% { content: "0"; }
40% { content: "1"; }
50% { content: "2"; }
60% { content: "3"; }
70% { content: "4"; }
80% { content: "5"; }
90% { content: "6"; }
100% { content: "6"; }
}
@keyframes fade-in {
0% { opacity: 0; }
100% { opacity: 1; }
}
.timer-main {
display: inline-flex;
:is(.digit1,.digit2,.digit3,.digit,.digit6,.digit7) { 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;
}
.translation .collapsible-block {
margin-top: 0.8em;
text-align: right;
font-size: 0.9em;
}
.translation .collapsible-block a {
color: #bdbdc2;
text-shadow: 0 0 blue;
}
.cbMode:has(.collapsible-block-unfolded[style="display: none;"]), .cbMode:has(.collapsible-block-unfolded[style="display:none"]) {
border: 2px solid var(--lighter-color) !important;
filter: contrast(0.7);
}
.engText, .latinText {
display: none;
}
.translation:has(.collapsible-block-unfolded[style="display: none;"]) .engText, .translation:has(.collapsible-block-unfolded[style="display:none"]) .engText {
display: block;
margin-top: 0.5em;
}
.translation:has(.collapsible-block-folded[style="display: none;"]) .latinText, .translation:has(.collapsible-block-folded[style="display:none"]) .latinText {
display: block;
margin-top: 0.5em;
}
#page-content table.wiki-content-table td {
padding: 0.5em 0.7em;
}
/* Table Formatting for Mobile */
@media (max-width: 750px) {
#page-content table.wiki-content-table th {
display: none;
}
#page-content table.wiki-content-table tr td:nth-child(odd) {
color: black;
background-color: #EEE;
font-weight: bold;
text-align: -internal-center;
}
#page-content table.wiki-content-table tr td {
display:block;
}
#page-content .blockquote > .blockquote, .specialNote {
margin: 1em 1.5em;
}
}
.ratingModuleAlign {
text-align: right;
margin-bottom: -1em;
margin-top: 0.5em;
}
--period: 1000000s;
--period: 100000s;
--period: 10000s;
--period: 1000s;
--period: 100s;
--period: 10s;
--period: 1s;
component:preview
:scp-wiki:component:sigma-plus
[info]
:scp-wiki:component:toggle-sidebar
[info]
:scp-wiki:component:image-block
[info]
:scp-wiki:component:image-block
[info]
:scp-wiki:component:image-block
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
ratingModuleAlign
timer-main
digit1
digit2
digit3
digit
digit
digit6
digit7
blockquote
blockquote
blockquote
blockquote
report
blockquote
blockquote
blockquote
translation
engText
latinText
blockquote
report
blockquote
blockquote
report
blockquote
blockquote
blockquote
report
blockquote
blockquote
blockquote
report
blockquote
blockquote
blockquote
report
blockquote
blockquote
blockquote
report
blockquote
blockquote
blockquote
footer-wikiwalk-nav
blockquote
blockquote
blockquote
blockquote
blockquote