SCP-CN-2662

Theme Code

+ BASE THEME CODE

/* ==================== *
 * NEW ARISTOCRAT THEME *
 * [2021 Wikidot Theme] *
 *    By Dr Hormress    *
 *     CC BY-SA 3.0     *
 * ==================== */
 
/* Non-Sigma-9 Fix */
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');
 
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;700&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500;700&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Anonymous+Pro:wght@300;400;500;700&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext');
 
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext');
 
@supports(--variables: 0) {
 
/* ====== *
 * COMMON *
 * ====== */
 
body {
    color: rgb(var(--base-dark-color));
    background-color: rgb(var(--base-bright-color));
    font-size: var(--base-font-size);
    line-height: var(--base-line-height);
    font-family: var(--body-font);
}
 
#page-content {
    font-size: var(--base-font-size);
}
 
/* ---------------- *
 * Global Variables *
 * ---------------- */
 
:root {
 
    /* Basic Colors */
    --base-bright-color: var(--white-monochrome);
    --base-dark-color: var(--black-monochrome);
    --link-color: var(--bright-accent);
 
    --white-monochrome: 252, 252, 252;
    --black-monochrome: 15, 15, 15;
    --red-monochrome: 225, 72, 72;
    --green-monochrome: 72, 225, 72;
    --blue-monochrome: 56, 103, 204;
 
    --main-accent: var(--base-dark-color);
    --bright-accent: var(--blue-monochrome);
    --light-accent: 252, 252, 252;
    --dark-accent: 15, 15, 15;
 
    /* Other */
    --base-font-size: 0.85rem;
    --base-line-height: 1.4;
    --base-box-shadow: 0 0 7px rgba(var(--base-dark-color), 0.75);
    --base-transition-time: 0.5s;
    --main-width: 720px;
 
    /* Fonts */
    --header-font: var(--title-font);
    --title-font: "Comfortaa", sans-serif;
    --body-font: "Noto Sans", "Noto Sans SC", sans-serif;
    --mono-font: "Anonymous Pro", "Roboto Mono", "Courier New", monospace;
 
    /* Header */
    --header-height: 10rem;
    --header-title: "SCP Foundation";
    --header-title-color: var(--base-dark-color);
    --header-h1-x: calc(var(--header-icon-size) + 1rem);
    --header-h1-y: 4.5rem;
    --header-subtitle: "Secure, Contain, Protect";
    --header-subtitle-color: var(--header-title-color);
    --header-h2-x: calc(var(--header-icon-size) + 1rem);
    --header-h2-y: calc(var(--header-h1-y) + 2.5rem);
    --header-bg-color: var(--base-bright-color);
    --header-bg-top-color: var(--header-bg-color);
    --header-bg-middle-color: var(--header-bg-color);
    --header-bg-bottom-color: var(--header-bg-color);
    --header-gradient: linear-gradient(
                       to bottom,
                       rgb(var(--header-bg-top-color)) 0,
                       rgb(var(--header-bg-middle-color)) 50%,
                       rgb(var(--header-bg-bottom-color)) 100%
                       );
    --header-bg-size: auto 100%;
    --header-button-color: var(--base-dark-color);
    --header-button-hover-color: var(--green-monochrome);
    --header-button-bg-color: var(--base-bright-color);
    --header-button-x: 4.5rem;
    --header-icon: url("https://ah-sandbox.wikidot.com/local--files/theme:new-aristocrat-dev/nalogo.png");
    --header-icon-size: 5rem;
    --header-icon-x: 0;
    --header-icon-y: 4rem;
    --header-icon-w: var(--header-icon-size);
    --header-icon-drop-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
    --header-icon-opacity: 1;
    --header-icon-invert: 0;
 
    /* Topbar */
    --topbar-height: 2rem;
    --topbar-bg-color: var(--header-bg-color);
    --topbar-bg-size: 100% var(--topbar-height);
    --topbar-bg-top-color: var(--topbar-bg-color);
    --topbar-bg-middle-color: var(--topbar-bg-color);
    --topbar-bg-bottom-color: var(--topbar-bg-color);
    --topbar-gradient: linear-gradient(
                       to bottom,
                       rgb(var(--topbar-bg-top-color)) 0,
                       rgb(var(--topbar-bg-middle-color)) 50%,
                       rgb(var(--topbar-bg-bottom-color)) 100%
                       );
    --topbar-button-color: var(--topbar-item-text-color);
    --topbar-item-text-color: var(--base-dark-color);
    --topbar-item-hover-text-color: var(--topbar-menu-item-text-color);
    --topbar-item-hover-bg-color: var(--topbar-menu-item-bg-color);
    --topbar-menu-item-width: 10rem;
    --topbar-menu-item-height: var(--topbar-height);
    --topbar-menu-item-bg-color: var(--base-dark-color);
    --topbar-menu-item-text-color: var(--base-bright-color);
    --topbar-menu-item-border-color: var(--base-dark-color);
 
    /* Sidebar */
    --sidebar-width: 15rem;
    --sidebar-bg-color: var(--base-bright-color);
    --sidebar-block-bg-color: var(--base-bright-color);
    --sidebar-heading-color: var(--base-dark-color);
    --sidebar-heading-bg-color: var(--base-bright-color);
    --sidebar-item-height: calc(var(--base-font-size) * 2);
    --sidebar-item-hover-bg-color: var(--sidebar-link-color);
    --sidebar-link-color: var(--base-dark-color);
    --sidebar-link-hover-color: var(--base-bright-color);
 
    /* Rate Box */
    --ratebox-height: 1.5rem;
    --ratebox-text-color: var(--base-dark-color);
    --ratebox-bg-color: var(--base-bright-color);
    --ratebox-btn-color: var(--ratebox-text-color);
    --ratebox-btn-bg-color: var(--ratebox-bg-color);
    --ratebox-btn-hover-color: var(--ratebox-bg-color);
    --rateup-hover-bg-color: var(--green-monochrome);
    --ratedown-hover-bg-color: var(--red-monochrome);
    --ratebox-btn-hover-bg-color: var(--base-dark-color);
 
    /* Tabview */
    --tab-color: var(--base-dark-color);
    --tab-bg-color: var(--base-bright-color);
    --tab-item-height: 2rem;
    --tab-item-color: var(--base-bright-color);
    --tab-item-bg-color: var(--base-dark-color);
    --tab-item-hover-color: var(--tab-item-color);
    --tab-item-hover-bg-color: var(--tab-item-bg-color);
    --tab-item-selected-color: var(--base-dark-color);
    --tab-item-selected-bg-color: var(--base-bright-color);
 
    /* Wiki Content Table */
    --table-th-color: var(--base-bright-color);
    --table-th-bg-color: var(--base-dark-color);
    --table-th-border-color: var(--base-dark-color);
    --table-td-color: var(--base-dark-color);
    --table-td-bg-color: var(--base-bright-color);
    --table-td-border-color: var(--base-dark-color);
 
    /* Buttons */
    --btn-color: var(--bright-accent);
    --btn-bg-color: var(--base-bright-color);
    --btn-hover-bg-color: var(--btn-color);
 
    /* OWindow */
    --window-bg-color: var(--base-bright-color);
    --window-title-bg-color: var(--base-dark-color);
 
    /* Editor */
    --weditor-button-bg-color: var(--base-bright-color);
    --weditor-button-hover-bg-color: var(--base-dark-color);
 
    /* Forum Thread */
    --thread-head-bg-color: var(--base-bright-color);
 
}
 
@media (max-width: 767px) {
:root {
    /* Mobile Fix */
    --header-button-x: 1rem;
}
}
 
/* ------------ *
 * Global Width *
 * ------------ */
 
div#content-wrap {
    position: relative;
    margin: 0;
    max-width: 100vw;
    min-height: 1300px;
    height: auto !important;
}
 
div#main-content,
div#page-content {
    padding: 0;
    margin: 0 auto;
    max-width: var(--main-width);
    min-height: 720px;
}
 
div#main-content {
    margin-top: -100vh;
    padding-top: 1.5rem;
}
 
@media (max-width: calc(720px + 18rem * 2 + 3.4rem - 1px)) {
div#main-content {
    margin-left: calc(var(--sidebar-width) + 4rem);
    margin-right: 2rem;
}
}
 
@media (max-width: 767px) {
div#content-wrap {
    margin-left: 0;
    margin-right: 0;
}
 
div#main-content,
div#page-content {
    padding: 0;
    margin: 0 auto;
}
 
div#main-content {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    padding-top: 1.5rem;
}
 
.owindow {
    min-width: 80%;
    max-width: 99%;
}
 
.modal-body .table,
.modal-body .table ~ div {
    float: none !important;
}
 
.owindow .button-bar {
    float: right;
}
 
