Link to article: Item/9988.
#header h1 a::before {
content: "The Consortium";
color: var(--banner-primary-color);
}
#header h2 span::before {
content: "Collection / Control.";
color: var(--banner-secondary-color);
}
#page-title {display: none;}
.inline-block {
display: inline-block;
width: 700px;
height: 2px;
background-color: #f5f5f5;
border: 1px solid #f5f5f5;
padding: 0px;
margin: none;
text-align: center;
font-family: Arial, sans-serif;
@supports ((-webkit-background-clip: text) and (-webkit-text-fill-color: transparent)) {
.dropshadow {
text-shadow: 2px 2px 2px #5C5C5C;
}
}
:root {
/*----------------------*/
/*---- BEDROCK VARS ----*/
/*----------------------*/
--header-logo: var(--logo);
--logo: url('https://scp-wiki.wikidot.com/local--files/theme:basalt/basalt_scp_logo-for_lightmode.svg');
--header-title: var(--title);
--header-subtitle: var(--subtitle);
--title: "SCP Foundation";
--subtitle: "SECURE - CONTAIN - PROTECT";
--main-content-width: 60rem;
--main-content-top-margin: 1.5rem;
--base-font-size: .875rem;
--bottom-area-padding: calc(var(--true-font-size)*2);
--side-bar-width: 17rem;
--basalt-page-content-font-weight: 440;
--header-font-primary: var(--UI-font-primary);
--UI-font-primary: 'Sofia Sans';
--basalt-overtone: 10, 10, 11;
--basalt-undertone: var(--basalt-bright-element-color);
--basalt-UI-dark-palette: 50, 50, 51;
--basalt-bright-element-color: 150, 24, 43;
--basalt-dark-element-color: 105, 17, 30;
--basalt-alternate-color: 221, 119, 17;
--basalt-primary-color: 252, 252, 252;
--basalt-secondary-color: 245,245,245;
--basalt-tertiary-color: 229, 229, 238;
--basalt-main-text-color: 35, 35, 38;
--title-border-color: var(--basalt-overtone);
--license-area-divider-color: var(--basalt-overtone);
--footer-divider-color: var(--basalt-overtone);
--search-icon-color: var(--basalt-overtone);
--hr-color: var(--general-border-color);
--general-border-color: 220, 220, 220;
--rate-module-cancel-color: var(--basalt-alternate-color);
--scrollbar-thumb-color: var(--basalt-dark-element-color);
--modal-fader-background-color: 0, 0, 0;
--side-bar-heading-background-color: 0, 0, 2, 0.07;
--side-bar-media-background-color: none; /* Disabled by default */
--side-bar-resources-background-color: none; /* Disabled by default */
--side-bar-button-background-hover: none; /* Disabled by default */
--side-bar-heading-text-color-hover: 255, 255, 255, 0.4;
--side-bar-button-color-hover: var(--side-bar-button-color);
/*---------------------*/
/*---- BASALT VARS ----*/
/*---------------------*/
--basalt-UI-background-color: var(--basalt-secondary-color);
--header-background-color: var(--basalt-UI-background-color);
--side-bar-background-color: var(--basalt-UI-background-color);
--bottom-area-background-color: var(--basalt-UI-background-color);
--edit-area-ancillary-background-color: var(--basalt-UI-background-color);
--edit-area-toolbar-background-color: var(--basalt-UI-background-color);
--button-background-color: var(--basalt-UI-background-color);
--basalt-UI-text-color: var(--basalt-main-text-color);
--header-title-color: var(--basalt-UI-text-color);
--header-subtitle-color: var(--basalt-UI-text-color);
--top-bar-link-color: var(--basalt-UI-text-color);
--search-icon-color: var(--basalt-UI-text-color);
--side-bar-heading-text-color: var(--basalt-UI-text-color);
--side-bar-link-color: var(--basalt-UI-text-color);
--bottom-area-text-color: var(--basalt-UI-text-color);
--edit-area-ancillary-text-color: var(--basalt-UI-text-color);
--edit-area-toolbar-icon-color: var(--basalt-UI-text-color);
--button-text-color: var(--basalt-UI-text-color);
--basalt-sub-text-color: var(--basalt-UI-text-color);
--ACS-font: var(--header-font);
--basalt-th-background-color: var(--basalt-UI-dark-palette);
--basalt-th-text-color: var(--basalt-light-text-color);
--image-caption-text-color: var(--basalt-main-text-color);
--authorbox-background-color: var(--basalt-primary-color);
--floatbox-background-color: 240, 240, 244;
--document-background-color: 253, 253, 253;
--darkdocument-background-color: 30, 30, 35;
--header-drop-shadow-opacity: 0.1;
--window-border-radius: 8px;
/*------------------------*/
/*---- BASALT CLASSES ----*/
/*------------------------*/
:is(div.blockquote, blockquote) {
color: rgb(var(--basalt-main-text-color));
overflow: auto;
}
:is(div.blockquote, blockquote):has(div.floatbox) {
overflow: unset;
}
#page-content div.notation {
max-width: 45rem;
}
div.notation {
display: block;
margin-inline: auto;
margin-block: 1.4rem;
padding-inline: 1.1rem;
padding-block: 0.9rem;
background-color: rgb(var(--basalt-secondary-color));
border-left: solid 0.25rem rgb(var(--general-border-color));
border-right: solid 0.25rem rgb(var(--general-border-color));
color: rgb(var(--basalt-main-text-color));
}
#page-content div.modal {
max-width: 57rem;
}
div.modal {
display: block;
margin-inline: auto;
margin-block: 1.4rem;
padding-inline: 1.5rem;
padding-block: 0.5rem;
background-color: rgb(var(--basalt-primary-color));
border: solid 0.2rem rgb(var(--general-border-color));
color: rgb(var(--basalt-main-text-color));
}
#page-content div.smallmodal {
max-width: 47rem;
}
div.smallmodal {
display: block;
margin-inline: auto;
margin-block: 1.4rem;
padding-inline: 1rem;
padding-block: 0.2rem;
background-color: rgb(var(--basalt-primary-color));
border: solid 0.15rem rgb(var(--general-border-color));
color: rgb(var(--basalt-main-text-color));
}
#page-content div:is(.jotting, .transcript) {
max-width: 42rem;
}
div:is(.jotting, .transcript) {
display: block;
margin-inline: auto;
margin-block: 1.4rem;
padding-inline: 1.5rem;
padding-block: 0.2rem;
background-color: rgb(var(--basalt-secondary-color));
border: dashed 0.15rem rgb(var(--general-border-color));
color: rgb(var(--basalt-main-text-color));
}
#page-content div.papernote {
max-width: 30rem;
}
div.papernote {
display: block;
margin-inline: auto;
margin-block: 1.4rem;
padding: 1rem 2rem;
background-color: rgb(var(--basalt-tertiary-color));
color: rgb(var(--basalt-main-text-color));
}
#page-content div:is(.document, .darkdocument) {
max-width: 45rem;
}
div:is(.document, .darkdocument) {
display: block;
margin-inline: auto;
margin-block: 1.5em;
padding: 1.5rem;
position: relative;
--posX: -20vw;
}
div.document {
background-color: rgb(var(--document-background-color));
box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.2);
color: rgb(50, 50, 53);
}
div.darkdocument {
background-color: rgb(var(--darkdocument-background-color));
box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.9);
color: rgb(195, 195, 200);
}
div:is(.document, .darkdocument)::before,
div:is(.document, .darkdocument)::after {
content: "";
height: 98%;
position: absolute;
width: 98%;
z-index: -1;
}
div:is(.document, .darkdocument)::before {
left: -5px;
top: 4px;
transform: rotate(-2.5deg);
}
div:is(.document, .darkdocument)::after {
right: -3px;
top: 1px;
transform: rotate(1.4deg);
}
div:is(.document)::before,
div:is(.document)::after {
background-color: rgb(var(--document-background-color));
}
div:is(.darkdocument)::before,
div:is(.darkdocument)::after {
background-color: rgb(var(--darkdocument-background-color));
opacity: 90%;
}
div.document::before {
box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.1);
}
div.document::after {
box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.05);
}
div.darkdocument::before {
box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.9);
}
div.darkdocument::after {
box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.05);
}
@media only screen and (max-width: 1020px) {
div:is(.document, .darkdocument)::before,
div:is(.document, .darkdocument)::after {
display: none;
}
}
div[class$="_memo"] {
background: var(--memo-logo) rgba(var(--memo-color), 1);
background-size: contain;
background-position: top center;
background-repeat: no-repeat;
min-height: 4rem;
margin-inline: auto;
margin-block: 2rem;
padding-inline: 20px;
padding-block: 10px;
border: solid 2px rgba(0, 0, 0, 0.1);
text-align: center;
}
div[class$="_memo"]::before {
content: var(--memo-heading);
font-family: var(--UI-font);
font-weight: 900;
font-size: 1.3em;
text-align: center;
margin: 0 auto 1rem auto;
display: flex;
flex-direction: column;
padding-top: 0.5em;
}
div.raisa_memo {
--memo-heading: "NOTICE FROM THE RECORDS AND INFORMATION SECURITY ADMINISTRATION";
--memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png);
--memo-color: 242, 242, 192;
}
div.classification_memo {
--memo-heading: "CLASSIFICATION COMMITTEE MEMORANDUM";
--memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/CLASSIFICATION_LIGHTLOGO.png);
--memo-color: 237, 245, 243;
}
div.ettra_memo {
--memo-heading: "NOTICE FROM THE EMERGENT THREAT TACTICAL RESPONSE AUTHORITY";
--memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETTRA_LIGHTLOGO.png);
--memo-color: 245, 215, 215;
}
div.ethics_memo {
--memo-heading: "ETHICS COMMITTEE MEMORANDUM";
--memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_LIGHTLOGO.png);
--memo-color: 255, 219, 196;
}
div.temporal_memo {
--memo-heading: "NOTICE FROM THE DEPARTMENT OF TEMPORAL ANOMALIES";
--memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/DELTA_T_LIGHTLOGO.png);
--memo-color: 255, 255, 255;
}
div.overwatch_memo {
--memo-heading: "BY ORDER OF THE OVERSEER COUNCIL";
--memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/O5_LIGHTLOGO.png);
--memo-color: 227, 227, 227;
}
div.miscomm_memo {
--memo-heading: "NOTICE FROM THE DEPARTMENT OF MISCOMMUNICATIONS";
--memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/MISCOMM_LIGHTLOGO.png);
--memo-color: 238, 237, 250;
}
div.tribunal_memo {
--memo-heading: "VERDICT FROM THE INTERNAL TRIBUNAL DEPARTMENT";
--memo-logo: url(https://i.imgur.com/qavdzCV.png);
--memo-color: 206, 237, 214;
}
div.external_memo {
--memo-heading: "MEMORANDUM FROM THE EXTERNAL RELATIONS BOARD";
--memo-logo: url(https://i.imgur.com/Vr7NkgK.png);
--memo-color: 228, 211, 240;
}
div.administrator_memo {
--memo-heading: "FROM THE OFFICE OF THE ADMINISTRATOR";
--memo-logo: url(https://i.imgur.com/LMiY83P.png);
--memo-color: 148, 148, 148;
}
div.archival_memo {
--memo-heading: "NOTICE FROM THE ARCHIVAL DEPARTMENT";
--memo-logo: url(https://i.imgur.com/CmXPO1U.png);
--memo-color: 175, 217, 240;
}
.table1 {
--basalt-th-background-color: var(--one-color);
}
.table2 {
--basalt-th-background-color: var(--two-color);
}
.table3 {
--basalt-th-background-color: var(--three-color);
--basalt-th-text-color: var(--basalt-main-text-color);
}
.table4 {
--basalt-th-background-color: var(--four-color);
}
.table5 {
--basalt-th-background-color: var(--five-color);
}
.table6 {
--basalt-th-background-color: var(--six-color);
}
div:is(.table1, .table2, .table3, .table4, .table5, .table6) .scp-image-block {
border-bottom-color: rgba(var(--basalt-th-background-color), 0.75);
}
div.tableb :is(#page-content table:not(.form), table.wiki-content-table) {
border-collapse: separate;
border-spacing: 4px;
}
span:is(.bigtext, .bt) {
font-family: var(--header-font);
font-weight: bold;
}
span:is(.specialtext, .st) {
font-family: var(--UI-font);
font-weight: bold;
}
:is(.table1, .table2, .table3, .table4, .table5, .table6) span:is(.st, .specialtext) {
color: rgb(var(--basalt-th-background-color));
}
#page-content div.floatbox {
background-color: rgb(var(--floatbox-background-color));
float: left;
max-width: calc(var(--main-content-width)/2.25);
box-sizing: border-box;
margin: 0.25rem 1.25rem;
margin-left: clamp(calc(var(--main-content-width)/-4.5), calc((87.5vw - 95%)/-2), 0rem);
padding-inline: 1.2rem;
padding-block: 0.5rem;
font-size: 0.9125em;
border-radius: 7px;
border: solid 0.12rem rgba(var(--general-border-color), 0.4);
}
#page-content div.floatbox.right {
float: right;
margin-left: 1.25rem;
margin-right: clamp(calc(var(--main-content-width)/-4.5), calc((87.5vw - 95%)/-2), 0rem);
}
@media only screen and (max-width: 640px) {
#page-content div:is(.floatbox, .floatbox.right) {
float: none;
margin: 0.5rem auto;
width: 100%;
}
}
:is(.table-no-border, .authorbox) td {
border-color: transparent !important;
}
float: center; border: solid 2px #e65c00; background:#e65c00; width: 95%; padding: 0px 0px; margin: auto; margin-top: 0px; box-shadow: 0 1px 3px rgba(0,0,0,.2);
font-size: 160%;
:scp-wiki:theme:classic
[info]
:scp-wiki:component:toggle-sidebar
[info]
:scp-wiki:component:fade-in
[info]
component:image-block
notation
inline-block
dropshadow
notation
modal