/* source: http://ah-sandbox.wikidot.com/component:collapsible-sidebar-x1 */
 
#top-bar .open-menu a {
        position: fixed;
        top: 0.5em;
        left: 0.5em;
        z-index: 5;
        font-family: 'Nanum Gothic', san-serif;
        font-size: 30px;
        font-weight: 700;
        width: 30px;
        height: 30px;
        line-height: 0.9em;
        text-align: center;
        border: 0.2em solid #888;
        background-color: #fff;
        border-radius: 3em;
        color: #888;
        pointer-events: auto;
}
 
@media not all and (max-width: 767px) {
 
    #top-bar .mobile-top-bar {
        display: block;
        pointer-events: none;
    }
 
    #top-bar .mobile-top-bar li {
        display: none;
    }
 
    #main-content {
        max-width: 708px;
        margin: 0 auto;
        padding: 0;
        transition: max-width 0.2s ease-in-out;
    }
 
    #side-bar {
        display: block;
        position: fixed;
        top: 0;
        left: -20em;
        width: 17.75em;
        height: 100%;
        margin: 0;
        overflow-y: auto;
        z-index: 10;
        padding: 1em 1em 0 1em;
        background-color: rgba(0,0,0,0.1);
        transition: left 0.4s ease-in-out;
 
        scrollbar-width: thin;
    }
 
    #side-bar:target {
        left: 0;
    }
    #side-bar:focus-within:not(:target) {
        left: 0;
    }
 
    #side-bar:target .close-menu {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        margin-left: 19.75em;
        opacity: 0;
        z-index: -1;
        visibility: visible;
    }
    #side-bar:not(:target) .close-menu { display: none; }
 
    #top-bar .open-menu a:hover {
        text-decoration: none;
    }
 
    /* FIREFOX-SPECIFIC COMPATIBILITY METHOD */
    @supports (-moz-appearance:none) {
    #top-bar .open-menu a {
        pointer-events: none;
    }
    #side-bar:not(:target) .close-menu {
        display: block;
        pointer-events: none;
        user-select: none;
    }
 
    /* This pseudo-element is meant to overlay the regular sidebar button
    so the fixed positioning (top, left, right and/or bottom) has to match */
 
    #side-bar .close-menu::before {
        content: "";
        position: fixed;
        z-index: 5;
        display: block;
 
        top: 0.5em;
        left: 0.5em;
 
        border: 0.2em solid transparent;
        width: 30px;
        height: 30px;
        font-size: 30px;
        line-height: 0.9em;
 
        pointer-events: all;
        cursor: pointer;
    }
    #side-bar:focus-within {
        left: 0;
    }
    #side-bar:focus-within .close-menu::before {
        pointer-events: none;
    }
    }
}

CODE

/*
Black Supremacy
[2019 Wikidot Theme]
Created by Vizlox as the official RPC theme
 
Based on code from "Supremacy" created by James Pitchford, the "RPC Authority Dark Theme" Style created by Bobby The Evil, and the SCP Foundation Wiki "Sigma-9" theme and style which was designed by Aelanna.
 
Thanks to MrPines for major bug fixes and code additions.
 
Header Image created by Logangreenjeans
 
The code for the sideTabview was adapted from code created by JimmyBoyHaha
*/
 
@import url(https://fonts.googleapis.com/css2?family=Fira+Code&display=swap);
 
@charset "utf-8";
 
@import url('https://fonts.googleapis.com/css?family=Exo+2');
@import url('https://fonts.googleapis.com/css?family=Michroma');
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css');
@import url('http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');
 
body {
    color: #EDEDED;
    background-color: #2F333C;
    background-image: linear-gradient(
        to bottom,
        #21252E, #21252E 90px,
        #21252E 90px, #2F333C 200px,
        #2F333C 200px, #2F333C 100%);
    background-repeat: no-repeat;
}
 
:root {
/* PALLET SHEET */
 
body {
    color: #EDEDED;
    background-color: #2F333C;
    background-image: linear-gradient(
        to bottom,
        #21252E, #21252E 90px,
        #21252E 90px, #2F333C 200px,
        #2F333C 200px, #2F333C 100%);
    background-repeat: no-repeat;
}
 
--basic-border: 1px solid #666;
--basic-border-color: #666;
--dashed-border: 1px dashed #666;
--thick-border: 2px solid #666;
 
--element-border-radius: 2px;
 
--primary-background: #1d2022;
--secondary-background: rgba(0,0,0,0.15);
--background-3: #191b1d;
--background-4: #1f2125;
 
--content-bar-background: #24272a;
 
--primary-text-color: #3e6aa3;
 
--nav-hover-background: #2d4975;
 
/* BASE COLORS */
 
/* General Elements */
--text-color: #c0c0c0;
--unmargined-color: var(--primary-text-color);
--horizontal-rule-background: var(--basic-border-color);
--horizontal-rule-secondary-background: #333; /* color of horizontal rules when they are inside of content panels and stuff */
--action-area-border: var(--dashed-border);
--alert-info-border: var(--dashed-border);
--owindow-border: var(--basic-border);
--tags-border: var(--basic-border);
--error-color: #f54242; 
--content-box-shadow-color: #191919;
--content-box-shadow: 1px 1px 1px 1px var(--content-box-shadow-color);
--show-changes-del-background: rgba(255,123,123,0.47);
--show-changes-ins-background: rgba(140,255,129,0.47);
 
/* Footer */
--footer-background: var(--primary-background);
--footer-color: var(--text-color);
 
/* Body */
--body-background: #272A31;
 
/* Page Content */
--page-background: none;
--page-padding: none;
--page-border: none;
--page-border-radius: 0;
 
/* Page Title */
--page-title-color: var(--primary-text-color);
--page-title-border: var(--basic-border);
 
/* Generic Buttons */
--button-border: 1px solid #2c3340;
--button-background: #181d22;
--button-hover-border: 1px solid #27415c;
--button-hover-background: #27415c;
--button-hover-color: #fff;
--button-current-background: var(--primary-background);
 
/* Header Icon */
--header-icon: url(http://www.rpc-wiki.net/local--files/component:theme/AuthorityLogoSVG.svg);
--header-icon-adv: left 1.2em top 1rem no-repeat;
--header-icon-size: auto calc(9.5rem - 2.125rem);
 
/* Header Background */
--header-background: url(http://www.rpc-wiki.net/local--files/component:theme/darkHeader3.png);
 
/* Set to hidden to enable custom text */
--header-text-visibility: visible;
 
/* Primary Header Text */
--header-font-weight: bold;
--header-font: default;
--header-color: #fff;
--header-font-size: 180%;
--header-mobile-font-size: 85%;
 
/* Header Tagline Text */
--header-tagline-font-weight: bold;
--header-tagline-font-size: 150%;
--header-tagline-font: default;
--header-tagline-color: var(--primary-text-color);
--header-custom-text: '';
--header-tagline-custom-text: '';
--header-tagline-top: unset;
--header-tagline-bottom: unset;
--header-tagline-left: unset;
--header-tagline-right: unset;
--header-tagline-text-shadow: unset;
--header-mobile-tagline-font-size: 75%;
 
/* Search Bar */
--search-button-background: #1b1f32;
--search-button-border: 1px solid #777;
--search-button-hover-background: #363f64;
--search-button-hover-border: 1px solid #fff;
--search-input-hover-border: 1px solid #fff;
--search-input-hover-color: #fff;
--search-input-color: #33384d;
--search-input-hover: #2d3668;
--search-input-border: 1px solid #777;
 
/* Sidebar */
--sidebar-divider-color: var(--basic-border-color);
--sidebar-header-color: var(--primary-text-color);
--sidebar-hover-background: var(--nav-hover-background);
--sidebar-hover-color: #fff;
--sidebar-color: var(--text-color);
--sidebar-mobile-open-menu-color: var(--basic-border-color);
--sidebar-mobile-open-menu-border: 3px solid var(--basic-border-color);
--sidebar-mobile-open-menu-background: var(--primary-background);
--sidebar-mobile-background: var(--primary-background);
--sidebar-crit-corner-color: #b5d6ff;
 
/* Topbar */
--topbar-text-color: #aaa;
--topbar-dropdown-background: var(--body-background);
--topbar-hover-background: var(--nav-hover-background);
--topbar-divider: 1px solid var(--topbar-hover-background);
--topbar-dropdown-border-color: var(--basic-border-color);
--topbar-hover-color: #fff;
--topbar-dropdown-color: var(--text-color);
 
/* Link Colors */
--link-color: #5295e1;
--link-hover-color: #84b7f5;
--new-page-color: #626eb2;
--external-graphic-color: var(--star-rating-hue);
 
/* Wikidot Tables */
--table-header-background: var(--content-bar-background);
--table-header-background-alt: var(--background-3);
--table-header-color: #000000;
--table-header-text-color: #000000;
--table-cell-color: var(--text-color);
--table-cell-background: var(--primary-background);
--table-border: 1px solid #333;
--table-box-shadow: var(--content-box-shadow);
 
/* Tabs */
--tabview-background: var(--primary-background);
--tabview-bar-border: none;
--tabview-border: none;
--tabview-button-background: transparent;
--tabview-button-border: none;
--tabview-button-selected-background: var(--primary-background);
--tabview-button-selected-color: var(--text-color);
--tabview-button-hover-background: var(--secondary-background);
--tabview-side-tabs-background: #313336;
--tabview-side-tabs-box-shadow: 1px 0 1px 1px var(--content-box-shadow-color);
--tabview-side-box-shadow: var(--content-box-shadow);
--tabview-side-border: none;
--tabview-side-button-hover-background: var(--tabview-button-hover-background);
--tabview-side-button-selected-background: #24272a;
--tabview-side-button-divider: 1px solid var(--tabview-side-button-selected-background);
--tabview-side-scrollbar-background: var(--content-bar-background);
--tabview-side-scrollbar-thumb-background: #313b4a;
--tabview-side-scrollbar-thumb-hover-background: #303741;
 
/* Footnotes */
--footnote-border: var(--basic-border);
--footnote-background: var(--primary-background);
 
/* Table of Contents */
--toc-border: none;
--toc-background: var(--primary-background);
--toc-box-shadow: var(--content-box-shadow);
 
/* Content Panels */
--content-panel-border-radius: var(--element-border-radius);
--content-panel-background: var(--primary-background);
--content-panel-border: none;
--content-panel-padding: 10px 20px;
--content-panel-box-shadow: var(--content-box-shadow);
--content-bar-color: #777;
--news-block-body-panel-background-even: #1a1c1e;
--content-block-border: none;
--content-box-border-color: #808080;
--nested-content-border: 1px solid #333; /* border of content when inside other content elements (blockquotes, tabview, content-panels, etc.) */
 
/* Quotes */
--blockquote-background: var(--secondary-background);
--blockquote-border: none;
--blockquote-border-radius: var(--element-border-radius);
--blockquote-padding: 1px 10px;
--blockquote-box-shadow: var(--content-box-shadow);
 
/* Image Blocks */
--image-block-caption-background: var(--content-bar-background);
--image-block-border: none;
--image-block-background: var(--primary-background);
--image-block-box-shadow: var(--content-box-shadow);
 
/* Rating Modules */
--star-rating-background: var(--primary-background);
--star-rating-border: none;
--star-rating-reading-background: #111;
--star-rating-decimal-color: var(--text-color);
--binary-rating-background: var(--primary-background);
--binary-rating-border: none;
--star-rating-hue: 0deg;
--star-rating-filter: hue-rotate(calc(var(--star-rating-hue) + 350deg)) invert(1) saturate(0.4) brightness(1.3);
--star-rating-border-radius: 0px;
--star-rating-box-shadow: none;
--star-rating-stars-box-shadow: none;
--star-rating-cell-background: var(--content-bar-background);
--nested-star-rating-border: 1px solid var(--star-rating-cell-background);
 
/* Text Inputs */
--text-box-form-background: #181d22;
--text-box-form-border: 1px solid #2c3340;
 
/* Forum Threads */
--forum-thread-background: rgba(0,0,0,0.21);
--forum-thread-border: none;
--forum-thread-border-radius: 5px;
--forum-thread-box-shadow: none;
 
/* Forum Categories */
--forum-category-background-even: #1a1c1e;
--forum-category-background-odd: var(--primary-background);
 
/* Code Blocks */
--code-background: #111;
--code-border: var(--dashed-border);
 
/* Account Options */
--account-options-background: var(--primary-background);
--account-options-border: var(--basic-border);
 
/* Template Block */
--template-block-border: 2px solid #666;
--template-block-background: #14141a;
 
/* Pop-Up Boxes */
--modal-body-background: rgba(27,33,37,0.34);
--modal-header-background: #14141a;
 
/* Sidenotes */
--sidenote-open-background: #1c2431;
--sidenote-closed-background: var(--content-bar-background);
--sidenote-box-shadow: var(--content-box-shadow);
--sidenote-background: var(--primary-background);
--sidenote-contents-border: 1px dashed #333;
--sidenote-figure-border: 1px solid #333;
--sidenote-contents-open-color: var(--text-color);
--sidenote-figure-open-color: var(--text-color);
--sidenote-contents-closed-color: var(--text-color);
--sidenote-figure-closed-color: var(--text-color);
 
/* White Theme Variables */
--WT-element-border-radius: 0px;
--WT-basic-border: 1px solid #666;
--WT-basic-border-color: #666;
--WT-dashed-border: 1px dashed #666;
--WT-primary-background: #eee;
--WT-secondary-background: #e0e0e0;
--WT-background-3: var(--content-bar-background);
--WT-background-4: var(--primary-background);
--WT-content-bar-background: #c0c0c0;
--WT-primary-text-color: #2266bf;
--WT-nav-hover-background: #1f317b;
--WT-text-color: #333;
--WT-horizontal-rule-secondary-background: var(--basic-border-color);
--WT-error-color: red;
--WT-content-box-shadow-color: #666;
--WT-content-box-shadow: none;
--WT-show-changes-del-background: rgba(255,0,0,0.47);
--WT-show-changes-ins-background: rgba(23,255,0,0.47);
--WT-unmargined-color: var(--primary-text-color);
--WT-horizontal-rule-background: var(--basic-border-color);
--WT-action-area-border: var(--dashed-border);
--WT-alert-info-border: var(--dashed-border);
--WT-owindow-border: var(--basic-border);
--WT-tags-border: var(--basic-border);
--WT-body-background: #e8e8e3;
--WT-footer-background: #33333f;
--WT-footer-color: #c0c0c0;
--WT-page-background: none;
--WT-page-title-color: var(--primary-text-color);
--WT-page-title-border: var(--basic-border);
--WT-page-padding: none;
--WT-page-border: none;
--WT-page-border-radius: 0;
--WT-button-border: 1px solid #666;
--WT-button-background: #fff;
--WT-button-hover-border: 1px solid #000;
--WT-button-hover-background: #548de0;
--WT-button-hover-color: #000;
--WT-button-current-background: #888;
--WT-header-icon: url(http://www.rpc-wiki.net/local--files/component:theme/AuthorityLogoHQ.png);
--WT-header-icon-adv: left 1.2em top 1rem no-repeat;
--WT-header-icon-size: auto calc(9.5rem - 2.125rem);
--WT-header-background: url(http://www.rpc-wiki.net/local--files/theme:white/lightHeader.png);
--WT-header-text-visibility: visible;
--WT-header-font-weight: bold;
--WT-header-font: default;
--WT-header-color: #fff;
--WT-header-font-size: 180%;
--WT-header-mobile-font-size: 85%;
--WT-header-tagline-font-weight: bold;
--WT-header-tagline-font-size: 150%;
--WT-header-tagline-font: default;
--WT-header-tagline-color: #f0f0c0;
--WT-header-custom-text: '';
--WT-header-tagline-custom-text: '';
--WT-header-tagline-top: unset;
--WT-header-tagline-bottom: unset;
--WT-header-tagline-left: unset;
--WT-header-tagline-right: unset;
--WT-header-tagline-text-shadow: unset;
--WT-header-mobile-tagline-font-size: 75%;
--WT-search-button-background: #202e60;
--WT-search-button-border: 1px solid #aaa;
--WT-search-button-hover-background: #1f317b;
--WT-search-input-color: #202d60;
--WT-search-input-hover: #1e2d77;
--WT-search-input-border: 1px solid #aaa;
--WT-search-button-hover-border: 1px solid #fff;
--WT-search-input-hover-border: 1px solid #fff;
--WT-search-input-hover-color: #fff;
--WT-sidebar-divider-color: var(--basic-border-color);
--WT-sidebar-header-color: var(--primary-text-color);
--WT-sidebar-hover-background: var(--nav-hover-background);
--WT-sidebar-hover-color: #fff;
--WT-sidebar-color: var(--text-color);
--WT-sidebar-mobile-open-menu-color: #aaa;
--WT-sidebar-mobile-open-menu-border: 3px solid #aaa;
--WT-sidebar-mobile-open-menu-background: #fff;
--WT-sidebar-mobile-background: #fff;
--WT-sidebar-crit-corner-color: unset;
--WT-topbar-text-color: #aaa;
--WT-topbar-hover-background: #1f317b;
--WT-topbar-divider: 1px solid var(--topbar-hover-background);
--WT-topbar-dropdown-background: var(--body-background);
--WT-topbar-dropdown-border-color: var(--basic-border-color);
--WT-topbar-hover-color: #fff;
--WT-topbar-dropdown-color: var(--text-color);
--WT-link-color: #236ec4;
--WT-link-hover-color: var(--link-color);
--WT-new-page-color: #7729a4;
--WT-table-header-background: var(--content-bar-background);
--WT-table-header-background-alt: var(--content-bar-background);
--WT-table-header-color: var(--text-color);
--WT-table-cell-color: var(--text-color);
--WT-table-cell-background: none;
--WT-table-border: var(--basic-border);
--WT-table-box-shadow: var(--content-box-shadow);
--WT-tabview-background: var(--primary-background);
--WT-tabview-bar-border: 4px solid var(--basic-border-color);
--WT-tabview-border: var(--basic-border);
--WT-tabview-button-selected-background: #548de0;
--WT-tabview-button-hover-background: #8f92a4;
--WT-tabview-button-background: transparent;
--WT-tabview-button-border: none;
--WT-tabview-button-selected-color: var(--text-color);
--WT-tabview-side-tabs-background: var(--content-bar-background);
--WT-tabview-side-tabs-box-shadow: none;
--WT-tabview-side-box-shadow: var(--content-box-shadow);
--WT-tabview-side-border: var(--basic-border);
--WT-tabview-side-button-hover-background: var(--tabview-button-hover-background);
--WT-tabview-side-button-selected-background: var(--tabview-button-selected-background);
--WT-tabview-side-button-divider: var(--basic-border);
--WT-tabview-side-scrollbar-background: #999;
--WT-tabview-side-scrollbar-thumb-background: #666;
--WT-tabview-side-scrollbar-thumb-hover-background: #555;
--WT-footnote-border: var(--basic-border);
--WT-footnote-background: var(--primary-background);
--WT-toc-border: var(--basic-border);
--WT-toc-background: var(--primary-background);
--WT-toc-box-shadow: var(--content-box-shadow);
--WT-content-panel-background: var(--primary-background);
--WT-content-panel-border: var(--basic-border);
--WT-content-bar-color: #334;
--WT-news-block-body-panel-background-even: var(--secondary-background);
--WT-content-block-border: var(--basic-border);
--WT-content-box-border-color: #888;
--WT-nested-content-border: var(--basic-border);
--WT-content-panel-box-shadow: var(--content-box-shadow);
--WT-content-panel-border-radius: var(--element-border-radius);
--WT-content-panel-padding: 10px 20px;
--WT-blockquote-border: 1px dashed #666;
--WT-blockquote-background: var(--secondary-background);
--WT-blockquote-box-shadow: var(--content-box-shadow);
--WT-blockquote-border-radius: var(--element-border-radius);
--WT-blockquote-padding: 1px 10px;
--WT-image-block-border: var(--basic-border);
--WT-image-block-background: var(--basic-border-color);
--WT-image-block-caption-background: var(--content-bar-background);
--WT-image-block-box-shadow: var(--content-box-shadow);
--WT-star-rating-background: #214a89;
--WT-star-rating-border: 1px solid #10214c;
--WT-star-rating-reading-background: var(--basic-border-color);
--WT-star-rating-decimal-color: #eee;
--WT-star-rating-border-radius: 3px;
--WT-star-rating-box-shadow: 1px 1px 2px;
--WT-star-rating-stars-box-shadow: none;
--WT-star-rating-cell-background: #efeeea;
--WT-binary-rating-background: var(--secondary-background);
--WT-binary-rating-border: var(--basic-border);
--WT-star-rating-filter: none;
--WT-star-rating-hue: 0deg;
--WT-text-box-form-background: var(--primary-background);
--WT-text-box-form-border: var(--basic-border);
--WT-code-background: var(--secondary-background);
--WT-code-border: var(--dashed-border);
--WT-account-options-background: var(--primary-background);
--WT-account-options-border: var(--basic-border);
--WT-template-block-border: 2px dashed #666;
--WT-template-block-background: #ccc;
--WT-modal-body-background: #fff;
--WT-modal-header-background: var(--content-bar-background)!important;
--WT-sidenote-open-background: #548de0;
--WT-sidenote-contents-border: var(--dashed-border);
--WT-sidenote-figure-border: var(--basic-border);
--WT-sidenote-closed-background: var(--content-bar-background);
--WT-sidenote-box-shadow: var(--content-box-shadow);
--WT-sidenote-background: var(--primary-background);
--WT-sidenote-contents-open-color: var(--text-color);
--WT-sidenote-figure-open-color: #fff;
--WT-sidenote-contents-closed-color: var(--text-color);
--WT-sidenote-figure-closed-color: var(--text-color);
 
/* Variables Specific to White Theme  */
--WT-open-themes-border: 2px solid #666;
--WT-open-themes-background: #1d2022;
--WT-open-themes-color: #666;
--WT-open-themes-hover-color: #5295e1;
--WT-open-themes-hover-border: solid 2px var(--WT-open-themes-hover-color);
--WT-misc-1: #c0c0c0;
 
/* Variables Specific to Black Theme */
--BT-open-themes-border: 2px solid #aaa;
--BT-open-themes-background: #fff;
--BT-open-themes-color: #000;
--BT-open-themes-hover-color: #07f;
--BT-open-themes-hover-border: solid 2px #5295e1;
--BT-scrollbar-background: var(--primary-background);
--BT-scrollbar-thumb-background: #273b5a;
--BT-scrollbar-thumb-hover-background: #283649;
--BT-resizer-background: #191919;
}
 
/* Body */
#page-content { font-size: .81rem; }
 
body {
    color: #EDEDED;
    background-color: #2F333C;
    background-image: linear-gradient(
        to bottom,
        #21252E, #21252E 90px,
        #21252E 90px, #2F333C 200px,
        #2F333C 200px, #2F333C 100%);
    background-repeat: no-repeat;
}
 
#main-content {
    top: -1.2rem;
}
 
/* Sidebar */
div#side-bar{
    background: #21252E;
    clear: both;
    padding: .8em;
    border-radius: 0;
    box-shadow: none;
    overflow-x: hidden;
}
 
#side-bar .heading{
    color: #ededed;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 0.94rem;
    border-bottom: solid 1px #ededed;
}
#side-bar .side-block {
    border: transparent;
    border-radius: 0;
    box-shadow: none;
    background-color: #21252E;
}
#side-bar .side-block.media {
    background-color:#21252E;
}
#side-bar .side-block.resources {
    background-color:#21252E;
}
.side-block .menu-item > .image {
    display: none;
}
 
#top-bar div.open-menu a {
    border-radius: 0;
    box-shadow: none;
    color: var(--accentColor);
    background-color: #21252E;
    border: 1px groove var(--accentColor);
}
 
@media (max-width: 767px) {
    #main-content {
        padding: 0;
        margin: 0 5%;
        border-left: none;
    }
    #page-title {
        margin-top: 0.7em;
    }
    #side-bar {
        background-color: #21252E;
        left: -18.6em;
    }
    #side-bar:target {
        border: none;
        box-shadow: none;
    }
    #side-bar .close-menu {
        transition: width 0.5s ease-in-out 0.1s,
                    opacity 1s ease-in-out 0s;
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        background: rgba(0,0,0,0.3);
        background-position: 18.6em 50%;
        z-index: -1;
        opacity: 0;
        pointer-events: none;
    }
    #side-bar:target .close-menu {
        width: calc(100% - 18.6em);
        right: 0;
        left: auto;
        opacity: 1;
        pointer-events: auto;
    }
    #side-bar:target .close-menu:hover {
        background: unset;
    }
    #page-content > hr, #page-content > .list-pages-box > .list-pages-item > hr {
        margin: 3em -5.5%;
    }
    #side-bar {
        top: 0;
    }
    #side-bar .heading {
        padding-left: 1em;
        margin-left: -1em;
    }
    #search-top-box {
        top: 107px;
    }
}
 