.owindow div a.btn-primary {
    display: block;
    float: none;
    width: fit-content;
    width: -moz-fit-content;
    width: -webkit-fit-content;
}
 
a,
span,
#action-area td {
    word-break: break-all;
}
}
 
/* ====== *
 * HEADER *
 * ====== */
 
/* ------------ *
 * Header title *
 * ------------ */
 
div#container-wrap,
div#header {
    background-image: none;
}
 
div#header {
    position: sticky;
    top: calc(var(--header-height) * -1);
    height: calc(var(--header-height) + var(--topbar-height));
    background-color: transparent;
    padding-bottom: 0;
    max-width: 60rem;
    width: 90%;
    margin: 0 auto;
    z-index: 20;
}
 
div#header h1,
div#header h2 {
    float: none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    z-index: 5;
}
 
div#header h1,
div#header h1 a,
div#header h2 {
    margin: 0;
    padding: 0;
    line-height: 1;
    max-width: unset;
    max-height: unset;
    letter-spacing: 0;
}
 
div#header h1 a span,
div#header h2 span {
    display: none;
}
 
div#header h1 {
    left: var(--header-h1-x);
    top: var(--header-h1-y);
    width: var(--header-h1-w);
}
 
div#header h2 {
    left: var(--header-h2-x);
    top: var(--header-h2-y);
    width: var(--header-h2-w);
}
 
div#header h1 a::before {
    content: var(--header-title);
    font-size: 2.5rem;
    font-weight: bold;
    font-family: var(--header-font);
    line-height: 2.5rem;
    color: rgb(var(--header-title-color));
    text-shadow: 0 0 2px rgba(var(--header-title-color), 0.25);
}
 
@media (max-width: 479px) {
div#header h1 a::before {
    line-height: 1.6rem;
    font-size: 1.6rem;
}
}
 
div#header h2::before {
    content: var(--header-subtitle);
    font-size: 1rem;
    font-weight: normal;
    font-family: var(--title-font);
    line-height: 1rem;
    color: rgb(var(--header-subtitle-color));
    text-shadow: 0 0 2px rgba(var(--header-subtitle-color), 0.25);
}
 
div#header::after {
    content: "";
    display: block;
    position: absolute;
    top: var(--header-icon-y);
    left: var(--header-icon-x);
    width: var(--header-icon-w);
    height: var(--header-icon-size);
    background-image: var(--header-icon);
    background-repeat: no-repeat;
    background-size: auto var(--header-icon-size);
    background-position: center center;
    filter: drop-shadow(var(--header-icon-drop-shadow)) opacity(var(--header-icon-opacity)) invert(var(--header-icon-invert));
    -webkit-filter: drop-shadow(var(--header-icon-drop-shadow)) opacity(var(--header-icon-opacity)) invert(var(--header-icon-invert));
    z-index: 2;
}
 
/* ----------- *
 * Top Buttons *
 * ----------- */
 
div#header #login-status {
    top: var(--header-button-x);
    right: 1.9rem;
    font-size: 0;
}
 
div#header #login-status div#account-options {
    font-size: var(--base-font-size);
    border: none;
    border-radius: 0.3rem;
    width: 4rem;
    box-shadow: var(--base-box-shadow);
}
 
div#header #login-status span {
    display: none;
}
 
div#header #login-status span.printuser {
    display: inline-block;
    border-radius: 0.4rem;
    transition: ease var(--base-transition-time);
}
 
div#header #login-status a.login-status-create-account::before {
    content: "\f007";
}
 
div#header #login-status a.login-status-sign-in::before {
    content: "\f090";
}
 
div#header #login-status > a[href*="/account/messages"] {
    display: block;
    position: absolute;
    width: 0.75rem;
    height: 0.75rem;
    left: 1.25rem;
    top: 1.25rem;
    line-height: 0.75rem;
    color: transparent;
    background-color: rgb(var(--message-reminding-bg-color, 225, 72, 72));
    border-radius: 50%;
    z-index: 25;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.75);
}
 
div#header #login-status a#account-topbutton {
    border: none;
    margin: 0;
    padding: 0;
}
 
div#header #login-status a#account-topbutton::before {
    content: "\f0d7";
}
 
div#header #search-top-box::before {
    content: "\f002";
}
 
div#header #search-top-box::before,
div#header #login-status span.printuser a,
div#header #login-status a::before {
    display: inline-block;
    border: none;
    width: 1.5rem;
    height: 1.5rem;
    margin: 0.2rem;
    color: rgb(var(--header-button-color));
    background-color: rgb(var(--header-button-bg-color));
    text-align: center;
    font-family: "FontAwesome";
    font-size: 1.2rem;
    line-height: 1.5rem;
    border-radius: 0.3rem;
    box-shadow: var(--base-box-shadow);
    transition: ease var(--base-transition-time);
    overflow: hidden;
}
 
div#header #login-status span.printuser img.small {
    margin: 0;
    padding: 0;
    background-image: none !important;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 0.3rem;
}
 
div#header #login-status span.printuser:hover,
div#header #login-status span.printuser:focus {
    background-color: rgba(var(--header-button-hover-color), 0.75);
}
 
div#header #login-status span.printuser:hover img.small,
div#header #login-status span.printuser:focus img.small {
    opacity: 0.75
}
 
div#header #search-top-box:hover::before,
div#header #login-status a:hover::before,
div#header #search-top-box:focus::before,
div#header #login-status a:focus::before {
    color: rgb(var(--header-button-hover-color));
    text-decoration: none;
}
 
div#header #search-top-box {
    top: var(--header-button-x);
    right: 0;
    width: 1.9rem;
    height: 1.9rem;
}
 
div#header #search-top-box input#search-top-box-input {
    display: none;
}
 
div#header #search-top-box #search-top-box-form input[type=submit],
div#header #search-top-box #search-top-box-form input[type=submit]:hover,
div#header #search-top-box #search-top-box-form input[type=submit]:focus {
    position: absolute;
    left: 0;
    top: 0;
    border-width: 0;
    width: 1.5rem;
    height: 1.5rem;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    background-image: none;
    background: none;
    box-shadow: none;
    border-radius: 0.3rem;
    margin: 0.2rem;
    opacity: 1;
    z-index: 10;
}
 
div#header #search-top-box #search-top-box-form:not(:hover) input[type=submit]:focus {
    background-color: rgba(var(--header-button-hover-color), 0.375);
}
 
/* ----------- *
 * Topbar Menu *
 * ----------- */
 
div#top-bar div.mobile-top-bar {
    display: none;
}
 
@media (max-width: 767px) {
div#top-bar div.top-bar {
    display: none;
}
 
div#top-bar div.mobile-top-bar {
    display: block;
}
}
 
body::before {
    content: "";
    display: block;
    position: sticky;
    top: calc(var(--header-height) * -1);
    width: 100%;
    height: calc(var(--header-height) + var(--topbar-height));
    background-color: rgb(var(--header-bg-color));
    background-image: var(--topbar-gradient), var(--header-gradient);
    background-size: var(--topbar-bg-size), var(--header-bg-size);
    box-shadow: var(--base-box-shadow);
    background-position: center var(--header-height), center center;
    background-repeat: repeat-x, repeat;
    z-index: 15;
}
 
div#container-wrap {
    margin-top: calc(var(--header-height) * -1 + var(--topbar-height) * -1);
}
 
div#top-bar {
    z-index: 20;
    width: 100%;
    max-width: 60rem;
    right: auto;
    font-size: inherit;
    position: absolute;
    top: var(--header-height);
    height: var(--topbar-height);
    background-color: transparent;
    background-image: none;
}
 
div#top-bar * {
    margin: 0;
}
 
div#top-bar div div.open-menu a {
    border: none;
    border-radius: 0;
    position: absolute;
    top: 0;
    left: calc(var(--topbar-height) * -1);
    text-align: center;
    font-family: 'Nanum Gothic', sans-serif;
    font-size: calc(var(--topbar-height) * 0.8);
    background-color: transparent;
    color: rgb(var(--topbar-button-color));
    width: var(--topbar-height);
    height: var(--topbar-height);
    line-height: var(--topbar-height);
    transition: ease var(--base-transition-time);
}
 
div#top-bar div div.open-menu a:hover {
    color: rgba(var(--topbar-button-color), 0.5);
    box-shadow: none;
}
 
div#top-bar div > ul {
    float: none;
    width: 100%;
    display: flex;
}
 
div#top-bar div > ul > li {
    flex-grow: 1;
    position: static;
}
 
div#top-bar div > ul > li > a {
    margin: 0;
    padding: 0;
    border: none;
    max-height: unset;
    height: var(--topbar-height);
    line-height: var(--topbar-height);
    color: rgb(var(--topbar-item-text-color));
    transition: ease var(--base-transition-time);
}
 
