Link to article: An Incomplete Interview.
:root {
--subtitle: "Department of Xenobiology";
--title: "SCP Foundation";
--basalt-overtone: 10, 10, 10;
--basalt-undertone: var(--basalt-bright-element-color);
--basalt-UI-dark-palette: 50, 50, 50;
--basalt-bright-element-color: 196, 18, 18;
--basalt-dark-element-color: 166, 12, 12;
--basalt-alternate-color: 221, 119, 17;
--basalt-primary-color: 252, 252, 252;
--basalt-secondary-color: 240, 240, 240;
--basalt-tertiary-color: 229, 229, 229;
--basalt-main-text-color: 35, 35, 35;
}
.email-example .collapsible-block-folded a.collapsible-block-link {
animation: blink 0.8s ease-in-out infinite alternate;
}
@keyframes blink {
0% { color: transparent; }
50%, 100% { color: #b01; }
}
.email {border: 3px double #000000; background: #fefefe; max-width: 48em; padding-inline: 1em; margin-inline: auto;}
.email-example a.collapsible-block-link {font-weight: bold;}
.tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
#page-title {display: none;}
body {
font-size: 0.85em;
background-color: #f5f5f5;
opacity: 1;
background-image: radial-gradient(#808080 1.3px, transparent 1.3px), radial-gradient(#808080 1.3px, #f5f5f5 1.3px);
background-size: 52px 52px;
background-position: 0 0,26px 26px;
}
h1 {
text-align: center;
}
h2 {
text-align: center;
}
h3 {
text-align: center;
color: rgb(40, 40, 40);
}
h4 {
text-align: center;
color: rgb(60, 60, 60);
}
h5 {
text-align: center;
}
div.modal {
display: block;
margin-inline: auto;
margin-block: 1.4rem;
padding-inline: 1.5rem;
padding-block: 0.5rem;
color: rgb(var(--basalt-main-text-color));
border: 3px double #000000;
}
#page-content div.modal {
max-width: 48em;
}
.text-box-xeno {
display: inline-block;
width: 95%;
padding: 1rem;
background-color: rgba(255, 255, 255);
border-top: solid 1px rgb(0, 0, 0);
border-left: solid 1px rgb(0, 0, 0);
border-right: solid 1px rgb(0, 0, 0);
border-bottom: solid 1px rgb(0, 0, 0);
margin: auto;
height: max-content;
line-height: 1.5em;
}
.xenonoborder {
display: inline-block;
width: 95%;
padding: 1rem;
background-color: rgba(255, 255, 255);
margin: auto;
height: max-content;
line-height: 1.5em;
}
.talking {
display: grid;
grid-template-columns: 7em auto;
grid-template-areas:
'person quote';
justify content: center;
margin: auto;
padding: 0 0 0 0;
width: 100%;
border-top: 1.5px solid #c0c0c0;
border-bottom: 1.5px solid #c0c0c0;
}
.person {
font-size: 0.92em;
padding: 0 0 0.25em 0;
border-right: 1.5px solid #c0c0c0;
border-top: 0.5px solid #e0e0e0;
border-bottom: 0.5px solid #e0e0e0;
}
.quote {
padding-left: 15px;
font-size: 0.95em;
padding-top: 2px;
padding-bottom: 2px;
line-height: 0.05em;
border-top: 0.5px solid #e0e0e0;
border-bottom: 0.5px solid #e0e0e0;
}
font-size: 115%;
position: relative; top: -0.4em;
height: 0.3rem;
display: block; border-bottom: double 5px #000000; border-top: double 5px #000000; text-align: center; margin: 0 0 0 0; padding: 0em 2em 0 2em;
border: 0.75px solid #000000; width: 90%, margin: auto; padding: 0.5em 1em 0.5em 1em;
border: 0.75px solid #000000; width: 90%, margin: auto; padding: 0.5em 1em 0.5em 1em;
component:preview
:scp-wiki:theme:basalt
[info]
:scp-wiki:component:author-label-source
[info]
:scp-wiki:component:author-label-source
[info]
email-example
email
tofrom
modal
flex-box
xenonoborder
talking
person
quote
person
quote
person
quote
person
quote
person
quote
person
quote
person
quote
person
quote
person
quote
person
quote
person
quote
person
quote
person
quote
person
quote
person
quote
person
quote
person
quote
person
quote
person
quote
person
quote
talking
person
quote
person
quote
person
quote
person
quote
person
quote
person
quote
person
quote
person
quote
person
quote
person
quote
person
quote
person
quote
person
quote