/* Page Elements */
.page-source, tt{
    font-family: "Fira Code", monospace;
    font-size: 0.87rem;
}
 .code pre, .code p, .code {
    font-family: "Fira Code", monospace;
    font-size: 0.87rem;
    color: #21252E;
}
 
ins, del {
    color: black;
}
 
h1 {
    font-family: BauhausLTDemi, 'Nanum Gothic', Arial, sans-serif;
    color: var(--accentColor);
    font-weight: bold;
    letter-spacing: 1px;
}
h2,
h3,
h4,
h5,
h6 {
    font-family: BauhausLTDemi, 'Nanum Gothic', Arial, sans-serif;
    color: #EDEDED;
    font-weight: bold;
    letter-spacing: 1px;
}
.lightbox h1 {
    color: #21252E;
}
 
#page-title {
    display: none;
}
 
/* Horizontal Rules */
hr {
    background: var(--horizontal-rule-background);
    Margin: 1em 0;
}
 
/* Custom Syntax */
.darkbox {
    background-color: #21252E;
    border-left: solid 0.26rem var(--accentColor);
    border-right: solid 0.26rem var(--accentColor);
    padding: .4rem;
    margin-top: 12px;
    margin-bottom:12px;
}
 
.lightbox {
    background-color: #ededed;
    color: #21252E;
    border-left: solid 0.26rem #21252E;
    border-right: solid 0.26rem #21252E;
    padding: 0.8rem;
    margin-top: 12px;
    margin-bottom:12px;
}
.lightbox h2, .lightbox h3, .lightbox h4, .lightbox h5, .lightbox h6 {
    color: #21252E;
}
 
.lightbox hr {
    background-color: #000;
}
.lightbox a {
    filter: invert(1);
}
.lightbox a:hover {
    background: none;
}
 
 #page-content .sidebox tr td,
 #page-content .sidebox tr th{
     padding: .35em;
}
 #page-content .authorbox tr td,
 #page-content .authorbox tr th{
     padding: .35em;
}
 .limit{
     margin-bottom: -1rem;
}
 .anchor{
     position: sticky;
     height: 0;
     top: 0;
}
 .authorbox,
 .sidebox {
     position: absolute;
     width: calc((100vw - 870px) / 2);
     max-height: calc(100vh - 18rem);
     margin: 0 8px 0 0;
     padding: .14rem;
     box-sizing: border-box;
     overflow: auto;
     z-index: 5;
}
 .authorbox {
     max-width: calc((100vw - 921.2px) / 2) !important;
     top: .5em;
     right: 103.5%;
}
 .sidebox{
     top: 0;
     left: 103.5%;
     padding-left: 1em;
}
 
@media (max-width:1079px) {
    .authorbox, .sidebox {
        display: none;
    }
}
 
#page-content .bt {
    color: var(--accentColor);
    font-weight: bold;
    filter: brightness(110%);
    text-decoration-color: inherit;
}
 
.tableb .wiki-content-table {
    border-collapse: separate;
    border-spacing: 3px;
}
 
.tableb .scp-image-block {
    border: none;
}
 
.tableb .scp-image-block img {
    border: var(--accentColor) 1px solid;
    box-sizing: border-box;
}
 
.tableb .scp-image-block .scp-image-caption {
    margin-top: 3px;
    border: var(--accentColor) 1px solid;
    box-sizing: border-box;
}
 
:root {
  --accentColor: #99bbff;
  --lgurl: url("https://scp-wiki.wdfiles.com/local--files/theme%3Apenumbra/logo.png");
  --posX: calc(50% - 358px - 13rem);
  --fnColor: var(--accentColor);
}
 
div#extra-div-1 {
    filter: opacity(0.5);
}
 
/* Links */
a {
    color: var(--link-color);
    text-decoration: none;
    background: transparent;
    transition: color 0.5s ease;
}
 
a.newpage {
    color: var(--new-page-color);
    text-decoration: none;
    background: transparent;
}
 
a:hover {
    text-decoration: underline;
    background-color: transparent;
    color: var(--link-hover-color);
}
 
a::after {
  filter: hue-rotate(var(--external-graphic-color));
}
 
.form-control {
    width: 95%;
}
 
/* Header Elements */
div#container-wrap,
div#header {
     background-image: none;
}
 
div#extra-div-1 {
    height: 164px;
    width: 100%;
    top: 0;
    position: absolute;
    background: var(--lgurl);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    z-index: -1;
}
 