div#top-bar div > ul > li:hover > a,
div#top-bar div > ul > li.sfhover > a {
    border: none;
    color: rgb(var(--topbar-item-hover-text-color));
    background-color: rgba(var(--topbar-item-hover-bg-color), 0.75);
    background-image: none;
}
 
div#top-bar div > ul > li:hover > a:hover,
div#top-bar div > ul > li.sfhover > a:hover {
    background-color: rgba(var(--topbar-item-hover-bg-color), 0.87);
    background-image: none;
}
 
div#top-bar div > ul > li > ul,
div#top-bar div > ul > li:hover > ul,
div#top-bar div > ul > li.sfhover > ul {
    width: auto;
    border: none;
    box-shadow: var(--base-box-shadow);
    background-color: rgba(var(--topbar-menu-item-bg-color), 0.75);
}
 
div#top-bar div > ul > li > ul > li,
div#top-bar div > ul > li:hover > ul > li,
div#top-bar div > ul > li.sfhover > ul > li {
    border: none;
    width: auto;
}
 
div#top-bar div > ul > li > ul > li > a,
div#top-bar div > ul > li:hover > ul > li > a,
div#top-bar div > ul > li.sfhover > ul > li > a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: var(--topbar-menu-item-width);
    height: var(--topbar-menu-item-height);
    line-height: var(--topbar-menu-item-height);
    color: rgb(var(--topbar-menu-item-text-color));
    background-color: transparent;
    border: solid 1px rgb(var(--topbar-menu-item-border-color));
    transition: background-color ease var(--base-transition-time);
}
 
div#top-bar div > ul > li > ul > li > a:hover,
div#top-bar div > ul > li:hover > ul > li > a:hover,
div#top-bar div > ul > li.sfhover > ul > li > a:hover {
    background-color: rgba(var(--topbar-menu-item-bg-color), 0.4);
}
 
@media (max-width: 767px) {
div#top-bar {
    left: 0;
}
 
div#top-bar div.mobile-top-bar {
    position: absolute;
    width: calc(100% - var(--topbar-height));
    margin-left: var(--topbar-height);
}
 
div#top-bar div > ul > li > ul,
div#top-bar div > ul > li:hover > ul,
div#top-bar div > ul > li.sfhover > ul {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    position: absolute;
    left: calc(-6.1125% + var(--topbar-height) * -1);
    width: 100vw;
    border: solid 1px rgb(var(--topbar-menu-item-border-color));
}
 
div#top-bar div > ul > li > ul > li,
div#top-bar div > ul > li:hover > ul > li,
div#top-bar div > ul > li.sfhover > ul > li {
    width: 50%;
    max-width: 50%;
}
 
div#top-bar div > ul > li > ul > li > a,
div#top-bar div > ul > li:hover > ul > li > a,
div#top-bar div > ul > li.sfhover > ul > li > a {
    box-sizing: border-box;
    width: 100%; 
    max-width: 100%;
}
}
 
/* ======================= *
 * SIDE BAR & PAGE CONTENT *
 * ======================= */
 
/* ------------ *
 * Sidebar Menu *
 * ------------ */
 
div#side-bar {
    position: sticky;
    top: var(--topbar-height);
    left: 1.7rem;
    height: 100vh;
    width: var(--sidebar-width);
    overflow-y: scroll;
    overflow-x: hidden;
    box-sizing: border-box;
    float: none;
    padding: 0;
}
 
#side-bar p {
    margin: auto;
}
 
@media (max-width: 767px) {
div#side-bar,
div#side-bar:target {
    position: fixed;
    width: var(--sidebar-width);
    top: 0;
    left: calc(var(--sidebar-width) * -1);
    z-index: 25;
    border: none;
    background-color: rgb(var(--sidebar-bg-color));
    transition: ease var(--base-transition-time);
}
 
div#side-bar:target {
    left: 0;
}
 
div#side-bar a.close-menu {
    display: block;
    opacity: 1;
    background: transparent;
    backdrop-filter: blur(0);
    -webkit-backdrop-filter: blur(0);
    transition: ease var(--base-transition-time);
}
 
div#side-bar a.close-menu img {
    display: none;
}
 
div#side-bar:target a.close-menu {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: transparent;
    backdrop-filter: blur(0.2rem);
    -webkit-backdrop-filter: blur(0.2rem);
}
}
 
div#side-bar div.side-block,
div#side-bar div.side-block.media,
div#side-bar div.side-block.resources,
div.scpnet-interwiki-wrapper {
    margin: 0.5rem;
    margin-top: 1rem;
    padding: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    overflow: hidden;
    border: none;
    border-radius: 0;
    box-shadow: var(--base-box-shadow);
    background-color: rgb(var(--sidebar-block-bg-color));
}
 
div.scpnet-interwiki-wrapper {
    width: auto;
    max-height: calc(var(--base-font-size) * 1.75 + 2rem);
    min-height: unset;
    margin-bottom: 15rem;
    overflow: hidden;
    transition: ease var(--base-transition-time);
}
 
div.scpnet-interwiki-wrapper:focus,
div.scpnet-interwiki-wrapper:hover {
    max-height: unset;
    min-height: 20rem;
}
 
div#side-bar div.side-block[style*="background"] {
    background-color: rgba(var(--base-dark-color), 0.18) !important;
}
 
div.scpnet-interwiki-wrapper::before {
    content: "Languages";
}
 
div.scpnet-interwiki-wrapper::before,
div#side-bar div.side-block div.heading,
div#side-bar div.collapsible-block-folded .collapsible-block-link,
div#side-bar div.collapsible-block-folded .collapsible-block-link:hover,
div#side-bar div.collapsible-block-unfolded-link .collapsible-block-link,
div#side-bar div.collapsible-block-unfolded-link .collapsible-block-link:hover {
    display: block;
    font-size: unset;
    font-size: calc(var(--base-font-size) * 1.25));
    font-weight: bold;
    font-family: var(--title-font);
    text-align: center;
    text-decoration: none;
    color: rgb(var(--sidebar-heading-color));
    background-color: rgb(var(--sidebar-heading-bg-color));
    box-shadow: var(--base-box-shadow);
    margin: 0.5rem;
    margin-left: 0.75rem;
    margin-right: 0.75rem;
    padding: 0;
    border-bottom: none;
}
 
div#side-bar div.collapsible-block-folded {
    background-image: none;
}
 
div#side-bar div.collapsible-block-unfolded-link {
    border: none;
}
 
div#side-bar div.side-block .menu-item {
    margin: 0;
    display: flex;
    font-size: 0;
    margin-left: var(--sidebar-item-height);
}
 
div#side-bar div.side-block .menu-item a {
    flex: 1;
    position: relative;
    font-weight: bold;
    display: block;
    line-height: var(--sidebar-item-height);
    font-size: var(--base-font-size);
    color: rgb(var(--sidebar-link-color));
    transition: ease var(--base-transition-time);
    padding-left: calc(var(--sidebar-item-height) * 0.5);
    white-space: nowrap;
}
 
div#side-bar div.side-block .menu-item a[href*="scp-series"] {
    padding-left: 0;
    text-align: center;
}
 
div#side-bar div.side-block .menu-item a:hover::before,
div#side-bar div.side-block .menu-item a:hover,
div#side-bar div.side-block .menu-item a:focus::before,
div#side-bar div.side-block .menu-item a:focus {
    text-decoration: none;
    color: rgb(var(--sidebar-link-hover-color));
    background-color: rgb(var(--sidebar-item-hover-bg-color));
}
 
div#side-bar div.side-block:not(.media) .menu-item img {
    max-width: 0;
    max-height: 0;
    opacity: 0;
    padding: 0;
    margin: 0;
}
 
div#side-bar img + a::before {
    display: block;
    position: absolute;
    top: 0;
    left: calc(var(--sidebar-item-height) * -1);
    width: var(--sidebar-item-height);
    height: var(--sidebar-item-height);
    max-height: var(--sidebar-item-height);
    line-height: var(--sidebar-item-height);
    overflow: hidden;
    text-align: center;
    font-weight: normal;
    font-family: "FontAwesome";
    font-size: var(--base-font-size);
    color: rgb(var(--base-dark-color));
    transition: ease var(--base-transition-time);
}
 
div#side-bar img[src*="help.png"] + a::before {
    content: "\f059";
}
 
div#side-bar img[src*="main.png"] + a::before {
    content: "\f192";
}
 
div#side-bar img[src*="default.png"] + a::before {
    content: "\f10c";
}
 
div#side-bar img[src*="home.png"] + a::before {
    content: "\f015";
}
 
div#side-bar img[src*="series.png"] + a::before {
    content: "\f1c0";
}
 
div#side-bar img[src*="forum.png"] + a::before {
    content: "\f086";
}
 
