/*
Foxtrot Sigma-9 Theme
[2022 Wikidot Theme]
By Liryn*/
/* FONTS */
@import url('https://fonts.bunny.net/css2?family=Montserrat:ital,wght@0,800;1,800&display=swap');
@import url('https://fonts.bunny.net/css2?family=Lexend:wght@700;800&display=swap');
@import url('https://fonts.bunny.net/css2?family=JetBrains+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.bunny.net/css2?family=Fira+Code:wght@400;700&display=swap');
@import url('https://fonts.bunny.net/css2?family=Sofia+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://scp-wiki.wikidot.com/local--files/theme:foxtrot/inter.css');
@import url('https://fonts.bunny.net/css2?family=Figtree:wght@800;900&display=swap');
@import url('https://fonts.bunny.net/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://scp-wiki.wikidot.com/local--files/theme:foxtrot/wl_hr.webp');
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://scp-wiki.wikidot.com/local--files/theme:foxtrot/wl_border.webp') 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 Eternal MxTape / No Return » VNP-8581
BE EXCELLENT TO EACH OTHER
This article contains attempted deadnaming, lesbo/transphobia, and a panic attack.
Partial portrait of VNP-8581, submitted to this file upon their request.
Item №: VNP-8581
Specifications: A thaumaturge named Mx. Wren Masterson, age 37. Capable of thoughtographic.The ability to write mental information onto a physical storage medium, such as psychically developing images on film. magic and limited manipulation of 'pataphysics, Mx. Masterson is a member of the anarchosocialist activist/hacktivist group "Gamers Against Weed".Formerly classified as Group of Interest-5869 by Vanguard's predecessor., where they go by the alias "steakshift".
Mx. Masterson is the creator of VNP-4581, a bootleg cassette tape of Dead Kennedys' In God We Trust, Inc. that was used to shut down fascist propaganda, police brutality, and SCP Foundation operations. The original VNP-4581 was rendered inert by The Impasse, with Mx. Masterson being reticent to recreate it.
Normalization Protocols: Mx. Masterson co-headed a press conference with their partner - Doctor Penelope Gore of Lighthouse 121 - explaining their history with and role within Gamers Against Weed. Doctor Gore subsequently explained the specifics of Operation CLOWNFISH and her prior interactions with Mx. Masterson, and how it all pertained to the Foundation's flawed interpretations of both. See log below.
Mx. Masterson was a guest speaker in a separate press conference, detailing their knowledge of 'pataphysics.
Update: As a result of Incident 8581 and its consequences, questions to Mx. Masterson pertaining to their history with the anartist collective Are We Cool Yet?.Formerly classified as GOI-2979 by Vanguard's predecessor. are to be firmly dismissed for their protection.
Addendum 8581-1 - Incident 8581:
Shortly before the premature end of Mx. Masterson's inaugural press conference, they experienced a panic attack resulting from an unauthorized series of questions asked by a member of the crowd.Later identified as Rory Almond Smith, a member of the "alt-right" conspiracy site Knights of Truth.. The incident is transcribed below.
Masterson: Alright! Does anybody have any questions? Or want me to demonstrate my l'il "ghost" projection technique?
(In the crowd, Smith raises his hand.)
Masterson: Yes, you with the chess knight on his shirt?
(Doctor Gore's eyes widen almost imperceptibly, and places her hand on Masterson's shoulder. Mx. Masterson does not react.)
Smith: Yeah, hi. Are you the one responsible for the artifact Vanguard calls VNP-4784?
(Mx. Masterson freezes, while the crowd begins to murmur. Doctor Gore shoots a glare in Smith's direction. He simply smirks in response.)
Masterson: W-what?
Smith: TV in the middle of Tilford's Folly, Hornor's Crossing, Ontario. Plays an Are We Cool Yet? film that caused the disappearances of five people? Made by one Developer, AKA An—
(Masterson begins to hyperventilate, their pupils dilating. Doctor Gore takes the microphone away from Masterson, who does not react.)
Gore: This line of questioning is grossly inappropriate for this conference. If you don't leave now, we will be forced to send security.
Smith: Fuck off, you dyke.
(Doctor Gore clenches her fists.)
Gore: SECURITY—!
Smith: (Simultaneously) Clementia Schweiger…
(Mx. Masterson begins pawing at their throat, gasping.)
Smith: Toni Vitela…
(Sweat beads down Mx. Masterson's forehead.)
Smith: Kathleen Stich…
(Tears start running down Mx. Masterson's cheeks.)
Smith: David Aylmer Brock…
(Mx. Masterson falls to the floor, curling into a fetal position as they continue to gasp for air.)
Smith: Devon Sundi—
(Smith is punched in the face by another member of the crowd.Later identified as Esther, AKA lesbian_gengar.. The audience jeers at Smith, as Vanguard security officers locate him and forcefully drag him off the premises.)
Gore: I'm so sorry, everyone, but this press conference is over.
Addendum 8581-2 — Post-incident conversation between Mx. Masterson and Doctor Gore:
Note: The following has been appended to this document with Mx. Masterson and Dr. Gore's consent.
(Doctor Gore walks into the backstage area, holding a cup of water. Mx. Masterson is seated on a couch, hands on their face. Although they are still hyperventilating, it is less severe than it was before.)
(Doctor Gore sits down next to Mx. Masterson, who does not react to their presence.)
Gore: Wren…
(Mx. Masterson does not respond.)
Gore: Wren…
(Mx. Masterson still does not respond. Hesitantly, Doctor Gore scoots closer, and gives them a gentle nudge.)
Gore: … Steakshift?
(Mx. Masterson stops their hyperventilation, and looks blearily at Doctor Gore; tear streaks running down their face. Doctor Gore extends the cup of water towards them.)
Gore: Drink this… Please?
(After a few seconds, Mx. Masterson takes the cup, and downs the contents. They stare at the empty cup for a few moments, before crushing it in their hand and tossing it into a nearby bin.)
Masterson: (Hoarsely) … Thanks…
Gore: Don't mention it.
(The two of them sit in silence for one minute, after which Mx. Masterson sighs and sits upright, turning to look at Doctor Gore.)
Masterson: I shoulda seen this coming…
Gore: Wren, don't say that. There's no way you could've known—
Masterson: It's such a predictable plot twist, though! Setting up for a happy ending, only for a diabolus ex machina to come in and yank the rug out from underneath.
Gore: This wasn't your fault—
Masterson: Of course it wasn't! This was the universe punishing me… (They sniffle.)
(Doctor Gore places both of her hands on Mx. Masterson's shoulders. Mx. Masterson's breath hitches, shuddering. Their skin is cold.)
Gore: Listen to me, Wren. You are the smartest, most resourceful person I've ever known. Even more than my colleagues at work, past or present.
(Mx. Masterson is quiet for a few moments, before they let out a wet, shaky laugh. Doctor Gore smiles.)
Gore: You — we'll get through this. Together. Even if it means facing these challenges head on.
(Mx. Masterson smiles, but then frowns, hugging themselves and rocking back and forth.)
Masterson: … W-what if the public never accepts me, after what I did as the Developer?
(Doctor Gore smiles softly.)
Gore: In my professional opinion, you've more than made up for it. But, if it makes you feel better, we've been talking with the governments about providing clemency to former members of AWCY?, so long as they don't reoffend.
(Mx. Masterson starts to say something, but is cut off by Doctor Gore kissing them on the lips. They freeze up for few moments, before they reciprocate.)
(After 30 seconds, Doctor Gore pulls away from Mx. Masterson, grinning.)
Gore: And something tells me that won't be a problem for you.
(Mx. Masterson laughs, then brings Doctor Gore into a more prolonged kiss.)
c███ur█
KNOCK
KNOCK
KNOCK
… Yes?
Hi, Mister Vitela, my name is Wren Masterson. Can I—
SLAM!
… Come in?
… Fuck.
It's okay, Wren. Let's try one of the other homes.
…
KNOCK
KNOCK
KNOCK
… Oh, it's you.
Yes, um, hi, Ms. Stich. Can I come in?
You have the nerve to show your face on my doorstep, after what your "art" did to my daughter? No, I don't think I will let you in. Get the fuck off my property, before I call the police.
Don't let it get to you, Wren. I'm right here.
…
KNOCK
KNOCK
KNOCK
Fuck off, you murderer.
SLAM!
(Sniffling)
Only two more homes. You can do this, babe.
…
KNOCK
KNOCK
KNOCK
Why? Why did you think coming to my home would help me? All I can see, when I look at your face, is the knowledge that my son is gone, erased, and never coming back. All because of you.
…
Get out.
SLAM!
…
…
KNOCK
KNOCK
KNOCK
Miss Schweiger, it's Wren Masterson. Can I come in?
Of course, dear… My Clem told me so much about you…
Addendum 8581-3 — Excerpt from Mx. Masterson's guest speech during Vanguard's introductory press conference on 'pataphysics:
(Mx. Masterson walks into the conference space, accompanied by Doctor Gore. The crowd immediately breaks into a chorus of murmurs, which ceases once Mx. Masterson raises their hand and grabs onto the microphone.)
Masterson: Thank you all for coming.
Before I go into what I was brought here for, I'd like to go off script for a moment and make a few statements.
(They pause for a moment, then turn to Doctor Gore, who gives them a nod of encouragement.)
Masterson: (Clears their throat) Okay, so, back in the mid-to-late oughts, I was a member of the artist collective Are We Cool Yet?.
I shouldn't have to tell you this, but AWCY? were not nice people. They didn't care about whether their installations killed, maimed, or mentally scarred their audiences.
But I didn't know that, back then. I was young and wanted to express myself. So I put together a short film, created a fake TV and patch of roses, placed them in a field in Hornor's Crossing, and set the film to play on a loop.
The message of the film I made isn't important. What's important was its effect. It drew people in, engrossing them, and then after a point made them vanish from this reality completely.
(Mx. Masterson lets out a sniffle, tears welling up in their eyes.)
Masterson: B-But I fucked up. I didn't consider that they might not have a way to… come b-back.
Toni, Stich, Brock, Devon, C-Clem… they were gone, and I couldn't fix it.
But I tried to.
I watched my own film, desperate to wrench my friends from whatever had a hold of them. And I found…
Nothing.
And then that Nothing spat me back the hell out.
I was a mess, for a long time. If it wasn't for F— a friend who helped me through my derealization and panic, I wouldn't be standing here today.
I left AWCY?, needless to say. I found a new group of friends, ones who wouldn't judge me for my past, who were lead by someone who went through circumstances similar to mine.
The pain of what I've done has never truly gone away. I still feel that guilt, gnawing at me from the inside. And that "Truther" helped open the wounds I bared for everyone to see, made me feel like I was about to die all over again.
(They sigh, taking a drink of water. Doctor Gore places a hand on their shoulder in reassurance.)
Masterson: I can't bring back the people I've lost. But I can atone in other ways.
I've tried talking with the surviving families of those five viewers, tried bringing them closure. If I was lucky, I would just get the door slammed in my face. Only one of them was gracious to let in, and let me use one of their names for what I have planned.
That's why I've decided to announce, with the cooperation of Vanguard, the Clementia Schweiger Recompense Fund. Used to help provide reparations to those who have lost friends and family to Are We Cool Yet?'s installations, mine included. I, of course, will be making a substantial donation with my own funds to help kickstart the proceedings.
I hope you and I can use this as a next step to our healing, and make this world a better place.
(The crowd applauds. Doctor Gore squeezes their shoulders, then gives them a kiss on the cheek, before stepping back.)
Masterson: Thank you, everyone. Now, for what you actually came for.
Tell me, what do you all know about metafiction?