#header h1, #header h2 { margin-left: 0; float: none; text-align: center; }
/* Move the subtitle down a smidge */
#header h2 { margin-top: 0.45rem; }
/* Hide the existing text */
#header h1 span, #header h2 span { font-size: 0; display: none; }
/* Style the new text */
#header h1 a::before, #header h2::before {
  color: var(--accentColor);
  text-shadow: none;
  letter-spacing: 2pt;
  font-family: BauhausLTDemi, 'Nanum Gothic', Arial, sans-serif;
}
/* Set the new text's content from variable */
#header h1 a::before {
  content: var(--header-title, "SITE-21");
  font-weight: 300;
  font-size: 1.4em;
}
#header h2::before {
  content: var(--header-subtitle, "SECURE - CONTAIN - PROTECT");
  font-weight: 600;
  font-size: 1.3em;
}
 
#login-status {
    color: #ededed;
}
#login-status a {
    color: var(--accentColor);
}
#login-status ul a {
    color: #ededed;
    background: #21252E;
}
#login-status ul a:hover {
    color: var(--accentColor);
}
 
#account-topbutton{
    border: solid 1px var(--accentColor);
}
 
#footer, #footer a {
    background: transparent;
    color: #ededed;
}
#license-area {
     color: #ededed;
}
 
#search-top-box {
    top: 2.2rem!important;
    right: 8px;
}
#search-top-box-form > input[type=submit] {
    border: solid 1px #ededed;
    background: #21252E!important;
    box-shadow: none;
    border-radius: 0;
    color: #ededed;
    transition: color 0.15s linear;
}
#search-top-box-form input[type=submit]:hover {
    border: solid 1px var(--accentColor);
    box-shadow: none;
    color: var(--accentColor);
}
#search-top-box-form > input[type=text] { display: none; }
 
/* Topbar */
#top-bar {
     top: 8.4rem;
     display: flex;
     justify-content: center;
     right: 0;
}
#top-bar, #top-bar a {
     color: #ededed;
     transition: color 0s;
}
#top-bar ul li ul {
    border-color: var(--accentColor);
    overflow: hidden;
}
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
   border-top-color: #2F333C;
}
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: #21252E;
    color: #ededed;
}
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: #21252E; /* top bar hover background color */
    color: var(--accentColor);
    transition: color 0.1s linear;
}
 
/* Parented Pages Block */
#breadcrumbs {
    margin: -1em 0 1em;
    font-weight: 85%;
}
 
/* Yui Tabs */
.yui-nav {
    border-bottom: var(--tabview-bar-border)!important;
}
 
.yui-navset  {
    margin: 10px 0;
    box-shadow: var(--content-box-shadow);    
    background: var(--content-bar-background);
}
 
.yui-navset .yui-content {
    background-color: var(--tabview-background);
    border: var(--tabview-border)!important;
    border-top: none!important;
}
 
.yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {
    background: var(--tabview-button-background);
    color: var(--text-color);
    transition: none;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
    background: var(--tabview-button-selected-background);
    color: var(--tabview-button-selected-color);
}
 
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background: var(--tabview-button-hover-background);
    min-height: 25px;
}
 
.yui-nav em {
    border: var(--tabview-button-border)!important;  
    border-bottom: none!important;
}
 
.yui-nav a {
    border: none!important;
}
 
.yui-nav li {
    min-height: 25px;
    line-height: normal;
}
 
.yui-nav li em {
    top: 0px!important;
}
 
.yui-nav li.selected em {
    top: -1px!important;
    border: 0px solid transparent!important;
}
 
.yui-navset .yui-nav .selected {
    margin: 0 0.16em 0 0;
}
 
.sideTabview .yui-navset, .sideTabview .yui-navset * {
    box-sizing: border-box!important;
}
 
.sideTabview .yui-navset {
    width: 100%;
    max-height: 700px;
    margin: 10px 0!important;
    overflow: hidden;
    box-shadow: var(--tabview-side-box-shadow);
    background: linear-gradient(to right, var(--tabview-side-tabs-background) 25%, var(--tabview-background) 0);
    border: var(--tabview-side-border);
}
 
.sideTabview .yui-nav {
    float: left;
    background: var(--tabview-side-tabs-background);
    max-height: 700px;
    width: 25%!important;
    overflow: auto;
    border: none!important;
    box-shadow: var(--tabview-side-tabs-box-shadow);
}
 
.sideTabview .yui-nav li {
    display: block!important;
    padding: 0!important;
    margin: 0!important;
    font-size: 110%;
    width: 100%;
    border-bottom: var(--tabview-side-button-divider);
}
 
.sideTabview .yui-nav li:hover {
    background: var(--tabview-side-button-hover-background)!important;
}
 
.sideTabview .yui-nav li a {
    width: 100%;
}
 
.sideTabview .yui-nav li a em {
    padding: 25px 16px!important;
}
 
.sideTabview .selected em {
    background: var(--tabview-side-button-selected-background)!important;
}
 
.sideTabview .yui-navset .yui-nav a:hover {
    background: none;
}
 
.sideTabview .yui-content {
    float: left;
    padding: 0!important;
    width: 75%;
    max-height: 700px;
    clear: none!important;
    background: none!important;
    border: none!important;
}
 
.sideTabview .yui-content>div {
    overflow: auto;
    padding: 0 12px!important;
    width: 100%;
    max-height: 700px;
}
 
.sideTabview .yui-nav li.selected em {
    top: 0!important;
}
 
.sideTabview .yui-nav::-webkit-scrollbar {
    width: 13px;
}
 
.sideTabview .yui-nav::-webkit-scrollbar:horizontal {
    height: 13px;
}
 
.sideTabview .yui-nav::-webkit-scrollbar-track, 
.sideTabview .yui-nav::-webkit-scrollbar-corner {
    background: var(--tabview-side-scrollbar-background);
}
 
.sideTabview .yui-nav::-webkit-scrollbar-thumb {
    background: var(--tabview-side-scrollbar-thumb-background);
}
 
.sideTabview .yui-nav::-webkit-scrollbar-thumb:hover {
    background: var(--tabview-side-scrollbar-thumb-hover-background);
}
 
.sideTabview.short .yui-navset,
.sideTabview.short .yui-nav,
.sideTabview.short .yui-content,
.sideTabview.short .yui-content>div {
    max-height: 500px;
}
 
.sideTabview.locked .yui-navset,
.sideTabview.locked .yui-nav,
.sideTabview.locked .yui-content {
    height: 700px;
}
 
.sideTabview.locked.short .yui-navset,
.sideTabview.locked.short .yui-nav,
.sideTabview.locked.short .yui-content {
    height: 500px;
}
 
.sideTabviewMini .yui-navset {
  display: grid;
  grid-template-columns: 10%;
}
 
.sideTabviewMini.medium .yui-navset {
  grid-template-columns: 15%;
}
 
.sideTabviewMini.wide .yui-navset {
  grid-template-columns: 20%;
}
 
.sideTabviewMini .yui-nav li {
  width: calc(100% - 0.16em);
  display: block;
  text-align: center;
}
 
.sideTabviewMini .yui-nav li a {
  width: 100%;
}
 
.sideTabviewMini .yui-navset .yui-content {
  grid-column-start: 2;
}
 
.compactTabview .yui-navset {
    background: none;
    box-shadow: none;
}
 
.compactTabview .yui-nav {
    background: var(--content-bar-background);
    width: 26px!important;
    height: 26px;
    box-shadow: var(--content-box-shadow);
    border-bottom: none!important;
}
 
.compactTabview .yui-nav:hover {
    width: auto!important;
    height: auto;
}
 
.compactTabview .yui-nav::before {
    content: "+";
    left: 7px;
    top: 5px;
    position: relative;
    color: var(--content-bar-color);
    font-size: 120%;
    font-weight: bold;
}
 
.compactTabview .yui-nav:hover::before {
    content: unset;
    left: unset;
    top: unset;
    position: unset;
    color: unset;
    font-size: unset;
    font-weight: unset;
}
 
.compactTabview .yui-content {
    box-shadow: var(--content-box-shadow);
    border-top: var(--tabview-bar-border)!important;
}
 
.compactTabview .yui-navset li {
    display: none!important;
}
 
.compactTabview .yui-nav:hover li {
    display: inline-block!important;
}
 
/* Footer */
#footer {
    clear: both;
    font-size: 77%;
    background: var(--footer-background);
    color: var(--footer-color);
    margin-top: 15px;
    padding: 3px 10px;
}
 
#footer .options {
    visibility: visible;
    display: block;
    float: right;
    width: 50%;
    font-size: 100%;
    text-align: right;
}
 
#footer a {
    color: #fff;
    background: transparent;
}
 
/* Fix Overflow */
.page-source, blockquote {
    word-wrap: break-word;
}
 
/* Custom Page Content Classes */
#page-content {
    min-height: 1200px;
    background: var(--page-background);
    padding: var(--page-padding);
    Border: var(--page-border);
    border-radius: var(--page-border-radius);
}
 
.unmargined > p {
    margin: 0;
    line-height: 100%;
    color: var(--unmargined-color);
}
 
.content-panel {
    border-radius: var(--content-panel-border-radius);
    background: var(--content-panel-background);
    border: var(--content-panel-border);
    padding: var(--content-panel-padding);
    margin: 10px 20px 15px 20px;
    box-shadow: var(--content-panel-box-shadow);
}
 
.content-panel.centered {
    text-align: center;
}
 
.content-panel.dark {
    background: var(--secondary-background);
}
 
.info-block.left-column, .info-block.right-column, .featured-block.left-column, .featured-block.right-column {
    width: 48%;
    padding: 0;
}
 
.content-panel.content-toc {
    float: right;
    padding: 0 20px;
    white-space: nowrap;
    margin: 10px 0 15px 5px;
  }
 
.featured-title {
    font-weight: bold;
    height: 35px;
    font-size: 110%;
}
 
.news-block, .featured-block, .info-block {
    border: var(--content-block-border);
}
 
.news-block, .info-block {
    margin: 15px 0;
    box-shadow: var(--content-box-shadow);
}
 
.news-block .body-panel {
    background: var(--content-panel-background);
    padding: 10px;
}
 
.news-block .body-panel .news-date {
    color: #777;
    font-size: 80%;
}
 
.news-block .body-panel .news-content {
    margin: 10px 0px 10px 30px;
}
 
.info-block .body-panel {
    background: var(--content-panel-background);
    padding: 10px;
    font-size: 90%;
}
 
.info-block .body-panel.centered {
    text-align: center;
}
 
.header-panel {
    background: var(--content-bar-background);
    padding: 5px;
    font-weight: bold;
    font-size: 75%;
    color: var(--content-bar-color);
}
 
.footer-panel {
    background: var(--content-bar-background);
    padding: 5px;
    font-weight: bold;
    font-size: 75%;
    text-align: right;
    Color: var(--content-bar-color);
}
 
.news-block .footer-panel a {
    color: var(--primary-text-color);
}
 
.news-block .body-panel:nth-child(even) {
    background: var(--news-block-body-panel-background-even);
}
 
.featured-block {
    box-shadow: var(--content-box-shadow);
    margin: 15px 0;    
}
 
.featured-block .body-panel {
    background: var(--content-panel-background);
    text-align: left;
    padding: 10px;
    height: 100%;
    overflow-y: hidden;
}
 
.featured-block.left-column .body-panel, .featured-block.right-column .body-panel {
    height: 150px;
}
 
.featured-block .body-panel.short {
    height: auto;
}
 
.content-panel hr, .yui-content hr, .info-block hr, .news-block hr, .featured-block hr, blockquote hr {
    background: var(--horizontal-rule-secondary-background);
}
 
.clean hr {
    border: 2px dashed var(--content-bar-background);
    height: 0px;
    background: none;
    margin: auto -20px;
}
 
.content-box {
    border-radius: 0;
    border: 2px solid var(--content-box-border-color);
    padding: var(--content-panel-padding);
    margin: 10px 20px 15px 20px;
}
 
.content-box.dashed {
    border-style: dashed;    
}
 
.content-box.thin {
    border-width: 1px;
}
 
.content-box.round {
    border-radius: 20px;
}
 
.left-column {
    float: left;
    width: 40%;
    margin: 10px 0;
}
 
.right-column {
    float: right;
    width: 40%;
    margin: 10px 0;
}
 
/* Template Block (Original Formatting by Dr. Pierson) */
.templateBlock {
    background: var(--template-block-background);
    border: var(--template-block-border);
    width: 450px;
    margin: 0 auto 15px auto;
    text-align: center;
    padding: 0 15px;
    Max-width: 90%;
}
 
.templateBlock img {
    max-width: 100%;
}
 
.templateBlock.special {
  background: linear-gradient(#222e2e, #171f1f, #222e2e);;
}
 
/* Tags */
.page-tags span {
    border-top: var(--tags-border);
}
 
/* Multi-Line Tags Fix */
#main-content .page-tags {
    margin: 1em 0 0;
    padding: 0;
}
 
#main-content .page-tags span {
    display: inline-block;
    padding: 0;
    max-width: 60%;
}
 
#main-content .page-tags a {
    display: inline-block;
    white-space: nowrap;
}
 
/* Hide Hidden Tags */
#main-content .page-tags a[href^="/system:page-tags/tag/_"] {
    display: none;
}
 
/* Pop-Up Text Boxes */
.modal-body img {
    background: none!important;
}
 
.modal-body {
    background: var(--modal-body-background);
}
 
.modal-header, .owindow, .owindow .title {
    background: var(--modal-header-background)!important;    
}
 
.owindow {
    border: var(--owindow-border);
}
 
.owindow table.table a {
    word-break: break-word;
}
 
/* Ruby by Nanimono Demonai */
 
.ruby, ruby {
    display: inline-table;
    text-align: center;
    white-space: nowrap;
    line-height: 1;
    height: 1em;
    vertical-align: text-bottom;
}
 
.rt, rt {
    display: table-header-group;
    font-size: 0.6em;
    line-height: 1.1;
    text-align: center;
    white-space: nowrap;
}
 
/* 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;
}
 
hr{
    background-color: var(--accentColor);
}
 
blockquote,
div.blockquote,
#toc {
    background-color: #21252E;
    border: #21252E 2px solid;
    border-left: 4px dashed var(--accentColor);
    box-shadow: 4px 4px #2F333C;
}
 
.code {
    background-color: #F8F8F8;
    border: solid 3px #2F333C;
    box-shadow: none;
}
.scp-image-block {
    border: 1px solid var(--accentColor);
    box-sizing: border-box;
}
.scp-image-block .scp-image-caption {
    background-color: #21252E;
    border-top: 1px solid var(--accentColor);
    color: #ededed;
    font-size: 0.65rem;
    padding: 0.1rem;
    box-sizing: border-box;
}
.scp-image-block.block-left { margin-left: 0; }
.scp-image-block.block-right { margin-right: 0; }
@media (max-width: 540px) {
  .scp-image-block.block-left, .scp-image-block.block-right {
    float: none; clear: both; margin-left: auto; margin-right: auto;
  }
}
 
/* Keycap */
.keycap {
    border: 1px solid;
    border-color: #ddd #bbb #bbb #ddd;
    border-bottom-width: 2px;
    -moz-border-radius: var(--element-border-radius);
    -webkit-border-radius: var(--element-border-radius);
    border-radius: var(--element-border-radius);
    background-color: #f9f9f9;
    padding: 1px 3px;
    font-family: inherit;
    font-size: 0.85em;
    white-space: nowrap;
}
 