/* ---------- *
 * Scroll Bar *
 * ---------- */
 
::-webkit-scrollbar {
    cursor: pointer;
    border: none;
    width: 0.5rem;
    height: 0.5rem;
}
 
::-webkit-scrollbar-thumb {
    background: rgba(var(--base-dark-color), 0.8);
    cursor: pointer;
}
 
::-webkit-scrollbar-thumb:hover {
    background: rgb(var(--base-dark-color));
}
 
::-webkit-scrollbar-track {
    background: rgba(var(--base-bright-color), 0.4);
}
 
* {
    scrollbar-color: #222, #FAFAFA;
}
 
/* ----------- *
 * Rate Module *
 * ----------- */
 
div#page-content div.page-rate-widget-box,
div#page-content div.creditRate,
div#page-content table.rate_t,
div#page-content table.rate_t2 {
    margin: 0;
    padding: 0;
    font-size: 0;
}
 
div#page-content div.page-rate-widget-box,
div#page-content div.rate-box-with-credit-button,
div#page-content table.rate_t,
div#page-content table.rate_t2 {
    display: inline-flex;
    background-color: rgb(var(--ratebox-bg-color));
    height: var(--ratebox-height);
    border: none;
    border-radius: 0;
    box-shadow: var(--base-box-shadow);
}
 
div#page-content div.rate-box-with-credit-button div.page-rate-widget-box,
div#page-content table.rate_t div.page-rate-widget-box,
div#page-content table.rate_t2 div.page-rate-widget-box {
    box-shadow: none;
}
 
div#page-content div.page-rate-widget-box a {
    font-size: 0;
}
 
div#page-content div.page-rate-widget-box a::before {
    font-family: "FontAwesome";
    font-size: var(--base-font-size);
}
 
div#page-content div.page-rate-widget-box .rateup.btn a::before {
    content: "\f102";
}
 
div#page-content div.page-rate-widget-box .ratedown.btn a::before {
    content: "\f103";
}
 
div#page-content div.page-rate-widget-box .cancel.btn a::before {
    content: "\f00d";
}
 
div#page-content div.page-rate-widget-box span.rate-points {
    text-transform: capitalize;
    color: rgb(var(--ratebox-text-color)) !important;
    background-color: transparent !important;
    border: none;
    border-radius: 0;
    height: var(--ratebox-height);
    line-height: var(--ratebox-height);
    font-size: var(--base-font-size);
}
 
div#page-content div.page-rate-widget-box .rateup.btn,
div#page-content div.page-rate-widget-box .ratedown.btn,
div#page-content div.page-rate-widget-box .cancel.btn,
div#page-content .creditButton,
div#page-content .creditButton p {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    height: var(--ratebox-height);
    background-color: transparent;
    font-size: var(--base-font-size);
    line-height: var(--ratebox-height);
}
 
div#page-content .creditButton p a {
    margin-left: 0;
    border-left: 0;
}
 
div#page-content div.page-rate-widget-box .rateup.btn a,
div#page-content div.page-rate-widget-box .ratedown.btn a,
div#page-content div.page-rate-widget-box .cancel.btn a,
div#page-content .creditButton p a.fa.fa-info {
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden;
    border-radius: 0;
    text-align: center;
    width: var(--ratebox-height);
    height: var(--ratebox-height);
    line-height: var(--ratebox-height);
    color: rgb(var(--ratebox-btn-color));
    background-color: rgba(var(--ratebox-btn-bg-color), 0.75);
    transition: ease var(--base-transition-time);
}
 
div#page-content div.page-rate-widget-box .rateup.btn a:hover,
div#page-content div.page-rate-widget-box .ratedown.btn a:hover,
div#page-content div.page-rate-widget-box .cancel.btn a:hover,
div#page-content .creditButton p a.fa.fa-info:hover {
    border-radius: 0;
    text-decoration: none;
    color: rgb(var(--ratebox-btn-hover-color));
    background-color: rgb(var(--ratebox-btn-hover-bg-color));
}
 
div#page-content div.page-rate-widget-box .rateup.btn a:hover {
    background-color: rgb(var(--rateup-hover-bg-color));
}
 
div#page-content div.page-rate-widget-box .ratedown.btn a:hover {
    background-color: rgb(var(--ratedown-hover-bg-color));
}
 
/* ------- *
 * Content *
 * ------- */
 
div.title,
span.title,
div.meta-title,
div#page-title,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--title-font);
    color: rgb(var(--main-accent));
}
 
div.meta-title,
div#page-title {
    min-height: 2.5rem;
    line-height: 2.5rem;
    font-size: 2rem;
    font-weight: bold;
    margin: 0;
    padding: 0;
    border: none;
}
 
a,
a:link,
a:focus,
a:active,
a:visited {
    color: rgb(var(--link-color));
    text-decoration: none;
    background-color: transparent;
    transition: var(--base-transition-time);
}
 
a:hover,
div#header a:hover,
div#top-bar a:hover,
div#side-bar a:hover {
    color: rgba(var(--link-color), 0.8);
    text-decoration: none;
    background-color: transparent;
}
 
div#page-content a:hover {
    text-decoration: underline;
}
 
div#page-content a.newpage {
    color: rgb(var(--link-color));
    background-color: rgba(var(--link-color), 0.1);
}
 
.hovertip {
    color: rgb(var(--base-dark-color));
    border: solid 0px transparent !important;
    box-shadow: var(--base-box-shadow);
    background-color: rgb(var(--base-bright-color)) !important;
}
 
.hovertip .content .footnote .f-heading,
.hovertip .content .footnote .f-footer  {
    display: none !important;
}
 
hr {
    width: auto;
    margin: 1em 1rem;
    background-color: rgba(var(--base-dark-color), 0.75);
}
 
div.dark hr {
    background-color: rgba(127, 127, 127, 0.75);
}
 
blockquote,
div.blockquote,
div.code,
div.page-source,
div.box {
    margin: 0.8rem 0;
    padding: 1px 1rem;
    background-color: transparent;
    border: none;
    box-shadow: var(--base-box-shadow);
}
 
tt,
div.code,
div.code *,
span.monospace {
    font-family: var(--mono-font);
}
 
div.page-source {
    padding: 0.8rem;
    font-family: var(--mono-font);
}
 
blockquote,
div.blockquote {
    margin: 0.8rem auto;
    width: 90%;
    max-width: 520px;
    box-sizing: border-box;
}
 
/* --------- *
 * Page Tags *
 * --------- */
 
div.page-tags span {
    border-top: dotted 0.125rem rgba(var(--base-dark-color), 0.75);
}
 
div.page-tags span a {
    text-transform: uppercase;
    margin-right: 0.5rem;
}
 
div.page-tags span a::before {
    content: "\f02b";
    font-family: "FontAwesome";
    display: inline-block;
    margin-right: 0.25rem;
    color: rgb(var(--base-dark-color));
}
 
/* ------------------ *
 * Wiki Content Table *
 * ------------------ */
 
div#page-content table.wiki-content-table {
    box-shadow: var(--base-box-shadow);
}
 
div#page-content table.wiki-content-table th {
    color: rgb(var(--table-th-color));
    background-color: rgba(var(--table-th-bg-color), 0.75);
    border-color: rgba(var(--table-th-border-color), 0.87);
}
 
div#page-content table.wiki-content-table td {
    color: rgb(var(--table-td-color));
    background-color: rgba(var(--table-td-bg-color), 0.75);
    border-color: rgba(var(--table-td-border-color), 0.87);
}
 
/* ----------- *
 * Image Block *
 * ----------- */
 
div#page-content div.scp-image-block {
    width: 300px;
    border: none;
    box-shadow: var(--base-box-shadow);
}
 
div#page-content div.scp-image-block p {
    margin: 0;
}
 
div#page-content div.scp-image-block.block-center {
    margin: 0.8rem auto;
}
 
div#page-content div.scp-image-block.block-right {
    float: right;
    clear: right;
    max-width: 50%;
    margin: 0.8rem 0 0.8rem 0.8rem;
}
 
div#page-content div.scp-image-block.block-left {
    float: left;
    clear: left;
    max-width: 50%;
    margin: 0.8rem 0.8rem 0.8rem 0;
}
 
div#page-content div.scp-image-block img.image,
div#page-content div.scp-image-block div.scp-image-caption {
    border: none;
    min-width: 100%;
    max-width: 100%;
}
 
div#page-content div.scp-image-block div.scp-image-caption {
    text-align: center;
    font-weight: bold;
    font-size: calc(var(--base-font-size) * 0.8);
    color: rgb(var(--base-dark-color));
    background-color: rgb(var(--base-bright-color));
    padding: 0.2rem 0.5rem;
    box-sizing: border-box;
}
 
div#page-content div.image-block-break + div.scp-image-block {
    box-shadow: none;
}
 
