Construction And Maintenance

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,
       #201F1E, #201F1E 90px,
      #201F1E 90px, #2F333C 200px,
        #2F333C 200px, #2F333C 100%);
    background-repeat: no-repeat;
}
 
:root {
/* PALLET SHEET */
 
--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: #201f1e;
--secondary-background: rgba(0,0,0,0.15);
--background-3: #191b1d;
--background-4: #1f2125;
 
--content-bar-background: #252526;
 
--primary-text-color: #986449;
 
--nav-hover-background: #4f464;
 
/* 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: #2b2b2d;
 
/* 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 #40332c;
--button-background: #2a221e;
--button-hover-border: 1px solid #503e36;
--button-hover-background: #503e36;
--button-hover-color: #fff;
--button-current-background: var(--primary-background);
 
/* Header Icon */
--header-icon: url(http://www.rpc-wiki.net/local--files/component:engineering-component-theme/ComponentHeader.png);
--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:engineering-component-theme/ComponentHeader.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: #c28c71;
--link-hover-color: #deb29c;
--new-page-color: #947667;
--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: #252526;
--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: #986449;
--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,
        #201F1E, #201F1E 90px,
        #201F1E 90px, #2F333C 200px,
        #2F333C 200px, #2F333C 100%);
    background-repeat: no-repeat;
}
 
#main-content {
    top: -1.2rem;
}
 
a:visited {
    color: #C28C71;
}
 
/* Sidebar */
div#side-bar{
    background: #201F1E;
    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: #201F1E;
}
#side-bar .side-block.media {
    background-color:#201F1E;
}
#side-bar .side-block.resources {
    background-color:#201F1E;
}
.side-block .menu-item > .image {
    display: none;
}
 
#top-bar div.open-menu a {
    border-radius: 0;
    box-shadow: none;
    color: var(--accentColor);
    background-color: #201F1E;
    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: #201F1E;
        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: #201F1E;
}
 
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: #201F1E;
}
 
#page-title {
    display: none;
}
 
/* Horizontal Rules */
hr {
    background: var(--horizontal-rule-background);
    Margin: 1em 0;
}
 
/* Custom Syntax */
.darkbox {
    background-color: #201F1E;
    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: #201F1E;
    border-left: solid 0.26rem #201F1E;
    border-right: solid 0.26rem #201F1E;
    padding: 0.8rem;
    margin-top: 12px;
    margin-bottom:12px;
}
.lightbox h2, .lightbox h3, .lightbox h4, .lightbox h5, .lightbox h6 {
    color: #201F1E;
}
 
.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: #FFFFFF;
  --lgurl: url("https://i.imgur.com/Nrv99YJ.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, "MAINTENANCE DEPARTMENT");
  font-weight: 600;
  font-size: 1.3em;
}
 
#login-status {
    color: #ededed;
}
#login-status a {
    color: var(--accentColor);
}
#login-status ul a {
    color: #ededed;
    background: #201F1E;
}
#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: #201F1E!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: #201F1E;
    color: #ededed;
}
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: #201F1E; /* 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: #201F1E;
    border: #201F1E 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: #201F1E;
    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: #2B2B2D;
    background-image: linear-gradient(
        to bottom,
        #1f1f20, #1f1f20 90px,
        #1f1f20 90px, #2B2B2D 200px,
        #2B2B2D 200px, #2B2B2D 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;
}
 
}

>> ACCESS C&M INTERNAL NETWORK <<

Overview

» Construction & Maintenance - Overview «

---

The Construction & Maintenance division (C&M or CM) is responsible for maintaining the facility's sanitation and infrastructure, and constructing new facilities for the site. The day-to-day jobs and assignments of a C&M employee ranges from the average daily cleaning of the bathroom to the extermination of a biohazardous flesh abomination.

---

Janitor cleaning the bathroom on a busy monday

Construction and Maintenance (CM or C&M) serves as the primary division for maintenance of the facility's infrastructure. Established in 1998 to begin construction on Site-21, it now involves operations such as sanitation, upkeep of containment systems, installation of new machinery, maintenance of furniture, and construction of new spaces. Upon that, C&M works with anomalous waste material and massive growths. C&M is also an enormous contributor to the Individual Augmentee (IA) program, usually constructing new FOBs and research centers for fieldwork.

The primary source of new personnel is similar departments at other facilities and civilians with fitting degrees. Training new personnel is done through specialized training programs each encompassing a specific area of expertise. The training received from these programs ties into the various personnel assignments:

• CM-010: Sanitation
• CM-024: Abatement
• CM-030: Low-Level Repair
• CM-038: General Construction
• CM-050: Hazardous Environment
• CM-070: Device Installation
• CM-081: Technical Maintenance
• CM-102: High-Level Repair
• CM-155: Anomalous Cleanse

Specialized C&M staff may find themselves appointed to a task force of expertise. These teams, given by a designation, e.g., Bravo-3 "Pest Exterminators," are run by an experienced Technical Chief. The task forces are also usually assisted with technology from ScD and M&E with additional resources from the Auxiliary & Expendable Resources Department (AERD).

Personnel Assignments

» Construction & Maintenance - Personnel Assignments «

---

The Construction & Maintenance Division (C&M) maintains a plethora of operations to ensure that the facility is properly maintained and safe for staff. These operations are listed as "Personnel Assignments" and act as permanent or temporary jobs for C&M personnel. Personnel Assignments are usually assigned by the Maintenance Administration or any local high-ranking staff.