/*
    2011-11-13 Minobe Hiroyuki @ Marguerite Site
    www.marguerite.jp/Nihongo/WWW/CSSTips/EmphasizeDots-CSS3.html
    Edited for the SCP Foundation by Nanimono_Demonai
*/
 
.emph {
    text-emphasis-style: dot ;
    -webkit-text-emphasis-style: dot ;
}
 
/* Account Options */
#login-status {
    font-size: 90%;
    z-index: 30;
}
 
#printuser {
    color: var(--text-color);
    background-color:transparent;
}
 
#login-status a {
    color: var(--text-color);
    background-color: transparent;
}
 
#login-status a:hover {
    color: var(--link-hover-color);
}
 
#account-options {
    background: var(--account-options-background);
    border: var(--account-options-border);
}
 
#account-options li a:hover {
    color: var(--link-hover-color);
}
 
#account-options a, a#account-topbutton {
    font-weight: normal;
    background-color: transparent;
}
 
#account-options #account-options, a#account-topbutton {
    background-color: transparent;
    border-style: none;
    color: var(--text-color);
}
 
sup {
    vertical-align: top;
    position: relative;
    top: -0.5em;
}
 
body {
    color: #EDEDED;
    background-color: #2F333C;
    background-image: linear-gradient(
        to bottom,
        #21252E, #21252E 90px,
        #21252E 90px, #2F333C 200px,
        #2F333C 200px, #2F333C 100%);
    background-repeat: no-repeat;
}
 
#content-wrap {
    position: relative;
    margin: 2em auto 0;
    max-width: 1040px;
    min-height:1500px;
    height: auto;
}
 
ul {
    list-style: square;
}
 
h3, h4, h5, h6, h7 {
    margin: 0.5em 0 0.4em;
    padding: 0;
    letter-spacing: 1px;
}
 
#page-title {
    color: var(--page-title-color);
    font-weight: bold;
    padding: 0 0 0.25em;
    margin: 0 0 0.6em;
    border-bottom: var(--page-title-border);
    word-wrap: break-word;
    position: relative;
    top: 1px;
}
 
blockquote {
    border: var(--blockquote-border);
    color: var(--text-color);
    background: var(--blockquote-background);
    border-radius: var(--blockquote-border-radius);
    padding: var(--blockquote-padding);
    box-shadow: var(--blockquote-box-shadow);
  }
 
/* Standard Image Block */
.image-block {
    border: var(--image-block-border);
    width: 300px;
    box-shadow: var(--image-block-box-shadow);
    background: var(--image-block-background);
}
 
.image-block.block-right {
    float: right;
    clear: right;
    margin: 0 2em 1em 2em;
}
 
.image-block.block-left {
    float: left;
    clear: left;
    margin: 0 2em 1em 0;
}
 
.image-block.block-center {
    margin-right: auto;
    margin-left: auto;
}
 
.image-block img {
    border: 0;
    width: 300px;
}
 
.image-block .image-caption {
    background: var(--image-block-caption-background);
    border-top: var(--image-block-border);
    padding: 2px 0;
    font-size: 80%;
    font-weight: bold;
    text-align: center;
    width: 300px;
}
 
.image-block > p {
    margin: 0;
}
 
.image-block .image-caption > p {
    margin: 0;
    padding: 0 10px;
}
 
.image-block img, .image-block, .image-caption {
    max-width: 100%;
}
 
/* Sidenotes */
 
.sidenoteImage.sidenoteType-text {
    display: none!important;
}
 
.sidenoteContent.sidenoteType-image {
    display: none!important;
}
 
.sidenoteIT.sidenoteImage-bottom {
    display: none!important;
}
 
.sidenoteIB.sidenoteImage-top {
    display: none!important;
}
 
.sidenoteC {
    border: var(--sidenote-contents-border);
    color: var(--sidenote-contents-closed-color);
    border-top: none;
    padding: 0.3em 0.7em;
}
 
.sidenoteI {
    padding: 1px;
}
 
.sidenoteH {
    background: var(--sidenote-closed-background);
    border: var(--sidenote-figure-border);
    color: var(--sidenote-figure-closed-color);
    text-align: center;
    padding: 0 15px 0 15px;
}
 
.sidenote {
    position: static;
}
 
.sidenoteContainer {
    width: 100%;
    clear: both;
    margin: 0px 0px 10px 0px;
    box-shadow: var(--sidenote-box-shadow);
    background: var(--sidenote-background);
}
 
.sidenoteAlign-right {
    width: 300px!important;
    float: right;
    margin: 0px 0px 10px 10px!important;
}
 
.sidenoteAlign-left {
    width: 300px!important;
    float: left;
    margin: 0px 10px 10px 0px!important;
}
 
@media (min-width: 1000px) {
    .sidenoteAlign-right.sidenoteAlign-true {
        margin: 0px 2em 10px 10px!important;
    }
 
    .sidenoteAlign-left.sidenoteAlign-true {
        margin: 0px 10px 10px 2em!important;
    }
 
    .sidenote.sidenoteLock-false:hover .sidenoteH {
        background: var(--sidenote-open-background);
        color: var(--sidenote-figure-open-color);
    }
 
    .sidenote.sidenoteLock-false .sidenoteC, .sidenote.sidenoteLock-false .sidenoteI {
        display: none;
        color: var(--sidenote-contents-open-color);
    }
 
    .sidenote.sidenoteLock-false:hover .sidenoteC, .sidenote.sidenoteLock-false:hover .sidenoteI {
        display: block;
    }
}
 
@media (max-width: 999px) {
    .sidenoteContainer {
        float: none;
        margin: 10px 0!important;
        width: 100%!important;
    }
    .sidenoteH {
        background: var(--sidenote-open-background);
        color: var(--sidenote-figure-open-color);        
    }
    .sidenoteC, .sidenoteI {
        color: var(--sidenote-contents-open-color);        
    }
}
 
.redaction {
    background: #111;
    color: transparent;
}
 
/* Hazards Component */
 
.hazardTypeText.hazardsType-properties,
.propertiesText.hazardsType-hazards,
.hazardTableText.hazardsType-none {
    display: none!important;
}
 
.hazardTableText {
width: 110px; 
vertical-align: top; 
position: relative; 
right: 2px; 
top: 10px; 
padding: 0;
}
 
.hazardTableText.hazardsType-properties {
    width: 160px;
}
 
.hazardImage {
margin-top: 1px;
width: 35px;
filter: invert(91%);
opacity: 1;
font-size: 80%;
font-weight: bold;
}
 
.hazardBlock {
  position: relative;
  display: inline-block;
}
 
.hazardBlock .hazardText {
  visibility: hidden;
  width: 120px;
  background-color: #333;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  width: 120px;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
  position: absolute;
  z-index: 1;
}
 
.hazardBlock:hover .hazardText {
  visibility: visible;
}
 
.hazardBlock .hazardText::after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}
 
.hazardBlock .hazardText {
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
 
.hazardBlock:hover .hazardText {
  opacity: 1;
}
 
table.hazardTable {
    padding-right: 5px!important;
}
 
@media (max-width: 768px) {
    table.hazardTable {
    padding-right: 20px!important;
    }
}
 
/* Wikidot Tables */
table.wiki-content-table {
    width: 100%;
    box-shadow: var(--table-box-shadow);
}
 
table.wiki-content-table th {
    background-color: var(--table-header-background);
    border: var(--table-border);
    color: var(--table-header-color);
    padding: 0.3em 0.7em;
}
 
table.wiki-content-table td {
    background-color: var(--table-cell-background);
    border: var(--table-border);
    padding: 0.3em 0.7em;
    color: var(--table-cell-color);
}
 
.wanted-pages-module th, .page-compare th {
    background-color: var(--table-header-background);
    border: var(--table-border)!important;
    color: var(--table-header-color);
}
 
.wanted-pages-module td, .page-compare td {
    background-color: var(--table-cell-background);
    border: var(--table-border)!important;
}
 
/* Footnotes */
.hovertip {
    border: var(--footnote-border)!important;
    background: var(--footnote-background)!important;
  }
 
/* ---- INTERWIKI ---- */
 
.scpnet-interwiki-frame{
    filter: invert(100%) grayscale(100%) contrast(75%);
}
 
/*  ACS COLORS by Nagiros  */
:root {
  --five-color: 255, 34, 67 !important;   /*  red  */
  --four-color: 255, 141, 54 !important;   /*  orange  */
  --three-color: 255, 226, 82 !important;   /*  yellow  */
  --two-color: 117, 167, 242 !important;   /*  blue  */
  --one-color: 40, 159, 107 !important;   /*  green  */
 
  --white-bar: 207, 207, 207;
  --lg-bar: 118, 118, 130;
  --gray-bg: 66, 66, 72;
}
 
.anom-bar > .bottom-box {   /*  horizontal bar  */
  box-shadow: 0 -0.5rem 0 0 rgb(207, 207, 207) !important;
  -webkit-box-shadow: 0 -0.5rem 0 0 rgb(207, 207, 207) !important;
  -moz-box-shadow: 0 -0.5rem 0 0 rgb(207, 207, 207) !important;
  box-shadow: 0 -0.5rem 0 0 rgb(var(--white-bar, 207, 207, 207)) !important;
  -webkit-box-shadow: 0 -0.5rem 0 0 rgb(var(--white-bar, 207, 207, 207)) !important;
  -moz-box-shadow: 0 -0.5rem 0 0 rgb(var(--white-bar, 207, 207, 207)) !important;
}
.bottom-box > .diamond-part {   /*  vertical bar  */
  box-shadow: -0.5rem 0 0 0 rgb(207, 207, 207) !important;
  -webkit-box-shadow: -0.5rem 0 0 0 rgb(207, 207, 207) !important;
  -moz-box-shadow: -0.5rem 0 0 0 rgb(207, 207, 207) !important;
  box-shadow: -0.5rem 0 0 0 rgb(var(--white-bar, 207, 207, 207)) !important;
  -webkit-box-shadow: -0.5rem 0 0 0 rgb(var(--white-bar, 207, 207, 207)) !important;
  -moz-box-shadow: -0.5rem 0 0 0 rgb(var(--white-bar, 207, 207, 207)) !important;
}
.anom-bar-container.esoteric .text-part .main-class,
.anom-bar-container.explained .text-part .main-class,
.anom-bar-container.neutralized .text-part .main-class,
.anom-bar-container.pending .text-part .main-class {
  background-color: rgba(66, 66, 72, .5) !important;
  background-color: rgba(var(--gray-bg, 66, 66, 72), .5) !important;
  border-left-color: rgb(118, 118, 130) !important;
  border-left-color: rgb(var(--lg-bar, 118, 118, 130)) !important;
}
.danger-diamond > .arrows,
.danger-diamond > .bottom-icon::before {   /*  inverted arrows, esoteric icons  */
  filter: invert(90%) !important;
  -webkit-filter: invert(90%) !important;
}
.danger-diamond > .quadrants > .bottom-quad,
.anom-bar-container.explained .danger-diamond > .quadrants > .top-quad,
.anom-bar-container.neutralized .danger-diamond > .quadrants > .top-quad,
.anom-bar-container.pending .danger-diamond > .quadrants > .top-quad {   /*  "transparent" bottoms/top icon backgrounds  */
  background-color: rgb(26, 26, 26) !important;   /*  body background color  */
}
.danger-diamond > .bottom-icon,
.anom-bar-container.pending .danger-diamond > .top-icon::before {   /*  esoteric, pending icon backgrounds  */
  background-color: rgb(3, 3, 3) !important;
}
 
.anom-bar > .bottom-box::before {
    background-color: var(--white-bar);
}
 
.top-left-box > .item {
  display: none;
}
 
/* Table of Contents */
#toc {
    color: var(--text-color);
    border: var(--toc-border);
    background: var(--toc-background);
    Box-shadow: var(--toc-box-shadow);
}
 
/* Module Rate Customization (Upvote / Downvote System) */
.page-rate-widget-box {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 2em;
    box-shadow: var(--content-box-shadow);
}
 
.page-rate-widget-box .rate-points {
    background-color: var(--binary-rating-background)!important;
    border: var(--binary-rating-border);
    color: var(--text-color)!important;
}
 
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    border-top: var(--binary-rating-border);
    border-bottom: var(--binary-rating-border);
}
 
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background: var(--binary-rating-background);
    color: var(--link-color);
    font-weight: bold;
}
 
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    transition: background 0.5s ease;
    background: var(--text-color);
    color: var(--binary-rating-background);
    text-decoration: none;
}
 
.page-rate-widget-box .cancel {
    border: var(--binary-rating-border);
}
 
.page-rate-widget-box .cancel a {
    background: var(--binary-rating-background);
    color: var(--text-color);
    text-transform: uppercase;
    font-weight: bold;
}
 
.page-rate-widget-box .cancel a:hover {
    transition: background 0.5s ease;
    background: var(--text-color);
    color: var(--binary-rating-background);
    text-decoration: none;
}
 
 /* component:rate Customization (5 Star System) */
.rateContainer {
    width: 100%;
    height: 30px;
}
 
.ratingContainer {
    height: auto;
}
 
.tableStyle {
    background: var(--star-rating-background);
    margin-right: 2em;
    display: inline-block;
    border-collapse: collapse;
    border-spacing: 0px;
    border: var(--star-rating-border);
    box-shadow: var(--content-box-shadow);
    border-radius: var(--star-rating-border-radius);
}
 
.rateStyle {
    margin-right: 2em;
    box-shadow: var(--star-rating-box-shadow);
}
 
.starStyle {
    display: inline-block;
    padding: 2px 4px 0px 4px;
    margin: 0;
    background: var(--star-rating-background);
    box-shadow: var(--star-rating-stars-box-shadow);
}
 
.cellStyle {
    display: inline-block;
    padding: 1px 4px 0px 4px;
    background: var(--star-rating-cell-background);
    height: 20px;
    border: none;
}
 
.cellStyle p, .cellStyle div p {
    margin: 0;
}
 
.decimalStyle {
    background-color: var(--star-rating-background);
    padding-right: 6px;
    color: var(--star-rating-decimal-color);
}
 
.translationStyle {
    padding-left: 6px;
    padding-right: 6px;
    background-color: var(--star-rating-background);
}
 