div#page-content div.image-block-break + div.scp-image-block img.image {
    box-shadow: var(--base-box-shadow);
    margin-bottom: 0.8rem;
}
 
div#page-content div.image-block-break + div.scp-image-block div.scp-image-caption {
    box-shadow: var(--base-box-shadow);
}
 
div#page-content div.image-block-accent + div.scp-image-block div.scp-image-caption {
    color: rgb(var(--base-bright-color));
    background-color: rgba(var(--base-dark-color), 0.87);
}
 
/* ---------- *
 * Fancy Divs *
 * ---------- */
 
div.box.light {
    background-color: rgba(var(--light-accent), 0.87);
    color: rgb(var(--dark-accent));
}
 
div.box.dark {
    background-color: rgba(var(--dark-accent), 0.87);
    color: rgb(var(--light-accent));
}
 
div.box.dark h1,
div.box.dark h2,
div.box.dark h3,
div.box.dark h4,
div.box.dark h5,
div.box.dark h6 {
    color: rgb(var(--light-accent));
}
 
div.box.roc {
    border-radius: 1rem;
}
 
div#page-content div.box.document {
    position: relative;
    min-height: 10rem;
    margin: 0.8rem 0 1.4rem 0.6rem;
}
 
div#page-content div.box.document::before {
    content: "";
    display: block;
    position: absolute;
    left: -0.3rem;
    top: 0.3rem;
    width: 100%;
    height: 100%;
    box-shadow: var(--base-box-shadow);
    z-index: -1;
}
 
div#page-content div.box.document::after {
    content: "";
    display: block;
    position: absolute;
    left: -0.6rem;
    top: 0.6rem;
    width: 100%;
    height: 100%;
    box-shadow: var(--base-box-shadow);
    z-index: -2;
}
 
div#page-content div.box.document.light,
div#page-content div.box.document.light::before,
div#page-content div.box.document.light::after {
    color: rgb(var(--dark-accent));
    background-color: rgb(var(--light-accent));
}
 
div#page-content div.box.document.dark,
div#page-content div.box.document.dark::before,
div#page-content div.box.document.dark::after {
    color: rgb(var(--light-accent));
    background-color: rgb(var(--dark-accent));
}
 
div#page-content div.box.raisa-memo {
    color: rgb(15, 15, 15);
    background-color: rgba(255, 255, 175, 0.75);
    text-align: center;
    border: solid 0.125rem rgb(75, 75, 75);
}
 
div#page-content div.box.raisa-memo::before {
    display: block;
    content: "NOTICE FROM THE FOUNDATION \A RECORDS AND INFORMATION SECURITY ADMINISTRATION ";
    color: rgb(15, 15, 15);
    white-space: pre-wrap;
    font-family: var(--title-font);
    font-weight: bold;
    font-size: calc(var(--base-font-size) * 1.25);
    text-align: center;
    margin-top: 0.8rem;
}
 
div#page-content div.box.domc-memo {
    position: relative;
    margin: 1.6rem 0.8rem;
    background-color: transparent;
    border: solid 0.125rem rgb(255, 255, 127);
    color: rgb(255, 255, 127);
    box-shadow: none;
    text-align: center;
}
 
div#page-content div.box.domc-memo::before {
    display: block;
    content: "NOTICE FROM THE FOUNDATION \A DEPARTMENT OF MISCOMMUNICATIONS ";
    color: rgb(255, 255, 127);
    white-space: pre-wrap;
    font-family: var(--title-font);
    font-weight: bold;
    font-size: calc(var(--base-font-size) * 1.25);
    text-align: center;
    margin-top: 0.8rem;
}
 
div#page-content div.box.domc-memo::after {
    content: "";
    position: absolute;
    left: -0.925rem;
    top: -0.925rem;
    right: -0.925rem;
    bottom: -0.925rem;
    z-index: -1;
    background-color: rgba(230, 35, 35, 0.75);
    box-shadow: var(--base-box-shadow);
}
 
div#page-content div.box.pata-memo {
    color: rgb(225, 225, 225);
    background-color: rgba(70, 45, 120, 0.75);
    text-align: center;
}
 
div#page-content div.box.pata-memo::before {
    display: block;
    content: "NOTICE FROM THE FOUNDATION \A DEPARTMENT OF 'PATAPHYSICS ";
    color: rgb(225, 225, 225);
    white-space: pre-wrap;
    font-family: var(--title-font);
    font-weight: bold;
    font-size: calc(var(--base-font-size) * 1.25);
    text-align: center;
    margin-top: 0.8rem;
}
 
div#page-content div.box.overwatch-memo {
    color: rgb(225, 225, 225);
    background-color: rgba(75, 75, 75, 0.75);
    border: double 0.1875rem rgb(225, 225, 225);
    text-align: center;
}
 
div#page-content div.box.overwatch-memo::before {
    display: block;
    content: "OVERWATCH COMMAND";
    color: rgb(225, 225, 225);
    white-space: pre-wrap;
    font-family: var(--title-font);
    font-weight: bold;
    font-size: calc(var(--base-font-size) * 2.25);
    text-align: center;
    margin-top: 0.8rem;
}
 
div.outset {
    box-shadow: var(--base-box-shadow);
}
 
div.inset {
    box-shadow: inset var(--base-box-shadow);
}
 
/* -------- *
 * YUI Tabs *
 * -------- */
 
div#page-content div.yui-navset.yui-navset-top {
    box-shadow: var(--base-box-shadow);
    color: rgb(var(--tab-color));
    background-color: rgb(var(--tab-bg-color));
}
 
div#page-content div.yui-navset.yui-navset-top a:hover,
div#page-content div.yui-navset.yui-navset-top a:focus {
    text-decoration: none;
}
 
div#page-content div.yui-navset.yui-navset-top > ul.yui-nav {
    border: none;
    display: flex;
    flex-wrap: wrap;
}
 
div#page-content div.yui-navset.yui-navset-top > ul.yui-nav > li {
    margin: 0;
    padding: 0;
    height: var(--tab-item-height);
    border: none;
    flex-grow: 1;
    max-width: 100%;
}
 
div#page-content div.yui-navset.yui-navset-top > ul.yui-nav > li > a {
    margin: 0;
    padding: 0 0.8rem;
    border: none;
    width: 100%;
    height: 100%;
    max-width: 100%;
    text-align: center;
    overflow: hidden;
    font-family: var(--title-font);
    color: rgb(var(--tab-item-color));
    background-image: none;
    background-color: rgba(var(--tab-item-bg-color), 0.87);
    box-sizing: border-box;
    transition: ease var(--base-transition-time);
}
 
div#page-content div.yui-navset.yui-navset-top > ul.yui-nav > li > a:focus,
div#page-content div.yui-navset.yui-navset-top > ul.yui-nav > li > a:hover {
    color: rgb(var(--tab-item-hover-color));
    background-color: rgba(var(--tab-item-hover-bg-color), 0.75);
}
 
div#page-content div.yui-navset.yui-navset-top > ul.yui-nav > li.selected > a,
div#page-content div.tui-navset.yui-navset-top > ul.yui-nav > li.selected > a:focus,
div#page-content div.yui-navset.yui-navset-top > ul.yui-nav > li.selected > a:hover {
    color: rgb(var(--tab-item-selected-color));
    background-color: rgb(var(--tab-item-selected-bg-color));
    background-image: none;
}
 
