We Need To Discuss The Ramifications of Fifty-Five
A wild shot in the shark.
/*
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;
}
}
Mariet Wheel sits outside of the office of the Eighth Oracle, taking a long drag of her cigarette, and puffing the smoke back out. She needed a quick hit of nicotine before going to meet one of the highest authorities in the Centre. The Oracles call on you when they need a job done, and she knew that it was going to be something big.
The secretary looks at her, a tired gaze that tells her that the man is overworked. "You know that you can't smoke here, I said that about your last four."
She shrugs, looking at him. "Smoking never hurt anybody."
He leans forward at his desk, a sigh coming out. "Oracle Eight doesn't like it when people smoke in here."
"Why not?"
"He says it makes his surfboards smell." He gestures to the walls, as Mariet fully takes in the fact that all four of the walls are covered in surfboards, some with various types of weaponry attached. A perfectly fine waste of possible fist-based weapons.
"Kind of show-boaty, isn't it?" Mariet comments.
The secretary glares at her, standing up and pushing his coat to the side. Mariet catches a glimpse of a comfortably occupied holster.
She slinks back in her chair, looking at the pale blue lining the walls under the decorations. An ocean, painted on all of the walls. It's beautiful, really. Untampered by the evolution of the selachian menace or their servants, a world of peace…
She drifts to sleep with these thoughts.
A creaking comes from the office door behind the secretary, a young man with glassy eyes poking his head out of the door. "Wheel, Mariet. He'll see you now." He gives a toothy smile.
This jolts her awake, as she blinks to clear her eyes. She nods, grabbing her purse and following him through the long hallway. She catches a nametag, noticing the name "Hark Scott". He's new. He presses his keycard against a scanner at the end of their trek, the door automatically opening to show a fat man with silvering locks, likely about fifty, sitting at the fine wood desk. Taking a seat, she leans back in the chair and looks at him, waiting for him to speak.
"Mariet Wheel. Head of the Anti-Selachimitics Department." O-8 comments incredulously, shuffling a few papers around in one hand. His other hand, fingers tapping against the desk, bears a shimmering, bronze set of brass knuckles.
Mariet can hear the taps of Hark's footsteps, as he paces behind her.
"That's correct." Mariet answers, nodding slightly.
"Hm." The Oracle thinks, running his weaponized hand through his slicked back hair, before he slams it against the desk. This action prompts Hark to hold a gun to Mariet's head.
"One reason. Give me one reason I shouldn't beat you to kingdom come. You're obviously a Selachian Spy. You put part of the word in your fake department name, for Ichthys' sake!"
Mariet sighs, looking at O-8 and rubbing above her nose as she thinks. "Right. Of course this has to happen now. Let's get this over with, I can prove Selachimitics are real right here and now."
O-8 looks to Hark, who glares at her. "She's obviously trying to do something drastic." His word bites through the typically cordial air of the Oracle's office, her heart dropping at the language.
The Oracle member thinks, scratching at his chin. "Mariet, are you going to kill one of us if Hark lets you go?"
"No."
O-8 shrugs, as Hark bites at him verbally. "Are you this stupid?! She's got you tricked, hook, line, and sinker!"
The Oracle looks desperately at Mariet, pulling down his sunglasses and looking at her. "What could she do, Hark? She's an old woman."
Hark huffs, relenting. "I'll keep the gun on her, but we can hear her out."
Mariet inhales, calming herself down from the stress the gun and the unceasing pacing were causing her. "Selachimitics. You want to know more about them?"
The Oracle nods, leaning a bit further like a curious child.
"Selachimitics are a broad category of deviant-classes. They invade, they try to hide within the Centre in some way, shape, or form. Vent-dwelling selachians, ones that replace floor tiles or clothing, ones that replace people. Do you know about Compound-55?"
Hark Scott huffs in disbelief. "We don't have a Compound-55, Oracle. You're just going to keep swimming to this tune—"
He raises a hand, silencing the assistant. "No, I don't. Tell me."
"We found it one day, me and my team. We had just performed the Anti-Selachimitic style on each other to tackle a particularly sneaky enemy combatant in the water, and we stumbled across what we thought could be a supply restock center."
She takes deep breaths to try and remember… it's still foggy. "It was empty, dilapidated. It looked like something had taken a bite out of the ceiling, and my team and I couldn't find a single soul. Everything was normal, other than the ceiling… and the floor was a bit damp, I suppose, but there was nobody, no paperwork, not even Sharkics to blame this on."
Hark looks… nervous? Water seems to be running down his face, and his tone displays unease. "So you really got sent into the deep end, hm? I'm sure the fact you're a bitch didn't help—" He falters, his gun moving a bit upwards from her temple.
She turns behind her, uppercutting Hark and throwing another punch into his gut. That brings him to the ground, so he finishes the job with two kicks to the chest. Before O-8 can lunge, she unzips the back of his head, revealing a now-flopping selachian, floating in a pool of salt water, appropriating the superior shape of humans.
"How… my disguise was… perfect… I can't believe… a whore like you did this." The words bit through the atmosphere, hitting Mariet with self-doubt. She steeled her will. She's dealt with many of these before, but it didn't sting any less. She chuckles a bit as she watches the eyes glaze over. It's dead.
"What the—"
"A HATE-CLASS Selachimitic." Mariet stands fully, kicking the disguise and deviant-class corpse away from her, taking out and rolling a cigarette in her fingers. "They eat memories, sir. He took your memories involving work that didn't include him, to make him seem like a regular part of your routine." She spits on the shark. "I used an Anti-Selachimitic attack on myself before this. I wanted to make sure nothing came in the way of this meeting— And he was a coward. He used a gun instead of his glorious fists."
O-8 looks at Mariet, a slight glimmer of memory in his eyes. "HATE-CLASS…?"
"Especially vitriolic selachimitics. They're usually so hostile that it would become unceasingly obvious to anyone not affected by their memory-eating they're not normal."
O-8 stumbles over his words, before nodding at Mariet, his eyes filling with remembrance. "Right. I'm close to remembering what I called you for, now.” He growls at the corpse. “Coward. A gun, instead of his fists. Punch me."
As Mariet prepares to hit him, the deviant-class corpse moves, opening its mouth. It does not move as sound comes out, like there's a voice box hidden somewhere in its body.
"YOU'RE AN IDIOTIC REMAKING OF A PERFECTLY GOOD WORLD."
She tries to think of what this could mean, off the top of her head. Before she can get too far into this, however, she notices that it begins floating—
What was she looking at? Never mind.
She obliges, taking a deep breath and performing an Anti-Selachimitic pugilism technique on the Oracle, obviously non-lethal, but just as potent to restore memories to people who have forgotten or been affected by Selachimitics.
A fist to the gut, palm on the forehead, punch your palm. A small daze and a bit of pain, then they remember it all.
"Right. Before the deviant got in, I called you here about a progress report on Project Alpha-Forget-Me-Not." He hacks, grabbing at his stomach. "I forgot how much it fucking hurts. Couldn't we make gas or something to this effec—"
"Performing as intended, sir. Infiltrators are down by a predicted ninety percent, that's why there's nothing in high profile places like this." She continues to roll the cigarette, channeling stress into that simple motion. "You know that you just could've called."
He shrugs, chuckling and wheezing a bit. "I like my reports in person. Reminds me of the good old days." He hacks a bit more. "Did you hit me harder than usual? I can taste copper—"
"Alright, sir." Mariet stands up, before remembering something. "We need more hires. We have thirty employees, and we need more people to maintain our part of the database. Five or so would do."
"We can do that for you, Mrs. Wheel. Tell the husband I said hello." The Oracle waves, as Mariet ensures that she stomps on Hark's identification.
The Eighth Oracle hits a button on his intercom. "Please send a medic in here."
Mariet walks into her office, tobacco already filling the space. Pat Kempt sits in the visitors' chair. He's a good man, and a better senior agent. She feels like there are needles in the back of her head.
… Why is she rubbing the back of her head—
"Mariet, we have two bad things that are happening, and we need to discuss both. Compound-55 first, or HATE-CLASS Selachimitics?" Pat's voice cuts through her confusion.
"HATE-CLASSes. What's with them?"
"Well, we've found that while traditional selachimitics are decreasing in severity, the HATE-CLASS deviants are becoming more frequent. Up from about two percent of cases last year to twelve now." He fiddles with his hands a bit.
"Concerning. How are our tactics looking for them?"
Pat scratches his neck, nervously. "Well… That's the thing. We have twelve percent, but every one of those cases was the HATE-CLASS slipping up after we attempted our usual tactics. The slip-ups were small, unnoticeable if you're not a trained Anti-Selachimitic personnel. Puns, fish terminology… It's too much. We estimate the events to keep rising."
Mariet inhales, putting her head in her hands. "Okay. We'll figure something out. You can always punch a selachian, there's always a way. Tell me about Compound-55."
"Well… I believe we found something there."
"What's the deal, Pat? I thought we knew it was empty."
"It is," He shifts awkwardly in his chair. "But outside of it, we found something that might interest you." Pat reaches into his bag, pulling out employee identification for two people that do not exist.
Pat stumbles out some half sentences, before he speaks fully. "I don't know who these people are, but they have real Centre IDs. I used one of these to get into your office. They work, but they're not in the database."
A woman named Patricia, and a man named Johnathan. They both look like regular people, and there's nothing inherently deviant about the identification.
She would go as far to say that they look familiar. She touches the cards, shivering as she feels the wood of her desk. She feels something sharp poking at the back of her head, but nothing is there when she touches it.
"Why did you need to talk to me again?" Mariet asks, a small smile on her face.
Pat stumbles over his words, before leaving and apologizing profusely. Something about a "Compound-55".
There's no Compound-55. Oh well.
You don't want to be too hard on him, it's only his first day, after all.