.readingStyle {
    background: var(--star-rating-reading-background);
    padding: 0 3px 0 3px;
    border-left: var(--star-rating-border);
}
 
.cellStyle.votesRight-left, 
.cellStyle.votesLeft-right, 
.cellStyle.votesRight-none, 
.cellStyle.votesLeft-none {
    display: none;
}
 
.starStyle.votesRight-left, 
.starStyle.votesRight-none {
    text-align: center;
}
 
img[src$="/common--images/jquery-raty/star-on.png"] {
    filter: var(--star-rating-filter);
}
 
img[src$="/common--images/jquery-raty/star-half.png"] {
    filter: var(--star-rating-filter);
}
 
img[src$="/common--images/jquery-raty/star-off.png"] {
    filter: var(--star-rating-filter);
}
 
/* Generic Buttons */
#h-perpage,
.optionstd a,
.new-post .btn,
#history-form-1 .btn-sm,
.well .btn-sm,
.change-textarea-size a,
.buttons .btn-small,
.action-area .btn-default,
.action-area .btn-primary,
.col-lg-10 .form-control,
.form-actions .btn-danger,
.buttons .btn-default,
.target a,
.buttons .btn-danger,
#edit-cancel-button,
#edit-save-button,
.button-close-message,
.button-close-window,
.button-cancel,
.button-insert-code,
#wd-ed-codewizard-type,
#wd-ed-imagewizard-position,
#wd-ed-imagewizard-uri,
#wd-ed-imagewizard-byuri .button,
#wd-ed-imagewizard-flickr,
#wd-ed-imagewizard-byflickr .button,
.query-area .button,
.button-close,
.button-rename,
.button-no\,-cancel,
.button-yes\,-delete,
#file-upload-form .btn-primary,
.button-move,
#action-area .buttons .btn-primary,
#edit-page-form .buttons .btn-info,
#view-diff-div .button,
.button-yes\,-revert,
.modal-footer .btn-danger,
.modal-footer .btn-default,
.modal-footer .btn-primary,
#mba-apply,
.yui-content .button,
.btn-warning,
#edit-meta-newtag-form div .btn,
.new-page-box .button,
#page-templates,
#recent-posts-category,
.forum-recent-posts-box form .btn,
.owindow .button-bar .btn {
    border: var(--button-border)!important;  
    background: var(--button-background)!important;
    color: var(--text-color);    
}
 
#h-perpage:hover,
.optionstd a:hover,
.new-post .btn:hover,
#history-form-1 .btn-sm:hover,
.well .btn-sm:hover,
.change-textarea-size a:hover,
.buttons .btn-small:hover,
.action-area .btn-default:hover,
.action-area .btn-primary:hover,
.col-lg-10 .form-control:hover,
.form-actions .btn-danger:hover,
.buttons .btn-default:hover,
.target a:hover,
.buttons .btn-danger:hover,
#edit-cancel-button:hover,
#edit-save-button:hover,
.button-close-message:hover,
.button-close-window:hover,
.button-cancel:hover,
.button-insert-code:hover,
#wd-ed-codewizard-type:hover,
#wd-ed-imagewizard-position:hover,
#wd-ed-imagewizard-uri:hover,
#wd-ed-imagewizard-byuri .button:hover,
#wd-ed-imagewizard-flickr:hover,
#wd-ed-imagewizard-byflickr .button:hover,
.query-area .button:hover,
.button-close:hover,
.button-rename:hover,
.button-no\,-cancel:hover,
.button-yes\,-delete:hover,
#file-upload-form .btn-primary:hover,
.button-move:hover,
#action-area .buttons .btn-primary:hover,
#edit-page-form .buttons .btn-info:hover,
#view-diff-div .button:hover,
.button-yes\,-revert:hover,
.modal-footer .btn-danger:hover,
.modal-footer .btn-default:hover,
.modal-footer .btn-primary:hover,
#mba-apply:hover,
.yui-content .button:hover,
.btn-warning:hover,
#edit-meta-newtag-form div .btn:hover,
.new-page-box .button:hover,
#page-templates:hover,
#recent-posts-category:hover,
.forum-recent-posts-box form .btn:hover,
.owindow .button-bar .btn:hover {
    border: var(--button-hover-border)!important;  
    background: var(--button-hover-background)!important;
    color: var(--button-hover-color);    
    text-decoration: none;
}
 
.pager .current {
    background: var(--button-current-background);
    color: var(--text-color);
}
 
.pager {
    line-height: 25px;
}
 
#parent-page-name-list {
    color: #333;
}
 
#history-subarea a {
    text-transform: capitalize;
}
 
#history-subarea a:hover {
    background: none;
}
 
.highlight td {
    background-color: var(--body-background);
}
 
.post .active td {
    background: var(--body-background)!important;
    text-decoration: underline dashed;
}
 
#rev-type-new,
#rev-category,
#rev-perpage {
    outline: 0;
}
 
.btn-large,
#edit-meta-addbutton .btn-primary,
#rename-show-backlinks {
    padding: 5px;
}
 
a.action-area-close.btn.btn-danger {
    background: none;
}
 
.wd-editor-toolbar-panel {
    filter: brightness(80%);
}
 
/* Errors */
.error-inline {
    color: var(--error-color);
    border: none;
}
 
.error-inline::before {
    content: " ";
}
 
span.error-inline em {
    font-style: normal;
}
 
span.error-inline em::before {
    content: '"';
}
 
span.error-inline em::after {
    content: '"';
}  
 
.error-block {
    border: 1px dashed var(--error-color);
    color: var(--error-color);
}
 
/* Forum Stuff */
.forum-thread-box .description-block, .well {
    padding: .5em 1em;
    border-radius: var(--forum-thread-border-radius)!important;
    Border: var(--forum-thread-border)!important;
    background: var(--forum-thread-background)!important;
    color: var(--text-color);
    box-shadow: var(--forum-thread-box-shadow);
    margin: 1em;
}
 
.thread-container .post .head {
    padding: 0.5em 1em;
    background-color: rgba(0,0,0,0.21);
    box-shadow: inset 2px 3px 6px rgba(0,0,0,.15);
    border-radius: 5px 5px 0 0;
}
 
.folded .short {
    background: rgba(0,0,0,0.12)!important;
}
 
.head .description {
    word-wrap: break-word;
}
 
.long .content p {
    word-wrap: break-word;
}
 
.forum-group table td {
    background: none!important;
    border: none;
    padding: 5px 1px;
}
 
.forum-group table td.name .title {
    font-weight: bold;
    margin-left: 5px;
}
 
 .action-area {
    border: var(--action-area-border);
    background: none;
}
 
.thread-container .well {
    border: var(--forum-thread-border);
    background: var(--forum-thread-background);
}
 
.forum-category-box .table {
    border: none;
}
 
.forum-group table td.name .description {
    color: var(--text-color);
    font-size: 87%;
    margin-left: 5px;
}
 
.forum-category-box table td {
    padding: 5px 10px;
    border: none;
    background: none;
}
 
.collapsible-block {
    overflow-wrap: break-word;
}
 
/* Add some spacing below close collapsible links */
.collapsible-block-unfolded-link {
    margin-bottom: 10px;
}
 
/* Text Box Forms */
#thread-description,
#np-text,
#post-edit,
.field-header .form-wiki,
.field-content .form-wiki,
.text.form-control,
#file-comments,
.form .text,
#edit-meta-newtag-form .text,
.new-page-box .text,
#edit-page-textarea,
#edit-page-title,
#edit-page-comments,
.query-area .text,
#membership-by-apply-text,
.yui-content .text {
    background: var(--text-box-form-background);
    border: var(--text-box-form-border);
    color: var(--text-color);
}
 
input#page-tags-input.text {
    max-width: 330px;
}
 
.alert-info {
    background: none!important;
    border: var(--alert-info-border)!important;
}
 
.forum-start-box div.head {
    background-color: #192a44;    
    border: none;
}
 
.forum-start-box .head .title {
    text-align: center;
}
 
.head .title {
    color: rgb(181,181,181);
    word-wrap: break-word;
}
 
.head .description {
    color: rgb(181,181,181);
    text-align: center;
}
 
.forum-group table {
    border-collapse: collapse;
    border-spacing: 1px;
}
 
.forum-group .name .description {
    font-size: 0.9em;
    padding: 3px 0;
}
 
.forum-group .head .title {
    font-size: 1.1em;
}
 
.forum-category-box table {
    border-collapse: collapse;
}
 
.forum-category-box table .head td {
    background: #192a44!important;
    font-size: 1.1em;
    font-weight: bold;
}
 
.forum-category-box table tr:nth-child(even), .forum-group table tr:nth-child(even) {
     background: var(--forum-category-background-even);
}
 
.forum-category-box table tr:nth-child(odd), .forum-group table tr:nth-child(odd) {
    background: var(--forum-category-background-odd);
}
 
/* Retitle Forum Headers */
.forum-start-box .head td:nth-child(1) {
    font-size: 0px;
}
 
.forum-start-box .head td:nth-child(1)::after {
    font-size: 11px;
    content: "Category Name"
}
 
.forum-start-box .head td:nth-child(4) {
    font-size: 0px;
}
 
.forum-start-box .head td:nth-child(4)::after {
    font-size: 11px;
    content: "Last Post"
}
 
/* Add a space before "Jump!" links in the forum */
.forum-start-box td.last span.odate:after {
    content: " ";
}
 
.forum-category-box .head td:nth-child(1) {
    font-size: 0px;
}
 
.forum-category-box .head td:nth-child(1)::after {
    font-size: 11px;
    content: "Thread Name";
}
 
.forum-category-box .head td:nth-child(2) {
    font-size: 0px;
}
 
.forum-category-box .head td:nth-child(2)::after {
    font-size: 11px;
    content: "Original Poster";
}
 
.forum-category-box .head td:nth-child(4) {
    font-size: 0px;
}
 
.forum-category-box .head td:nth-child(4)::after {
    font-size: 11px;
    content: "Most Recent";
}
 
/* Hide Forum Signatures */
.signature {
    Display: none;
}
 
/* Show-Changes Highlights */
del {
    background: var(--show-changes-del-background)!important;
    text-decoration: none;
    white-space: normal!important;
}
 
ins {
    background: var(--show-changes-ins-background)!important;    
    white-space: normal!important;
}
 
ins::before, del::before {
    content: "+";
    position: absolute;
    left: 0.75em;
    font-size: 200%;
    color: transparent;
    width: 10px;
    height: 10px;
    border: 1px solid #000;
}
 
ins::before {
    border-radius: 10px;
    background: var(--show-changes-ins-background)!important;
}
 
del::before {
    background: var(--show-changes-del-background)!important;
}
 
/* Code Boxes */
.code {
    background: var(--code-background);
    border: var(--code-border);
    padding: 15px;
}
 
.code pre span {
    color: var(--text-color);
}
 
.code .hl-main pre {
    display: contents;
}
 
.revisions .active td {
    background: none;
}
 
.revisions td {
    padding: 2px;
}
 
.revisions .active {
    background-color: #3d3d3d;
}
 
#revision-list tr:nth-child(1) td {
    text-align: center;
    font-weight: bold;
}
 
.changes {
    color: var(--text-color);
}
 
.changes-list-item .comments {
    color: #a0a0a0;
}
 
.changes-list-item:hover {
    background: #333;
}
 
.statistics {
    color: var(--text-color);
}
 
.warning-block {
    background: #e2e25c;
}
 
.license-area {
    color: var(--text-color)!important;
}
 
#h-perpage {
    outline: none;
}
 
.list-pages-box table {
    padding-bottom: 0.5em;
}
 
.list-pages-box table.tableStyle {
    padding-bottom: 0;
}
 
.content-type-description-2 tr {
    background: none;
}
 
table.page-history tr td:nth-child(2)  {
    min-width: 50px;
}
 
/* Tooltip Localization */
.tooltip {
  position: relative;
  display: inline-block;
}
 
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #333;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  width: 120px;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
  position: absolute;
  z-index: 1;
}
 
.tooltip:hover .tooltiptext {
  visibility: visible;
}
 
.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}
 
.tooltip .tooltiptext {
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
 
.tooltip:hover .tooltiptext {
  opacity: 1;
}
 
.tooltipblue {
  position: relative;
  display: inline-block;
}
 
.image-caption-top .tooltipblue img {
    filter: invert(91%) hue-rotate(150deg);
}
 
.tooltipblue .tooltiptextblue {
  visibility: hidden;
  width: 120px;
  background-color: #2476db;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
   width: 120px;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
  position: absolute;
  z-index: 1;
}
 
.tooltipblue:hover .tooltiptextblue {
  visibility: visible;
}
 
.tooltipblue .tooltiptextblue::after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #2476db transparent transparent transparent;
}
 
.tooltipblue .tooltiptextblue {
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
 
.tooltipblue:hover .tooltiptextblue {
  opacity: 1;
}
 
/* Hide Preview and Page Version Popups */
#action-area-top .preview-message, #page-version-info {
    display: none;
}
 
/* Page Editing Form */
 
@media (min-width: 1200px) {
 
#edit-page-form {
    margin-left: -100px;
    margin-right: -65px;
}
 
}
 
#np-text {
  padding: 3px 5px;
}
 
#np-title {
  padding: 0 5px;
  margin: 5px 0;
}
 
/* Image Hover Enlarge */
@media (min-width: 769px) {
 
#edit-page-textarea {
    padding: 20px 30px;
    border: var(--thick-border);
}
 
.enlarge {
    transition: .05s;
    position: relative;
}
 
.enlarge:hover {
    transform: scale(1.5);
    transition: .05s;
    transition-delay: .2s;
    z-index: 2;
}
 
.mobileOnly {
    display: none;
}
 
.left-column hr, .right-column hr {
    border: none;
    height: 1px;
    Margin: 1em 0;
}
 
}
 
.open-themes a {
    position: absolute;
    bottom: 125px;
    right: -50px;
    z-index: 14;
    text-align: center;
    transition: all 0s ease 0s;
    width: 1em;
    height: 1em;
    font-size: 20px;
    padding: 2px;
}
 
.open-themes a:hover {
    text-decoration: none!important;
    transition: all 0s ease 0s;
}
 
@media (max-width: 768px) {
.open-themes a {
    width: 13px;
    height: 15px;
    padding: 0 2px 2px;
    bottom: 135px;
    right: -25px;
    font-size: 13px;
}
 
.open-themes-block {
    padding: 0;
    max-width: 100%;
    position: absolute;
    left: 1em;
    bottom: 0px;
    z-index: 0;
}
}
 
.open-themes p {
margin: 0;
}
 
/* Hide Banned Users */
.printuser a[href*="the-fozz-2"]:nth-child(1) {
    visibility: hidden;
}
 
.printuser a[href*="the-fozz-2"]:nth-child(2) {
    font-size: 0;
}
 