div.yui-navset.yui-navset-top > ul.yui-nav > li > a > em {
    display: block;
    padding: 0;
    margin: 0;
    height: 100%;
    line-height: var(--tab-item-height);
    border: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
 
div.yui-navset.yui-navset-top > div.yui-content {
    padding: 0 1rem;
    background-color: transparent;
    border: none;
}
 
div.yui-navset.yui-navset-top > div.yui-content > div {
    padding: 1px;
    margin: -1px;
}
 
/* ------- *
 * Buttons *
 * ------- */
 
div.owindow {
    border-color: rgb(var(--window-bg-color));
    background-color: rgb(var(--window-bg-color));
    box-shadow: var(--base-box-shadow);
}
 
div.owindow div.title.modal-header {
    background-color: rgba(var(--window-title-bg-color), 0.1);
    color: rgb(var(--base-dark-color));
}
 
a.button.btn,
div.owindow a.btn,
div.options input.btn,
div.options input.btn.btn-default,
div.options input.btn.btn-primary,
div.options input.btn.btn-sm,
div.options input.btn.btn-small,
div.options a.btn,
div.options a.btn.btn-default,
div.options a.btn.btn-primary,
div.options a.btn.btn-sm,
div.options a.btn.btn-small,
div.buttons input.btn,
div.buttons input.btn.btn-default,
div.buttons input.btn.btn-primary,
div.buttons input.btn.btn-sm,
div.buttons input.btn.btn-small,
div.buttons a.btn,
div.buttons a.btn.btn-default,
div.buttons a.btn.btn-primary,
div.buttons a.btn.btn-sm,
div.buttons a.btn.btn-small,
div.button-bar input.btn,
div.button-bar a.btn,
div.button-bar a,
div.page-options-bottom input.btn,
div.page-options-bottom a.btn {
    display: inline-block;
    font-weight: bold;
    color: rgb(var(--btn-color));
    border-color: transparent;
    background-color: rgb(var(--btn-bg-color));
    box-shadow: var(--base-box-shadow);
    padding: 0.2rem 0.5rem;
    transition: ease var(--base-transition-time);
}
 
a.button.btn:hover,
div.owindow a.btn:hover,
div.options input.btn:hover,
div.options a.btn:hover,
div.buttons input.btn:hover,
div.buttons a.btn:hover,
div.button-bar input.btn:hover,
div.button-bar a.btn:hover,
div.button-bar a:hover,
div.page-options-bottom input.btn:hover,
div.page-options-bottom a.btn:hover,
a.button.btn:focus,
div.owindow a.btn:focus,
div.options input.btn:focus,
div.options a.btn:focus,
div.buttons input.btn:focus,
div.buttons a.btn:focus,
div.button-bar input.btn:focus,
div.button-bar a.btn:focus,
div.button-bar a:focus,
div.page-options-bottom input.btn:focus,
div.page-options-bottom a.btn:focus {
    display: inline-block;
    text-decoration: none;
    border-color: transparent;
    background-color: rgba(var(--btn-hover-bg-color), 0.5);
    color: rgb(var(--base-bright-color));
}
 
div.page-options-bottom {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}
 
div.page-options-bottom a.btn {
    flex-grow: 1;
}
 
div#page-content div#u-credit-view,
div#page-content div#u-credit-otherwise {
    z-index: 30;
}
 
div#page-content div.modalcontainer div.modalbox {
    border-radius: 0;
    border-color: rgb(var(--window-bg-color));
    box-shadow: var(--base-box-shadow);
    background: linear-gradient(rgba(var(--window-title-bg-color), 0.1) 51px, transparent 51px, transparent), rgb(var(--window-bg-color));
}
 
/* -------------- *
 * Edit Page Form *
 * -------------- */
 
form#new-post-form *,
form#edit-post-form *,
form#edit-page-form * {
    font-family: "Anonymous Pro", monospace;
    font-size: var(--base-font-size);
}
 
input#edit-page-title {
    max-width: 100%;
    width: 100%;
}
 
input,
input#np-title,
input#ep-title,
input#edit-page-title,
input#page-tags-input,
input#upload-userfile,
input#upload-dfilename,
input#move-new-page-name,
input.text,
textarea,
textarea#np-text,
textarea#ep-text,
textarea#edit-page-textarea,
table.edit-page-bottomtable td div:not(.sub) textarea#edit-page-comments[name="comments"] {
    color: rgb(var(--base-dark-color));
    border-color: transparent;
    background-color: transparent;
    box-shadow: inset var(--base-box-shadow);
}
 
table.edit-page-bottomtable td div.sub {
    color: rgba(var(--base-dark-color), 0.25);
}
 
table.edit-page-bottomtable td div#lock-info {
    color: rgb(var(--base-dark-color));
    background-color: transparent;
    border-color: transparent;
    box-shadow: var(--base-box-shadow);
}
 
table.page-history td.optionstd a,
div.pager a {
    display: inline-block;
    padding: 0 0.2rem;
    min-width: 1.25rem;
    min-height: 1.25rem;
    text-align: center;
    line-height: 1.25rem;
    font-size: var(--base-font-size);
    color: rgb(var(--base-dark-color));
    border: none;
    border-radius: 0.2rem;
    background-color: transparent;
    box-shadow: var(--base-box-shadow);
    box-sizing: border-box;
    transition: ease var(--base-transition-time);
}
 
div.pager span.current {
    display: inline-block;
    padding: 0;
    min-width: 1.25rem;
    min-height: 1.25rem;
    text-align: center;
    line-height: 1.25rem;
    font-size: var(--base-font-size);
    color: rgb(var(--base-bright-color));
    border: none;
    border-radius: 0.2rem;
    background-color: rgb(var(--bright-accent));
    box-shadow: var(--base-box-shadow);
    transition: ease var(--base-transition-time);
}
 
div.pager span.current:hover {
    color: rgba(var(--base-bright-color), 0.625);
    background-color: rgba(var(--bright-accent), 0.85);
}
 
table.page-history td.optionstd a:hover,
div.pager a:hover {
    background-color: rgba(var(--bright-accent), 0.125);
    color: rgb(var(--bright-accent));
}
 
div.wd-editor-toolbar-panel div > ul > li > a {
    background-image: url("https://ah-sandbox.wdfiles.com/local--files/theme:new-aristocrat-dev/icons1.png");
    background-color: rgb(var(--weditor-button-bg-color));
    box-shadow: var(--base-box-shadow);
    border-radius: 0.1rem;
}
 
div.wd-editor-toolbar-panel div > ul > li > a:hover {
    background-image: url("https://ah-sandbox.wdfiles.com/local--files/theme:new-aristocrat-dev/icons3.png");
    background-color: rgba(var(--weditor-button-hover-bg-color), 0.1);
    box-shadow: var(--base-box-shadow);
}
 
div.wd-editor-toolbar-panel div > ul > li > ul,
div.wd-editor-toolbar-panel div > ul > li > ul:hover,
div.wd-editor-toolbar-panel div > ul > li > ul.sfhover {
    background-color: rgb(var(--weditor-button-bg-color));
    border: none !important;
    border-radius: 0.1rem;
    box-shadow: var(--base-box-shadow);
}
 
div.wd-editor-toolbar-panel div > ul > li > ul > li > a {
    background-image: url("https://ah-sandbox.wdfiles.com/local--files/theme:new-aristocrat-dev/icons1.png");
    background-color: rgb(var(--weditor-button-bg-color));
    box-shadow: none;
    border-radius: 0.1rem;
}
 
div.wd-editor-toolbar-panel div > ul > li > ul > li > a:hover {
    background-image: url("https://ah-sandbox.wdfiles.com/local--files/theme:new-aristocrat-dev/icons3.png");
    background-color: rgba(var(--weditor-button-hover-bg-color), 0.1);
    box-shadow: none;
}
 
/* ------------- *
 * Forum Threads *
 * ------------- */
 
.thread-container .post .short,
.thread-container .post .head {
    color: rgb(var(--base-dark-color));
    background: rgba(var(--thread-head-bg-color), 0.1);
    border-radius: 0;
    border-color: transparent;
    box-shadow: var(--base-box-shadow);
}
 
/* === *
 * END *
 * === */
 
}

+ CLASSIC

:root {
    --header-gradient: linear-gradient(
        135deg,
        transparent 0,
        transparent 25%,
        rgba(var(--base-dark-color), 0.1) 25%,
        rgba(var(--base-dark-color), 0.1) 50%,
        transparent 50%,
        transparent 75%,
        rgba(var(--base-dark-color), 0.1) 75%,
        rgba(var(--base-dark-color), 0.1) 100%
    );/* Inspired by SCP-5633 */
    --header-bg-size: 2.5rem 2.5rem;
    --header-bg-color: 215, 75, 75;
    --topbar-bg-color: 225, 225, 225;
    --header-title-color: 225, 225, 225;
    --header-icon-invert: 1;
    --header-button-bg-color: 225, 225, 225;
    --header-button-hover-color: 215, 75, 75;
    --bright-accent: 215, 75, 75;
    --btn-bg-color: 225, 225, 225;
}

+ DEEP

:root {
    --header-gradient: linear-gradient(
        135deg,
        transparent,
        transparent 25%,
        rgba(var(--base-dark-color), 0.1) 25%,
        rgba(var(--base-dark-color), 0.1) 50%,
        transparent 50%,
        transparent 75%,
        rgba(var(--base-dark-color), 0.1) 75%,
        rgba(var(--base-dark-color), 0.1)
    );/* Inspired by SCP-5633 */
    --header-bg-size: 2.5rem 2.5rem;
    --header-bg-color: 105, 25, 25;
    --topbar-bg-color: 25, 25, 25;
    --topbar-item-text-color: var(--base-bright-color);
    --header-title-color: 225, 225, 225;
    --header-icon-invert: 1;
    --header-button-color: var(--base-bright-color);
    --header-button-bg-color: 25, 25, 25;
    --header-button-hover-color: 215, 75, 75;
    --sidebar-heading-color: var(--base-bright-color);
    --sidebar-heading-bg-color: 105, 25, 25;
    --ratebox-text-color: 252, 252, 252;
    --ratebox-bg-color: 105, 25, 25;
    --ratebox-btn-hover-bg-color: 225, 225, 225;
    --bright-accent: 105, 25, 25;
    --btn-bg-color: 225, 225, 225;
}

