Link to article: 9000contestampyrreference 1.
:root {
--basalt-UI-dark-palette: 74, 7, 15;
;
--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: var(--basalt-secondary-color);
--document-background-color: 253, 253, 253;
--darkdocument-background-color: 30, 30, 35;
--header-drop-shadow-opacity: 0.1;
--window-border-radius: 8px;
/*-----------------------*/
/*---- EXTERNAL VARS ----*/
/*-----------------------*/
/* Info Bar */
--linkColour: rgb(var(--basalt-light-text-color)) !important;
--barColour: rgb(var(--basalt-undertone)) !important;
--fnColor: rgb(var(--basalt-bright-element-color));
/* BetterFootnotes */
--posX: 6vw;
--fnLinger: 0.33s;
/* ACS */
--one-color: 0, 159, 107;
--two-color: 0, 135, 189;
--three-color: 255, 211, 0;
--four-color: 255, 109, 0;
--five-color: 196, 2, 51;
--six-color: 173, 77, 191;
}
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
div.authorlink-wrapper{margin-top: var(--author-top-adjust, .2em) !important;}
:root {
--header-logo: url('https://i.imgur.com/leyXBPM.png');
--title:"THE TRILATERUM";
--subtitle:"IT'S ABOUT TIME.";
--sidesubtitle: "TEXT";
--sidelogo: url('https://i.imgur.com/leyXBPM.png');
--header-font: 'Poppins';
--body-font: 'Zen Kaku Gothic Antique', sans-serif;
--basalt-undertone: 60,9,33;
--swatch-menubg-black-color: 10,10,10;
--general-border-color: 1,1,1;
--swatch-menutxt-dark-color: 1,1,1;
--UI-font: 'Poppins';
--selection-background-color: 228, 13, 13;
--link-color: 228, 13, 13;
--link-visited-color: 171, 15, 15;
--basalt-bright-element-color: var(--basalt-alternate-color);
}
a {
font-family: var(--header-font-primary);
}
body:before {
content: ' ';
position: fixed;
display: block;
left: 0;
top: 0;
width: 100%;
height: 100vh;
background-position:center;
}
body {
background-image:url("https://i.imgur.com/o1rbrZG.png");
background-attachment: fixed;
background-size: 100%;
background-repeat:repeat;
}
div[class$="_memo3"] {
background: var(--memo3-logo) rgba(var(--memo3-color), 1);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
min-height: 4rem;
margin-inline: auto;
margin-block: 2rem;
padding-inline: 20px;
padding-block: 10px;
border: solid 4px rgba(211, 1, 32, 255);
text-align: center;
}
div[class$="_memo3"]::before {
content: var(--memo3-heading);
font-family: var(--UI-font);
font-weight: 900;
font-size: 1.3em;
text-align: center;
color: rgb(211, 1, 32);
margin: 0 auto 1rem auto;
display: flex;
flex-direction: column;
padding-top: 0.5em;
}
div.modalredblack_memo3 {
--memo3-logo: url(https://i.imgur.com/2Jyyis8.png);
--memo3-color: 0,0,0;
}
div[class$="_memo2"] {
background: var(--memo2-logo) rgba(var(--memo2-color), 1);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
min-height: 4rem;
margin-inline: auto;
margin-block: 2rem;
padding-inline: 20px;
padding-block: 10px;
border: solid 4px rgba(228, 67, 67);
text-align: center;
}
div[class$="_memo2"]::before {
content: var(--memo2-heading);
font-family: var(--UI-font);
font-weight: 900;
font-size: 1.3em;
text-align: center;
color: rgb(228, 67, 67);
margin: 0 auto 1rem auto;
display: flex;
flex-direction: column;
padding-top: 0.5em;
}
div.modalpaleredblack_memo2 {
--memo2-logo: url(https://i.imgur.com/2Jyyis8.png);
--memo2-color: 0,0,0;
}
div[class$="_memo4"] {
background: var(--memo4-logo) rgba(var(--memo4-color), 1);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
min-height: 4rem;
margin-inline: auto;
margin-block: 2rem;
padding-inline: 20px;
padding-block: 10px;
border: solid 4px rgba(74, 230, 232);
text-align: center;
}
div[class$="_memo4"]::before {
content: var(--memo4-heading);
font-family: var(--UI-font);
font-weight: 900;
font-size: 1.3em;
text-align: center;
color: rgb(211, 1, 32);
margin: 0 auto 1rem auto;
display: flex;
flex-direction: column;
padding-top: 0.5em;
}
div.modalcorbenese_memo4 {
--memo4-logo: url(https://i.imgur.com/2Jyyis8.png);
--memo4-color: 0,0,0;
}
div[class$="_memo5"] {
background: var(--memo5-logo) rgba(var(--memo5-color), 1);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
min-height: 4rem;
margin-inline: auto;
margin-block: 2rem;
padding-inline: 20px;
padding-block: 10px;
border: solid 4px rgba(240, 139, 136);
text-align: center;
}
div[class$="_memo5"]::before {
content: var(--memo5-heading);
font-family: var(--UI-font);
font-weight: 900;
font-size: 1.3em;
text-align: center;
color: rgb(211, 1, 32);
margin: 0 auto 1rem auto;
display: flex;
flex-direction: column;
padding-top: 0.5em;
}
div.modalettra_memo5 {
--memo5-logo: url(https://i.imgur.com/2Jyyis8.png);
--memo5-color: 0,0,0;
}
#page-content .lotus {
background-color: rgb(var(--admo-color-dim));
background-image: url("https://i.imgur.com/tvQKL74.gif");
background-attachment: fixed;
background-size: 100%;
opacity: 36%;
background-repeat: round;
background-blend-mode: darken;
border: none;
box-shadow: inset 0rem -2rem 10rem 8rem rgba(var(--admo-color-dark))
}
#page-content div.notation {
background-color: rgba(var(--basalt-secondary-color), 0.6);
}
#page-content .lotus .st {
text-decoration: none;
}
#page-content .lotus p:has(.st) {
text-align: center;
}
@media only screen and (max-width: 768px) {
#page-content .chat {
padding: 0.5rem 0px;
font-size: 0.88rem;
}
#page-content .chat > p {
margin: 0.5rem;
}
#page-content :is(.vjds, .veiss, .jldo, .elng, .kelvin) {
margin-left: unset;
margin-right: unset;
}
#page-content .lotus {
background-size: 33%;
box-shadow: inset 0rem -2rem 10rem 2rem rgba(var(--admo-color-dark));
}
}
.diss, .diss::selection {
color: transparent;
}#page-content .lotus {
background-color: rgb(var(--admo-color-dim));
background-image: url("https://i.imgur.com/tvQKL74.gif");
background-attachment: fixed;
background-size: 100%;
opacity: 36%;
background-repeat: round;
background-blend-mode: darken;
border: none;
box-shadow: inset 0rem -2rem 10rem 8rem rgba(var(--admo-color-dark))
}
#page-content div.notation {
background-color: rgba(var(--basalt-secondary-color), 0.6);
}
#page-content .lotus .st {
text-decoration: none;
}
#page-content .lotus p:has(.st) {
text-align: center;
}
@media only screen and (max-width: 768px) {
#page-content .chat {
padding: 0.5rem 0px;
font-size: 0.88rem;
}
#page-content .chat > p {
margin: 0.5rem;
}
#page-content :is(.vjds, .veiss, .jldo, .elng, .kelvin) {
margin-left: unset;
margin-right: unset;
}
#page-content .lotus {
background-size: 33%;
box-shadow: inset 0rem -2rem 10rem 2rem rgba(var(--admo-color-dark));
}
}
.diss, .diss::selection {
color: transparent;
}hr {
height: 2px;
color: #ffffff;
background-color: #ffffff;
border: none;
}.oracle_memo {
--memo-heading: "PER AUTHORITY OF THE ORACLE COLLECTIVE";
--memo-logo: url(https://scp-wiki.wdfiles.com/local--files/scp-7243/admo-7243-oracle.png);
--memo-color: 211, 1, 32;
background-size: 75% auto !important;
background-position: center center !important;
background-color: rgb(var(--basalt-primary-color)) !important;
}
span.tl_id {
font-family: var(--UI-font);
font-size: 0.85em;
text-transform: uppercase;
}
@supports ((-webkit-background-clip: text) and (-webkit-text-fill-color: transparent)) {
.flame {
background: linear-gradient(to right, #FF7F7F, #FFB27F, #edda45);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: bold;
}
}
.blood {
background: linear-gradient(to right, #bf3a3a, #730303, #b40b0b);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: bold;
}
}
.quake { display:inline-block; animation: shakeWhole 500ms ease-in-out infinite; }
@keyframes shakeWhole {
0% { transform: translate(0, 0) rotate(0deg); }
20% { transform: translate(-3px, 2px) rotate(-1deg); }
40% { transform: translate(3px, -2px) rotate(1.5deg); }
60% { transform: translate(-2px, 0px) rotate(-1.5deg); }
80% { transform: translate(2px, 1px) rotate(1deg); }
100% { transform: translate(0, 0) rotate(0deg); }
}
@media (prefers-reduced-motion: reduce) { .quake { animation: none; } }
div.ettraproj_memo {
--memo-heading: "ETTRA PROJECT LAUNCH MEMORANDUM";
--memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETTRA_LIGHTLOGO.png);
--memo-color: 245, 215, 215;
}/*---------------------*/
/*---- BASALT DIVS ----*/
/*---- (DARK MODE) ----*/
/*---------------------*/
div[class$="_memo"] {
background-color: rgba(var(--basalt-secondary-color), 1);
border: solid 2px rgba(var(--memo-color), 1);
}
div[class$="_memo"]::before {
color: rgb(var(--memo-color));
}
div.raisa_memo {
--memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_DARKLOGO.png);
}
div.classification_memo {
--memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/CLASSIFICATION_DARKLOGO.png);
}
div.ettra_memo {
--memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETTRA_DARKLOGO.png);
}
div.ettraproj_memo {
--memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETTRA_DARKLOGO.png);
}
div.ethics_memo {
--memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_DARKLOGO.png);
}
div.temporal_memo {
--memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/DELTA_T_DARKLOGO.png);
--memo-color: 195, 195, 200;
}
div.overwatch_memo {
--memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/O5_DARKLOGO.png);
}
div.miscomm_memo {
--memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/MISCOMM_DARKLOGO.png);
}
:is(.table1, .table2, .table3, .table4, .table5, .table6) {
--basalt-th-text-color: var(--basalt-light-text-color);
}
:is(div.table1, div.table2, div.table3, div.table4, div.table5, div.table6) span:is(.specialtext, .st) {
filter: brightness(1.2);
}
:is(.table1, .table2, .table3, .table4, .table5, .table6) h1 {
color: rgb(var(--basalt-th-background-color));
}
div.terminal{
border: 1px solid black;
border: solid 4px #d40424;
border-radius: 16px;
background-color: #131;
/* black shadow at the top of the terminal */
background-image:
radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
background-position: center;
display: block;
/* shadow around the terminal */
box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
/* prevents scanline from forming a scrollwheel */
overflow:hidden;
}
div.terminal blockquote {
background-color: black;
border: double 3px #80FF80
}
div.scanline{
margin-top: -40%;
width: 100%;
height: 60px;
position: relative;
pointer-events: none;
/* Safari 4.0 - 8.0 */
-webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
animation: scan 12s linear 0s infinite; /* Same as above */
background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
}
div.text{
color: rgba(128,255,128,0.8);
padding: 40% 2em 0;
font-family: monospace;
font-size: 1.0em;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes scan{
from{ transform: translateY(-10%);}
to{ transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
}
@keyframes scan{
from{ transform: translateY(-10%);}
to{ transform: translateY(5000%);} /* Same as above.*/
}
div.text a {
color: #90EE90;
text-decoration: none;
background: transparent;
}
div.text a.newpage {
color: #90EE90;
text-decoration: none;
background: transparent;
}
div.text a:hover {
color: #131;
text-decoration: underline;
background-color: #80FF80;
padding: 1px;
}
div.text a:hover::before{
content: "> ";
}
.danke {
padding: 5px;
margin-bottom:10px;
font-family: monospace;
font-size: 1.1em;
}
.agent {
background-color:#002200;
border: 3px solid #55AA55;
color: #77CC77;
}
.site {
background-color:#222200;
border: 3px solid #AAAA55;
color: #DDDD77;
}modalredblack_memo3modalredblack_memo3tl_idtl_idoracle_memo