Link to article: SCP-9125.
@import url('https://scp-wiki.wdfiles.com/local--files/taboo/Museo.css');
:root{
--header-title: "SCP Foundation";
--header-subtitle: "SECURE - CONTAIN - PROTECT";
}
div#extra-div-1 {
background-image: url(https://i.imgur.com/CNTL2pa.png);
filter: opacity(20%);
}
:root {
--timeScale: -0.5;
--timeDelay: 0s;
}
/*
BLANKSTYLE CSS
[2021 Wikidot Theme]
By Placeholder McD and HarryBlank
Based on:
Paperstack Theme by EstrellaYoshte
Penumbra Theme by EstrellaYoshte
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,800;1,800&display=swap');
#page-content { font-size: .9rem; }
#main-content {
top: -1.6rem;
padding: 0.2em;
}
div#container-wrap {
background-image: none;
}
div#header {
background-image: none;
}
#header h1, #header h2 { margin-left: 0; float: none; text-align: center; }
#header h2 { margin-top: 0.5rem; }
#header h1 span, #header h2 span { font-size: 0; display: none;}
#header h1 a::before, #header h2::before {
color: #000;
letter-spacing: 1px;
font-family: 'Montserrat', sans-serif !important;
text-shadow: none;
}
#header h1 a::before {
content: var(--header-title, "SCP Foundation");
font-weight: 400;
font-size: 1.3em;
}
#header h2::before {
content: var(--header-subtitle, "SECURE, CONTAIN, PROTECT.");
font-weight: 700;
font-size: 1.2em;
}
@media (max-width: 707px) {
#header h1 a::before {
font-size: 1.6em;
}
}
#login-status,
#login-status a {
color: #333333;
}
#page-title {
display: none;
}
#footer, #footer a {
background: transparent;
color: #333333;
}
#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: none;
background: #333333;
box-shadow: none;
border-radius: 0px;
color: #efefef;
}
#search-top-box input.empty {
color: #999999;
}
#search-top-box {
top: 2.3rem!important;
right: 8px;
}
#top-bar {
display: flex;
justify-content: center;
right: 0;
top: 7.9rem;
}
#top-bar, #top-bar a {
color: #464774;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Montserrat', sans-serif;
color: #000;
letter-spacing: 1px;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.45em;
}
div#extra-div-1 {
height: 180px;
width: 100%;
top: 0;
position: absolute;
background: url('https://i.imgur.com/CNTL2pa.png');
background-size: contain;
background-repeat: no-repeat;
background-position: 50% 50%;
z-index: -1;
}
@media (max-width: 707px) {
div#extra-div-1 {
top: 15px;
}
}
body {
background-image: linear-gradient(
to bottom,
#e0e0e0, #e0e0e0 90px,
#e0e0e0 90px, #ffffff 200px,
#ffffff 200px, #ffffff 100%);
background-repeat: no-repeat;
}
:root {
--timeScale: 1.5;
--timeDelay: 1.5s;
--posX: calc(50% - 358px - 13rem);
--fnLinger: 1s;
}
#page-content hr {
background-color: #000;
}
#page-content tr th {
padding: 6px;
border: #000 1px solid;
}
#page-content tr td {
padding: 12px;
border: #000 1px solid;
line-height: 1.4;
}
#page-content .sidebox tr td,
#page-content .sidebox tr th {
padding: 0.35em;
}
#side-bar {
border-right: 1px solid #333;
background: #DDD;
}
#side-bar .side-block {
border: 1px solid #333;
border-radius: 0;
box-shadow: none;
}
#top-bar div.open-menu a {
border: 1px solid #333;
border-radius: 0;
box-shadow: none;
}
@media (max-width: 767px) {
#side-bar:target {
border: 1px black;
box-shadow: none;
}
}
#side-bar .side-block {
border: 1px solid #333;
border-radius: 0;
box-shadow: none;
background-color: #FDF6D7;
}
#side-bar .side-block.media {
background-color:#D7EFE7;
}
#side-bar .side-block.resources {
background-color:#F5D8E0;
}
#page-content .creditRate{
margin: unset;
margin-bottom: 4px;
}
#page-content .rate-box-with-credit-button {
background-color: #ffffff;
border: solid 1px #000;
box-shadow: none;
border-radius: 0;
}
#page-content .rate-box-with-credit-button .fa-info {
border: none;
color: #333333;
}
#page-content .rate-box-with-credit-button .fa-info:hover {
background: #333333;
color: #ffffff;
}
.rate-box-with-credit-button .cancel {
border: solid 1px #ffffff;
}
/* ---- PAGE RATING ---- */
.page-rate-widget-box {
box-shadow: none;
border: solid 1px #000;
margin: unset;
margin-bottom: 4px;
border-radius: 0;
}
div.page-rate-widget-box .rate-points {
background-color: #cdcbdf;
color: #333333;
border: none;
border-radius: 0;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
background-color: #cdcbdf;
border-top: none;
border-bottom: none;
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
background: transparent;
color: #333333;
}
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
background: #333333;
color: #cdcbdf;
}
.page-rate-widget-box .cancel {
background: transparent;
background-color: #cdcbdf;
border: none;
border-radius: 0;
}
.page-rate-widget-box .cancel a {
color: #333333;
}
.page-rate-widget-box .cancel a:hover {
background: #333333;
color: #cdcbdf;
border-radius: 0;
}
#page-content .rate-box-with-credit-button .page-rate-widget-box { border: none; }
.anchor {
position: sticky;
height:0;
top: 0;
}
.sidebox {
padding: .14rem;
margin-top: 0;
margin-bottom: 8px;
width: calc((100vw - 870px)/2);
max-height: calc(100vh - 18rem);
position: absolute;
top: 0;
left: 103.5%;
z-index: 5;
overflow: auto;
box-sizing: border-box;
}
@media (max-width: 1290px) {
.sidebox {
display: none;
visibility: hidden;
}
#header h2::before {
font-size: 0.9em !important;
}
}
.scp-image-block {
box-shadow: none;
}
/* ---- YUI TAB BASE ---- */
.yui-navset .yui-nav a,.yui-navset .yui-navset-top .yui-nav a{background-color:inherit;background-image:inherit}.yui-navset .yui-nav a:hover,.yui-navset .yui-nav a:focus{background:inherit;text-decoration:inherit}.yui-navset .yui-nav .selected a,.yui-navset .yui-nav .selected a:focus,.yui-navset .yui-nav .selected a:hover{color:inherit;background:inherit}.yui-navset .yui-nav,.yui-navset .yui-navset-top .yui-nav{border-color:inherit}.yui-navset li{line-height:inherit}
/* ---- YUI TAB CUSTOMIZATION ----*/
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav{
display: flex;
flex-wrap: wrap;
width: calc(100% - .125rem);
margin: 0 auto;
border-color: #333333;
box-shadow: none;
}
.yui-navset .yui-nav a, /* ---- Link Modifier ---- */
.yui-navset .yui-navset-top .yui-nav a{
color: #333333;
/* ---- Tab Background Colour | [UNSELECTED] ---- */
background-color: #efefef;
border: unset;
box-shadow: none;
box-shadow: none;
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus{
color: #ffffff;
/* ---- Tab Background Colour | [HOVER] ---- */
background-color: #333333;
}
.yui-navset .yui-nav li, /* ---- Listitem Modifier ---- */
.yui-navset .yui-navset-top .yui-nav li{
position: relative;
display: flex;
flex-grow: 2;
max-width: 100%;
margin: 0;
padding: 0;
color: #ffffff;
background-color: #ffffff;
border-color: transparent;
box-shadow: none;
}
.yui-navset .yui-nav li a,
.yui-navset-top .yui-nav li a,
.yui-navset-bottom .yui-nav li a{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.yui-navset .yui-nav li em{
border: unset;
}
.yui-navset .yui-nav a em,
.yui-navset .yui-navset-top .yui-nav a em{
padding: .35em .75em;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.yui-navset .yui-nav .selected, /* ---- Selection Modifier ---- */
.yui-navset .yui-navset-top .yui-nav .selected{
flex-grow: 2;
margin: 0;
padding: 0;
/* ---- Tab Background Colour | [SELECTED] ---- */
background-color: #333333;
}
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em{
border: none;
}
.yui-navset .yui-nav .selected a{
width: 100%;
color: #ffffff;
}
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active{
color: #ffffff;
background-color: #333333;
}
.yui-navset .yui-content {
background-color: #ffffff;
box-shadow: none;
}
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content{
padding: .5em;
border: 1px solid #333;
box-sizing: border-box;
}
/*---- SCROLLBAR ----*/
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background: #FFF;
border-left: 1px solid #333;
}
::-webkit-scrollbar-thumb {
background: #CCC;
border: #333 1px solid;
}
::-webkit-scrollbar-thumb:hover {
background: #EEE;
}
/*---- CENTER IMAGES ON MOBILE courtesy of EstrellaYoshte and PeppersGhost ----*/
.imagediv {
float: right;
margin: 15px
}
@media (max-width: 540px) {
.imagediv {
float: none;
text-align:center;
margin: auto;
}
}
@media only screen and (max-width: 600px) {
.scp-image-block.block-right{
float: none;
margin: 10px auto;
}
}
/*---- ACS-COLORED TABLE DIVS ----*/
#page-content .table1 tr th,
#page-content .table1 .scp-image-block .scp-image-caption {
background-color: #D7EFE7;
}
#page-content .table2 tr th,
#page-content .table2 .scp-image-block .scp-image-caption {
background-color: #D8ECF4;
}
#page-content .table3 tr th,
#page-content .table3 .scp-image-block .scp-image-caption {
background-color: #FDF6D7;
}
#page-content .table4 tr th,
#page-content .table4 .scp-image-block .scp-image-caption {
background-color: #FFDABF;
}
#page-content .table5 tr th,
#page-content .table5 .scp-image-block .scp-image-caption {
background-color: #F5D8E0;
}
#page-content .table6 tr th,
#page-content .table6 .scp-image-block .scp-image-caption {
background-color: rgba(146, 0, 255, 0.2);
}
.tableb .wiki-content-table {
border-collapse: separate;
border-spacing: 2px;
}
.tableb .scp-image-block {
border: none;
}
.tableb .scp-image-block img {
border: #000 1px solid;
box-sizing: border-box;
}
.tableb .scp-image-block .scp-image-caption {
margin-top: 2px;
border: #000 1px solid;
box-sizing: border-box;
}
.top-left-box > .item {
display: none;
}
/* ---- WORDS NO LONGER BROKEN, THE CROQUEMBOUCHE HAS SPOKEN ---- */
span, a { word-break: normal !important }
.avatar-hover { display: none !important; }
#breadcrumbs, .pseudocrumbs {
text-align: center;
padding-top: 10px;
}
#main-content .page-tags span {
max-width: 100%;
}
/* -- FANCY THINGS from Woedenaz's Dustjacket Theme -- */
.fancyhr hr {
border-top: 2vw solid transparent;
background-color: rgba(var(--bright-accent), 0);
height: 0;
box-sizing: border-box;
border-image-source: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_hr.png');
border-image-repeat: round round;
background: none;
border-image-slice: 80 500 80 500 fill;
border-image-width: 10em 80em 10em 80em;
}
.fancyborder {
box-sizing: border-box;
border: 2vw solid rgba(0,0,0,0.5);
border-image: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_border.png') 600 round;
border-image-width: 6;
padding: 2vw;
}
/* Flopstyle: LITE
* [2020 Wikidot Theme]
* Created by Lt Flops
* Select CSS Styles Are Credited Where Necessary
* -- (CC BY-SA 3.0) --
**/
/* -------- SIDE-BAR -------- */
#side-bar .side-block{
border-color: hsl(0, 0%, 20%);
border-radius: 0;
}
#side-bar .heading{
color: hsl(0, 0%, 5%);
border-bottom: solid 1px hsl(0, 0%, 20%);
}
/* -------- SIDEBOXES --------
* By EstrellaYoshte
* Adapted From 'Penumbra Theme'
**/
.anchor{
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 5;
}
.authorbox,
.sidebox{
position: absolute;
width: calc((100vw - 870px) / 2);
max-height: calc(100vh - 18rem);
margin-right: 8px;
padding: .3em 1.64em;
box-sizing: border-box;
z-index: 5;
}
.authorbox{
top: .5em;
right: 103.5%;
max-width: calc((100vw - 921.2px) / 2) !important;
padding-right: 1em;
font-size: 95%;
}
.sidebox{
left: 103.5%;
margin-left: 1em;
padding-left: 1em;
background: hsl(0, 0%, 100%);
border: 1px solid hsl(0, 0%, 73%);
border-left: 8px solid var(--accentColor);
}
.authorbox tr th,
.authorbox tr td,
.sidebox tr th,
.sidebox tr td{
padding: .25em !important;
}
.flavorbox{
width: 75%;
margin: auto auto 5px;
padding: 0 1em;
border: 1px solid #888;
}
/* -------- Sidebox Mobile Optimization Courtesy of Woedenaz -------- */
.limit{
line-height: 1.5;
z-index: 5;
}
.limit br{
display: block;
}
@media (max-width: 1280px){
.sidebox{
width: auto;
max-width: 65vw !important;
top: .75rem;
right: calc(((100vw - 45.8rem) / 2) * -1);
left: initial;
padding: 0 .4rem;
background-color: var(--accentColor);
border: 1px solid hsl(0, 0%, 73%);
border-left: 8px solid var(--accentColor);
border-radius: 0;
overflow: visible;
-webkit-clip-path: inset(-.125rem -.25rem 0 calc(100% - 1.275rem));
clip-path: inset(-.125rem -.25rem 0 calc(100% - 1.275rem));
-webkit-transition:
color .2s ease-in-out .1s,
-webkit-box-shadow .5s ease-in-out .1s,
-webkit-clip-path .5s ease-in-out .1s;
transition:
color .2s ease-in-out .1s,
-webkit-box-shadow .5s ease-in-out .1s,
-webkit-clip-path .5s ease-in-out .1s;
-o-transition:
color .2s ease-in-out .1s,
box-shadow .5s ease-in-out .1s,
clip-path .5s ease-in-out .1s;
transition:
color .2s ease-in-out .1s,
box-shadow .5s ease-in-out .1s,
clip-path .5s ease-in-out .1s;
transition:
color .2s ease-in-out .1s,
box-shadow .5s ease-in-out .1s,
clip-path .5s ease-in-out .1s,
-webkit-box-shadow .5s ease-in-out .1s,
-webkit-clip-path .5s ease-in-out .1s;
}
.sidebox::before,
.sidebox::after{
content: " ";
position: absolute;
right: 0;
}
.sidebox::before{
width: 0;
height: 0;
top: calc(50% - .75rem);
border-top: .75rem solid transparent;
border-bottom: .75rem solid transparent;
border-right: .75rem solid var(--accentColor);
z-index: 10;
transition: border .1s ease-in-out .1s;
}
.sidebox::after{
width: 100%;
max-width: .75rem;
height: 100%;
max-height: calc(100vh - 18rem);
top: 0;
background-color: hsl(0, 0%, 100%);
z-index: -1;
transition:
box-shadow .5s ease-in-out .1s,
max-width .5s ease-in-out .1s;
}
.sidebox > *{
opacity: 0;
-webkit-transition: opacity .2s ease-in-out .2s;
-o-transition: opacity .2s ease-in-out .2s;
transition: opacity .2s ease-in-out .2s;
}
.sidebox:hover{
overflow: visible;
-webkit-clip-path: inset(-.125rem -.25rem 0 0);
clip-path: inset(-.125rem -.25rem 0 0);
-webkit-transition:
color .5s ease-in-out .2s,
right .5s ease-in-out .1s,
-webkit-clip-path .5s ease-in-out .1s,
-webkit-box-shadow .5s ease-in-out .1s;
transition:
color .5s ease-in-out .2s,
right .5s ease-in-out .1s,
-webkit-clip-path .5s ease-in-out .1s,
-webkit-box-shadow .5s ease-in-out .1s;
-o-transition:
color .5s ease-in-out .2s,
right .5s ease-in-out .1s,
clip-path .5s ease-in-out .1s,
box-shadow .5s ease-in-out .1s;
transition:
color .5s ease-in-out .2s,
right .5s ease-in-out .1s,
clip-path .5s ease-in-out .1s,
box-shadow .5s ease-in-out .1s;
transition:
color .5s ease-in-out .2s,
right .5s ease-in-out .1s,
clip-path .5s ease-in-out .1s,
box-shadow .5s ease-in-out .1s,
-webkit-clip-path .5s ease-in-out .1s,
-webkit-box-shadow .5s ease-in-out .1s;
}
.sidebox:hover::before{
border-top: 0 solid transparent;
border-bottom: 0 solid transparent;
}
.sidebox:hover::after{
max-width: 100%;
right: 0;
}
.sidebox:hover > *{
opacity: 1;
}
}
@media (max-width: 768px){
.sidebox,
.sidebox:hover{
right: calc(((100vw - (100% - 3rem)) / 2) * -1 + 1rem);
}
}
@media (max-width: 1280px){
.authorbox{
display: none;
visibility: hidden;
}
}
/* -------- GENERAL -------- */
:root{
--accentColor: hsl(0, 100%, 30%);
--vivid-lime-green: hsl(112, 77%, 48%);
}
body{
color: hsl(0, 0%, 5%);
word-break: unset;
}
#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,
#top-bar ul li ul,
#side-bar .side-block,
.page-rate-widget-box,
.scp-image-block{
box-shadow: none;
}
/* -------- COLLAPSIBLES -------- */
.collapsible-block-link {
font-size: 120%;
font-weight: bold;
}
/* Licensebox Collapsible */
.licensebox {
text-align: center;
}
.licensebox blockquote,
.licensebox div.blockquote {
text-align: left;
}
/* -------- INFO BAR -------- */
.info-container {
--barColour: hsl(0, 89%, 18%);
}
.info-container .collapsible-block-link {
font-size: 100%;
}
.info-container div.collapsible-block-content {
padding: 0 .6rem 3rem;
}
@media (max-width: 767px) {
.info-container div.collapsible-block-content div {
margin-right: 0;
margin-left: 0;
}
}
.info-container .wiki-content-table {
width: 90%;
}
/* -------- INFO PANE -------- */
.creditRate{
margin-right: 0 !important;
}
.rate-box-with-credit-button{
border-radius: 0 !important;
box-shadow: none !important;
}
.creditButton p a:hover,
.creditButtonStandalone p a:hover{
color: var(--vivid-lime-green) !important;
}
div.credit.first .wiki-content-table {
width: 100%;
}
/* -------- PAGE RATING -------- */
.page-rate-widget-box{
margin-right: 0;
}
.page-rate-widget-box,
div.page-rate-widget-box .rate-points{
border-radius: 0;
}
.page-rate-widget-box .cancel,
.page-rate-widget-box .cancel a:hover{
border-radius: 0 !important;
}
/* -------- FORMATTING | [GENERAL] -------- */
#page-content h1,
#page-content h2,
#page-content h3,
#page-content h4,
#page-content h5,
#page-content h6{
display: flex;
flex-direction: column;
justify-content: center;
margin-bottom: .57em;
line-height: 1.2;
text-align: center;
text-underline-offset: 25%;
word-break: unset;
}
hr{
height: 0;
margin: 1em 0;
background-color: transparent;
border-top: 1px solid hsl(0, 0%, 67%);
}
ol li{
margin: 0 0 1em;
}
ul{
margin:1em 0;
}
li, p{
line-height: 1.5;
text-underline-offset: 30%;
}
.footnotes-footer, .bibitems{
padding: 0 0 .5em;
}
/* -------- IMAGE BLOCK -------- */
.scp-image-block .scp-image-caption{
font-size: 95%;
line-height: 1.35;
text-underline-offset: 30%;
}
.scp-image-block.block-right{
margin: 0 0 1em 2em;
}
/* -------- CUSTOM DIV BLOCKS -------- */
.raisa-header, .pink-header,
.oracle-header, .cicapoco-header{
margin-bottom: 1em;
padding: 0 .5em;
text-align: center;
}
.raisa-header{ /* ---- RAISA Notice Header ---- */
background: hsl(60, 65%, 85%);
border: 1px solid hsl(0, 0%, 60%);
}
.pink-header{ /* ---- Pretty Header ---- */
background: hsl(350, 100%, 85%);
border: 1px solid hsl(0, 4%, 36%);
}
.pink-header hr{
border-color: hsl(0, 4%, 36%);
}
.oracle-header{ /* ---- SPC's 'From the Desk of ORACLE' Header ---- */
color: hsl(208, 100%, 97%);
background: hsl(208, 67%, 44%);
border: 1px solid hsl(0, 0%, 5%);
}
.oracle-header hr{
border-color: hsl(208, 100%, 97%);
}
.img-resize img{ /* ---- Header Icons (See Example Formatting) ---- */
float: left;
width: auto;
height: 8em;
margin: .5em;
}
.cicapoco-header{ /* ---- SPC's RAISA-Equivalent Header ---- */
background: lightblue;
border: 1px solid hsl(195, 50%, 39%);
}
.cicapoco-header hr{
border-color: hsl(195, 50%, 39%);
}
.content-warning{ /* ---- Content Warning ---- */
width: 75%;
margin: 1rem auto;
padding: 0 1rem;
background: white;
border: 3px double black;
text-align: center;
}
blockquote table.wiki-content-table th,
div.blockquote table.wiki-content-table th{
background-color: hsl(0, 0%, 89%);
}
.alt-blockquote{ /* ---- Alternative Quote Block ---- */
margin: 1em 0;
padding: 0 1em;
background-color: hsl(0, 0%, 96%);
border: 1px solid hsl(0, 0%, 60%);
border-radius: 1em;
}
.lightweight{ /* ---- Lightweight Quote Block ---- */
margin: 1em 3em;
padding: 0 1em;
background-color: hsl(0, 0%, 90%);
text-align: left;
}
.card-block{ /* ---- Decorative Quote Block ---- */
margin: 1em 0;
padding: .6em 1.2em;
background: hsl(220, 15%, 93%);
border-left: 8px solid var(--accentColor);
border-radius: .48em;
}
blockquote hr, div.blockquote hr, .alt-blockquote hr, .lightweight hr, .card-block hr{
border-color: hsl(0, 0%, 67%);
}
.log-header{ /* ---- Interview/Exploration Log Header ---- */
margin-bottom: 1em;
padding: 0 1em;
background: hsl(0, 0%, 96%);
border: 3px dashed hsl(0, 0%, 60%);
border-radius: 2em;
}
.report-box{ /* ---- Report Block ---- */
margin: 1em 0;
padding: 0 1em;
background-color: hsl(0, 0%, 100%);
border: medium solid hsl(0, 0%, 5%);
}
.report-box hr{
border-color: hsl(0, 0%, 5%);
}
.realistic-shadow{ /* ---- Better Shadows ---- */
margin: 1em 0 2em 0;
box-shadow:
0 1px 1px hsla(0, 0%, 0%, .23),
0 2px 2px hsla(0, 0%, 0%, .18),
0 4px 4px hsla(0, 0%, 0%, .15),
0 8px 8px hsla(0, 0%, 0%, .13);
}
.report-box.red-tint{ /* ---- Alternative Report Block Variants ---- */
background-color: hsl(360, 91%, 86%);
border-color: hsl(360, 62%, 66%);
}
.report-box.red-tint hr{
border-color: hsl(360, 62%, 66%);
}
.report-box.orange-tint{
background-color: hsl(30, 91%, 86%);
border-color: hsl(30, 62%, 66%);
}
.report-box.orange-tint hr{
border-color: hsl(30, 62%, 66%);
}
.report-box.yellow-tint{
background-color: hsl(60, 91%, 86%);
border-color: hsl(60, 62%, 66%);
}
.report-box.yellow-tint hr{
border-color: hsl(60, 62%, 66%);
}
.report-box.green-tint{
background-color: hsl(120, 91%, 86%);
border-color: hsl(120, 62%, 66%);
}
.report-box.green-tint hr{
border-color: hsl(120, 62%, 66%);
}
.report-box.cyan-tint{
background-color: hsl(180, 91%, 86%);
border-color: hsl(180, 62%, 66%);
}
.report-box.cyan-tint hr{
border-color: hsl(180, 62%, 66%);
}
.report-box.blue-tint{
background-color: hsl(240, 91%, 86%);
border-color: hsl(240, 62%, 66%);
}
.report-box.blue-tint hr{
border-color: hsl(240, 62%, 66%);
}
.report-box.magenta-tint{
background-color: hsl(300, 91%, 86%);
border-color: hsl(300, 62%, 66%);
}
.report-box.magenta-tint hr{
border-color: hsl(300, 62%, 66%);
}
.report-box.grey-tint{
background-color: hsl(210, 9%, 86%);
border-color: hsl(210, 15%, 42%);
}
.report-box.grey-tint hr{
border-color: hsl(210, 15%, 42%);
}
.report-box.red-tint blockquote hr, .report-box.red-tint div.blockquote hr,
.report-box.orange-tint blockquote hr, .report-box.orange-tint div.blockquote hr,
.report-box.yellow-tint blockquote hr, .report-box.yellow-tint div.blockquote hr,
.report-box.green-tint blockquote hr, .report-box.green-tint div.blockquote hr,
.report-box.cyan-tint blockquote hr, .report-box.cyan-tint div.blockquote hr,
.report-box.blue-tint blockquote hr, .report-box.blue-tint div.blockquote hr,
.report-box.magenta-tint blockquote hr, .report-box.magenta-tint div.blockquote hr,
.report-box.grey-tint blockquote hr, .report-box.grey-tint div.blockquote hr{
border-color: hsl(0, 0%, 67%);
}
div.o5-box{ /* ---- Overseer Document Block ---- */
margin: 1em 6em;
padding: 0 1em;
background-color: hsl(0, 0%, 75%);
border: medium solid hsl(0, 0%, 5%);
}
div.o5-box hr{
border-color: hsl(0, 0%, 5%);
}
.faux-source{ /* ---- Mimics "Page Source" Appearance ---- */
margin-bottom: 1em;
padding: 0 2em;
background-color: hsl(0, 0%, 100%);
border: 1px dashed hsl(0, 0%, 67%);
font-family: var(--mono-font);
}
.narration{ /* ---- Mimics the Pages of a Book ---- */
margin: 1em 0;
padding: 0 1em;
background-color: hsl(0, 0%, 100%);
border: 1px solid hsl(0, 0%, 63%);
}
.warning-notice{ /* ---- Simple Warning Block (Adapted From 'SCP-3143') ---- */
padding: 0 1em;
background-color: hsl(0, 0%, 100%);
background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-style-resource/scp_trans.png);
background-position: center;
background-repeat: no-repeat;
border: medium solid hsl(0, 0%, 5%);
text-align: center;
}
.warning-notice hr{
border-color: hsl(0, 0%, 5%);
}
.journal{ /* ---- Journal Block (Adapted From 'SCP-4003') ---- */
margin: 1em 0;
padding: .9em;
background-image:
linear-gradient(to top,
hsl(201, 33%, 84%) 0%,
hsl(60, 29%, 89%) 8%);
background-position: 0 8px;
background-size: 100% 1.3rem;
border: 1px solid hsl(0, 0%, 80%);
border-radius: .9em;
font-family: "Architects Daughter", cursive;
}
.journal p{
margin: 0;
font-size: 1.3rem;
line-height: 1.3rem;
}
.sms-message{ /* ---- SMS Message Block ---- */
float: left;
clear: left;
width: 22.4em;
margin: 0 0 1em;
padding: 0 1.2em;
background: hsl(0, 0%, 75%);
border-radius: 2em;
font-size: 112.5%;
text-align: center;
}
blockquote .collapsible-block-folded,
.alt-blockquote .collapsible-block-folded,
.lightweight .collapsible-block-folded,
.card-block .collapsible-block-folded,
.report-box .collapsible-block-folded,
.o5-box .collapsible-block-folded,
.narration .collapsible-block-folded,
.journal .collapsible-block-folded,
div.blockquote .collapsible-block-folded{
/* ---- For Collapsibles Inside Divs | [CLOSED] ---- */
padding: .75em 0;
/* -------- */
}
blockquote .collapsible-block-unfolded,
.alt-blockquote .collapsible-block-unfolded,
.lightweight .collapsible-block-unfolded,
.card-block .collapsible-block-unfolded,
.report-box .collapsible-block-unfolded,
.o5-box .collapsible-block-unfolded,
.narration .collapsible-block-unfolded,
.journal .collapsible-block-unfolded,
div.blockquote .collapsible-block-unfolded{
/* ---- For Collapsibles Inside Divs | [OPEN] ---- */
padding-top: .75em;
/* -------- */
}
/* -------- FORMATTING | [SPECIAL] -------- */
.centered{ /* ---- Center-Aligns Text ---- */
text-align: center;
}
.justified{ /* ---- Justify-Aligns Text ---- */
text-align: justify;
}
.indented{ /* ---- Indents Block by ½-inch/2em (Use Within Other Divs) ---- */
text-indent: 2.4em;
}
.indented .bibcite,
.indented .bibitems,
.indented .footnoteref,
.indented .footnotes-footer,
.indented .scp-image-block,
.indented h1, .indented h2, .indented h3,
.indented h4, .indented h5, .indented h6,
.indented .image-container,
.indented ol,
.indented ul,
.indented .centered{
text-indent: 0;
}
.rev-red, .rev-green, .rev-blue, .rev-yellow, .terminal-span{
font-weight: bold;
}
.rev-red{ /* ---- Red Document Revision Text ---- */
color: hsl(360, 100%, 27%);
}
.rev-green{ /* ---- Green Document Revision Text ---- */
color: hsl(120, 100%, 27%);
}
.rev-blue{ /* ---- Blue Document Revision Text ---- */
color: hsl(240, 100%, 27%);
}
.rev-yellow{ /* ---- Yellow Document Revision Text ---- */
color: hsl(40, 100%, 40%);
}
.terminal-span{ /* ---- Computer Terminal Text ---- */
font-family: var(--mono-font);
font-size: 110%;
letter-spacing: .3px;
}
/* ---- Blinking Text Cursor (Adapted From 'Your Very First SCP!') ---- */
.blinkbar{color: black; animation: blink 1.5s infinite;}
@keyframes blink{to{opacity: .0;}}
@keyframes flicker{0% {opacity: .9890; }5% {opacity: .5842; }10% {opacity: .9865; }20% {opacity: .0412; }20% {opacity: .6255; }25% {opacity: .3157; }30% {opacity: .7328; }35% {opacity: .4654; }40% {opacity: .9128; }45% {opacity: .2449; }50% {opacity: .5485; }55% {opacity: .6438; }60% {opacity: .1180; }65% {opacity: .9085; }70% {opacity: .0266; }75% {opacity: .6795; }80% {opacity: .7812; }85% {opacity: .0117; }90% {opacity: .2239; }95% {opacity: .8897; }100% {opacity: .2260; }}
@keyframes overlay-anim{0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}
.lite-heading{ /* ---- Special Heading Area (Adapted From 'SCP-4058') ---- */
clear: both;
margin: 3.6em auto;
}
.lite-heading h3{
color: hsl(360, 100%, 27%);
}
.lite-heading hr{
width: 55%;
margin: auto;
border-width: medium;
}
div.image-showcase{ /* ---- Alternative Image Showcase ---- */
width: 25em;
margin-bottom: 1em;
background: hsl(0, 0%, 100%);
border: 3px ridge hsl(0, 0%, 5%);
}
div.image-showcase.block-center{
margin-right: auto;
margin-left: auto;
}
.scene-break{ /* ---- Fancy Scene/Section Break ---- */
width: 3.5em;
margin: 2em 0;
}
.listPagesNav{ margin-bottom: 5em; }
.listPagesNav-prev, /* ---- ListPages Navigation (Adapted from 'SCP-5552') ---- */
.listPagesNav-next{
width: 45%;
margin: 0 0 1em;
padding: 0 2%;
background: hsl(0, 0%, 90%);
border: 1px solid hsl(0, 0%, 60%);
}
.listPagesNav-prev{
float: left;
text-align: left;
}
.listPagesNav-next{
float: right;
text-align: right;
}
.fade-away{
background: linear-gradient(to bottom, hsl(0, 0%, 95%), hsl(0, 0%, 5%));
}
.footing::before{ /* ---- Page Footing ---- */
content: " ";
position: absolute;
bottom: 1px;
left: 0;
right: 0;
border-bottom: 2px solid hsl(0, 0%, 47%);
}
.footing{
position: relative;
bottom: -2px;
margin-bottom: 2px;
border-bottom: 1px solid hsl(0, 0%, 47%);
}
.related-flex{ /* ---- Related Articles Box ---- */
display: flex;
justify-content: center;
}
.related{
margin: 1em 0;
padding: 0 1em;
background-color: hsl(0, 0%, 100%);
border: thick solid hsla(0, 0%, 60%, 0.5);
text-align: left;
}
.series-nav{ /* ---- Series Navigation ---- */
margin: .5em 0;
background:
linear-gradient(to bottom right,
hsla(0, 0%, 100%, 1),
hsla(0, 0%, 50%, .5));
border: outset 1.5px hsl(0, 0%, 5%);
border-radius: 2em;
font-size: 85%;
font-weight: bold;
text-align: center;
}
/* -------- ADVANCED WARNING HEADER --------
* Adapted From 'SCP-001-JP - indonootoko's Proposal'
* See the Example at the Top of the Page
**/
.orderwrapper{
position: relative;
width: auto;
text-align: center;
}
.council{
position: relative;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 295px;
height: 295px;
margin: auto;
background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-style-resource/scp_trans.png);
background-position: center;
background-repeat: no-repeat;
background-size: 295px 295px;
}
.ordertitle{
position: absolute;
top: 27px;
left: 0;
right: 0;
}
.ordertitle h1{
color: hsl(0, 0%, 5%);
font-size: 220%;
line-height: 90%;
}
.orderdescription{
position: absolute;
top: 93px;
left: 0;
right: 0;
width: 100%;
}
.orderdescription h1{
color: hsl(0, 0%, 5%);
font-size: 120%;
}
.orderdescription p{
color: hsl(0, 0%, 5%);
font-size: 90%;
}
.itemno{
position: absolute;
bottom: 18px;
left: 0;
right: 0;
}
.itemno h1{
color: hsl(0, 0%, 5%);
font-size: 170%;
}
/* ==== YUI TAB BASE ==== */
.yui-navset .yui-nav a,.yui-navset .yui-navset-top .yui-nav a{background-color:inherit;background-image:inherit}.yui-navset .yui-nav a:hover,.yui-navset .yui-nav a:focus{background:inherit;text-decoration:inherit}.yui-navset .yui-nav .selected a,.yui-navset .yui-nav .selected a:focus,.yui-navset .yui-nav .selected a:hover{color:inherit;background:inherit}.yui-navset .yui-nav,.yui-navset .yui-navset-top .yui-nav{border-color:inherit}.yui-navset li{line-height:inherit}
/* ==== YUI TAB CUSTOMIZATION ====
* Adapted From 'Black Highlighter Theme'
**/
.yui-navset * {
transition:
color 80ms cubic-bezier(.4, 0, .2, 1),
background-color 80ms cubic-bezier(.4, 0, .2, 1);
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
display: flex;
flex-wrap: wrap;
width: calc(100% - .125rem);
margin: 0 auto;
border-color: hsl(360, 94%, 20%);
box-shadow: 0 calc(.0625rem * 5) 0 0 hsl(360, 94%, 20%);
}
.yui-navset .yui-nav a, /* == Link Modifier == */
.yui-navset .yui-navset-top .yui-nav a {
color: hsl(0, 0%, 5%);
/* ==== Tab Background Colour | [UNSELECTED] ==== */
background-color: hsl(0, 0%, 99%);
/* ==== */
background-image: none;
border: unset;
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
color: hsl(0, 0%, 96%);
/* ==== Tab Background Colour | [HOVER] ==== */
background-color: hsl(360, 100%, 27%);
/* ==== */
}
.yui-navset .yui-nav li, /* == Listitem Modifier == */
.yui-navset .yui-navset-top .yui-nav li {
position: relative;
display: flex;
flex-grow: 2;
max-width: 100%;
margin: 0;
padding: 0;
background-color: hsl(0, 0%, 96%);
border-color: transparent;
box-shadow: 0 0 0 .0625rem hsl(360, 94%, 20%);
}
.yui-navset .yui-nav li a,
.yui-navset-top .yui-nav li a,
.yui-navset-bottom .yui-nav li a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.yui-navset .yui-nav li em {
border: unset;
}
.yui-navset .yui-nav a em,
.yui-navset .yui-navset-top .yui-nav a em {
padding: .35em .75em;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.yui-navset .yui-nav .selected, /* == Selection Modifier == */
.yui-navset .yui-navset-top .yui-nav .selected {
flex-grow: 2;
margin: 0;
padding: 0;
/* ==== Tab Background Colour | [SELECTED] ==== */
background-color: hsl(360, 94%, 20%);
/* ==== */
}
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
border: hsl(360, 94%, 20%);
}
.yui-navset .yui-nav .selected a {
width: 100%;
color: hsl(0, 0%, 96%) !important;
background-image: none;
}
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active {
color: hsl(0, 0%, 96%);
background-color: hsl(360, 94%, 20%);
}
.yui-navset .yui-nav .selected a:hover {
cursor: default;
}
.yui-navset-left .yui-content {
/* ==== Content Background ==== */
background-color: hsl(0, 0%, 99%);
/* ==== */
}
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
padding: .5em;
border-color: hsl(0, 0%, 60%);
}
/* -------- PAGE TAGS -------- */
#main-content .page-tags{
border-top: 1px solid hsl(0, 0%, 73%);
}
#main-content .page-tags a{
display: inline-block;
height: .8125rem;
margin: 0 0 .5rem .75rem;
padding: .1875rem .3125rem .1875rem 0;
color: hsl(0, 0%, 95%);
background-color: hsl(0, 0%, 27%);
border-bottom-right-radius: .25rem;
border-top-right-radius: .25rem;
line-height: 13px;
line-height: .8125rem;
font-size: 11px;
font-size: .6875rem;
font-weight: normal;
}
#main-content .page-tags a:before{
width: 0;
height: 0;
top: -.1875rem;
left: -.625rem;
padding: 0 .0625rem .1875rem;
border-color: transparent hsl(0, 0%, 27%) transparent transparent;
border-style: solid;
border-width: .5rem .5rem .5rem 0;
}
#main-content .page-tags a:before,
#main-content .page-tags a:after{
content: "";
position: relative;
float: left;
}
#main-content .page-tags a:after{
width: .25rem;
height: .25rem;
top: .2813rem;
left: -.5rem;
background-color: hsl(0, 0%, 100%);
border-radius: .125rem;
}
#main-content .page-tags span{
max-width: 100%;
border-top: .5rem solid transparent;
}
/* -------- WIKIWALK NAVIGATOR -------- */
.footer-wikiwalk-nav {
text-align: center;
}
/* -------- INTERWIKI -------- */
div.scpnet-interwiki-wrapper{
margin-bottom: 2rem;
}
iframe.scpnet-interwiki-frame{
width: 17.75em;
min-height: 4.25em;
margin-left: 4px;
background: hsl(127, 050%, 94%);
border: 1px solid hsl(0, 0%, 20%);
}
#interwiki body{
overflow: hidden;
}
#interwiki .side-block{
padding: 5px;
background: 0;
border: 0;
box-shadow: none;
}
#interwiki .heading{
color: hsl(0, 0%, 5%);
border-bottom: 1px solid hsl(0, 0%, 20%);
}
#interwiki .menu-item img{
display: none;
}
/* -------- SHOW-CHANGES HIGHLIGHTS -------- */
.inline-diff ins::before{
color: hsl(240, 100%, 93%);
}
.inline-diff del::before{
color: hsl(0, 100%, 90%);
}
.inline-diff ins + del::before,
.inline-diff del + ins::before{
color: transparent;
}
.inline-diff br + ins::before,
.inline-diff br + del::before,
.inline-diff ins:first-of-type::before,
.inline-diff del:first-of-type::before{
position: absolute;
display: inline-block;
left: -1em;
content: "\f111";
font: normal normal normal 16px/1 "FontAwesome";
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* -------- PRESENTATION -------- */
.templateInfo{
margin: 1em 0;
padding: 0 1em;
background: hsl(0, 0%, 100%);
border: 1px solid hsl(0, 0%, 87%);
}
/* -------- CROQSTYLE ALTERATIONS -------- */
#edit-page-textarea{ font-family: unset; }
tt{
background-color: unset;
font-size: unset;
padding: unset;
margin: unset;
border-radius: unset;
}
/* ---- BETTERFOOTNOTES PATCH ---- */
:root{
--posX: calc(50% - 358px - 13rem) !important;
--fnLinger: 1.5s !important;
}
.fnnum{
font-size: 90%;
}
.fnnum:hover + .fncon{
right: calc(-8vw - 4rem) !important;
}
/* -------- REDUCED MOTION ACCESSIBILITY -------- */
@media (prefers-reduced-motion: reduce){
*, *::before, *::after{
animation-duration: .001s !important;
animation-iteration-count: 1 !important;
transition-duration: .001s !important;
}
}
/* -------- MOBILE MEDIA QUERY -------- */
@media (max-width: 479px){
#header h1 a{
font-size: 85%;
}
div.image-showcase{
width: 90%;
}
div.o5-box{
margin: 1em 0;
}
}
/* -------- NOTE MEDIA QUERY -------- */
@media (min-width: 480px) and (max-width: 580px){
#header h1 a{
font-size: 100%;
}
div.image-showcase{
width: 100%;
}
div.o5-box{
margin: .5em;
}
}
/* -------- MINI TABLET MEDIA QUERY -------- */
@media (min-width: 581px) and (max-width: 767px){
#header h1 a{
font-size: 120%;
}
}
@media (max-width: 767px){
.open-menu a:hover{
box-shadow: none;
}
}
/* -------- TABLET MEDIA QUERY -------- */
@media (min-width: 768px) and (max-width: 979px){
#header h1 a{
font-size: 140%;
}
}
:root {
/*----------------------*/
/*---- BEDROCK VARS ----*/
/*----------------------*/
--header-logo: var(--logo);
--logo: url('https://i.imgur.com/CNTL2pa.png');
--header-title: var(--title);
--header-subtitle: var(--subtitle);
--title: "SCP Foundation";
--subtitle: "SECURE - CONTAIN - PROTECT";
--main-content-width: 60rem;
--main-content-top-margin: 1.5rem;
--base-font-size: .875rem;
--bottom-area-padding: calc(var(--true-font-size)*2);
--side-bar-width: 17rem;
--basalt-page-content-font-weight: 440;
--header-font-primary: var(--UI-font-primary);
--UI-font-primary: 'Sofia Sans';
--basalt-overtone: 10, 10, 11;
--basalt-undertone: var(--basalt-bright-element-color);
--basalt-UI-dark-palette: 50, 50, 51;
--basalt-bright-element-color: 150, 24, 43;
--basalt-dark-element-color: 105, 17, 30;
--basalt-alternate-color: 221, 119, 17;
--basalt-primary-color: 252, 252, 252;
--basalt-secondary-color: 245,245,245;
--basalt-tertiary-color: 229, 229, 238;
--basalt-main-text-color: 35, 35, 38;
--title-border-color: var(--basalt-overtone);
--license-area-divider-color: var(--basalt-overtone);
--footer-divider-color: var(--basalt-overtone);
--search-icon-color: var(--basalt-overtone);
--hr-color: var(--general-border-color);
--general-border-color: 220, 220, 220;
--rate-module-cancel-color: var(--basalt-alternate-color);
--scrollbar-thumb-color: var(--basalt-dark-element-color);
--modal-fader-background-color: 0, 0, 0;
--side-bar-heading-background-color: 0, 0, 2, 0.07;
--side-bar-media-background-color: none; /* Disabled by default */
--side-bar-resources-background-color: none; /* Disabled by default */
--side-bar-button-background-hover: none; /* Disabled by default */
--side-bar-heading-text-color-hover: 255, 255, 255, 0.4;
--side-bar-button-color-hover: var(--side-bar-button-color);
/*---------------------*/
/*---- BASALT VARS ----*/
/*---------------------*/
--basalt-UI-background-color: var(--basalt-secondary-color);
--header-background-color: var(--basalt-UI-background-color);
--side-bar-background-color: var(--basalt-UI-background-color);
--bottom-area-background-color: var(--basalt-UI-background-color);
--edit-area-ancillary-background-color: var(--basalt-UI-background-color);
--edit-area-toolbar-background-color: var(--basalt-UI-background-color);
--button-background-color: var(--basalt-UI-background-color);
--basalt-UI-text-color: var(--basalt-main-text-color);
--header-title-color: var(--basalt-UI-text-color);
--header-subtitle-color: var(--basalt-UI-text-color);
--top-bar-link-color: var(--basalt-UI-text-color);
--search-icon-color: var(--basalt-UI-text-color);
--side-bar-heading-text-color: var(--basalt-UI-text-color);
--side-bar-link-color: var(--basalt-UI-text-color);
--bottom-area-text-color: var(--basalt-UI-text-color);
--edit-area-ancillary-text-color: var(--basalt-UI-text-color);
--edit-area-toolbar-icon-color: var(--basalt-UI-text-color);
--button-text-color: var(--basalt-UI-text-color);
--basalt-sub-text-color: var(--basalt-UI-text-color);
--ACS-font: var(--header-font);
--basalt-th-background-color: var(--basalt-UI-dark-palette);
--basalt-th-text-color: var(--basalt-light-text-color);
--image-caption-text-color: var(--basalt-main-text-color);
--authorbox-background-color: var(--basalt-primary-color);
--floatbox-background-color: 240, 240, 244;
--document-background-color: 253, 253, 253;
--darkdocument-background-color: 30, 30, 35;
--header-drop-shadow-opacity: 0.1;
--window-border-radius: 8px;
/*------------------------*/
/*---- BASALT CLASSES ----*/
/*------------------------*/
:is(div.blockquote, blockquote) {
color: rgb(var(--basalt-main-text-color));
overflow: auto;
}
:is(div.blockquote, blockquote):has(div.floatbox) {
overflow: unset;
}
#page-content div.notation {
max-width: 45rem;
}
div.notation {
display: block;
margin-inline: auto;
margin-block: 1.4rem;
padding-inline: 1.1rem;
padding-block: 0.9rem;
background-color: rgb(var(--basalt-secondary-color));
border-left: solid 0.25rem rgb(var(--general-border-color));
border-right: solid 0.25rem rgb(var(--general-border-color));
color: rgb(var(--basalt-main-text-color));
}
#page-content div.modal {
max-width: 57rem;
}
div.modal {
display: block;
margin-inline: auto;
margin-block: 1.4rem;
padding-inline: 1.5rem;
padding-block: 0.5rem;
background-color: rgb(var(--basalt-primary-color));
border: solid 0.2rem rgb(var(--general-border-color));
color: rgb(var(--basalt-main-text-color));
}
#page-content div.smallmodal {
max-width: 47rem;
}
div.smallmodal {
display: block;
margin-inline: auto;
margin-block: 1.4rem;
padding-inline: 1rem;
padding-block: 0.2rem;
background-color: rgb(var(--basalt-primary-color));
border: solid 0.15rem rgb(var(--general-border-color));
color: rgb(var(--basalt-main-text-color));
}
#page-content div:is(.jotting, .transcript) {
max-width: 42rem;
}
div:is(.jotting, .transcript) {
display: block;
margin-inline: auto;
margin-block: 1.4rem;
padding-inline: 1.5rem;
padding-block: 0.2rem;
background-color: rgb(var(--basalt-secondary-color));
border: dashed 0.15rem rgb(var(--general-border-color));
color: rgb(var(--basalt-main-text-color));
}
#page-content div.papernote {
max-width: 30rem;
}
div.papernote {
display: block;
margin-inline: auto;
margin-block: 1.4rem;
padding: 1rem 2rem;
background-color: rgb(var(--basalt-tertiary-color));
color: rgb(var(--basalt-main-text-color));
}
#page-content div:is(.document, .darkdocument) {
max-width: 45rem;
}
div:is(.document, .darkdocument) {
display: block;
margin-inline: auto;
margin-block: 1.5em;
padding: 1.5rem;
position: relative;
--posX: -20vw;
}
div.document {
background-color: rgb(var(--document-background-color));
box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.2);
color: rgb(50, 50, 53);
}
div.darkdocument {
background-color: rgb(var(--darkdocument-background-color));
box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.9);
color: rgb(195, 195, 200);
}
div:is(.document, .darkdocument)::before,
div:is(.document, .darkdocument)::after {
content: "";
height: 98%;
position: absolute;
width: 98%;
z-index: -1;
}
div:is(.document, .darkdocument)::before {
left: -5px;
top: 4px;
transform: rotate(-2.5deg);
}
div:is(.document, .darkdocument)::after {
right: -3px;
top: 1px;
transform: rotate(1.4deg);
}
div:is(.document)::before,
div:is(.document)::after {
background-color: rgb(var(--document-background-color));
}
div:is(.darkdocument)::before,
div:is(.darkdocument)::after {
background-color: rgb(var(--darkdocument-background-color));
opacity: 90%;
}
div.document::before {
box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.1);
}
div.document::after {
box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.05);
}
div.darkdocument::before {
box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.9);
}
div.darkdocument::after {
box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.05);
}
@media only screen and (max-width: 1020px) {
div:is(.document, .darkdocument)::before,
div:is(.document, .darkdocument)::after {
display: none;
}
}
div[class$="_memo"] {
background: var(--memo-logo) rgba(var(--memo-color), 1);
background-size: contain;
background-position: top center;
background-repeat: no-repeat;
min-height: 4rem;
margin-inline: auto;
margin-block: 2rem;
padding-inline: 20px;
padding-block: 10px;
border: solid 2px rgba(0, 0, 0, 0.1);
text-align: center;
}
div[class$="_memo"]::before {
content: var(--memo-heading);
font-family: var(--UI-font);
font-weight: 900;
font-size: 1.3em;
text-align: center;
margin: 0 auto 1rem auto;
display: flex;
flex-direction: column;
padding-top: 0.5em;
}
div.raisa_memo {
--memo-heading: "NOTICE FROM THE RECORDS AND INFORMATION SECURITY ADMINISTRATION";
--memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png);
--memo-color: 242, 242, 192;
}
div.classification_memo {
--memo-heading: "CLASSIFICATION COMMITTEE MEMORANDUM";
--memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/CLASSIFICATION_LIGHTLOGO.png);
--memo-color: 237, 245, 243;
}
div.ettra_memo {
--memo-heading: "NOTICE FROM THE EMERGENT THREAT TACTICAL RESPONSE AUTHORITY";
--memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETTRA_LIGHTLOGO.png);
--memo-color: 245, 215, 215;
}
div.ethics_memo {
--memo-heading: "ETHICS COMMITTEE MEMORANDUM";
--memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_LIGHTLOGO.png);
--memo-color: 255, 219, 196;
}
div.temporal_memo {
--memo-heading: "NOTICE FROM THE DEPARTMENT OF TEMPORAL ANOMALIES";
--memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/DELTA_T_LIGHTLOGO.png);
--memo-color: 255, 255, 255;
}
div.overwatch_memo {
--memo-heading: "BY ORDER OF THE OVERSEER COUNCIL";
--memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/O5_LIGHTLOGO.png);
--memo-color: 227, 227, 227;
}
div.miscomm_memo {
--memo-heading: "NOTICE FROM THE DEPARTMENT OF MISCOMMUNICATIONS";
--memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/MISCOMM_LIGHTLOGO.png);
--memo-color: 238, 237, 250;
}
div.tribunal_memo {
--memo-heading: "VERDICT FROM THE INTERNAL TRIBUNAL DEPARTMENT";
--memo-logo: url(https://i.imgur.com/qavdzCV.png);
--memo-color: 206, 237, 214;
}
div.external_memo {
--memo-heading: "MEMORANDUM FROM THE EXTERNAL RELATIONS BOARD";
--memo-logo: url(https://i.imgur.com/Vr7NkgK.png);
--memo-color: 228, 211, 240;
}
div.administrator_memo {
--memo-heading: "FROM THE OFFICE OF THE ADMINISTRATOR";
--memo-logo: url(https://i.imgur.com/LMiY83P.png);
--memo-color: 148, 148, 148;
}
div.archival_memo {
--memo-heading: "NOTICE FROM THE ARCHIVAL DEPARTMENT";
--memo-logo: url(https://i.imgur.com/CmXPO1U.png);
--memo-color: 175, 217, 240;
}
.table1 {
--basalt-th-background-color: var(--one-color);
}
.table2 {
--basalt-th-background-color: var(--two-color);
}
.table3 {
--basalt-th-background-color: var(--three-color);
--basalt-th-text-color: var(--basalt-main-text-color);
}
.table4 {
--basalt-th-background-color: var(--four-color);
}
.table5 {
--basalt-th-background-color: var(--five-color);
}
.table6 {
--basalt-th-background-color: var(--six-color);
}
div:is(.table1, .table2, .table3, .table4, .table5, .table6) .scp-image-block {
border-bottom-color: rgba(var(--basalt-th-background-color), 0.75);
}
div.tableb :is(#page-content table:not(.form), table.wiki-content-table) {
border-collapse: separate;
border-spacing: 4px;
}
span:is(.bigtext, .bt) {
font-family: var(--header-font);
font-weight: bold;
}
span:is(.specialtext, .st) {
font-family: var(--UI-font);
font-weight: bold;
}
:is(.table1, .table2, .table3, .table4, .table5, .table6) span:is(.st, .specialtext) {
color: rgb(var(--basalt-th-background-color));
}
#page-content div.floatbox {
background-color: rgb(var(--floatbox-background-color));
float: left;
max-width: calc(var(--main-content-width)/2.25);
box-sizing: border-box;
margin: 0.25rem 1.25rem;
margin-left: clamp(calc(var(--main-content-width)/-4.5), calc((87.5vw - 95%)/-2), 0rem);
padding-inline: 1.2rem;
padding-block: 0.5rem;
font-size: 0.9125em;
border-radius: 7px;
border: solid 0.12rem rgba(var(--general-border-color), 0.4);
}
#page-content div.floatbox.right {
float: right;
margin-left: 1.25rem;
margin-right: clamp(calc(var(--main-content-width)/-4.5), calc((87.5vw - 95%)/-2), 0rem);
}
@media only screen and (max-width: 640px) {
#page-content div:is(.floatbox, .floatbox.right) {
float: none;
margin: 0.5rem auto;
width: 100%;
}
}
:is(.table-no-border, .authorbox) td {
border-color: transparent !important;
}
.danger-diamond a {
color: rgba(0,0,0,0) !important;
}
.memo {
background: #edf5f3;
font-family: 'Work Sans', sans-serif;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
width: 90%;
min-height: 4rem;
max-height: 100rem;
margin-left: auto;
margin-right: auto;
text-align: center;
padding: 10px 20px 20px 20px;
word-break: break-word;
}
.email-example a {
animation: blink 0.8s ease-in-out infinite alternate;
}
@keyframes blink {
0% { color: transparent; }
50%, 100% { color: #b01; }
}
.email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
.email-example a.collapsible-block-link {font-weight: bold;}
.tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
/* New paper class */
div.paper {
background: linear-gradient(rgba(220, 240, 240, 0.3), rgba(240, 240, 220, 0.5)), url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-Cargo/TOAST-PAPER.jpg");
box-shadow: 4px 6px 8px #a98;
padding: 1em .5em 1em .5em;
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 40px;
margin-inline-end: 40px;
font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
font-size: 140%;
}
@media (max-width: 478px) {
div.paper {
margin-inline-start: 0px;
margin-inline-end: 0px;
margin-block-start: 0em;
margin-block-end: 0em;
Margin: .5em 0em .5em 0em;
}
}
div.paper2 {
border: none;
padding: .5em;
font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
font-size: 140%;
box-shadow: 4px 6px 8px #a98;
background: linear-gradient(rgba(255, 255, 245, 0.3), rgba(245, 230, 205, 0.5)), url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/TOAST-PAPER.jpg");
}
.email-example .collapsible-block-folded a.collapsible-block-link {
animation: blink 0.8s ease-in-out infinite alternate;
}
@keyframes blink {
0% { color: transparent; }
50%, 100% { color: #b01; }
}
.email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
.email-example a.collapsible-block-link {font-weight: bold;}
.tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
div.terminal{
border: 1px solid black;
border: solid 3px #BBBBBB;
border-radius: 16px;
background-color: #131;
/* black shadow at the top of the terminal */
background-image:
radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
background-position: center;
display: block;
/* shadow around the terminal */
box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
/* prevents scanline from forming a scrollwheel */
overflow:hidden;
}
div.terminal blockquote {
background-color: black;
border: double 3px #80FF80
}
div.scanline{
margin-top: -40%;
width: 100%;
height: 60px;
position: relative;
pointer-events: none;
/* Safari 4.0 - 8.0 */
-webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
animation: scan 12s linear 0s infinite; /* Same as above */
background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
}
div.text{
color: rgba(128,255,128,0.8);
padding: 40% 2em 0;
font-family: monospace;
font-size: 1.0em;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes scan{
from{ transform: translateY(-10%);}
to{ transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
}
@keyframes scan{
from{ transform: translateY(-10%);}
to{ transform: translateY(5000%);} /* Same as above.*/
}
div.text a {
color: #90EE90;
text-decoration: none;
background: transparent;
}
div.text a.newpage {
color: #90EE90;
text-decoration: none;
background: transparent;
}
div.text a:hover {
color: #131;
text-decoration: underline;
background-color: #80FF80;
padding: 1px;
}
div.text a:hover::before{
content: "> ";
}
.danke {
padding: 5px;
margin-bottom:10px;
font-family: monospace;
font-size: 1.1em;
}
.agent {
background-color:#002200;
border: 3px solid #55AA55;
color: #77CC77;
}
.site {
background-color:#222200;
border: 3px solid #AAAA55;
color: #DDDD77;
}
/* HORIZONTAL RULES */
.fancyhr hr {
border-top: 2vw solid transparent;
background-color: rgba(var(--bright-accent), 0);
height: 0;
box-sizing: border-box;
border-image-source: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_hr.png');
border-image-repeat: round round;
background: none;
border-image-slice: 80 500 80 500 fill;
border-image-width: 10em 80em 10em 80em;
}
.fancyborder {
box-sizing: border-box;
border: 2vw solid rgba(0,0,0,0.5);
border-image: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_border.png') 600 round;
border-image-width: 6;
padding: 2vw;
}
@supports ((-webkit-background-clip: text) and (-webkit-text-fill-color: transparent)) {
.rainbow {
background: linear-gradient(to right, #FF7F7F, #FFB27F, #e6e600, #A5FF7F, #7FC9FF, #D67FFF, #FF7FED);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: bold;
}
}
@supports ((-webkit-background-clip: text) and (-webkit-text-fill-color: transparent)) {
.flame {
background: linear-gradient(to right, #FF7F7F, #FFB27F, #edda45);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: bold;
}
}
.hover {
}
.hover:hover {
text-decoration: none;
border-bottom: none;
}
.hover span { display: none;}
.hover:hover span {
position: absolute;
display: inline;
margin: 0px 0px;
height: auto;
width: auto;
background: #FFF;
border: 2px solid #34B;
color: #000;
padding: 1em;
}
.hover:hover span span {
position: relative;
margin: auto;
height: auto;
width: auto;
border: none;
padding: 0;
}
a:link {
color: #5b58e4;
}
a:visited {
color: #393796;
}
a:hover {
color: #5b58e4;
}
a:active {
color: #5b58e4;
}
.highlight {
background: yellow;
}
::selection {
background: #3128ba;
color: white;
}
body {
background-image: linear-gradient(
to bottom,
#b9bacc, #FFFFFF 210px,
#FFFFFF 90px, #FFFFFF 100%);
background-repeat: no-repeat;
}
display: flex; border-bottom: 1px solid #AAA; height: 30px; line-height: 20px;
flex: 1; border-right: 1px solid #AAA; text-align: center; padding: 0; height: 100%; line-height: 20px; display: flex; align-items: center; justify-content: center;
flex: 1; border-right: 1px solid #AAA; text-align: center; padding: 0; height: 100%; line-height: 20px; display: flex; align-items: center; justify-content: center;
flex: 1; border-right: 1px solid #AAA; text-align: center; padding: 0; height: 100%; line-height: 20px; display: flex; align-items: center; justify-content: center;
flex: 1; text-align: center; padding: 0; height: 100%; line-height: 20px; display: flex; align-items: center; justify-content: center;
display: flex; height: 20px; line-height: 30px;
flex: 1; border-right: 1px solid #AAA; text-align: center; padding: 0; height: 100%; line-height: 20px; display: flex; align-items: center; justify-content: center;
flex: 1; border-right: 1px solid #AAA; text-align: center; padding: 0; height: 100%; line-height: 20px; display: flex; align-items: center; justify-content: center;
flex: 1; border-right: 1px solid #AAA; text-align: center; padding: 0; height: 100%; line-height: 20px; display: flex; align-items: center; justify-content: center;
flex: 1; text-align: center; padding: 0; height: 100%; line-height: 20px; display: flex; align-items: center; justify-content: center;
border: 1px solid black; background-color: #d9d7fd; padding: 6px;
border: 1px solid black; padding: 12px;
border: 1px solid black; padding-left: 12px; padding-right: 12px;
width: 90px;
width: 44%;
width: 44%;
center no-repeat ; float: center; border: solid 2px #000000; background-color: #c2f2d2; width: 450px; height: auto; padding: 1px 15px; margin: auto; box-shadow: 0 1px 3px rgba(0,0,0,.2);
width: 50px; opacity: 70%;
color: black; border: solid 1px #000000; background:#F2F2C0 url(http://scp-wiki.wdfiles.com/local--files/the-great-hippo/scp_trans.png) center no-repeat; padding:1px; margin-bottom: 10px;box-shadow: 5px 4px 3px rgba(0,0,0,.2);
:scp-wiki:component:toggle-sidebar
[info]
:scp-wiki:component:fade-in
[info]
:scp-wiki:component:author-label-source
[info]
:scp-wiki:component:author-label-source
[info]
:scp-wiki:component:customizable-acs
[info]
:scp-wiki:component:customizable-acs
[info]
:scp-wiki:component:anomaly-class-bar-source
[info]
component:image-block
component:image-block
component:image-block
component:image-block
:scp-wiki:component:customizable-acs
[info]
:scp-wiki:component:customizable-acs
[info]
:scp-wiki:component:anomaly-class-bar-source
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
:scp-wiki:component:acs-animation
[info]
anom-bar-esoteric
modal
blockquote
blockquote
modal
blockquote
modal
modal
blockquote
modal
blockquote
modal
modal
alt-blockquote
blockquote
blockquote
anom-bar-esoteric
footer-wikiwalk-nav