+ GREY

:root {
    --header-gradient: linear-gradient(
        135deg,
        transparent,
        transparent 25%,
        rgba(var(--base-dark-color), 0.1) 25%,
        rgba(var(--base-dark-color), 0.1) 50%,
        transparent 50%,
        transparent 75%,
        rgba(var(--base-dark-color), 0.1) 75%,
        rgba(var(--base-dark-color), 0.1)
    );/* Inspired by SCP-5633 */
    --header-bg-size: 2.5rem 2.5rem;
    --header-bg-color: 75, 75, 75;
    --topbar-bg-color: 25, 25, 25;
    --topbar-item-text-color: var(--base-bright-color);
    --header-title-color: 225, 225, 225;
    --header-icon-invert: 1;
    --header-button-color: var(--base-bright-color);
    --header-button-bg-color: 25, 25, 25;
    --header-button-hover-color: 75, 75, 75;
    --sidebar-heading-color: var(--base-bright-color);
    --sidebar-heading-bg-color: 75, 75, 75;
    --ratebox-text-color: 252, 252, 252;
    --ratebox-bg-color:75, 75, 75;
    --ratebox-btn-hover-bg-color: 225, 225, 225;
    --bright-accent: 75, 75, 75;
    --btn-bg-color: 225, 225, 225;
}

+ DARK

:root {
    --base-bright-color: 56, 56, 56;
    --base-dark-color: 225, 225, 225;
    --base-box-shadow: 0 0 7px rgb(15, 15, 15);
    --header-icon-invert: 1;
    --header-icon-drop-shadow: 0 0 2px rgba(var(--base-dark-color), 0.25);
}

项目编号：項目編號：CN-2662

等级等級3

收容等级：收容等級：

esoteric

次要等级：次要等級：

Archon

扰动等级：擾動等級：

keneq

风险等级：風險等級：

danger

备忘录链接

梦境中的一帧图像

特殊收容措施：研究员Chen目前已被收容在Site-CN-11的一处员工宿舍中，该建筑应被心灵遮断合金覆盖，以避免SCP-CN-2662异常性质影响Site-CN-11其余人员。若当研究员Chen脱离SCP-CN-2662-1后情绪激动，可向站点医务室以及项目主管研究员申请后，对研究员Chen使用镇静剂以保证其不会做出过激行为。研究员Chen应以一切必要手段维持基本生命体征。

对象应保持情绪稳定及充足睡眠，对象的任何睡眠时间将被上报并进行持续监控，并在恢复清醒后进行询问关于SCP-CN-2662-1中的内容以及SCP-CN-2662-2谈话内容，此内容应被记录在Site-CN-11-δ中心数据库内，非4/CN-2662人员不得访问。3级及以上人员可查阅文档CN-2662.1至CN-2662.4。4/CN-2662级人员可查阅文档CN-2662.5至CN-2662.6。

注意：任何站点人员应知晓，在任何情况下，不得将此收容程序告知研究员Chen。

梦境中的一帧图片

描述：SCP-CN-2662目前未知其形态，由研究员Chen所报告的一系列异常事件所构成，目前相信SCP-CN-2662存在于研究员Chen的梦境中。

• SCP-CN-2662-1：被认为是研究员Chen的梦境世界。整体色调为灰色，是一个假定的悖论性“非次元”平行/口袋空间，目前未发现此空间违背现实物理定律，休谟指示器在此空间内无效，因此无法测算该空间休谟指数进而与外在现实作对比。

• SCP-CN-2662-2：一个虚幻的，半透明的人形个体，外观为女性，未检测到来自该个体的一切声音以及触感。个体在事件2662-A101发生时被研究员Chen报告。在事件2662-A101发生时，SCP-CN-2662-2会竭尽其所能带领梦境中的研究员Chen离开此现实。

• SCP-CN-2662-3：隐藏在研究员Chen意识深处的潜藏记忆，为研究员Chen高中时代被其父母辱骂该记忆内容已编辑，详情查看附录CN-2662.1-CN-2662.5，若该记忆被激活，研究员Chen将陷入不可逆转的精神崩溃状态，已证明至少B级的记忆清除对其无效，C级及以上的清除等级尝试申请已递交至Site-CN-11站点主管处，等待进一步命令。

---

在SCP-CN-2662-1内发现异常效应

• 时空类

1.时间在SCP-CN-2662-1中似乎是静止或以极慢的速度运行，目前发现有机体的生命代谢以极低的效应运行。

2.空间在SCP-CN-2662-1内表现出绝对的完美复制，根据研究员Chen所传回的语音记录表明，这些房间以六角形排列，目前已经拆除置于收容区域附近的SRA。

• 异常物品

3.一个收音机，被发现于SCP-CN-2662-1的客厅，编号为MR-101。MR-101会在每日格林尼治时间13:32分播放一段录音，任何认知到此模因的人员将体验一次时间回溯，一般为对象情绪低落时，目前未发现MR-101对人员造成心理或物理上的创伤。

4.一幅画作，被发现于SCP-CN-2662-1的卧室墙壁上，描述一个女性人物形象，该画作已被严重腐蚀，未发现该画作有明显的认知影响。目视此画作中人物形象的眼部将经历一次强烈的心理冲击，在已知的影响中，对象将经历一次情绪高涨的心理活动，持续时长约5（五）分钟，之后对象开始进入一种不可逆转的低落情绪中。

• 异常生物

5.2662棕鼠，通体棕色，面部尖突，长有触须，耳耸立呈半圆形，以SCP-CN-2662-1内生长的腐生霉菌为食，群居，难以监测，目前仅有1（一）只被基金会人员饲养研究。

6.研究员Chen，女性，约20岁，身着纯黑色T恤及纯黑色长裤，项目表现平静，且试图与基金会人员交流，使用中文（Chinese），英文（English）与基金会人员交流，项目一再强调应立即解除对于SCP-CN-2662的收容程序，基金会人员已被告知无视SCP-CN-2662-1内部的任何生命。

7.研究员Su，女性，约19岁，目前常于研究员Chen相伴，目前未发现项目拥有攻击倾向，身着基金会标准研究员服装，真实性目前待考察。项目表示应使用程序████/██████以抑制目前SCP-CN-2662-1的内在影响，并声称该现实并不存在。基金会人员已被告知无视其请求。

---

---

---

> 欢迎使用SCP基金会终端数据库，请登录

> login

> 虹膜认证完成

> 指纹认证完成，欢迎回来，Dr.Febreon，您想干什么？

> Access File CN-2662

> 在中国分部数据库中查找到文件：

• fileserv:/S:/cn-2662/files/jfplk.1.log

• fileserv:/S:/cn-2662/files/bdsaf.2.log

• fileserv:/S:/cn-2662/files/wvbaj.3.log

• fileserv:/S:/cn-2662/files/pahadbf.4.log

> 需要三级权限，是否访问？

> Y.

> 权限认证通过，欢迎您，Dr.Febreon。以下是您要查阅的文档。

► 存取确认 文档编号：fileserv:/S:/cn-2662/files/jfplk.1.log

我不知道为什么，从那天开始，她就一直陪伴着我，虽然，只是在梦里，她总能带着我在群星陨落中找到出口，她每次都会拉着我的衣袖，虚无缥缈的感觉让我感受不到她的存在，可她又是那么真真切切的存在着。

离开之前，她会给我一颗糖，她说“吃了就不疼了”。那声音若隐若现，我觉得那是我脑海里的声音，我看着手里的糖，就那么醒了过来。醒来之后，一切都变得真实了许多，天依然灰蒙蒙的，看不到一点生机。像是被梦里的石头从天而降震撼到了，我开始头疼，那种疼痛很不寻常，像是有一块大石头，就那么压着。X-9依然在工作，它似乎感觉不到累。可我累了，看看表，凌晨五点半，天已经亮了，安安¹也不知道去哪里了，这可是这里为数不多的安分日子。

我走到窗边，伸出手，拼命的想抓住她，可她不见了。

前一秒，她还给了我一颗糖；后一秒就消失的无影无踪。她会躲在云朵里吗。我想不会的。我继续躺在床上，全身一点力气都没有，我清楚的记得昨天下午吃过一片A级记忆清除剂，又有什么用呢。跟2662待在一起的日子里，我几乎每天都吃这东西，渐渐地，从原来的一次半片，一片，两片，现在我的剂量是一次三片加上注射清除剂。他们都说我已经对A级记忆清除剂有了抗性了，说着要给我换成B级。

