The Billboard Said, "The End is Near"
/*
Foxtrot Sigma-9 Theme
[2022 Wikidot Theme]
By Liryn
*/
/* FONTS */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,800;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sofia+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://rsms.me/inter/inter.css');
@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
/* VARIABLES */
:root {
/* VARIABLES > Core */
--header-title: "SCP Foundation";
--header-subtitle: "SECURE, CONTAIN, PROTECT";
--logo-img: url(https://scp-wiki.wikidot.com/local--files/theme:foxtrot/fxtrt-scp_logo_lightmode.svg);
--darkmode-logo-img: url(https://scp-wiki.wikidot.com/local--files/theme:foxtrot/fxtrt-scp_logo_darkmode.svg);
--logo-opacity: 14%;
--head-font: 'Sans Normalcy';
--ui-font: 'IBM Plex Sans';
--mono-font: 'JetBrains Mono', 'Fira Code', monospace;
--page-font: 'Inter', 'verdana';
--base-font-size: 0.9rem;
--page-font-size: 1rem;
/* VARIABLES > Misc */
--header-txt-color: #333333;
--subheader-txt-color: rgb(var(--accent));
--misc-txt-color: #464646;
--link-txt-color: #E6283C;
--link-hover-txt-color: white;
/* VARIABLES > Color Accents */
--accent: var(--acc-default);
--acc-default: 59, 59, 59;
--acc-wyoming: 142, 0, 18;
--acc-canada: var(--acc-default);
--acc-poland: 87, 44, 17;
--acc-slothspit: 27, 60, 133;
--acc-vanguard: 0, 153, 75;
--acc-threshold: 121, 113, 130;
--acc-overwatch: 28, 37, 56;
--acc-spc: 0, 165, 200;
--acc-fishing: 67, 111, 145;
--acc-nightfall: 151, 0, 2;
--acc-hybrasil: 27, 60, 133;
--acc-goc: 39, 84, 149;
--acc-spooky: 252, 112, 40;
/* VARIABLES > BetterFootnotes */
--fnColor: var(--link-txt-color);
--fnLinger: 1s;
}
/* VARIABLES > Info Bar */
.info-container {
--barColour: rgb(var(--accent));
--linkColour: #EDEDED;
}
/* MAIN */
html {
scroll-behavior: smooth;
overflow-x: hidden;
}
body {
font-family: var(--ui-font), sans-serif;
font-size: var(--base-font-size);
color: rgb(51, 51, 51);
background-image: linear-gradient(to bottom, #e0e0e0, #fff 200px);
text-rendering: optimizeLegibility;
overflow-wrap: break-word;
}
div#container-wrap {
background: none;
}
#content-wrap {
margin: 2em auto 0;
}
#page-content {
font-family: var(--page-font), var(--ui-font), sans-serif;
font-size: var(--page-font-size);
font-weight: 440;
}
#page-content strong {
font-weight: 700;
}
tt,
.page-source,
pre,
#edit-page-textarea {
font-family: var(--mono-font);
}
ol li {
margin: 0 0 1em;
}
ul {
margin: 1em 0;
}
li,
p {
line-height: 1.5;
text-underline-offset: 40%;
}
::selection {
background: rgb(var(--accent));
color: #fff;
}
/* Clicky links */
a,
a.newpage,
a:visited,
#side-bar a:visited {
color: var(--link-txt-color);
}
a:hover,
a.newpage:hover,
a:visited:hover,
#side-bar a:visited:hover {
color: var(--link-hover-txt-color);
text-decoration: none;
background-color: var(--link-txt-color);
}
a {
transition-duration: 0.1s;
}
/* patch for sidebar media, collapsibles, ACS, info button and ayers module so link doesn't override */
#page-content .collapsible-block-folded a:hover,
#page-content .collapsible-block-unfolded-link a:hover,
#page-content .rate-box-with-credit-button .fa-info:hover,
#side-bar .side-block.media a:hover,
.danger-diamond a:hover {
background: transparent;
}
.info-container .collapsible-block-folded .collapsible-block-link,
.info-container .collapsible-block-link {
background: var(--linkColour) !important;
}
/* MAIN > Header */
div#header {
background: none;
height: 160px;
}
#header h1 span,
#header h2 span {
font-size: 0;
display: none;
}
#header h1 a::before,
#header h2::before {
color: var(--header-txt-color);
letter-spacing: 1px;
font-family: var(--head-font), sans-serif !important;
font-weight: 900;
text-shadow: none;
}
#header h1 {
margin-top: -0.3rem;
}
#header h1 a {
width: fit-content;
margin: auto;
}
#header h1 a::before {
content: var(--header-title);
font-size: 1.3em;
}
#header h2::before {
content: var(--header-subtitle);
font-family: var(--ui-font) !important;
font-weight: 700;
font-size: 1.4em;
color: var(--misc-txt-color);
line-height: 26px;
margin-top: 0.35rem;
display: block;
text-transform: uppercase;
}
#header h1,
#header h2 {
margin-left: 0;
float: none;
text-align: center;
}
#header h1 span,
#header h2 span {
font-size: 0;
display: none;
}
div#extra-div-1 {
height: 160px;
width: 100%;
top: 7px;
position: absolute;
background: var(--logo-img) 10px 30px no-repeat;
background-size: 130px;
background-repeat: no-repeat;
background-position: 50% 50%;
z-index: -1;
opacity: var(--logo-opacity);
}
/* MAIN > Header > Search Box */
#search-top-box-form>input[type=text] {
display: none;
}
#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: rgb(var(--accent));
box-shadow: none;
border-radius: 5px !important;
color: #efefef;
font-family: var(--ui-font);
font-size: calc(var(--page-font-size) - 10%);
}
#search-top-box input.empty {
color: #999999;
}
#search-top-box {
position: absolute;
top: 47px;
width: unset;
}
/* MAIN > Header > Top Bar */
#top-bar,
#top-bar a {
top: 10rem;
}
#header #top-bar ul {
border-radius: 10px;
border: none;
background: rgb(var(--accent));
padding-left: 15px;
padding-right: 15px;
}
#header #top-bar a {
color: white;
background: rgb(var(--accent));
font-weight: bold;
}
#header #top-bar ul li ul {
padding: 0px;
border-radius: 0px;
}
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
border-left: solid 1px #FFF;
border-right: solid 1px #FFF;
}
#top-bar ul li ul li a:hover {
color: rgba(255, 255, 255, 0.83) !important;
line-height: 230%;
text-indent: 3px;
}
#top-bar {
display: flex;
justify-content: center;
right: 0;
}
.mobile-top-bar {
left: unset;
}
/* MAIN > Header > Login Info */
#login-status {
top: 19px;
}
#login-status,
#login-status a {
color: #333333;
}
@media (max-width: 767px) {
#header .printuser {
font-size: 0;
}
}
.printuser a {
margin: 0;
}
.printuser img.small {
width: 18px;
height: 18px;
padding: 1px 4px 0 0;
background-image: none !important;
}
@media (max-width: 767px) {
#header .printuser img.small {
transform: translate(0, 4px);
}
}
#my-account {
display: none;
}
@media (max-width: 767px) {
#account-topbutton {
margin: 0 0 0 5px;
}
}
/* MAIN > Header > Side Bar */
#top-bar .open-menu a {
border-radius: 0px;
border: none;
background: rgb(var(--accent));
color: white;
}
#side-bar {
background: #FFF;
}
@media (min-width: 768px) {
#side-bar {
padding: 0.3em 0.6em 0 0.6em;
width: 18.75em;
transition: left 0.2s ease-in-out;
direction: rtl;
text-align: left;
border-right: none;
}
}
#side-bar .side-block,
#side-bar .side-block.resources,
#side-bar .side-block.media,
#interwiki .side-block {
border: 2px solid rgba(0, 0, 0, 0.2);
border-radius: 0px;
box-shadow: none;
margin-bottom: 6px;
direction: ltr;
background: transparent;
}
#side-bar .side-block.resources {
text-align: center;
}
#side-bar .heading {
color: var(--misc-txt-color);
border-bottom: solid 2px #cfcfcf;
font-size: 9pt;
font-family: var(--head-font);
font-weight: 800;
text-transform: uppercase;
}
/* CONTENT */
/* CONTENT > Blockquotes, Custom Divs */
.blockquote,
div.blockquote,
blockquote {
border: solid 2px rgba(0, 0, 0, 0.15);
background: #f7f7f7;
}
.jotting {
padding: 1.3em;
margin: 1em 4.5em;
border: dashed 2px rgba(0, 0, 0, 0.2);
background: #f7f7f7;
}
.notation {
padding: 1em 1.5em;
margin: 1em 3em;
border-left: solid 3px rgba(0, 0, 0, 0.35);
border-right: solid 3px rgba(0, 0, 0, 0.35);
background: #f7f7f7;
}
.modal {
padding: 1.2em;
margin: 1em 3em;
border: solid 5px rgba(0, 0, 0, 0.15);
background: #fbfbfb;
}
.quote {
padding: 0.4em 2em;
margin: 3em auto;
border-left: solid 3px #bbb;
max-width: 500px !important;
}
.paper {
padding: 1.5em;
margin: 2em;
background: #FFF;
box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.2);
}
.box {
padding: 1px 9px;
border: solid 3px #bbb;
margin: 0.5em 1em;
}
div.note {
font-size: unset;
border: 2px solid #afafaf;
background-color: #fff;
}
.round {
border-radius: 10px;
}
/* CONTENT > Headings, Titles */
#page-title,
.meta-title {
font-family: var(--ui-font), sans-serif;
font-weight: 800;
color: #3b3b3b;
border-bottom: solid 2px rgba(0, 0, 0, 0.2);
width: fit-content;
margin: 0 auto 1.5rem;
}
#page-title,
.meta-title,
#breadcrumbs,
.pseudocrumbs {
text-align: center;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--head-font), sans-serif;
font-weight: 800;
color: #3b3b3b;
}
h1,
h2 {
font-weight: 800;
}
.footnotes-footer .title {
font-family: var(--head-font), sans-serif;
color: #3b3b3b;
font-weight: 800;
}
/* CONTENT > Rate Module */
#page-content .creditRate {
margin: unset;
font-family: var(--ui-font);
float: unset !important;
}
#page-content .rate-box-with-credit-button {
background-color: #fff;
border: solid 1px #bbb;
box-shadow: none;
border-radius: 0;
}
#page-content .rate-box-with-credit-button .fa-info {
border: none;
color: #333;
}
#page-content .rate-box-with-credit-button .fa-info:hover {
background: #333;
color: #fff;
}
.rate-box-with-credit-button .cancel {
border: solid 1px #fff;
}
.page-rate-widget-box {
box-shadow: none;
border: solid 1px #bbb;
margin: unset;
margin-bottom: 4px;
border-radius: 0;
font-family: var(--ui-font);
}
.page-rate-widget-box .rate-points {
background-color: #fff !important;
color: #333 !important;
border: none !important;
border-radius: 0;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
background-color: #fff;
border-top: none;
border-bottom: none;
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
background: transparent;
color: #333;
}
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
background: #333;
color: #fff;
}
.page-rate-widget-box .cancel {
background: #fff;
border: none;
border-radius: 0;
display: inline-block;
}
.page-rate-widget-box .cancel a {
color: #333;
}
.page-rate-widget-box .cancel a:hover {
background: #333;
color: #fff;
border-radius: 0;
}
#page-content .rate-box-with-credit-button .page-rate-widget-box {
border: none;
}
/* CONTENT > Rate Module > Author Label */
.authorlink-wrapper {
--author-top-adjust: 0;
--author-bottom-adjust: 0;
--author-right-adjust: 0;
font-family: var(--ui-font);
font-size: var(--base-font-size);
}
/* CONTENT > Side Box */
.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;
}
}
/* CONTENT > Image Block */
.scp-image-block .scp-image-caption {
background-color: #f4f4f4;
color: #3b3b3b;
border: solid 2px rgba(0, 0, 0, 0.1);
margin-top: 8px;
box-sizing: border-box;
border-radius: 4px;
}
.scp-image-block {
border: none;
box-shadow: none;
}
.scp-image-block img {
border: solid 2px rgba(0, 0, 0, 0.1);
box-sizing: border-box;
}
.imagediv {
float: right;
margin: 15px
}
@media (max-width: 540px) {
.imagediv {
float: unset;
text-align: center;
margin: 1.3rem auto 1.3rem auto;
}
}
@media only screen and (max-width: 600px) {
.scp-image-block.block-right {
float: none;
margin: 10px auto;
}
}
/* CONTENT > Tables Base */
#page-content tr th {
padding: 6px;
border: 2px solid rgba(0, 0, 0, 0.2);
}
#page-content tr td {
padding: 12px;
border: 2px solid #bfbfbf;
line-height: 1.4;
}
#page-content .sidebox tr td,
#page-content .sidebox tr th {
padding: 0.35em;
}
/* CONTENT > Tables Customization (Table Coloring System) */
/* CONTENT > Tables Customization (Table Coloring System) > Table Headings, Image Captions */
#page-content .table1 tr th,
#page-content .table1 .scp-image-block .scp-image-caption {
background-color: #E0FFD4;
}
#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: #FFDFCD;
}
#page-content .table5 tr th,
#page-content .table5 .scp-image-block .scp-image-caption {
background-color: #FFCFCF;
}
#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;
}
/* CONTENT > Tables Customization (Table Coloring System) > Other Colored Divs */
.table1 .blockquote,
.table1 div.blockquote,
.table1 blockquote,
.table1 .jotting,
.table1 .notation,
.table1 .modal,
.table1 .paper,
.blockquote.table1,
div.blockquote.table1,
.jotting.table1,
.notation.table1,
.modal.table1,
.paper.table1 {
background: rgb(224, 255, 212);
}
.table2 .blockquote,
.table2 div.blockquote,
.table2 blockquote,
.table2 .jotting,
.table2 .notation,
.table2 .modal,
.table2 .paper,
.blockquote.table2,
div.blockquote.table2,
.jotting.table2,
.notation.table2,
.modal.table2,
.paper.table2 {
background: rgb(226, 244, 255);
}
.table3 .blockquote,
.table3 div.blockquote,
.table3 blockquote,
.table3 .jotting,
.table3 .notation,
.table3 .modal,
.table3 .paper,
.blockquote.table3,
div.blockquote.table3,
.jotting.table3,
.notation.table3,
.modal.table3,
.paper.table3 {
background: rgb(255, 245, 189);
}
.table4 .blockquote,
.table4 div.blockquote,
.table4 blockquote,
.table4 .jotting,
.table4 .notation,
.table4 .modal,
.table4 .paper,
.blockquote.table4,
div.blockquote.table4,
.jotting.table4,
.notation.table4,
.modal.table4,
.paper.table4 {
background: rgb(255, 223, 205);
}
.table5 .blockquote,
.table5 div.blockquote,
.table5 blockquote,
.table5 .jotting,
.table5 .notation,
.table5 .modal,
.table5 .paper,
.blockquote.table5,
div.blockquote.table5,
.jotting.table5,
.notation.table5,
.modal.table5,
.paper.table5 {
background: rgb(255, 207, 207);
}
.table6 .blockquote,
.table6 div.blockquote,
.table6 blockquote,
.table6 .jotting,
.table6 .notation,
.table6 .modal,
.table6 .paper,
.blockquote.table6,
div.blockquote.table6,
.jotting.table6,
.notation.table6,
.modal.table6,
.paper.table6 {
background: rgb(255, 218, 255);
}
/* CONTENT > Tabs 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
}
/* CONTENT > Tabs 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;
}
/* CONTENT > WORDS NO BROKEY. CROQ HAS SPOKEY. and other things */
span,
a {
word-break: normal !important
}
.avatar-hover {
display: none !important;
}
#main-content .page-tags span {
max-width: 100%;
}
/* CONTENT > Dustjacket Assets */
.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;
}
/* CONTENT > Collapsibles */
#page-content a.collapsible-block-link:hover {
text-decoration: underline;
color: var(--link-txt-color);
}
#page-content a.collapsible-block-link:not(.licensebox a.collapsible-block-link, .info-container a.collapsible-block-link, .default-col a.collapsible-block-link) {
text-decoration: none;
font-weight: bold;
color: white;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 7px;
padding-right: 9px;
background: rgb(var(--accent));
border-radius: 6px;
margin-top: 5px;
font-family: var(--ui-font);
font-size: var(--base-font-size);
box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.4);
transition-duration: 0.4s;
display: inline-block;
}
#page-content a.collapsible-block-link:not(.licensebox a.collapsible-block-link, .info-container a.collapsible-block-link, .default-col a.collapsible-block-link):hover {
background: rgba(var(--accent), 0.7);
box-shadow: none;
}
/* CONTENT > ACS Adjustments */
.top-left-box>.item {
display: none;
}
.anom-bar-container {
margin-top: 1.1rem;
}
.anom-bar-container,
.anom-bar-container * {
font-family: var(--ui-font), Inter, sans-serif !important;
}
.acs-extra-1,
.acs-extra-2,
.acs-extra-3,
.acs-extra-4 {
font-family: var(--ui-font), Inter, sans-serif !important;
}
.anom-bar > .top-box {
text-transform: none;
}
/* CONTENT > Woed Bar Adjustments */
div.scale div.item1>div {
color: #333;
font-family: var(--head-font);
font-size: 1.4em;
text-transform: uppercase;
letter-spacing: 2px;
line-height: unset;
}
div.scale div.class1>div {
color: #333;
font-family: var(--head-font);
font-size: 2em;
line-height: 0.9em;
letter-spacing: 2px;
}
div.scale {
--woedbar-class-bar-color: #333 !important;
}
div.scale div.obj {
height: 1.7em;
}
div.scale div.obj>div {
font-size: 1.55em;
}
/* MISC */
#page-content hr {
height: 2px;
}
.bt {
color: rgb(var(--accent));
font-weight: bold;
}
#footer {
background: transparent;
color: #444;
margin-top: 45px;
}
#footer a {
color: #7b7b7b;
}
.footer-wikiwalk-nav {
font-weight: 700;
font-size: 88%;
word-spacing: 5px;
}
#page-info-break {
height: 10px;
}
#page-options-container {
border-top: solid 1px rgba(213, 213, 213, 0.5);
padding-top: 1rem;
}
.page-watch-options {
padding-bottom: 0.6rem;
font-size: 77%;
}
.page-options-bottom {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: center;
}
.page-options-bottom a {
margin: 3px;
color: #FFF;
background: rgb(var(--accent));
padding: 5px 13px 5px 13px;
text-decoration: none;
font-size: 90%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.page-options-bottom a:hover {
background: rgba(var(--accent), 0.8);
}
#page-info-break {
height: 6px;
}
#license-area {
color: #5f5f5f;
background: #ecf2f1;
border-top: solid 2px #d9d9d9;
margin-top: 10px;
}
#license-area a::after {
content: ".";
}
@media (min-width: 768px) {
#main-content .page-tags {
padding-right: 16rem;
}
}
#main-content div.page-tags::before {
content: "tags ";
color: var(--misc-txt-color);
font-family: var(--head-font);
font-weight: 800;
font-size: var(--page-font-size);
}
#main-content .page-tags a {
display: inline-block;
height: .8125rem;
margin: 0 0 .5rem .75rem;
padding: .1875rem .3125rem .1875rem 0;
color: #FFF;
background-color: rgb(var(--accent));
border-bottom-right-radius: .25rem;
border-top-right-radius: .25rem;
line-height: 13px;
line-height: .8125rem;
font-size: calc(var(--page-font-size) - 10%);
font-weight: bold;
}
#main-content .page-tags a::before {
width: 0;
height: 0;
top: -.1875rem;
left: -.625rem;
padding: 0 .0625rem .1875rem;
border-color: transparent rgb(var(--accent)) 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: #FFF;
border-radius: .125rem;
}
#main-content .page-tags span {
max-width: 100%;
border-top: .5rem solid transparent;
}
#page-tags-input {
font-weight: bold;
word-spacing: 8px;
}
#edit-page-form input.text {
font-family: var(--head-font), sans-serif;
font-weight: 800;
font-size: 150% !important;
padding: 4px;
}
#edit-page-form>table.form>tbody>tr>td:nth-child(1) {
font-weight: bold;
}
.edit-help-34 {
font-size: 85%;
opacity: 60%;
transition-duration: 0.3s;
width: fit-content;
}
.edit-help-34:hover {
opacity: 100%;
}
.edit-help-34 a {
margin-right: 3px;
margin-left: 10px;
}
table.edit-page-bottomtable {
width: 100%;
}
#edit-page-comments {
height: 86px;
}
#lock-info {
background-color: transparent;
margin: 0.8em;
line-height: 1.7;
font-size: 86%;
border: none;
}
#lock-info::before {
content: "!";
padding-right: 12px;
font-weight: bold;
font-size: 110%;
opacity: 60%;
}
#lock-timer {
font-size: 115%;
margin: 0 5px;
}
#lock-timer::before {
content: "⏲ ";
opacity: 80%;
}
textarea,
#edit-page-form input.text {
outline: none;
border: 1px solid #ccc;
transition-duration: 0.3s;
transition-property: box-shadow;
}
textarea:focus-visible,
#edit-page-form input.text:focus-visible {
box-shadow: 0px 0px 0px 1px #a3a3a3;
border: 1px solid #a3a3a3;
}
#action-area>p {
font-size: 85%;
color: darkslategrey;
}
#action-area>p:nth-child(5)>a {
display: block;
text-align: center;
font-size: 120%;
font-weight: bold;
}
#who-rated-page-area>div {
column-count: 4;
}
@media (max-width: 900px) {
#who-rated-page-area>div {
column-count: 3;
}
}
@media (max-width: 700px) {
#who-rated-page-area>div {
column-count: 2;
}
}
@media (max-width: 540px) {
#who-rated-page-area>div {
column-count: 1;
}
}
#page-content .content-warning.creditRate {
padding-top: 8px;
padding-right: 21px;
}
.preview-message {
right: 0em;
top: 2em;
border: unset;
padding: 1em 1.5em;
background-color: rgba(0, 0, 0, 0.9);
max-width: 29em;
opacity: 1;
z-index: 100;
line-height: 1.7;
filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.2));
color: #EDEDED;
}
.error-block {
background-color: rgba(255, 0, 48, 0.1);
text-align: center;
border: none;
border-top: solid 3px #B00;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
table.page-history tbody tr:nth-child(2n) {
background: rgba(var(--accent), 0.05);
}
.owindow {
animation: fade 0.5s;
}
@keyframes fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.owindow .button-bar a {
border: solid 2px rgba(0, 0, 0, 0.1);
margin: 11px;
padding: 0.5em 2em;
border-radius: 4px;
}
.owindow .button-bar a:hover {
background-color: var(--link-txt-color);
color: var(--link-hover-txt-color);
border-radius: 0px;
}
.owindow .button-bar {
padding: 1.2em 1em 1.2em;
}
.owindow .table {
margin-bottom: 1.5rem;
}
.owindow .title {
cursor: default;
font-family: var(--head-font);
font-weight: 800;
font-size: 155%;
text-align: center;
padding: 0.5em 1em;
border-bottom: solid 2px rgba(187, 187, 187, 0.4);
background-color: #F7F7F7;
}
.owindow.owait .content {
padding: 0.5em 0.5em 2em;
background-image: none;
}
.owindow.owait .content::after {
content: " ";
display: block;
width: 1.5rem;
height: 1.5rem;
margin: -0.9rem auto;
margin-top: 1rem;
animation: loading 1.2s linear infinite;
border-top: 0.4rem solid grey;
border-right: 0.4rem solid transparent;
border-bottom: 0.4rem solid grey;
border-left: 0.4rem solid transparent;
border-radius: 50%;
}
@keyframes loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.owindow.osuccess {
padding: 0.5em;
}
.owindow div.content:nth-child(2)>img:nth-child(1) {
margin-right: 1.2rem;
margin-top: 1rem;
}
.odialog-shader {
background-color: #262a39;
}
.btn {
transition-duration: 0.15s;
}
.btn:not(#main-content .btn, #search-top-box-form input[type="submit"]),
.btn.btn-primary,
div.buttons input,
input.button:not(#search-top-box-form input[type="submit"]) {
padding: 0.5em;
margin: 11px;
border-radius: 3px;
font-family: var(--ui-font);
cursor: pointer;
}
#edit-cancel-button,
#edit-diff-button,
#edit-preview-button,
#edit-save-draft-button,
#edit-save-continue-button,
#edit-save-button {
background: #fff;
border: solid 1px #ccc;
cursor: pointer;
font-family: var(--ui-font);
color: #333;
padding: 0.5rem 14px;
margin: 1px;
font-size: 90%;
border-radius: 3px;
}
#edit-cancel-button:hover,
#edit-diff-button:hover,
#edit-preview-button:hover,
#edit-save-draft-button:hover,
#edit-save-continue-button:hover,
#edit-save-button:hover {
background-color: #eaeaea;
}
#edit-save-continue-button,
#edit-save-button {
background: #dbffd6;
transition-duration: 0.3s;
color: #005a0a;
}
#edit-save-continue-button:hover,
#edit-save-button:hover {
color: #fff;
background: #0d951c;
}
#edit-cancel-button {
background: #ffe1e1;
transition-duration: 0.3s;
color: #c52727;
}
#edit-cancel-button:hover {
color: #fff;
background: #c5272e;
}
table.page-history tbody tr {
color: #757575;
}
.fncon {
font-size: var(--page-font-size) !important;
line-height: 1.4;
border: 2px solid rgba(0, 0, 0, 0.2);
}
.fncon::before {
font-size: var(--page-font-size) !important;
}
.hovertip {
border: none !important;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
background: #FFF;
padding: 3px;
max-width: 400px;
}
input.checkbox,
.page-history input,
#h-perpage {
cursor: pointer;
}
input,
textarea {
font-family: var(--ui-font);
}
#breadcrumbs,
.pseudocrumbs {
font-weight: bold;
font-size: 110%;
font-family: var(--ui-font);
}
/* ---- REDUCED MOTION ACCESSIBILITY ---- */
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: .001s !important;
animation-iteration-count: 1 !important;
transition-duration: .001s !important;
}
}
/* @MEDIA */
@media (max-width: 850px) {
#header h2::before {
font-size: 1.4em;
}
}
@media (max-width: 700px) {
#header h2::before {
font-size: 1.2em;
margin-top: 0.3rem;
}
#top-bar,
#top-bar a {
top: 8.8rem;
font-size: 90%;
}
}
@media (max-width: 620px) {
#header h2::before {
font-size: 1em;
margin-top: 0.15rem;
}
#top-bar,
#top-bar a {
top: 8.3rem;
font-size: 90%;
}
div#header {
height: 123px;
}
}
@media (max-width: 520px) {
#header h2::before {
line-height: 16px;
margin-top: 0.5rem;
}
#top-bar,
#top-bar a {
top: 9.3rem;
}
div#header {
height: 145px;
}
}
“The authors,” his breathing hitches, “The authors have left us.” Words spoken in barely a whisper, as though uttering something so terrible that not even he wants to hear.
The Billboard Said, "The End is Near"
Sloth’s Pit has been mostly devoured by its own namesake, collapsed into empty nothingness and pumpkin vine. Footsteps on crumbling ground, a pair of survivors follow an odd and unstable bridge of gravel and gravedirt — all that remains of an old town’s road. Any trees left around the rim of the pit have twisted into claw-like things, scraping against the blackened sky.
The interior of the Site is pockmarked by the same holes, everything beginning to fall away. They have to be careful where they step, have to be tedious in working around any shifts in their perceptions, lest they plummet into the darkness below.
There are no people. Only scarecrows.
Until they find who they are looking for.
He is collapsed amongst scrambled notes and diagrams, an overturned desk and a whiteboard filled with so much scribbling it's indecipherable. Everything has turned to a numbness, a silence-silence-silence. Empty and alone. Alone. Left alone. Words are leaving his mouth, but he cannot hear it. No one to listen, no one to hear, no one to wri—
A hand touches his shoulder and snaps him from his stupor. The torrent of red returns. Oh. There’s a different perception this time. Waves of heat in the air like thin lines. Like worms. Writhing against the walls and the roots and the holes and his skin and—
He is hauled to his feet. It makes his head spin.
“They’re gone,” he manages to choke out, voice warbling. “They’ve left us.”
“They?” A woman’s voice? There’s a person. Two people? He can see them through blurry eyes and heatwaves.
Distantly, his mind chides him for playing the pronoun game. He tries to force out more, but it sputters into a wet cough. Breathing hitches through a voice long raw from crying out.
“Please— you have to listen to me—” No one else did, for scarecrows have no ears. Why was he the only one left? A few days since all hell broke loose, a few days and yet the halls had become devoid of life.
There’s a response, but the blurring of reality worsens and it's drowned out. Visual heat fades but exchanges itself for the world overlapped so many times over. His office oscillates to states he remembers and doesn’t. Decayed, gone, fallen apart, pristine, occupied and unoccupied. Blurred faces and people.
He’s being dragged forward, now. Someone’s thrown his arm over their shoulder. It looks like several arms, against the distortion. He kicks and squirms in response; words fall off his tongue in a frightened scramble. It’s making the person tense. The woman tries to shush him; he coughs and shakes his head.
“You don’t understand—” his own shrill tone finally breaches through the noise, “I can’t go, I have to figure this out, please-”
“Dr. McDoctorate, this place is crumbling in on itself, you’re not going to last much longer if you stay here.” There’s an urgency to the woman’s voice.
“They’ve left us!” he cries out again, “I need to find out why—” The second person has seized his wrist now, amidst his attempts to thrash and back away. The grasp is harsh, and the feeling of nails accidentally digging into his skin snaps his mind a little bit more into focus. He sees them clearer.
A woman in heavy armor, a second person in lighter gear — field agents, maybe? At least the one is; the dark skinned woman looks more like a captain. It's the field agent who grabbed him. He tries to pull away.
“Who are ‘they?!'” The woman’s tone is sharp, he can’t tell if she is frustrated or afraid.
He hesitates.
“The authors,” Place's breathing hitches, “The authors have left us.” Words spoken in barely a whisper, as though uttering something so terrible that not even he wants to hear. Vision blurs this time not because of reality’s disarray, but his own. Face wet with tears, he watches as the woman stares and the agent exhales heavily.
“We shouldn’t be surprised that he’s out of it,” they say.
“Let’s get him to the car before we catch something's attention.” The woman shakes her head, but her gaze on him lingers, as though she wants to ask what that means.
“Please listen—“ the pataphysicist sobs, and the agent is back to dragging him forward past scarecrows and ravaged halls. His arms are eventually wrestled behind his back to reduce squirming — when the footfalls become treacherous. One glance down into the darkness below makes him feel ill. Everything fades out again in favor of his own ragged breathing and pounding heart.
He squeezes his eyes shut, tries to wrangle that horrible, clawing feeling in his gut. His teeth buzz from sobbing, his head aches. Place just lets the two of them lead him forward to wherever they're going — just trying to focus on continuing to gasp in breath.
The ground beneath his feet changes texture after some time, from gravel to pavement. Placeholder cracks open his eyes.
Outside. They're outside the Site now. The agent has drawn a firearm; they scan the surroundings as they walk down the road. There's a vehicle a few meters outside of the town.
Amongst the crimson haze, Placeholder tilts back his head and stares at the sky for the first time since it started.
He is met by a yawning blackness. A horrible, festering emptiness only rimmed by a raw red — like someone has stabbed the sky and bled it dry. The center of a deep wound that rots blood and pus against the horizon. There is nothing. It's all nothing. Empty space empty pages empty—
The man stumbles to the side and vomits into the dirt. The humidity that clings to his skin suddenly makes it feel as though they stand at the precipice of something alive. A rotting wound. An infection. His throat burns, and the only thing that stops him from collapsing is the woman darting to grab him.
"Hey, hey, look at me," her voice is barely audible against his heaving breaths. A hand squeezes his own, he tenses. "Look at me," she repeats.
He tears his gaze away from the pale red froth and looks at her. Against the distortions, he can make out her face. Older than he is, or maybe she's just tired. Dark coils of hair frame her face.
"Deep breaths, we need to move quickly." Her other hand brushes against his back, as she tries to nudge him up to his feet.
"What's your name?" Placeholder murmurs hoarsely.
"I'm Chief Ana Mukami," she whispers. Chief, that likely means MTF or Security. He nods numbly, stumbling up to stand. They're Foundation. It eases him, slightly.
As they approach the familiar form of some type of Foundation off-roader, the first thing he notices is that there's no windows. Not in the sense that it's some windowless van, but in the sense they've been removed. The side mirrors seemed to have been taken off in a panic, torn from the car doors harshly. Even the windshield is gone.
The car's exterior is scuffed and scratched, dull. He doesn't get to think about it for much longer, as Mukami gets in the driver's seat, slips keys from her pockets. The agent opens the back door, braces a hand on his shoulder as though they expect him to run. He lets himself be more or less pushed into the car.
Once the three of them are in the vehicle, they begin to move.
"Buckle up, this is going to be a long drive," one of them mutters. Everything still feels hazy; he can't tell which one spoke as the engine rumbles to life.
The lack of the aptly named windshield causes the full force of the air to whip through the vehicle in a loud, whistling sort of rumbling. He presses his palms to his ears in an attempt to drown out the sound, but it rattles his teeth regardless. It does, however, cut through the omnipresent humidity that hangs in the dead air. It lessens that awful, hot sort of stickiness.
Place curls up tightly in the back seat, rubs his face on his sleeve. It's still damp with tears, he still tastes stomach acid in the back of his throat. He realizes, faintly, that he has no idea what's going on.
"…Mukami..?" he croaks. Against the wind, he has to repeat himself to be heard.
"Mm?"
"Where are we going? Do you know what's going on?"
Over the din, he hears her reply: "Site-43. It's the only Site still standing functional, now."
"Do you know what did this?"
There's an audible exhalation, and as she begins to explain, his gaze drifts out the window.
A paradox happened, is what she says. Something that should've existed didn't exist, and everything has fallen apart as a result. Site-43 and its surroundings remain the only stable place left — the rest of the world turned to a nonsensical hellscape. Site-43 still has its struggles, but it's far more hospitable than the rest of the world. Something he can believe, as he stares out the window and watches whole mountains rise, fall, warp and crumble in the distance.
He asks her why him? Why drive cross country for one man? Why was he dragged from the ruins, the sole survivor of a collapsing town he'd been starting to call home?
The suddenly lucid realization that everyone else is gone silences him from spurting out any more rapid fire questions. It feels like a knife being twisted in his stomach as the thought sinks in and settles heavy as lead.
All she tells him in response is that it's not information for her to explain. He will be debriefed on arrival. The non-answer makes him sigh weakly.
They’ve passed the same tree forty two times in a row now. A spindly thing, barren of leaves with a twisted top. A bird sits at the peak. Forty two birds have sat at the peak of forty two trees.
Reused assets, he thinks to himself. He wonders where that thought came from — and he shakes his head like that’ll dislodge it. When that fails, he simply buries his face in his arms and knees — throat still sore and cheeks still damp.
Minutes pass. Or maybe it’s hours. The whipping of the wind through the windowless vehicle and the sound of wheels on not-quite-pavement is mind numbing. There’s something in the road up ahead. His half-present attention is drawn by the resulting commotion. While it’s hard to hear over the wind, he catches a “The hell—?” and a “Slow down.” amongst the chatter. It prompts him to lift up his head.
There's a coyote, down the way. Least it’s shaped like one. When he squints, when they draw closer, it becomes less shaped like one.
It’s empty inside.
No eyes, no teeth. Its jaw hangs slack like a taxidermy someone’s long given up on, all sagged down like fabric. No one notices the splattering of viscera and bone just off the side of the road, wet as though still fresh, against the omnipresent crimson. Thus all that’s left is skin and fur standing in the road. Unmoving.
“Gonna swerve it or—?” The people in the car are talking again.
“Maybe it’ll move,” Mukami murmurs, sounding on edge.
“…I don’t think it’s even alive anymore.”
They’re slowing down a touch anyways. It’s a few meters from them now, maybe less. And as that gap closes, there’s a shift. A sound like cracking glass; he squints against the visual distortion. The fur moves in the low breeze now, the ears swivel, and suddenly the thing scampers off the road with a wet sort of gurgling sound that should’ve been a yelp. Its limbs are a tangle against each other, and without bone to guide, it fumbles and limps like some dying thing.
That empty head and slack jaw swivel back over to stare at the vehicle as they pick up speed again. He finds himself still staring at it, as its skin becomes fractals. A shimmering cloud oozes out from the woods in thin branched strands. Grass oozes into coyote fur, coyote fur oozes into pavement. It prompts Mukami to abruptly swerve to the side to avoid it. Placeholder nearly hits his head against the car door, and in the process catches a glimpse of something on the other side of the road.
They’ve passed the same tree from earlier. Forty three.
"…no one around to write it," he murmurs in a low, trembling voice, "so it doesn't happen until we happen." The empty eyes of the thing in the road. Unmoving until they approached.
He knows the other two have likely long since tuned out his on-and-off muttering, but he can never seem to stop the words from spilling out. They enter his head and leave his mouth in a frightened, manic slurry.
"Nothing's happening anywhere unless its acted upon. By us. Which doesn't make sense. Everything observes, everything acts, so why only—" He buries his head back into his hands. He wonders if the coyote is now frozen again, stretched out across the road. Waiting.
"…we don't have much understanding of the paradox," he hears a quiet response, "it's barely been days."
"The authors left us." He repeats numbly. He doesn't know how many times he's said that already. The same dread that's been in the back of his head since he realized begins to boil again.
"Can I ask what that means?" Mukami seems to instinctively glance up, as though there's still a rear view mirror to view him in.
"Nothing follows any conventions," he shakes his head rapidly, "No rhyme or reason, nothing. Any sort of narrative— any sort of narrative readings that I could get from 87 came up dead. There's nothing."
He can vaguely see that she furrows her brow. The agent in the passenger's seat glances back at him. They open and close their mouth a few times, before going:
"When was the last time you ate or drank?"
He raises his head up from his hands, brow furrowing. "Uh—"
"There's some water under the seat in front of you. We don't have a lot, so try to conserve but you're… probably dehydrated by now." He can tell the agent is mostly concerned, but something about the statement makes him tear up further. Get a hold of yourself. Please. Placeholder ducks his head, wipes his face on his arm. His sleeve is damp.
There's a few plastic water bottles, dull and opaque like everything else in here. The water is warm. He tries not to gag on the odd chemical taste, forces himself to swallow. Place peers into the bottle, and the liquid within does not shine. He bites his lip and lowers the bottle. Don't say anything. They don't have a lot.
He places the water bottle back on the floor, pulls his knees back up to his chest.
The drive continues for several hours more in relative silence. It's only broken by his occasional sniffling, a bump in the road, or awkward sorts of exchanges between Mukami and the agent in the front seat.
Place buries his face against his knees, and lets the sound of the wind drown everything out. There's no other way to pass the time, when looking out the window and seeing that empty sky makes that low dread boil again.
Time blurs together — maybe he'd fallen asleep? He's not sure where the line between dreaming and waking lies in the new state of the world. The wind has stopped, the sound of tires has stopped. Have they stopped? He still feels like he's moving. Place raises his head and the world becomes a torrent. Crimson whirls, shivers and writhes, long shadows that stretch upwards like the forms of trees. Does he hear birds? No. No that's not real. He reaches out, tries to feel for something. His hand touches the back of the passenger seat, rough fabric against his shaky grip.
Placeholder can hear talking, he hears the doors open, he does not see them. His breathing picks up as he fumbles blindly.
Where? His eyes dart around, stares at the figures that surround. Trees? Are they trees? Is this a f—
The forest.
Woods without name, and something great and terrible lurking within. He shakes out his head, yelps when he feels something seize his wrists. He squirms, heels digging into dirt (or is it stone?). The man doesn't know where he is, the world his eyes perceive and the world where his body resides suddenly not the same. The past, this is the past. He runs through the woods. Two hands have seized him.
"LET GO!"
He can hear voices now, jumbled things.
"Get a hold of him!" "Perception changes hit again—" "Get out the eyedrops," shuffling, a hand touches his face, his head shoved against something cold.
"Stay still."
He doesn't. In a raw panic, as the thing beyond the trees shifts, he tries to kick outwards. Placeholder's foot connects with something solid, and a shout pierces through the rustling of the leaves. The world blurs, everything shifts. He can see a person — several people. There's a lake in the distance, its waters are as black as the sky. There's a rumble through the earth, it feels the same as his own hitching breaths.
He can't see Mukami, nor the agent from before.
"We did not get him all the way here just for that thing to get him," someone snaps, a frazzled looking man with a faint beard and lensless glasses (why are his eyes so dull? Why are all their eyes so cloudy?).
"I don't want t—" "We can't take a risk like this," "It'll make matters worse!" "We can calm him down when he's not at risk of being maimed!" Two people arguing, they turn to him as he squirms. The world flickers like a dying flame, red and dark and bright and dark again. Wait — no, there's a person before him now, blocking out the world's dim light. A light Placeholder could never determine the source of. Nondiegetic?
He feels a sharp prick in his thigh, looks down and sees a needle plunged into his flesh.
Oh.
That's a sedative, isn't it?
