Link to article: SCP-9229.
@import url("https://scp-wiki.wikidot.com/local--files/theme:turbo-vision/Mx437_IBM_VGA_8x16.css");
@import url('https://fonts.googleapis.com/css2?family=Aldrich&display=swap');
/*
Turbo Vision Theme
[2021 Wikidot Theme]
By JakdragonX
Based on SCP Sigma 9-Theme created by Aelanna and Dr Devan
Based on the original Turbo Vision Theme created by Croquembouche
The Turbo Vision theme is split into two CSS fragments.
This fragment styles general parts of the page, and requires the other
fragment in order to function correctly.
*/
/* TODO Split these selectors across this one and the other one */
body {
font-family: 'Aldrich', sans-serif;
font-size: 16px;
line-height: 22px;
color: white;
letter-spacing: 0.5px;
background-color: #000000;
image-rendering: pixelated;
}
a {
color: #a1a1ab;
}
a:hover {
text-decoration: none;
background-color: #94EBDF;
color: black;
}
a:visited {
color: #690ba0;
}
a.newpage {
color: #f55;
text-decoration: none;
background: transparent;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Mx437 IBM VGA 8x16", monospace;
}
h1,
#page-title {
font-family: "Mx437 IBM VGA 8x16", monospace;
color: #A1A1AB;
font-weight: normal;
line-height: 0.85em;
}
#page-title {
border-color: #fff;
}
hr {
background-color: #fff;
margin: 3.5em 1em 3.5em 1em;
}
blockquote,
div.blockquote {
background-color: #aaaaaa;
color: #000;
padding: 0;
margin-bottom: 2em;
border-width: var(--turbo-block-border-width);
border-style: solid;
border-image: url("https://scp-wiki.wikidot.com/local--files/theme:turbo-vision/border_white.svg") 16 round;
box-shadow: var(--turbo-block-shadow);
}
/* ACCOUNT STUFF (OPTIONS, SEARCH BAR, ETC.) */
#account-options {
background-color: #fff;
}
#login-status {
color: #000;
background: #aaa;
border: 2px solid #fff;
font-size: 90%;
z-index: 30;
}
#login-status a {
background: transparent;
color: #000;
}
#login-status a:hover {
background: #94EBDF !important;
}
#search-top-box-input,
#search-top-box-input:hover,
#search-top-box-input:focus,
#search-top-box-form input[type="submit"],
#search-top-box-form input[type="submit"]:hover,
#search-top-box-form input[type="submit"]:focus {
border: #fff solid 2px;
background: #aaaaaa;
box-shadow: none;
border-radius: 0;
color: #fff;
}
#side-bar .side-block.media {
background: #aaaaaa;
}
/* HEADER */
div#container-wrap {
background: url("https://scp-wiki.wdfiles.com/local--files/fragment%3A9229contestblackmonday-0/small%20%281%29.png")
top left repeat-x;
}
div#header {
position: relative;
height: 142px;
background: url("https://scp-wiki.wdfiles.com/local--files/theme%3Aturbo-vision/logo%20%281%29.png")
3.675em 1.25em no-repeat;
background-size: auto 100px;
}
div#header {
max-width: initial;
}
div#header,
#top-bar {
width: 100%;
}
div#header h1 {
opacity: 0;
width: 310px;
min-height: 135px;
}
div#header h2 {
display: none;
}
#header h1,
#header h2 {
margin-left: 55px;
}
/* TOP BAR */
#top-bar {
font-size: 100%;
top: 142px;
max-width: none;
height: 20px;
}
#top-bar ul li {
margin: 0 4px;
}
#top-bar ul li a {
font-family: "Mx437 IBM VGA 8x16", monospace;
color: #000;
background-color: transparent;
padding: 0;
border: none;
line-height: 19px;
max-height: 36px;
}
#top-bar ul li a:hover,
#top-bar ul li:hover a {
text-decoration: none;
border: none;
background-color: #94EBDF !important;
color: #000;
}
#top-bar ul li a:hover::before,
#top-bar ul li a:hover::after {
background-color: #94EBDF;
}
#top-bar ul li a:visited {
color: #000 !important;
}
#top-bar ul li a::first-letter {
color: #000;
}
#top-bar .open-menu a {
border: 2px solid #3f3f47;
border-radius: 0;
background-color: #aaaaaa;
color: #000000 !important;
}
/* SIDE BAR */
#side-bar .side-block,
#interwiki .side-block {
position: relative;
border-radius: 0;
border-width: 22px;
border-style: solid;
padding: 0;
border-image: url("https://scp-wiki.wikidot.com/local--files/theme:turbo-vision/border_white2.svg")
16 round;
box-shadow: 0.5em 1em 0 0 #3e3f47;
margin-bottom: 2em;
}
/* REMOVE
.turbo-block .heading {
position: relative;
border: none;
margin: 2em 0 0 -11px;
width: calc(100% + 22px);
max-width: none;
}
.turbo-block .heading::before {
content: "";
border-top: 3px double white;
position: absolute;
width: 100%;
top: calc(50% - 1.5px);
left: 0;
}
.turbo-block .heading p {
display: table;
position: relative;
padding: 0 8px;
background: inherit;
margin: 0 0 0 2em;
color: white;
}
REMOVE */
#side-bar .heading,
#interwiki .heading {
position: relative;
font-size: 100%;
border: none;
padding: 0;
margin: 1em 0 0 -11px;
width: calc(100% + 22px);
}
#side-bar .heading::before,
#interwiki .heading::before {
content: "";
border-top: 1px solid white;
position: absolute;
width: 100%;
top: calc(50% - 1.5px);
left: 0;
}
#side-bar .heading p,
#interwiki .heading p {
position: relative;
display: inline-block;
padding: 0 8px;
margin-left: 1.5em;
color: white;
font-weight: normal;
}
#side-bar .side-block,
#side-bar .side-block .heading p,
#interwiki .side-block,
#interwiki .side-block .heading p {
background-color: #1fa693;
font-size: 90%;
}
#side-bar .side-block.resources,
#side-bar .side-block.resources .heading p {
background-color: #aaaaaa;
font-size: 90%;
}
#side-bar div.menu-item a,
#side-bar .collapsible-block-link,
#interwiki div.menu-item a,
#interwiki .collapsible-block-link {
font-weight: normal;
}
#side-bar {
background-color: #a4a6ba;
}
/* TABS */
div.yui-navset div.yui-content {
color: #000000;
background: #aaaaaa;
border-radius: 0;
border-width: 22px;
border-style: solid;
padding: 0;
border-image: url("https://scp-wiki.wikidot.com/local--files/theme:turbo-vision/border_white.svg")
16 round;
box-shadow: 0.5em 1em 0 0 #3e3f47;
margin-bottom: 2em;
}
.yui-navset .yui-nav a,
div.yui-navset div.yui-navset-top .yui-nav a {
/* protect nested tabviews from other orientations */
border: #dfdfdf outset 2px;
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
font-family: "Mx437 IBM VGA 8x16", monospace;
}
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em,
.yui-navset .yui-nav a em,
.yui-navset .yui-navset-top .yui-nav a em {
border-color: transparent;
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
border-color: #aaaaa;
}
div.yui-navset ul.yui-nav a,
div.yui-navset div.yui-navset-top ul.yui-nav a {
background: #aaaaaa;
border: #dfdfdf solid 2px;
border-bottom: transparent 0;
}
div.yui-navset ul.yui-nav a:hover,
div.yui-navset ul.yui-nav a:focus {
background: #94EBDF;
border: #fff solid 2px;
border-bottom: transparent 0;
}
div.yui-navset ul.yui-nav .selected a,
div.yui-navset ul.yui-nav .selected a:focus,
div.yui-navset ul.yui-nav .selected a:hover {
background: #94EBDF;
border: #fff solid 2px;
border-bottom: transparent 0;
}
/* FIXED ISSUE WITH BOLDING ON TAB NAVIGATION */
.yui-nav {
font-weight: bold;
}
/* SIMPLE TABLES */
table.wiki-content-table {
box-shadow: var(--turbo-block-shadow);
margin-bottom: 2em;
}
table.wiki-content-table td {
border: 1px solid #fff;
background-color: #aaaaaa;
}
table.wiki-content-table th {
border: 1px solid #011657;
color: #fff;
background-color: #011657;
}
/* RATING MODULE */
#page-content .page-rate-widget-box {
box-shadow: none;
font-family: "Mx437 IBM VGA 8x16", monospace;
font-weight: normal;
}
div.page-rate-widget-box .rate-points {
background-color: #011657;
border: 2px solid #011657;
border-radius: 0;
color: #fff;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
background-color: #fff;
border-radius: 0;
border: 2px solid #011657;
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
background: transparent;
color: #011657;
}
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
background: transparent;
color: #a1a1ab;
}
.page-rate-widget-box .cancel {
background: transparent;
border: 2px dashed #011657;
background-color: #011657;
border-radius: 0;
}
.page-rate-widget-box .cancel a {
color: #fff;
}
.page-rate-widget-box .cancel a:hover {
background-color: transparent;
color: #a1a1ab;
}
/* CREDIT MODULE */
#page-content .rate-box-with-credit-button {
background-color: #011657 !important;
border: 1px solid #011657;
line-height: 14px;
border-radius: 0;
color: #fff;
box-shadow: none;
}
#page-content .rate-box-with-credit-button .creditButton p a {
border-left-color: #011657;
border: 3px solid #011657;
}
#page-content .rate-box-with-credit-button .creditButton a {
color: #fff !important;
}
#page-content .rate-box-with-credit-button .creditButton a:hover {
color: #a1a1ab;
}
#page-content .modalbox {
background: #ced2eb !important;
color: #000;
box-shadow: none;
border-radius: 0;
}
/* LOCK INFO /*
#lock-info {
background-color: #011657;
}
/* FIXING MOBILE SHIT */
@media (max-width: 770px) {
#top-bar ul li {
height: 1.25em;
}
}
@media (max-width: 650px) {
div#header {
background-position: 3.675em 2.95em;
background-size: auto 75px;
}
}
/*
Turbo Vision Theme
[2021 Wikidot Theme]
By JakdragonX
Based on SCP Sigma 9-Theme created by Aelanna and Dr Devan
Based on the original Turbo Vision Theme created by Croquembouche
The Turbo Vision theme is split into two CSS fragments.
This fragment styles user-created Turbo Blocks, and does not require
the other fragment in order to function correctly.
*/
/* BEFORE WE BEGIN, A QUICK FIX FOR UNDOING SIGMA-9 WEIRD THINGS */
@media (min-width: 768px) and (max-width: 979px) {
div,
div table {
clear: initial;
}
}
.avatar-hover {
z-index: 1;
}
/* AND NOW... */
/* ------------------------------------- */
/* NOW FOR THE MAIN COURSE */
/* VARIABLES */
:root {
--turbo-block-shadow: 0.5em 1em 0 0 #3e3f47;
--turbo-block-border-width: 22px;
}
/* BLOCKQUOTES */
.turbo-block blockquote,
.turbo-block div.blockquote {
background-color: #aaaaaa;
color: #000;
padding: 0;
margin-bottom: 2em;
border-width: var(--turbo-block-border-width);
border-style: solid;
border-image: url("https://scp-wiki.wikidot.com/local--files/theme:turbo-vision/border_white.svg") 16 round;
box-shadow: var(--turbo-block-shadow);
}
/* SIMPLE TABLES */
.turbo-block table.wiki-content-table {
box-shadow: var(--turbo-block-shadow);
margin-bottom: 2em;
}
.turbo-block table.wiki-content-table td {
border: 1px solid #fff;
background-color: #aaaaaa;
}
.turbo-block table.wiki-content-table th {
border: 1px solid #011657;
color: #fff;
background-color: #011657;
}
/* "BLOCK" DIV'S, DEFAULT CONFIG */
.turbo-block {
position: relative;
border-radius: 0;
border-width: var(--turbo-block-border-width);
border-style: solid;
box-shadow: var(--turbo-block-shadow);
color: white;
margin: 0.75rem 1.5rem 1.5rem 0.75rem;
z-index: 1;
/* Properties that apply to whole document in the general fragment */
font-family: "Aldrich", sans-serif;
font-size: 16px;
line-height: 22px;
letter-spacing: 0.5px;
image-rendering: pixelated;
}
.turbo-block .heading {
position: relative;
border: none;
margin-top: 1.5em;
}
.turbo-block .heading::before {
content: "";
border-top: 3px double white;
position: absolute;
width: calc(100% + 22px);
top: calc(50% - 1.5px);
left: 0;
margin: 0 -11px;
}
.turbo-block .heading p {
display: table;
position: relative;
padding: 0 8px;
background: inherit;
margin: 0 0 0 2em;
color: white;
}
.turbo-block hr {
padding: 0;
margin: 1em 0 0 -11px;
width: calc(100% + 22px);
max-width: none;
height: 3px;
border-top: 3px double white;
background: none;
}
.turbo-block.border-white hr {
border-color: white;
}
.turbo-block.border-black hr {
border-color: black;
}
.turbo-block::after {
content: attr(data-title);
position: absolute;
top: -20px;
left: 50%;
transform: translate(-50%, 0);
color: white;
padding: 0 8px;
}
/* IMAGE BLOCKS */
/* Image blocks are supposed to have a turbo block all of their own */
.turbo-block .scp-image-block {
margin: 4px 0 0 0;
float: none;
border: none;
box-shadow: none;
}
.turbo-block .scp-image-caption {
background-color: transparent;
font-weight: normal;
border: none;
}
/* COLORIZED DIV BLOCKS */
.turbo-block.bg-cyan,
.turbo-block.bg-cyan::after,
.turbo-block.bg-cyan .heading p {
background: #1f8785;
}
.turbo-block.bg-grey,
.turbo-block.bg-grey::after,
.turbo-block.bg-grey .heading p {
background: #bdbdbd;
}
.turbo-block.bg-red,
.turbo-block.bg-red::after,
.turbo-block.bg-red .heading p {
background: #a1a1ab;
}
.turbo-block.bg-orange,
.turbo-block.bg-orange::after,
.turbo-block.bg-orange .heading p {
background: #e39814;
}
.turbo-block.bg-green,
.turbo-block.bg-green::after,
.turbo-block.bg-green .heading p {
background: #13781f;
}
.turbo-block.bg-purple,
.turbo-block.bg-purple::after,
.turbo-block.bg-purple .heading p {
background: #7f0e9c;
}
.turbo-block.bg-yellow,
.turbo-block.bg-yellow::after,
.turbo-block.bg-yellow .heading p {
background: #bfcc2b;
}
.turbo-block.bg-black,
.turbo-block.bg-black::after,
.turbo-block.bg-black .heading p {
background: #000;
}
.turbo-block.bg-white,
.turbo-block.bg-white::after,
.turbo-block.bg-white .heading p {
background: #fff;
}
/* DIV "BLACK" AND "WHITE" AND WHAT THAT MEANS */
.turbo-block.border-black {
border-image: url("https://scp-wiki.wikidot.com/local--files/theme:turbo-vision/border_black2.svg")
16 round;
}
.turbo-block.border-black .heading::before {
border-color: black;
}
.turbo-block.border-white {
border-image: url("https://scp-wiki.wikidot.com/local--files/theme:turbo-vision/border_white2.svg")
16 round;
}
.turbo-block.border-white .heading {
background-image: url("https://scp-wiki.wikidot.com/local--files/theme:turbo-vision/border_white2.svg")
16 round;
}
.turbo-block.text-black,
.turbo-block.text-black .heading p,
.turbo-block.text-black::after {
color: black;
}
.turbo-block.text-white,
.turbo-block.text-white .heading p,
.turbo-block.text-white::after {
color: white;
}
/* LINKS IN COLORIZED BLOCKS */
/* For big contrast and maximum readability, links in colorized blocks have
* their background set to the block's text color, and their text color set to
* the block's background color. This avoids any concerns about the default
* link color only being suitable for certain background colors.
*/
.turbo-block a {
padding: 0 2px;
background-color: white; /* default */
}
.turbo-block.text-white a {
background-color: white;
}
.turbo-block.text-black a {
background-color: black;
}
.turbo-block.bg-cyan a {
color: #1f8785;
}
.turbo-block.bg-grey a {
color: #bdbdbd;
}
.turbo-block.bg-red a {
color: #840603;
}
.turbo-block.bg-orange a {
color: #e39814;
}
.turbo-block.bg-green a {
color: #13781f;
}
.turbo-block.bg-purple a {
color: #7f0e9c;
}
.turbo-block.bg-yellow a {
color: #bfcc2b;
}
.turbo-block.bg-black a {
color: #000;
}
.turbo-block.bg-white a {
color: #fff;
}
.turbo-block a:hover {
text-decoration: none;
background-color: #94EBDF;
color: black;
}
/* "OFFSET-LEFT|RIGHT" DIVS */
.offset-right {
float: right;
}
.offset-right > * {
float: none;
}
.offset-left {
float: left;
}
.offset-left > * {
float: none;
}
.offset-right.right-5 {
margin-right: calc(((50vw - 50%) * -1) + 1rem);
}
.offset-right.right-4 {
margin-right: calc(((50vw - 50%) * -0.8) + 1rem);
}
.offset-right.right-3 {
margin-right: calc(((50vw - 50%) * -0.6) + 1rem);
}
.offset-right.right-2 {
margin-right: calc(((50vw - 50%) * -0.4) + 1rem);
}
.offset-right.right-1 {
margin-right: calc(((50vw - 50%) * -0.2) + 1rem);
}
.offset-left.left-5 {
margin-left: calc(((50vw - 50%) * -1) + 1rem);
}
.offset-left.left-4 {
margin-left: calc(((50vw - 50%) * -0.8) + 1rem);
}
.offset-left.left-3 {
margin-left: calc(((50vw - 50%) * -0.6) + 1rem);
}
.offset-left.left-2 {
margin-left: calc(((50vw - 50%) * -0.4) + 1rem);
}
.offset-left.left-1 {
margin-left: calc(((50vw - 50%) * -0.2) + 1rem);
}
/* FIXING MOBILE */
@media (max-width: 600px) {
/* Stop all floats and offsets on really thin devices */
.offset-right,
.offset-left,
.turbo-block,
.turbo-block .scp-image-block {
float: none;
clear: both;
margin-left: auto !important;
margin-right: auto !important;
}
}
/* FOOTNOTE FIX */
.footnote {color: #000000}
.footnoteref, .footnotes-footer {color: #aaaaaa}
.bibitems {color: #aaaaaa}
.bibcite {color: #aaaaaa}
.reference .r-content {
line-height: 1.5;
color: black;
}
.hovertip {
color: black;
} !important /*overrides the global text color*/
width:100%;
: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]
scp-image-block
block-center
offset-right
right-4
turbo-block
bg-white
border-black
text-black
offset-right
right-5
turbo-block
bg-white
border-black
text-black
blockquote
turbo-block
black
border-white
text-white
turbo-block
bg-black
turbo-block
bg-black
border-white
text-white
turbo-block
bg-black
border-white
text-white
turbo-block
bg-white
border-black
text-black
turbo-block
bg-black
border-white
text-white
turbo-block
bg-white
border-black
text-black
turbo-block
bg-white
border-black
text-black
turbo-block
black
border-white
text-white
offset-right
right-4
turbo-block
bg-white
border-black
text-black
turbo-block
bg-white
border-black
text-black
turbo-block
bg-white
border-black
text-black
turbo-block
bg-white
border-black
text-black
turbo-block
bg-yellow
border-black
text-black
turbo-block
bg-white
border-black
text-black
turbo-block
bg-black
border-white
text-white
turbo-block
bg-black
border-white
text-white
turbo-block
bg-white
border-black
text-black
turbo-block
bg-white
border-black
text-black
turbo-block
bg-white
border-black
text-black
turbo-block
bg-white
border-black
text-black
turbo-block
bg-black
border-white
text-white
turbo-block
bg-white
border-black
text-black
blockquote
turbo-block
bg-grey
border-white
text-black