不过那都无所谓了，现在我只想赶紧睡着，我想她了，我恨不得无时无刻和她在一起。可他们都说我疯了，一个什么事都不干只能睡觉的疯子。我总能感觉到她真真切切的存在在我身边，我能听到她在为我加油打气，可每次当我开始寻找她的时候，她又不见了。

我每天睡十几个小时，可是越是这样我就越难受，现在是凌晨两点半，我的心脏好疼。我想你了。

我不知道该怎么办，我拼命的按照记忆中的模样找到她给我的糖，可找遍了三站所有的糖制品储备，我甚至连形状相像的都没有找到。我找不到她了。为什么。

凌晨三点半，我又见到她了。还有那只小老鼠，它看起来好饿啊…可是我身上没有吃的…

这次是在一个巨大的陨石坑里，她站在下面向我挥手，我想都没想就跳了下去，那一瞬间我感觉我的身体被分成了上下两半，恍惚间我似乎看到她抱着我，我感觉不到疼痛，突然地我眼前突然清晰了不少，我才感觉到，疼，真的，好疼。她过来了，虽然我已经看不清楚了，但是我能感觉到她拉住我的手。我想说话，我想伸出手来抱抱她，可我说不出话，全身动弹不得，我只感觉到疼，撕心裂肺的疼，我似乎已经不能呼吸了，似乎下一秒我就要离开这个世界了。突然，我醒了。

我又从极大的痛苦中被拉回了现实。这个灰暗的，毫无生机与希望的现实。

我在她那里已经死了吗。可能是吧，反正也没有人会在意我。

无力，疼痛。

看了看墙上的表，已经下午一点了，我已经快一整天没有吃东西了。但是我一点也感觉不到饥饿，我想回去，我想跟她道歉，为这次的不辞而别。我又躺在床上，可这次我的头一碰到枕头，我就像是被千万根钢丝勒住脖子一样，下颌仿佛被数十根针同时刺进血肉里的痛，我拼命地吸气，可越吸越痛，我一度以为我就要死了。其实这样也好。不用被别人说那些难听的话。

这次，她坐在一张桌子旁边，旁边还有一把椅子，她示意我过去坐下。我已经几乎忘了她说过什么了，可能以后会想起来，也可能不会，再也不会。

我该去收容区域工作了。我已经快一个星期没有来了，幸好这里没有什么新的项目。

正常，崩溃。

一切都很正常，直到我看到了它。

我已经不记得它长什么样子了，那天晚上我没有睡着。我不知道为什么，这里的人似乎对我都有很大的敌意。我真的好害怕。

我努力的让自己忘掉它，忘掉那些东西，越是重复这些，头痛就更加严重。我什么都看不清，只觉得昏昏沉沉的。

我好像又看见她了。

那是幻象吗，那不是，那是真正的人。她穿着一身白色的长裙，我想开口说话，可他们进来了，他拿走了所有关于她的东西，他直接穿过了她。就好像，只有我才能看见她，只有她才能看见我。这还是外在现实吗，还是我已经被她带到了什么地方，她可以创造，还是改变？

从那以后，我似乎真正变成了一个透明人，她也只对我说过一句话。

“你只是你自己，也只能是你自己”

---

► 存取确认 文档编号：fileserv:/S:/cn-2662/files/bdsaf.2.log

我不知道他们究竟想干什么，又或者他们本来就不想干什么？我已经快要崩溃了。

她这么对我是为了什么。

那以后她还是来找过我，但是再也没对我说过一句话。只是对着我笑。

我这是喜欢她吗。不可能，我怎么会喜欢一个异常。

真的吗…？

也许吧。我不知道。

它看着我，我能感觉到有千千万万的人们在看着我。我的人生似乎在那一瞬间被暂停了。

矫情，造作。

救我。

我再也不想见到她了。

我疯狂地寻找着出路，但在本该是出口之处却撞倒一面坚实的混凝土墙上。出口不见了。被和这玩意一起困在这个鬼地方，外面的现实已不复存在。

我太累了。倚在墙角就睡着了。我没有见到她，她好像，凭空消失了一样。我喜欢她。

我见到她了。我看见她的时候，她的心脏处插着一把匕首，我跑过去想要抓住她，我的手根本碰不到她。她说了很多话，我知道她要走了。可我却不知道说什么，看着她的眼镜发呆。

我看着她那么努力想要抓住我的手，我甚至看到她的眼眶里有泪水。

“我喜欢你”我终于还是对她说了。

我看到她的泪水掉下来了。

我醒了。

她死了。

我也死了。

他们全都是疯子，只有她懂我。我知道，我真的。

所以，我究竟是谁。

理解，认可。

总是看到自己被打得遍体鳞伤，但另一侧又是影子的她经历美好的事情……

---

► 存取确认 文档编号：fileserv:/S:/cn-2662/files/wvbaj.3.log

时光转瞬即逝，事情即将发生。

最终，它降临于我。

2020年7月14日凌晨一点，我从睡梦中惊醒，发现那一切都是虚无，我努力想睁开双眼，可那无济于事。我似乎再也不能从床上起来了，我没有一点力气，仿佛自己马上就要被虚空吞噬一般。

我真的受不了了，问问自己到底是谁，我回答不上来，说真的我似乎不能再。

脆弱，自我封闭，伤痕累累。

他们对我说：“你为什么还不去死呢？所有人都讨厌你，废物！”

而我又能说什么呢，我身边在发生一些很荒谬的事情，我无法解释，好像我身边的东西不是我所属的时代应该存在的一样。它在侵蚀我的精神，我看不到。

好吧，我可能已经妥协了，也许自从它降临于我的时候，我早已屈服。

为什么呢。我很讨厌自我介绍。以后都别让我介绍自己。

“你为什么还在这呢？”

结束了。

现在，我真实吗。

---

► 存取确认 文档编号：fileserv:/S:/cn-2662/files/pahbf.4.log

视频日志记录

日期：██/██/2021

探索队伍：MTF-丙寅-01“梦境之子”

目标：恢复机密收容区域X-1并搜救人员

领队：01

小队成员：02,03,04.

---

[记录开始]

01：首要任务，找到Dr.Chen。不计代价，听懂了吗，检查装备。

02,03,04：检查完毕，SRAs正常。

01：出发。

小队前行至机密收容区域

Site-CN-03指挥中心：01，你们面前的密码锁的密码是：3729.

队员输入密码，门打开

01：收到，门已经打开了。

03：天哪，这是什么，队长。

01：屏息]闻起来好像……死尸，就是……呕吐物和 – 和血液。取样，02先把这东西送出去。

02：收到。

小队继续前进，前方是机密收容区域X-1

04：队长，你们那边找到Dr.Chen了吗？

01：该死的…还没有。

03：这[数据删除]是些什么东西！等等…他有名牌…S…Y？

01：Site-CN-██有这么个人吗？

Site-CN-03指挥中心：S.Y不属于这里，他在设施D-9工作。

01：我想我找到她了。所有人向我靠近。

04：哦…天哪…

不可辨认的杂音

Site-CN-03指挥中心：任务完成，立即撤离。

[记录结束]

---

> 以下文件需4/CN-2662级权限方可查阅，请确认您的权限。

> Y.

> 权限认证通过，以下是您要查阅的文档。请注意阅读完毕后注销账号。

---

► 存取确认 文档编号：fileserv:/S:/cn-2662/files/cylog.5.log

只做有始有终，值得去做的事情。

无人可见你的能力，所以你要让别人见到它们，就像你想要给别人讲述我的存在一样。

为了我，活下去。

灰色也是有生机的，正如我送给你的灰色的小老鼠一样。

暂时的无助不代表以后没有人理解你。

我时刻与你同在。有什么不开心都可以告诉我。

未来，不是简单的规划。做好最坏的打算没什么坏处。对吧？

或许我很无能，但是你不会烦到我，放心说吧。

我会带你走出去的。

别怕，有我在。“我知道，我很怕…”

只有距离才能抚平你的伤痛。

这一刻，我来保护你。

如果你很难受，不要管别人的看法，做自己喜欢的事情。

昨天晚上我去找过Februone医生啦，没事的，觉得很难受的话他会帮助你。

你种的花开啦，醒了之后别忘了去看看。

说真的，这件事我必须要去做，不管是为了你还是为了我守护的其他人。

即使付出生命。

放心，我不会痛的，只是…以后我不在了，也会有别的人去倾听你的，他们来了。

我就说嘛…我守护的人没人能…能碰到他们…

再见啦…对不起。

---

► 存取确认  文档编号：fileserv:/S:/cn-2662/files/awayle.6.log

这个梦的时间太长了，我想我该醒过来了，我现在是真实的吗。

我能证明我现在醒着吗。

该醒了。

---

> log down.

> 请确认退出系统？

> Y.

---

Footnotes

1. 此处代指SCP-CN-2662-2。