.printuser a[href*="the-fozz-2"]:nth-child(2)::before {
    content: "(account banned)";
    font-size: calc(0.8 * 16px);
    color: var(--text-color);
}
 
.modal-body img[src*="userid=6209186"] {
    display: none;
}
 
/* Viewport */
@viewport {
    width: device-width;
    zoom: 1.0;
}
 
/* Internet Explorer Viewport */
@-ms-viewport {
    width: device-width;
    zoom: 1.0;
}
 
/* Opera Viewport */
@-o-viewport {
    width: device-width;
    zoom: 1.0;
}
 
/* Google Chrome Viewport */
@-webkit-viewport {
    width: device-width;
    zoom: 1.0;
}
 
/* FireFox Viewport */
@-moz-viewport {
    width: device-width;
    zoom: 1.0;
}
 
/* Mobile Compatibility */
@media (max-width: 768px) {
 
.desktopOnly {
    display: none;
}
 
ins::before, del::before {
    left: 0.25em;
}
 
.content-panel.content-toc {
    float: none;
    border-radius: var(--element-border-radius);
    margin: 5px 0 5px 5px;
  }
 
.edit-page-bottomtable .alert-info {
    display: none;
}
 
.owindow {
    min-width: 80%;
    max-width: 99%;
}
 
.modal-body .table, .modal-body .table ~ div {
    float: left;
}
 
.owindow .button-bar {
    float: right;
}
 
.owindow div a.btn-primary {
    width: 100%;
    float: left;
}
 
#edit-page-form {
    margin-left: 10px;
    margin-right: 10px;
}
 
#header h2 {
    font-size: var(--header-mobile-tagline-font-size);
}
 
#top-bar {
    position: relative;
    top: 145px;
}
 
.side-block {
    margin-right: 0!important;
    padding-right: 0!important;
}
 
#side-bar .menu-item>a {
    padding-right: 0!important;
}
 
.mobile-top-bar ul li:last-of-type ul {
    right: 0;
}
 
/* Hide Search Button Input */
#search-top-box-input {
    display: none;
}
 
/* Relocate Search Button */
#header .button {
    position: relative;
    top: 27px;
    left: 18px;
}
 
#page-content {
    font-size: 0.9em;
}
 
#main-content {
    margin: 0;
}
 
#header, .mobile-top-bar {
    max-width: 100%;
}
 
#side-bar {
    width: 80%;
    position: relative;
}
 
.top-bar {
    display: none;
}
 
.mobile-top-bar {
    display: block;
    padding: 0;
}
 
.page-options-bottom a {
    padding: 0 4px;
}
 
#header h1 a {
    font-size: var(--header-mobile-font-size);
}
 
blockquote {
    margin: 1em 0;
}
 
#header {
    background-position: 0 5.5em;
    background-size: 60px;
}
 
#header h1, #header h2 {
    margin-left: 66px;
}
 
#header a span, #header a::before {
    position: relative;
    top: 10px;
}
 
table.form td, table.form th {
    float: left;
}
 
td.name {
    width: 15em;
}
 
table.form td, table.form th {
    padding: 0;
}
 
#edit-page-title {
    max-width: 90%;
}
 
.left-column, .right-column  {
    width: calc(100% - 40px);
    padding: 0 20px;
    float: left;
    margin: 10px 0;
}
 
#page-content div, #page-content div table {
    clear: both;
}
 
#page-content div.title {
    word-break: keep-all;
}
 
.page-history tbody tr td:last-child {
    width: 35%;
}
 
.page-history {
    font-size: 0.7em;
}
 
.yui-navset {
    z-index: 1;
}
 
.sideTabview .yui-nav li {
    font-size: 90%;
}
 
.sideTabview .yui-nav li a em {
    padding: 20px 10px!important;
}
 
#navi-bar, #navi-bar-shadow {
    display: none;
}
 
.sideTabview .yui-navset,
.sideTabview .yui-nav,
.sideTabview .yui-content,
.sideTabview .yui-content>div {
    max-height: 500px!important;
}
 
.open-menu a {
    position: fixed;
    top: 0.5em;
    left: 0.5em;
    z-index: 15;
    font-family: 'Nanum Gothic', san-serif;
    font-size: 30px;
    font-weight: 700;
    width: 30px;
    height: 30px;
    line-height: 0.9em;
    text-align: center;
    border: var(--sidebar-mobile-open-menu-border);
    background: var(--sidebar-mobile-open-menu-background)!important;
    border-radius: 0.3em;
    color: var(--sidebar-mobile-open-menu-color)!important;
    transition: all 0s ease 0s;
}
 
.open-menu a:hover {
    text-decoration: none!important;
    color: var(--link-color)!important;
    border: solid var(--link-color);
    transition: all 0s ease 0s;
}
 
#main-content {
    max-width: 90%;
    margin: 0 5%;
    padding: 0;
}
 
#side-bar {
    display: block;
    position: fixed;
    top: 0;
    left: -25em;
    width: 17em;
    height: 100%;
    background: var(--sidebar-mobile-background);
    overflow-y: auto;
    z-index: 10;
    padding: 1em 1em 0 1em;
    -webkit-transition: left 0.5s ease-in-out 0.1s;
    -moz-transition: left 0.5s ease-in-out 0.1s;
    -ms-transition: left 0.5s ease-in-out 0.1s;
    -o-transition: left 0.5s ease-in-out 0.1s;
    transition: left 0.5s ease-in-out 0.1s;
}
 
#side-bar::after {
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
 
}
 
#side-bar:target {
    display: block;
    left: 0;
    width: 17em;
    margin: 0;
    border: 1px solid #dedede;
    z-index: 10;
}
 
#side-bar:target + #main-content {
    left: 0;
}
 
#side-bar:target .close-menu {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.3) 1px 1px repeat;
    z-index: -1;
}
 
.image-block {
    Margin: 10px 0!important;
    float: none!important;
}
 
.image-block, .image-caption, .image-caption-top, .image-block img {
    width: 100%!important
}
 
.hazard-image-block .image-caption-top img {
    width: 35px!important;
}
 
.tableStyle {
    margin-right: 0;
}
 
.featured-block.left-column .body-panel, .featured-block.right-column .body-panel {
    height: 100%;
}
 
.featured-block.left-column, .featured-block.right-column {
    width: 100%;
}
 
.content-panel, .content-box {
Margin: 5px 0px;
}
 
#header h2::before {
    position: relative;
    top: 15px;
}
 
}

PERSONNEL DOSSIER

Foundation Personnel

Simon Anderson

Office of Human Resources Picture of Simon Anderson taken after his training To find light despite the dark. Full name: Simon Anderson Schou Personnel ID Number: 973-192832967913502 Email:...

---

Sephirah Unit-00 "Angela"

Office of Human Resources Angela at the site of a Way. Full name: Sephirah Unit-00 Angela Personnel ID Number: 678-514870377453715469 Email:...

---

Artyom Volkov

Office of Human Resources Artyom being interviewed. Full name: Artyom Volkov Personnel ID Number:105-1052763019416981544 Email:pcs.noitadnuof|voklov_moytrA#pcs.noitadnuof|voklov_moytrA sex:...

---

Rose Anderson

Office of Human Resources Rose in the Foundation Personnel Zone. Full name: Rose Anderson Personnel ID Number: 494-514870377453715469 Email:...

---

Lucy Warrick

Office of Human Resources Lucy Warrick in Sector Black. Full name: Lucy Wren Warrick Personnel ID Number: 466416648181858828299 Email: pcs.noitadnuof|WycuL#pcs.noitadnuof|WycuL Sex: Female...

---

Sedna A. Whitelock

Office of Human Resources {Intern Whitelock at the entrance of Site-21} Full name: Sedna A'akuluujjusi Whitelock Personnel ID Number: 613-4668 Email:...

---

Doggo Williams

Office of Human Resources Full name: Doggo Williams Personnel ID Number: 4849094328902 Email: gro.noitadnuof|smailliwoggod#gro.noitadnuof|smailliwoggod Security Clearance: Level 2 Personnel Class:...

---

Mea Maple

Office of Human Resources Mea in the Site-21 Reception Area. Full name: Mea Maple Personnel ID Number: 924-375130210741256205 Email: pcs.noitadnuof|elpaMM#pcs.noitadnuof|elpaMM Sex: Female...

---

Catherine Maple

Office of Human Resources Catherine in an LCZ lab. Full name: Catherine Maple Personnel ID Number: 897-514870377453715469 Email: pcs.noitadnuof|elpam.enirehtac#pcs.noitadnuof|elpam.enirehtac...

---

Caleb Jameson

Office of Human Resources Caleb Jameson Picked up on a Security Camera before his Interview with The Foundation. Full name: Cory Martin Personnel ID Number: 920-7475 Email:...

---

John Thomas Ward

Office of Human Resources John in Site-21. Full name: John Thomas Ward Personnel ID Number: 454-514870377453715469 Email: pcs.noitadnuof|draw.nhoj#pcs.noitadnuof|draw.nhoj Sex: Male Ethnicity:...

---

Gordon Hunter

Office of Human Resources A picture of Gordon Hunter. Full name: Gordon Hunter Personnel ID Number: 365-6943 Email: pcs.noitadnuof|hnodrog#pcs.noitadnuof|hnodrog Sex: Male Height: 176 cm...

---

Mark Wilson

Office of Human Resources Image of Mark off-duty in his office. Full Name: Mark Wilson Personnel ID Number: 137-244675363974807552 Email: pcs.noitadnuof|nosliwm#pcs.noitadnuof|nosliwm Sex: Male...

---

Dr. "Slime"

Office of Human Resources Image of Dr. Slime working through Site-05. Full name: Title: Dr. Slime Personnel ID Number: 529-6911 Email: pcs.12s|emils#pcs.12s|emils Sex: Male Ethnicity:...

---

Dylan Philip Walker

Office of Human Resources Dylan Walker, after arriving at the foundation. Full name: Dylan Philip Walker Personnel ID Number: 311416648181858828299 Email:...

---

William Pentacus

Office of Human Resources William nearing the entrance of the site. Full name: William Pentacus Personnel ID Number: 691-988794067242594364 Email:...

---

Clover Evans

Office of Human Resources Clover Evans Security . Full name: Clover Evans Personnel ID Number: 993-943923223242 Email:PCS.noitadnuof|snavErevolC#PCS.noitadnuof|snavErevolC Security Clearance:...

---

"Sun 'Blank' Tzu"

Office of Human Resources Photo of Sun Blank Tzu after his promotion to Security Sergeant. Full name: Brandon Pollard Alias: Sun 'Blank' Tzu / 1-4 Blank Personnel ID Number:...

---

Lily Edward

Security and Containment Intern SECURITY CLEARANCE 1 REQUIRED Welcome user. Please be aware that any non-authorized personnel accessing the files will be [REDACTED]. + Access File: - hide this...

---

Noah Preword

Office of Human Resources Noah Preword after moving into his office. Full name: Noah Preword Personnel ID Number: 654-923833554037792779 Email:...

---

Mariyano Armazi Vazqez Soghomonyan

Office of Human Resources A Photo of Mariyano at Site 21. Full name: Mariyano Armazi Vazqez Soghomonyan (Մարիյանո Արմազի Վազկեզ Սողոմոնյան) Personnel ID Number: 274-381659418535788545 Email:...

---

Richard 'Acey' Wright

Office of Human Resources Name: Richard Acey Wright Personnel ID Number: 966-945718890116296745 Email: pcs.noitadnuof|yeca#pcs.noitadnuof|yeca Sex: Male Ethnicity: White (British) Height: 190.5 cm...

---

Andromeda Solace

Office of Human Resources Picture of Andromeda Solace soon after recruitment WORK IN PROGRESS Full Name: Andromeda Solace Personnel ID Number: 624-376749105575362560 Email:...

---

Rick L. Temero

Office of Human Resources Full Name: Rick Lucio Temero Personnel ID Number: 581-289919690539794432 Email: pcs.noitadnuof|oremetr#pcs.noitadnuof|oremetr Sex: Male Height: 5'11 / 180.34cm Weight:...

---

Pavel Kozlov

Office of Human Resources Kozlov along with 2 others putting out a fire caused by 457 Full name: Pavel Yuri Kozlov Personnel ID Number: 933-399007123683409940 Email:...

---

Calvin Park

Calvin Park in the Texas Research Center Full name: Calvin Park Personnel ID Number: 656-791715582302224414 Email: pcs.12s|krapnivlac#pcs.12s|krapnivlac Sex: Male Height: 194cm Weight: 75kg...

---

James "Salvo" Conway

Office of Human Resources Salvo running a deep reconnisance operation. Sure, I can get into a fistfight with a scip and win. I can deadlift three times my own weight. But to top it all off,...

---

Aaron Smith

Office of Human Resources Full name: Aaron Robert Smith Personnel ID Number: 296 Email: pcs.noitadnuof|htimsnoraa#pcs.noitadnuof|htimsnoraa Sex: Male Ethnicity: Danes Height: 181 Weight: 70.8...

---

Emilia Remi Alberts

Office of Human Resources SECURITY CLEARANCE 1 REQUIRED Welcome user. Please be aware that any non-authorized personnel accessing the files will be [REDACTED]. + Access File 1: - hide this...

---

Amare Karim

Office of Human Resources Full name: Amare Karim Personnel ID Number: 922-399007123683409940 Email: pcs.noitadnuof|eramamirak#pcs.noitadnuof|eramamirak Sex: Male Ethnicity: Kurdish Height: 180.3cm...

---

Enders

Office of Human Resources Full Name: Enders Personnel ID Number: 703-464695314063032340 Email: pcs.noitadnuof|srednE#pcs.noitadnuof|srednE Sex: Male Height: 190.5 cm Weight: 93.7 kg Enlistment Date:...

---

Oliver Smith

Office of Human Resources SECURITY CLEARANCE 1 REQUIRED Welcome user. Please be aware that any non-authorized personnel accessing the files will be [REDACTED]. + Access File 1: - hide this...

---

Jürgen Edric Schlender

Office of Human Resources Basic information Full name: Jürgen Edric Schlender Personnel ID Number: 267-1003662160783757352 Sex: Male Ethnicity: German Height: 180 cm Weight: 77 kg Birthplace:...

---

Dr. Cakoris G.

Office of Human Resources Intern Cakoris and Medical officer Pietersen dealing with an anomalous incident. -- Perhaps it'd be wise to not ampitate this one - Cakoris G Full name: Dr. Cakoris...

---

Erich Richard Alberts

Office of Human Resources SECURITY CLEARANCE 1 REQUIRED Welcome user. Please be aware that any non-authorized personnel accessing the files will be [REDACTED]. + Access File 1: - hide this...

---

Jackson Hanner

