SPC-7399 
/*
 
    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;
    }
 
}
 
rating: 0+–x

The Awesomest Man & MisterFrown

CICAPOCO TELECOMMUNICATION LOG

09/19/2022

SENDING: Theseus A. Malak - CICAPOCO Liason

RECEIVING: August Solstice - Boxercat

[6 MINUTES OF IRRELEVANT CONTENT OMITTED]

MALAK: Look, I get it. I don't like 43's ideas any more than you do, but pufferfish can only get so big before they pop. What else you got?

SOLSTICE: 91 is somehow an order of magnitude lower than last quarter.

MALAK: Can't be bothered, moving on.

SOLSTICE: 17's pugilism is at an all-time low, but Graham has been making surprising headway with those dolphins.

MALAK: Eh, they can keep doing what they're doing. I don't like it, but they're harmless, for better or worse.

SOLSITCE: 333 is up 15%, and…

[SILENCE]

MALAK: Beg pardon?

SOLSTICE: 333 is up 15%. For the 7th time. In 4 months. I have to go.

MALAK: What in Neptune…

[CALL ENDED]

Yellow#: SPC-7399
WAY
Groovy
Status:
active
ACS:
none
Annoys:
keneq
Me:
warning
link to memo
Item#: {$item-number}
Level1
Containment Class:
{$container-class}
Secondary Class:
{$secondary-class}
Disruption Class:
{$disruption-class}
Risk Class:
{$risk-class}
link to memo

Selachian Pugnātorial Capabilities

SPC-7399 represents a paramount asset in realizing the Shark Punching Centre's mission statement through its usefulness in agent recruitment, increases in selachian pugilism outputs, and general efficiency improvements. The methods by which SPC-7399 benefits the Centre's mission statement are self-evident to all agents; Centre assets are actively encouraged to visit or transfer to Compound-333 at least once during their career.

Project Components

hidden text
hidden text
Compound-333's main building.
✖

SPC-7399 is a conglomerate of projects undertaken at the Centre's Compound-333, located in Atlantica, UAS. SPC-7399's primary directive is the training of civilians in proper pugilism techniques as are required to fulfill the Centre's prime directive: selachian pugilism, though it also serves as the Centre's primary public relations center and a recruitment vehicle for interested civilians. Some notable operations undertaken by SPC-7399 include:

  • Advanced physical training of upper and lower body muscles for standard combat;
  • Respiratory enhancement to facilitate aquatic combat;
  • Various anti-selachian indoctrination techniques, such as informational videos;
  • Introductions to Centre technologies, including basic SPC projects;
  • In-depth education in the biology and behavior of CYAN ABYSS;
  • Education in the culture of and diplomatic relations with CERULEAN GLOVE.

Though SPC-7399 is known to follow the basic protocols adhered to by other Centre Compounds in regards to civilian recruitment and training, Compound-333 is the locus of AZURE FALLACY, a deviant phenomenon that has allowed Compound-333 to inexplicably achieve astronomically higher outputs of pugilism from both its trained recruits and those permanently stationed within the facility than other similar operations. Resultantly, the project is currently under investigation by CICAPOCO to determine the source and nature of AZURE FALLACY.

Augmentation Summary

Selected Page From "Esoteric Pugilism Techniques, 3rd Edition"

When limiting oneself to mere punching, prospective pugilists often do just that: limit themselves. They do not see the bigger picture, what can be accomplished if they let go of this fascination with the punch. To truly gain further advantages over the selachian menace, the notion that all one can do is ball up their fists must first be abandoned.

Hereafter, I shall propose several alternatives:

  • Engagement in long-range warfare. Whether it be through firearms, crossbows, or more deviant means, engaging in long-range combat is beneficial for combatants due to the decreased risk they face on the field and being able to more easily take out various melee attackers.
  • Usage of cybernetic combatants. The benefits of computational devices that can streamline pugilism techniques, such as the ERSATS Type SEL8N, have already been proven. Thus, the next and most logical step is to make the devices do battle themselves.
  • Usage of psychological warfare. Why fight your enemy when you can convince them they'll lose before the battle even begins? Shatter their spirits.
  • Kicking. Self-evident.

[…]

SHARK PUNCHING CENTER — ORGANIZATIONAL CHAT ROOM
COMPOUND-333 <-> COMPOUND-19
09/19/2022 — 15:14
  • Vince Bohart - Warden, Compound-333
  • Anatolia Catalano - Public Outreach
  • Leonidas Morales - Medical Officer
  • Nora Patel - Chief Pugilism Coach
  • August Solstice - Boxercat

August Solstice: What. In Stonefish's name. Is this.

Vince Bohart: I'm afraid you're going to specify, good Boxercat….

August Solstice: Shark. Punching. Center. PUNCHING. As in, with your fists.

Vince Bohart: Yes?

August Solstice: YOU KNOW WHAT I MEAN YOU PASSIVE-AGRESSIVE BARNACLE
‡ Licensing / Citation
director-bohartgoi-formatshark-punching-centerthe-sharkest-timeline
page revision: 74, last edited: 12 May 2025 04:15
Edit Rate (0) Tags Discuss (0) History Files Print Site tools + Options
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License