/*
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: 10px;
box-sizing: border-box;
border-radius: 5px;
}
.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(--head-font), Inter, sans-serif !important;
}
.acs-extra-1,
.acs-extra-2,
.acs-extra-3,
.acs-extra-4 {
font-family: var(--head-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;
}
}
Site-169: Yavapai County, Arizona, USA
13 May 2017
"We're going to be waiting here until our toenails curl."
"I'm sure that's not true."
"They have no respect for other people's time."
"If they're late, it's for a reason."
"They've forgotten," Director Moses Feghoot concluded, sitting forward in his chair. "They must be loitering in the cafeteria."
Amelie looked at him witheringly. In Director Feghoot's world, standing around and breathing for a few seconds was enough to qualify as "loitering." And anyway, the things he was saying simply weren't true. They were waiting on Kirby Case, the Deputy Director of Site-169, and it was unusual for them to leave anyone waiting.
The presentation room door swung open, sparing Amelie the indignity of a response.
Feghoot stood, grimacing slightly at the strain of his own weight. Amelie could easily imagine the screaming ache in his legs each time he stood up - she had to deal with the same thing, after all. She couldn't help but have a little pity for the old man. The older you are, the harder change becomes.
"Ah, Deputy Director Case," Feghoot grumbled. "You've finally decided to grace us with your presence."
Kirby Case closed the door. Then they frowned at Feghoot. It wasn't a significant gesture, but it was pointed - the two stood there and stared each other down for a moment, a Mexican standoff in which the only weapons were eyes. Then Case spoke, breaking the tension.
"Surveillance needed my help," they explained. "One of the cameras had gone down, and they weren't sure if the cause was entirely natural."
"Was it?" Amelie asked, looking up.
Case smiled. "Just a blown fuse. You know Gelding, the night guard? He got everyone spooked talking about flickering lights. I have to say, he's a bit jumpy. I think he might do better working in a different part of the facility."
"Save it for the end of the meeting," Feghoot grumbled, returning to his chair. "There's a lot we need to go over."
Glassford Hill: Yavapai County, Arizona, USA
28 January 1985
The heliograph at the top of the hill was so brown and rusted that it looked like it had grown out of the earth. It was a curiously familiar device: a tripod, but instead of a camera on top, there was a square metal plate with a hinged mirror attached to it. The mirror was so old and caked in dirt that it no longer bore a reflection, but it wasn't hard for Junior Researcher Amelie to imagine what it was supposed to look like. The sunlight hitting the metal, flashing in the air like a blinker in the fog…
Sun talk. That's what the indigenous people had called it, when the Anglo-Saxons showed up and started flashing mirrors at each other from miles away. A heliograph was a conversation with the sun.
"Goddamn nothing," the Head Researcher said next to her, panting. "It hasn't moved a goddamn inch."
"It's like I keep telling you," Amelie said mildly. "This is, what, the 20th test? We still have yet to replicate the original anomaly. If there was ever an anomaly to begin with."
One of the Assistant Researchers dropped down heavily in the grass, his equipment falling down next to him. "It's not like the sighting isn't verified. It was one of our own, Agent Seers, who saw it. She said that all 17 of the remaining heliographs all simultaneously turned and pointed at Glassford Hill. And that's not the only report, either. If she says it happened, then I believe her."
"I believe her too," Amelie said. "But that doesn't guarantee it's an anomaly."
The Head Researcher squinted at her. "What else could it be?"
She shrugged. "A shocking coincidence."
He guffawed. She waved a hand at him, shaking her head.
"Look, I wouldn't be on the team if I didn't think it was possible that it was an anomaly," Amelie continued. "But after so many tests without a single result, I'm not sure the answer matters anymore. If it isn't replicable, then it isn't a concern. Right?"
The Head Researcher had soured noticeably. "Yes, well, you're not the one who has to report that back to Command. You know what they'll have us do? Monitor this area for the next four decades. 'Just to be sure,' they'll say. No one wants to stare at this shitty, windy hill for the rest of their career."
Amelie stared out at the landscape. It was indeed windswept, the brush pressed flat into the earth so that it looked as if there were no brush at all. The sun, at present hidden by the clouds, would soon emerge again and burn a patch into the nape of her neck. There was nothing around for miles. A little pop-up city had emerged on the other side of Glassford Hill proper, in response to the growing population of the nearest town, 40 miles away. That was the closest thing that could pass as civilization.
"I'd do it," Amelie mused.
The other researchers had started gathering up their equipment. Now, heads snapped over to look at her.
"We could build a Site here. Those fort ruins by the first set of heliographs. That would be a good place for it. No one around for miles. The recreation center I've been talking about—"
The Head Researcher groaned. "Amy. Not this again, please."
"A small, remote location like this is the perfect place to bring anomalies. We could give them counselling, games to play… just some relief from the monotony of containment. I'm not suggesting anything more than that. And I can keep an eye on the heliographs. As if they're going to do anything."
Several of the researchers were laughing. The more polite ones had moved away to finish packing up their equipment. Only the Head Researcher remained, glaring at her.
Amelie thought about laughing it off, swallowing the loss; but something inside of her resisted. She glared right back at the researcher. For a moment, neither of them spoke. Theirs was a Mexican standoff in which the only weapons were eyes.
The Head Researcher turned away first. "Save it for after testing," he said. "There's a lot of hoops you're trying to jump through."
Site-169: Yavapai County, Arizona, USA
13 May 2017
Deputy Case stood up, their chair falling to the floor behind them. "You want to shut down the Site?"
Director Feghoot rubbed at his temples. "That's not what I said, Kirby."
"Seriously? I can't believe you. Amy ingratiates herself to you every month just so she can do her job at her site, and for what? So you can shut her down with no warning? What is it, Moses, really? You just like flaunting your authority that much?"
Feghoot plunged on, ignoring Case. He opted to look at Amelie instead. "We've been at this location for over 30 years. In that time, the nearby town of Prescott Valley has been expanding. It's no longer a town, but a city. The outskirts are no longer at a comfortable distance. There's a serious risk of civilian exposure. Staying here is… irresponsible, at best."
"We can't leave," Amelie said. "I have to monitor the heliographs."
"Oh, come off it," he snapped. His tone settled as he fixed Amelie with a steely gaze. "I've read your original proposal for Site-169. The fact that the heliographs are non-anomalous was at the core of your argument. Don't contradict yourself now. If you do, then Kirby's right - you really are ingratiating yourself to me."
"You motherfucker," Case spat.
"Kirby!" Amelie said.
"You can't take this shit lying down, Amy!" Case threw their hands down on the desk. "We can't take it. The AEED is too important. You're the one who showed me that. There are anomalies who actually like containment now. And it's because of you! It all started with you!"
"If the choir is finished preaching…" Feghoot growled.
There was a moment of silence. Case picked up their chair and sat down again, an enormous scowl on their face.
"Moses, we can't move," Amelie said at length. "The AEED doesn't have the funding or the resources for it. We wouldn't survive the trip. And appealing to the Council for funding would take too long for it to matter. You know all this as well as I do. Which is why I can understand Kirby's frustration…"
Feghoot simply stared at her for a moment, silent. "I know neither of you want to hear it," he said levelly, "but maintaining the veil is more important than your Department."
"And what's that supposed to mean?" Case said, in a low tone that Amelie had never heard them use before.
"It means that if the AEED gets shut down as a result of closing Site-169," he said, "then it will have been a necessary evil."
Case stood up and stalked out of the presentation room. The door rattled in its frame behind them.
Feghoot looked after them for a moment, lips curled in a sour line. He suddenly seemed even older than usual, the shadows under his eyes thick with lines. He looked at Amelie.
"Amy, be sensible. The heliographs aren't anomalous. You know that as well as I. There's no reason to stay here, and growing incentive to leave. We have to face the facts eventually. Even if it means the end of a happy story."
With that, he collected his papers and took his leave. Amelie watched him all the while, never speaking a word.
Glassford Hill: Yavapai County, Arizona, USA
10 March 1985
For security purposes, naturally, they couldn't keep the heliographs thirty miles apart from one another. That's how they had been arranged when they were first built in the 19th century - allowing military forts to quickly communicate with one another. Now, the O5 Council required that they pulled them back to just a mile or two outside of the newly-built site perimeter. "A maximum of ten, a minimum of three" - for testing purposes. They'd wound up with seven, curling around the site perimeter like a sliver of moon.
The remaining relics were being carefully dismantled and boxed for cold storage. Amelie was doing the boxing. She took the folded-up pieces of tripod, the rusted mirror, the dented metal plate; and she laid each one gently in the box before sealing it.
She was on her third when a voice spoke behind her. "You must be - Am-eh-lee, is it?"
She straightened up to look at the man behind her. He was middle-aged, but his smoky grey hair made him look older. Thin wrinkles lined his mouth and his narrow, squinting eyes. "Yes, that's right," she said, pleasantly surprised. "But you can just call me Amy."
"Amy," he said, offering a perfunctory hand. "I am Moses Feghoot. I'll be the Site Director here at Site-169."
Amelie couldn't stop herself from saying, "What? But I thought…"
"You thought it would be you," he muttered. "Since you proposed the site. Is that right?"
"Well, yes," she said. Finding her professionalism again, she added, "I'm sorry, they didn't say anything—"
"Why would they? It would rather discourage your proposal in the first place, wouldn't it?" He gave her a wry, dark smile that served to instantly eradicate the rest of Amelie's enthusiasm. "As I understand it, your aim in creating this site was to establish this department of yours… the, ah, Anomalous Entity Engagement Divison. Since we'll be working together, I want to be absolutely clear. I don't approve of your proposal. I rather think that's why the O5 chose to put me in charge - for whatever reason, they've decided this project of yours is worth a damn, but they want a level head at the helm in case it all goes to hell. Which I've no doubt it will."
For a moment Amelie could do nothing but gawp at him, unable to find her words. "That's…"
"Rather unprofessional of me, I know," he said. "But I believe transparency is an important part of our work here. And if things do go well, then we will indeed be doing a lot of work."
Amelie found herself again. "Be that as it may, Mr. Feghoot, the attitude you're putting on display here is hardly of use to a department that hasn't even had its first day yet. If you are unable to put your opinions aside, then I'm afraid I have no choice but to ask the O5 Council to find a replacement."
He laughed, utterly unperturbed. "Let me know how that goes for you. I'm going to go walk the facilities. The official opening is tomorrow, yes? Please be in my office at 7 AM sharp."
"Sir!" Amelie yelled at his back. He stopped walking. He turned his head just so to look at her over his shoulder.
She wasn't sure what she had intended to say, now. The futility of it all was descending on her like a fog. In the end, she threw her hands up. "Just like that?"
"Oh, don't start," Feghoot said, surprising her yet again. He turned around, fixing her with a hard eye. "You misunderstand me, Amy. Yes, I think your proposal is an utter waste of Foundation resources. Yes, I have no doubt this site won't last the year. But I'm not the only person who's told you that, am I? I respect you. You don't care if other people think you're wrong, you're doing it anyway. If you've lost that tenacity already, best tell me now so I can go home."
A brief silence passed between them. They stared at each other, unblinking, but it was not a standoff.
"No, sir, that won't be necessary," Amelie said finally.
"Good. Tomorrow. 7 AM."
And with that, he was gone.
Site-169: Yavapai County, Arizona, USA
13 May 2017
Amelie found Case outside the AEED headquarters. They were leaning on the old, crumbling retaining wall of the former fortress, smoking a cigarette. Their fluffy, dirty blonde hair was out-of-place, lacking its usual rightward swoop. Their face was clear but their eyes were filled with a hard, cold light.
Amelie leaned on the wall next to them, saying nothing.
Neither of them spoke for a while, but neither of them were uncomfortable about it. Amelie squinted at the horizon, the slow incline of another hill rising in front of them. Her eyes weren't what they used to be, but she could just make out a few of the heliographs. There they stood in the fading sunlight, sentinels at the edge of their tiny world. Case finished their cigarette and started another one.
"Ol' Mose the Nose," Case said finally, as casually as if Amelie had just walked up. "Back at it again, huh?"
Amelie tried not to laugh too hard at the nickname. "I know he's… inscrutable, Kirby, but he means well. Most of the time."
"Taking the site down, that's meaning well?" They cleared their throat. "Sorry. I don't want to argue."
"I'm frustrated, too," she said gently.
"I used to be like him, you know," they said. "I think that's why he makes me so mad."
"Kirby, you were never that annoying."
They smiled, but the look faded quickly. "I thought the AEED was a joke, just like him. I hated it here. Fresh out of field work, not a day shy of shooting some monster in the face, and here's some old woman telling me that we have to be nice to them and ask them about their feelings. I honestly thought you were incompetent. That you had some fatal misunderstanding of what the Foundation is actually for." They paused.
Amy waited, smiling at them.
"But over and over these anomalies would come here," they continued, "hating it, just like me. Not getting the point, wishing we would just leave them alone. And then something would change. One of the counsellors would get through to them, or they'd play a game of UNO for the first time in years… and they were happy. That was it, they were just happy. I realised I'd have to learn the same lesson, sooner or later."
"Kirby, that's sweet."
"Moses has been here longer than me, though, and it doesn't matter. He's still just a crusty old man." They took a drag from the cigarette, looking at Amelie with an open expression of fear. "What are we going to do, Amy?"
Amelie didn't respond immediately, looking out at the landscape. The sun had nearly finished setting. Hot streaks of light pulled at the horizon, tugging at the remaining warmth in the sky. But there was still plenty of light left to follow what happened next.
One by one, as natural as breathing, each of the heliographs on the horizon turned to point their mirrors at Site-169. And even though the mirrors were long-since caked in rust, they nonetheless began flashing in the sunlight. The flashes were so distinct and bright that it made even the most distant heliographs suddenly visible. Long, short short short short, it began. A message in morse code.
Case straightened up, astonishment in their face.
Amelie smiled.
"The more things change, Kirby," she said, "the more they stay the same."
"But… this means…" Case's face lit up. "The place really is anomalous after all? We have to stay!"
Amelie nodded. "Come on, let's make sure the cameras are recording this. We've got an incident report to write. Site-169 isn't going anywhere."