---

Sanitation (CM-010)

• Sanitation (CM-010) consists of low-level and primarily risk-free cleaning and sterilization of the facility. This assignment is usually free from any work in containment cells and heavily infested areas. Personnel may, however, still be subjected to dealing with the aftermath of anomalies if it poses no significant threat to the assigned staff.

• Requires:

Abatement (CM-024)

• Abatement (CM-024) consists of the disposal and abatement of anomalous waste material. The difficulty of the removal and the need for expertise varies from each material, but it generally requires extensive knowledge of what methods to use when dumping the waste material. In some cases, it even demands assistance from specialized divisions such as Ontokinetics and external departments from other facilities.

• Requires:

Low-Level Repair (CM-030)

• Low-Level Repair (CM-030) consists of repairs and restorations of general things not involved with research or the anomalies contained in the facility. This includes building integrity, furniture, machinery, plumbing, electrical infrastructure, and more.

• Requires:

General Construction (CM-038)

• General Construction (CM-038) consists of construction of most spaces and facilities in Site-21 and affiliated places such as FOBs and research centers.

• Requires:

Hazardous Environment (CM-050)

• Hazardous Environment (CM-050) consists of repair and construction operations in hazardous environments where staff safety is at risk. The assigned personnel are provided with specialized and suitable equipment, with training on how to remain safe in the environment. Some hazardous environment assignments may also require assistance from Mobile Task Forces (DEO) or AERD.

• Requires:

Device Installation (CM-070)

• Device Installation (CM-070) consists of installations of devices and appliances varying in difficulty and size. It can be anything from a single lightbulb to a massive Scranton Reality Anchor.

• Requires:

Technical Maintenance (CM-081)

• Technical Maintenance (CM-081) consists of the repair and maintenance of computer and data systems. More experienced staff may even deal with higher-end anomalous computer/data-related things, such as devices with demonic cores.

• Requires:

High-Level Repair (CM-102)

• High-Level Repair (CM-102) consists of repairs and restorations of objects and areas that require extensive and esoteric knowledge or directly deal with anomalies. This includes advanced technological and engineering feats, containment of anomalies, scientific equipment, and more.

• Requires:

Anomalous Cleanse (CM-155)

• Anomalous Cleanse (CM-155) consists of clean-ups or abatements of areas heavily infested and contaminated by anomalies. Staff assigned to CM-155 use a wide arrange of equipment to combat the contamination, usually requiring hazmat equipment and expert knowledge.

• Requires:

Division Structure

» Construction & Maintenance - Division Structure «

---

The Construction & Maintenance Division (C&M) rank structure is composed of 6 (with exception of the two MaD director ranks) ranks. Promotions are largely based on the individual's experience, expertise, and training.

---

1. Director of Maintenance & Upkeep (DMU)

- Base Salary: $100,785 / year
- Clearance: 5
- Description: The Director of Maintenance & Upkeep oversees all maintenance-related topics within the Site-21 establishments and makes sure that the department operations run smoothly, while also taking major decisions and acting as a representative for the department. (This rank is not exclusive to C&M)

2. Assistant Director of Maintenance & Upkeep (ADMU)

- Base Salary: $94,333 / year
- Clearance: 4
- Description: The Assistant Director of Maintenance maintains the department as a whole while also assisting the Director of Maintenance & Upkeep in operating directly with the lower ranking staff. (This rank is not exclusive to C&M)

3. Technical Warrant (TW)

- Base Salary: $90,945 / year
- Clearance: 3
- Description: The Technical Warrant is the head of Construction and Maintenance and is responsible for overseeing all operations of the division.

4. Technical Chief (TC)

- Base Salary: $88,820 / year
- Clearance: 3
- Description: Technical Chiefs take on a more administrative role, with them coordinating and planning out bigger projects for a team. Technical Chiefs are also usually in control of their own specialized task force and are responsible for being a center of knowledge for a specialization.

TCs carry a green helmet in situations where it is required

5. Expert Technician (XTEC)

- Base Salary: $73,949 / year
- Clearance: 2
- Description: Expert Technician is a rank technicians can acquire after completing at least four training programs. Expert Technician have the responsibility of training, coordinating, and assisting the lower ranks. They directly deal with and influence the lower ranks and have the role of being the acting hand of the higher ranks.

XTECs carry a blue helmet in situations where it is required

6. Technician (TEC)

- Base Salary: $64,484 / year
- Clearance: 2
- Description: Technician is the first specialized rank one can acquire after completing at least two training programs. Technicians may instruct and supervise lower-ranking staff and let them assist the technician in their assignments. Technician is also the first rank where you can get assigned to a specialized task force.

TECs carry an orange helmet in situations where it is required

7. Construction & Maintenance Worker (C&MW)

- Base Salary: $53,150 / year
- Clearance: 1
- Description: Construction & Maintenance Worker is the first promotion one can acquire. C&MW staff are experienced enough to carry out bigger jobs and assist with minor duties involving anomalies.

C&MWs carry a yellow helmet in situations where it is required

8. Construction & Maintenance Intern (C&MI)

- Base Salary: $35,100 / year
- Clearance: 1
- Description: Construction & Maintenance Interns, usually newly recruited civilians, are the lowest of the C&M. They are commonly very new to the SCP Foundation and SCPs and therefore work small jobs while being increasingly exposed to site.