Full Name: Jackson Blake Hanner Personnel ID Number: 521-842754469384820632 Email: pcs.12s|naHnoskcaJ#pcs.12s|naHnoskcaJ Sex: Male Ethnicity: Caucasian Height: 170.2cm Weight: 78.7Kg Birthplace:...

---

Leaf Newgarten

Office of Human Resources Full name: Leaf Newgarten Personnel ID Number: 237-476753239157637123 Email: pcs.12s|faelwen#pcs.12s|faelwen Sex: X Height: 5’7” Weight: 135 lbs Birthplace: United Kingdom...

---

Gavriil Vasilyev

Full name: Gavriil Vasilyev Personnel ID Number: 762-798934110004576267 Email: gro.noitadnuof|9267veylisaV#gro.noitadnuof|9267veylisaV Sex: Male Ethnicity: Russian Height: 176.64 Weight: 70...

---

Matt Carter

Full Name: Matt Carter Personnel ID Number:482-1303 Email: pcs.12s|retracm#pcs.12s|retracm Sex:Male Ethnicity:Caucasian Height:173cm Weight:83kg Birthplace:Qulin, Missouri, United States Date of...

---

Jason Bryn

Name: Jason Bryn Personnel ID Number: 044-82044 Email: moc.liamg|noitadnuof.40nyrbj#moc.liamg|noitadnuof.40nyrbj Sex: Male Ethnicity: Bulgaria Europe Height: 170cm Weight:80KG Birthplace: United...

---

Tunkes Crawford

Name: Tunkes Crawford Personnel ID Number:444-621297026776301599 Email: gro.noitadnuof|seknuT#gro.noitadnuof|seknuT Sex: Male Ethnicity: African American Height: 182cm Weight:79.5KG Birthplace:...

---

Leonidas Achilleas Andino

---

Serena James

Full name: Serena James Personnel ID Number: 776-476753239157637123 Email: gro.noitadnuof|semajs#gro.noitadnuof|semajs Sex: Female Ethnicity: White British Height: 5'5 Weight: 116 lbs Birthplace:...

---

Tyrone Sanders

Full Name: Tyrone Alexander Sanders Personal ID Number: #0086 Sex:Male Ethnicity: African American Height:192 cm Weight: 84Kg Birthplace:Dallas, Texas, United States of America Date of Birth: August...

---

Hermann Luitpold Hassler

CODE CODE Office of Human Resources Full name: Hermann Luitpold Hassler Personnel ID Number: 214-929790900538851449 Email: pcs.12s|relssah.dloptiul.nnamreh#pcs.12s|relssah.dloptiul.nnamreh...

---

Becket Wynnee

Office of Human Resources SECURITY CLEARANCE 1 REQUIRED Welcome user. Please be aware that any non-authorized personnel accessing the files will be [REDACTED]. + Access File 1: - hide this...

---

Ford Douglas

Full name :Ford Douglas Personnel ID Number: 134-5087) Email: (gro.noitadnuof|droFsalguoD#gro.noitadnuof|droFsalguoD) Sex: M Ethnicity: Caucasion, Europe Height: 1.88 cm / 6.18 Foot Weight: 81 Kg /...

---

Dr. Egbert-Jan Boudewijn Pietersen

Full name: Egbert-Jan Boudewijn Pietersen Personnel ID Number: 326-475418161450319892 Email: pcs.12s|nesreteiPBJE#pcs.12s|nesreteiPBJE Sex: Male Ethnicity: Caucasian / Dutch Height: 190 cm Weight: 90...

---

Mustafa Kayra

CODE CODE Fullname: Mustafa Kayra Personnel ID Number:193378628891952021516 Email:pcs.12s|yaKsuM#pcs.12s|yaKsuM Sex: Male Ethnicity: Turkish Height: 1,8 meters Weight: 80 Birthplace: İzmir,...

---

Dr. Thijmen Jansen

Personal information Full name: Thijmen Jansen Personnel ID number: 785 Email: gro.noitadnuof|lnesnaj.nemjiht#gro.noitadnuof|lnesnaj.nemjiht Sex: Male Ethnicity: Dutch Height: 175 cm Weight: 60 kg...

---

Dr. Holland

Full name: Stephen James Holland Personnel ID Number: 863-8256 Email: gro.noitadnuof|dcs-jrr#gro.noitadnuof|dcs-jrr Sex: Male Ethnicity: English-Norwegian Height: 5'10 Weight: 163 lbs / 73.9 kg...

---

Dr. Richard Jorgenson

General Information Full name: Richard Roberto Jorgenson Personnel ID Number: 823-8556 Email: gro.noitadnuof|dcs-jrr#gro.noitadnuof|dcs-jrr Sex: Male Ethnicity: English-Italian Height: 5'10 Weight:...

---

Dr. Lucian Morosanu

opening file 323-3535 General Information Full name: Dr. Lucian Morosanu Personnel ID Number: 323-3535 Email: gro.noitadnuof|mnaiculrd#gro.noitadnuof|mnaiculrd Sex: Male Ethnicity: Romanian Height:...

---

dr Angelica Aqua

Full name: Angelica Aqua Personnel ID Number: 8527851 Email: pcs.12s|aUqAaCileGnArD#pcs.12s|aUqAaCileGnArD Sex:Female Ethnicity:British Height:177 Weight:46kg Birthplace:London , England Date of...

---

Mr. Banana

Full name: Nick Nickolis Banana Rodriguez Personnel ID Number: 220-7744 Email: gro.noitadnuof|ananaBN#gro.noitadnuof|ananaBN Sex: Male Ethnicity: Hispanic Age: 36 Height: 1.80m (5'11ft) Weight:...

---

John Wilson

Note: John Wilson is to not go outside unsupervised or be left near any unreinforced windows. Security or members of Site Administration is to keep an eye on Wilson. He is to be kept on Site and...

---

Blaines Anderson

Image of Blaines Anderson Full Name: Blaines Anderson Personnel ID Number: 157-118237128010263831 Email: gro.noitadnuof|nosrednAB#gro.noitadnuof|nosrednAB Sex: Male Age: 42 Ethnicity: Australian...

---

Victor Smith

Full name: Victor Smith Personnel ID Number: 862-577122861404258304 Email: gro.noitadnuof|htimSrotciV#gro.noitadnuof|htimSrotciV Sex: Male Age: 36 Ethnicity: English Height: 1.78 cm Weight: 80 kg...

---

Lady Joy

Image of Lady Joy Full Name: Joy Andrea Sophia Camila Mora Personnel ID Number: 888-6226 Email: gro.noitadnuof|yoJalimaC#gro.noitadnuof|yoJalimaC Sex: Female Ethnicity: Hispanic Age: 38 Height:...

---

Frederick Grant

Full name:Frederick Grant Personnel ID Number: 445-9563 Email:gro.noitadnuof|GkcirederF#gro.noitadnuof|GkcirederF Sex:male Ethnicity:Caucasian Height:175.5 cm Weight:84 kg Birthplace:5936 Walnut St...

---

Arthur Kaine

Full Name: Arthur “Machine” Kaine Personnel ID Number: 645-975483590760291206 Email: gro.noitadnuof|aeniak#gro.noitadnuof|aeniak Sex: Male Ethnicity: Caucasian Height: 181cm Weight: 82kg Birthplace:...

---

Michael Cooper

Full name: Michael Cooper Sex: Male ID: E-mail: gro.noitadnuof|repooCleahciM#gro.noitadnuof|repooCleahciM Height: 187cm Weight: 87,9kg Birthplace: New York, USA Date of Birth: March 4, 1991 Enlistment...

---

Dr. Tryphosa WK

Dr. Tryphosa during her visit to Site-21 Full name: Tryphosa Winduled Krieg Personnel ID Number: 249-173028692077969408 Email: gro.noitadnuof|KWasohpyrT#gro.noitadnuof|KWasohpyrT Sex: Female...

---

Mr. Rogers

Full name: Elijah Rogers Personnel ID: 953-821863274295328859 Email: pcs.12s|etihwsiyesomlil#pcs.12s|etihwsiyesomlil Sex: Male Ethnicity: Scottish Height: 75 Weight: 172lbs Birthplace: El Paso,...

---

Dr. Evans

Full Name: Evan Clarkson Personnel ID Number: 270-579492603767291904 Email: gro.noitadnuof|cnave#gro.noitadnuof|cnave Sex: Male Ethnicity: Caucasian Height: 186cm Weight: 83kg Birthplace: Bloomington,...

---

Dr. Mathias R. Mata

Picture of Dr. Mathias R. Mata Full name: Mathias Rit Mata Sex: Male ID: 738757206719070248 E-mail: gro.noitadnuof|ataMsaihtaM#gro.noitadnuof|ataMsaihtaM Height: 187cm Weight: 91,7kg Birthplace:...

---

Chris Wilson

Full Name: Christopher K. Wilson Personnel ID Number: 673-612330718583848970 Email: pcs.12s|liwsirhc#pcs.12s|liwsirhc Sex: Male Ethnicity: Caucasian Height: 180.6cm Weight: 77.2Kg Birthplace: Salt...

---

Tim Schuffberger

CODE CODE Full name: Tim Manuel Schuffberger, LL.B. Personnel ID Number: 928-394885385303359499 Email: gro.noitadnuof|regrebffuhcsmit#gro.noitadnuof|regrebffuhcsmit Sex: Male Ethnicity: German...

---

James Harley

Full name: James Harley Personnel ID Number: 231-865196466942902274 Email: pcs.12s|yelrahsemaj#pcs.12s|yelrahsemaj Sex: Male Ethnicity: Caucasian Height: 187cm (6'1 ) Weight: 80 kg (176 pounds)...

---

Jeannie Yeon

Office of Human Resources SECURITY CLEARANCE 1 REQUIRED Welcome user. Please be aware that any non-authorized personnel accessing the files will be [REDACTED]. + Access File 1: - hide this...

---

Dr. Joshua A

Office of Human Resources Type caption here. Full name: Joshua A Personnel ID Number: 031-454424397021970432 Email: pcs.noitadnuof|AauhsoJ#pcs.noitadnuof|AauhsoJ Sex: Male Ethnicity:...

---

Foundation Intelligence Retrieval

Office of Human Resources FIR along with several others examining a diseased individual Full name: Foundation Intelligence Retrieval Personnel ID Number: 630-399007123683409940 Email:...

---

Seargent "Ghost"

Office of Human Resources Ssgt Ghost and LT Dan Hammer during the Meow incident. Remain calm, weapons up, Dont show any fear, they love when your afraid - SS Ghost Full name: Sean Turner...

---

Alexander Kenneth Oakley

Full Name: Alexander Kenneth Oakley Callsign: Spectre Email: gro.noitadnuof|yelkaOxelA#gro.noitadnuof|yelkaOxelA Sex: Male Ethnicity: Caucasian Height: 5 feet 11 inches Birthplace: Cornwall, England...

---

Dr. Grant Blond

Picture of Dr. Grant Blond Full Name: Grant P. Blond Personnel ID Number: 682-694027507082723358 Email: gro.noitadnuof|dnolbpg#gro.noitadnuof|dnolbpg Sex: Male Ethnicity: White American Height:...

---

Jack Derp

Picture of Jack Derp shortly after their interview with the Foundation Full Name: Jack Derp Personnel ID Number: 482-349915646324375563 Email: pcs.12s|predj#pcs.12s|predj Sex: Male Ethnicity:...

---

Dr. Ray

Picture of Dr. Ray Full name: Ray Charles Personnel ID Number: 206-424530206704009217 Email: gro.noitadnuof|selrahc.r#gro.noitadnuof|selrahc.r Sex: Male Ethnicity: European Height: 175cm Weight:...

---

Dr. Cobra

Full Name: #?#?# “Cobra” ?#?#?#?# Alias: Cobra Personnel ID Number: 351-312632761787613185 Email: gro.noitadnuof|arboC#gro.noitadnuof|arboC Sex: Male Ethnicity: Caucasian Height: 173cm Weight: 83kg...

---

Samu Blank

GET ON THE FUCKING GROUND! - Samu Blank to Ron Hoskins, Operation Kenopsia 2nd day Foundation agents stimulating Samu's memory of his torture during Incident 610 Full name: Samu Blank...

---

Ron Hoskins

Picture of Ron after Operation Kenopsia Full Name: Ron Hoskins Personnel ID Number: 628-221913916605726720 Email: gro.noitadnuof|sniksohnor#gro.noitadnuof|sniksohnor Sex: Male Ethnicity: African...

---

Dr. John Merlin

Division of Human Resources Picture of Dr. Merlin during the construction of the ICOS Full Name: John Merlin Personnel ID Number: 210-221913916605726720 Email:...

---

Negan Morrigon

CODE CODE What? I can't hear you! Personality Traits Willingness to exaggerate for the sake of a good argument, a wit that shines through adversity, great personal charm, and warmth, and...

---

Pending Personnel

To add a new entry, input personnel's name and hit create:

Florence Campbell

Office of Human Resources SECURITY CLEARANCE 4 REQUIRED Welcome user. Please be aware that any non-authorized personnel accessing the files will be [REDACTED]. + Access File 1: - hide this...

---

Louis Swiftfoot

Office of Human Resources {$caption} Full name: Louis Teddey Swiftstep Personnel ID Number: 0001301888293332 Email: pcs.noitadnuof|namhsiFtsetsaF#pcs.noitadnuof|namhsiFtsetsaF Sex: Male...

---

White

Office of Human Resources White in the Site-21 Administrative Sector. Full name: White Personnel ID Number: 229-375130210741256205 Email: pcs.noitadnuof|etihW#pcs.noitadnuof|etihW Sex: Female...

---

Rosa Williams

Full name: Rosa Brianna Williams Personnel ID Number: (970-920045380710838335) Email: pcs.noitadnuof|smailliwasor#pcs.noitadnuof|smailliwasor Security Clearance: (Level-2) (2023-Present) Personnel...

---

Paweł Konopka

Office of Human Resources Type caption here. Full name: Paweł Konopka Personnel ID Number: 920-734874459017707610 Email: pcs.noitadnuof|igoreip#pcs.noitadnuof|igoreip Sex: Male Ethnicity:...

---

Sjoe Hand

Office of Human Resources Sjoe Hand during Processing. Full name: Sjoe Hand Personnel ID Number: 093-790435016181809174 Email: pcs.noitadnuof|dnaH_noitatinaS#pcs.noitadnuof|dnaH_noitatinaS...

---

Callista Gear

Office of Human Resources Callista Gear. Full name: Callista Gear Personnel ID Number: 234-924248727198265374 Email: PCS.noitadnuoF|raeG-atsillaC#PCS.noitadnuoF|raeG-atsillaC Sex: Female...

---

Griselda Dragon

Full name: Griselda Harper Dragon Personnel ID Number: 815-98265806345197025 Email: pcs.noitadnuof|nogarD#pcs.noitadnuof|nogarD Sex: Female Ethnicity: Caucasian Height: 5'11 ft (180.34 cm) Birthplace:...

---

Joksi Lohmens

Office of Human resources Name: Joksi Lohmens Personnel ID Number: 846-840634135534239764 Email:pcs.noitadnuof|iskoJ_RM#pcs.noitadnuof|iskoJ_RM Sex: Male Ethnicity: Serbian Height: 181 cm Weight: 99.1...

---

Robert Caseus

Office of Human Resources Type caption here. Full name: Robert Caseus Personnel ID Number:460-594258512066904069 Email:gro.noitadnuofpcs|suesacr#gro.noitadnuofpcs|suesacr Security Clearance: ...

---

Carl Rogers

Full name: Carl Rogers Personnel ID Number: 406-630015099968421908 Email: pcs.noitadnuof|sregor.lrac#pcs.noitadnuof|sregor.lrac Security Clearance: (Level-2) (2023) Personnel Class: (Class-C) (2023)...

---

Carter A. Smith

Office of Human Resources Type caption here. Full name: Carter A. Smith Personnel ID Number: 388-707038793781215302 Email: pcs.12s|htmSpa#pcs.12s|htmSpa Sex: Male Ethnicity: Caucasian Height:...

---

Fredrik "Dutch" Freeze

Office of Human Resources Dutch at site-612. Name: Fredrik Dutch Freeze Personnel id: 777-665908817858396190 Email: pcs.noitadnuof|FhctuDF#pcs.noitadnuof|FhctuDF Height: 1,90m ...

---

Ryan Frost

Name Ryan Frost. Department: Scientific Department Gender: Male Security Clearance:1 Ethnicity: Caucasian. Date of Birth: December 4th, 1999 Citizenship: America Education: Bachelor's degree, and a...

---

Dr. Lishman

Scientific Department: Dr. Lishman. Full name: John Lishman Former Occupation prior to being employed by the Foundation: Scientist Sex: Male Age: 29 Ethnicity: East Slavic Citizenship: England, Russia...

---

Keith Tepikrey

Security Department : Name: Keith Tepikrey Former Occupation prior to Foundation Employment : Criminalist Sex : Male Age : 28 Ethnicity : Georgian-Russo Citizenship : Georgia, Bulgaria, America...

---

Taeniarhynchus Saginata (Formerly known as Benthe M. W. Janssen)

Office of Human Resources Full name: Taeniarhynchus Saginata (Formerly known as Benthe Merel Willemijn Janssen) Personnel ID Number: 042-159197523311311973 Email:...

---

Sunwards bright

Full name: Sunwards Bright Personnel ID Number: 101929210 Email: moc.etiS|nuS.rD#moc.etiS|nuS.rD Sex: Male Ethnicity: English Height: 6 feet Weight: 100 kilograms Date of Birth: 1st of December 1990...

---

Demarcus Blackwell

Office of Human Resources Type caption here. Full name: Demarcus Blackwell Personnel ID Number:956-173172219227275265 Email:pcs.noitadnuof|llewkcalBD#pcs.noitadnuof|llewkcalBD Security...

---

Lolli Edwards

Office of Human Resources SECURITY CLEARANCE 2 REQUIRED Welcome user. Please be aware that any non-authorized personnel accessing the files will be [REDACTED]. + Access File: - hide this...

---

Zane blade

full name - Zane Blade ID - 872-1041177337036808302 Sex- Male Ethnicity - Irish 50% canadien 50% Email - ten.noitadnuofpcs|edalBenaZ#ten.noitadnuofpcs|edalBenaZ Height - 6'8 Department - Security...

---

Clara Evans

Office of Human Resources Clara Evans Trainee Agent Department of Internal Security Full name: Clara Evans Personnel ID Number: 867-843878934879 Email:...

---

Ryder (real name: Leaviey Phantom)

Office of Human Resources Type caption here. Full name: Ryder Personnel ID Number: 013-674200002938 Email: pcs.noitadnuof|roodehtraelc#pcs.noitadnuof|roodehtraelc Sex: Male Ethnicity: Unknown...

---

Ioannes Tamm Rehi

Full name: Ioannes Tamm Rehi Personnel ID Number: 307-530175626834083841 Email: pcs.noitadnuof|sennaoi#pcs.noitadnuof|sennaoi Security Clearance: Level-1 (2022) Personnel Class: Class-C (2022) ...

---

Ryan Johnson

Office of Human Resources Junior Security Officer Ryan Johnson Outside Site-21. Full name: Ryan Johnson Height: 6,2 Personnel ID Number: 517-772613329382408193 Email:...

---

Damien Hasarde

A Photo of Damien at Site 21. Full Name: Damien Sanchez Hasarde Personnel ID Number: 704-558777615431761935 Email: pcs.noitadnuof|edrasahd#pcs.noitadnuof|edrasahd Sex: Male Ethnicity:...

---

Harrison Lunde

Office of Human Resources Harrison Lunde at his promotion ceremony. WORK IN PROGRESS Full Name: Harrison Lunde Personnel ID Number: 329-376749105575362560 Email:...

---

Vico Trevisani

Office of Human Resources Type caption here. Full name: Vico Trevisani Personnel ID Number: 777-221913916605726720 Email: pcs.noitadnuof|inasivert#pcs.noitadnuof|inasivert Sex: Male Ethnicity:...

---

Matti Sojcik (WIP)

Office of Human Resources Type caption here. Full name: Matti Sojcik (Matti Sojčík) Personnel ID Number: 984-505043827623460894 Email: pcs.noitadnuof|kicjos.ittam#pcs.noitadnuof|kicjos.ittam...

---

Philip Castiglione

Office of Human Resources General Information Full name: Philip Castiglione Personnel ID Number: 0418 Email: pcs.12s|enoilgitsaC#pcs.12s|enoilgitsaC Sex: Male Ethnicity: Greco-Anatolian Height:...

---

Eren "Wooden" Kara

Office of Human Resources General Info: Full name: Eren Wooden Kara Personnel ID Number: 673-441-652061 Email: pcs.12s|araKnerE#pcs.12s|araKnerE Sex: Male Ethnicity: Turkic Height: 190cm Weight:...

---

billy goodman

Full name: Billy Goodman Personnel ID Number: 026-1009162371492745237 Email: pcs.12s|doogyllib#pcs.12s|doogyllib Sex: Male Ethnicity: White Height: 185.42 Weight: 81 kg Birthplace: Los Angeles,...

---

"Blackjack"

CODE CODE Full name: Alexander Johnson Name: “Blackjack” Personnel ID Number: 908-673261499543846939 Email: pcs.12s|kcajkcalB#pcs.12s|kcajkcalB Sex: Male Enlistment Date: Security Clearance:...

---

Kagnus Karlsen Marlsen

CODE CODE Personnel File SECURITY CLEARANCE 1 REQUIRED Welcome user. Please be aware that any non-authorized personnel accessing the files will be [REDACTED]. + Access File 1: - hide this...

---

Noah Hale

CODE CODE Office of Human Resources Full Name: Noah Flynn Hale Personnel ID Number: 852-785872558695423924 Email: pcs.12s|elahaon#pcs.12s|elahaon Sex: Male Ethnicity: Caucasian Height:...

---

Alice Void

Full Name: Alice Carmen Void Personnel ID Number: 653-32456793492934242344 Email: gro.noitadnuof|dioVA#gro.noitadnuof|dioVA Sex: Female Ethnicity: English-German Height: 120cm Weight: 75KiloGrams...

---

Luminous Spade

Luminous Spade Full Name: Luminous Spade Personal ID Number: 064029481 Email: pcs.12s|edapSL#pcs.12s|edapSL Ethnicity: American Height: 176cm Weight: 70kg Birth Place: Huntington, New York Date Of...

---

Jacob Miller

Full Name: Jacob Miller Cardona Personnel ID Number: 198-698266774877241374 Email: pcs.12s|65llimocaj#pcs.12s|65llimocaj Sex: Male Ethnicity: Colombian Height: 172cm Weight: 67kg Birthplace: Bogota,...

---

Artemis Roberts

Office of Human Resources Type caption here. Full name: Artemis Roberts Personnel ID Number: 1501 Email:...

---

Ryan Davids

Picture of Ryan Davids. Full name: Ryan Davids Personnel ID Number:851 Email: pcs.12s|nayR#pcs.12s|nayR Sex: male Ethnicity: Height: 6,5 Weight: 187 Birthplace: USA California Date of Birth:...

---

Thomas C. Jaeger

-START LOG, PERSONNEL INFORMATION, THOMAS CIARAN JAEGER- BASIC INFORMATION: Full Name: Thomas Ciaran. Jaeger Email: pcs.12s|jnaraicsamoht#pcs.12s|jnaraicsamoht Gender: Male Ethnicity: Australia Date...

---

Alex Berlin

Office of Human Resources SECURITY CLEARANCE 1 REQUIRED Welcome user. Please be aware that any non-authorized personnel accessing the files will be [REDACTED]. + Access File 1: - hide this...

---

Luna Smith

Full name: Luna Smith Personnel ID Number: 453 Email: gro.12s|htimSanuL#gro.12s|htimSanuL Sex: Male Ethnicity: Canadian Height: 5'11 Weight: 75kg Birthplace: Ontario, Canada Date of Birth: (3/26/1989)...

---

Neo "Alan" Whinston

Full name: Neo Alan Whinston Personnel ID Number: 578 Email: pcs.12s|notsnihW#pcs.12s|notsnihW Sex: Male Ethnicity: American Height:5'11 Weight: 177 Pounds Birthplace: Milwaukee WI Date of Birth:...

---

Boris Cliff

Full name: Boris Anti Cliff Personnel ID Number: 982 Email: pcs.12s|19CAB#pcs.12s|19CAB Sex: male Ethnicity: American Height: 5”11 Weight:160.2 lbs Birthplace: U.S. Date of Birth: 2/16/91 Enlistment...

---

Ethan “Green” allen

Office of Human Resources A Photo of Green at Site 21. General Information Full name: Ethan Green Allen Personnel ID Number: 794-473329056654557197 Email: pcs.12s|neerG#pcs.12s|neerG Sex:...

---

Clementine Davidson

Full name: Clementine Davidson Personnel ID Number: 951 - 501 - 8845 Email: PCS.12S|melC#PCS.12S|melC Sex: Male Ethnicity: Caucasian Height: 175 cm Weight: 85 kg Birthplace: Arizona, U.S.A Date of...

---

Alejandro Estrella

WIP CODE CODE SECURITY CLEARANCE 2 REQUIRED Welcome user. Please be aware that any non-authorized personnel accessing the files will be [REDACTED]. + Access File 1: - hide this content...

---

Liam van Dijk

CODE CODE Full name: Liam van Dijk Personnel ID Number: 188 Email: pcs.12s|DvL#pcs.12s|DvL Sex: Male Ethnicity: American Height:188 CM Weight: 100 Kilos Birthplace : Dallas, Texas Date of Birth:...

---

James Park

Office of Human Resources Type caption here. Full name: James Park Personnel ID Number: 184 Email:pcs.12s|kraPJ#pcs.12s|kraPJ Sex:Male Ethnicity:American Height:167cm Birthplace:Orlando...

---

Henk meijer

CODE CODE Full name: Henk Jan Meijer Personnel ID Number: 171 Email: ! pcs.12s|rejieMkneH#pcs.12s|rejieMkneH Sex: Male. Ethnicity: European Height: 187 CM Weight:100 kilos Birthplace: Rheden,...

---

Ronald Thompson

Full name: Ronald Thompson Personnel ID Number: 6194 Email: ! pcs.12s|nospmohT.R#pcs.12s|nospmohT.R Sex: Male Ethnicity: British Height:179 Weight:72 Birthplace: Norwich Date of Birth: 1994 Enlistment...

---

Wii Wolf

Full name: Wii Wolf Personnel ID Number:794 Email: pcs.12s|floWiiW#pcs.12s|floWiiW Sex: Male Ethnicity: Polish Height: 175cm Weight: 83kg Birthplace: The polish west region Date of Birth: 1995...

---

Maxim Chigir

Picture of Dr. Maxim Chigir in front of Site 19 while waiting for transportation to Site-21.Note:This is a copy of the original photo with deleted memetic hazard. Basic Information Full Name:...

---

Anastasia Anne Cromwell

Full name: Anastasia Anne Cromwell Personnel ID Number: 754-135-3929 Email: pcs.12s|llewmorcaaisatsana#pcs.12s|llewmorcaaisatsana Enlistment Date: 2021 Sex: Female Ethnicity: English Height: 5'5...

---

Jackob Schwarz

Full Name: Jackob Schwarz Personnel ID Number: 323-939145123321633413 Email: pcs.12s|zrawhcsj#pcs.12s|zrawhcsj Sex: Male Ethnicity: Mixed German-Polish Height: 183cm Weight: 83kg Birthplace: Frankfurt...

---

Ryan "R3X" Wallem

LEVEL CLEARANCE REQUIRED CLEARANCE ACCEPTED Welcome user + show block – hide block Full name: Ryan Wallem Personnel ID Number: 416-5784 Email: pcs.12s|WnayR#pcs.12s|WnayR Sex: Male Ethnicity:...

---

Samantha Rivers

Full Name: Samantha Rivers Personnel ID Number: 210-866693544353595402 Email: gro.noitadnuof|srevirs#gro.noitadnuof|srevirs Sex: Female Ethnicity: Caucasian Height: 180cm Weight: 90kg Birthplace:...

---

Charles "Charlie" White

Full Name: Charles Charlie White Personnel ID Number: 139-983449827376234762 Email: gro.noitadnuof|etihWC#gro.noitadnuof|etihWC Sex: Male Ethnicity: White American Height: 177.8cm Weight: 65kg...

---

Nikolai Dmitri

Full Name: Nikolai Dmitri Personnel ID Number: 240-579492603767291904 Email: gro.noitadnuof|nirtimd#gro.noitadnuof|nirtimd Sex: Male Ethnicity: Greek Height: 182cm Weight: 79kg Birthplace:...

---

John Hammond

Full Name: John Hammond Personnel ID Number: 124-464808267042783263 Email: gro.noitadnuof|dnommahj#gro.noitadnuof|dnommahj Sex: Male Ethnicity: Scottish Height: 170cm Weight: 90kg Birthplace:...

---

Former Personnel

Daniel Gagneux

---

Anomaly Human Resources Case №99 - DECEASED

---

ATCR-01 Magnus Karlsen - DECEASED

---

Daryl Hotchkiss - DECEASED

---

Leonie Maiers - DECEASED

---

En Deirs - DECEASED

---

Persons of Interest

To add a new entry, input personnel's name and hit create:

:\\ John Doe

---

Class-D Registry

To add a new entry, input personnel's name and hit create:

Peter Smith

---

Pate Ugro

---

Jonathan Achterberg

---