Link to article: SCP-9050.
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Coming+Soon&display=swap');
:root {
--basalt-primary-color: 0, 0, 0;
--basalt-secondary-color: 12, 12, 12;
--basalt-tertiary-color: 20, 20, 20;
--basalt-main-text-color: 180, 180, 180;
--general-border-color: 25, 25, 25;
--glass-color: 0, 0, 0;
--swatch-menubg-black-color: 25, 25, 25;
--swatch-menubg-dark-color: 66, 66, 66;
--swatch-menutxt-dark-color: 50, 50, 50;
--basalt-UI-blur: 0.08rem;
--basalt-UI-opacity: 0.5;
--header-font: 'Secular One', sans-serif;
--title-font: 'Secular One', sans-serif;
--window-radius: 0.875rem;
--main-content-width: 50rem;
--header-title: "SITE-03 SUPERCOMPLEX";
--header-subtitle: "Surviving Catastrophic Paradigms";
--header-logo: url("https://scp-wiki.wdfiles.com/local--files/scp-8020/site03.png");
}
body {
font-family: 'Figtree', sans-serif;
text-align: justify;
}
@media only screen and (min-width: 1020px) {
body {
background:
linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.4)),
linear-gradient(-90deg, rgba(120, 120, 120, 0.05) 1px, transparent 1px),
linear-gradient(rgba(120, 120, 120, 0.05) 1px, transparent 1px),
linear-gradient(-90deg, rgba(150, 150, 150, 0.04) 1px, transparent 1px),
linear-gradient(rgba(150,150,150,.04) 1px, transparent 1px),
linear-gradient(transparent 3px, rgb(11, 11, 11) 3px, rgb(11, 11, 11) 78px, transparent 78px),
linear-gradient(-90deg, #2a2a2a 1px, transparent 1px),
linear-gradient(-90deg, transparent 3px, rgb(11, 11, 11) 3px, rgb(11, 11, 11) 78px, transparent 78px),
linear-gradient(#2a2a2a 1px, transparent 1px),
rgb(11, 11, 11);
background-size:
100% 100%,
4px 4px,
4px 4px,
80px 80px,
80px 80px,
80px 80px,
80px 80px,
80px 80px,
80px 80px;
background-attachment: fixed;
}}
#header {
background: radial-gradient(circle, rgb(var(--basalt-secondary-color)) 0%, rgb(var(--basalt-primary-color)) 100%);
background-size: cover;
background-repeat: no-repeat;
background-position: 100% 50%;
box-shadow: none;
}
glass, div.glass {
background-color: rgb(var(--glass-color, 66, 66, 72), 0.15);
border-radius: var(--window-radius);
box-shadow: var(--window-shadow);
-webkit-backdrop-filter: blur(var(--basalt-UI-blur));
backdrop-filter: blur(var(--basalt-UI-blur));
padding: 0.2rem 1.5rem;
}
email, div.email {
background: URL('https://scp-sandbox-3.wdfiles.com/local--files/anakes/scp_logo.png');
background-size: 40%;
background-position: center;
background-repeat: no-repeat;
background-color: rgb(var(--glass-color, 66, 66, 72), 0.15);
border-top-right-radius: var(--window-radius);
border-bottom-right-radius: var(--window-radius);
box-shadow: var(--window-shadow);
-webkit-backdrop-filter: blur(var(--basalt-UI-blur));
backdrop-filter: blur(var(--basalt-UI-blur));
padding: 0.2rem 1.5rem;
}
border, div.border{
border-top-left-radius: var(--window-radius);
border-bottom-left-radius: var(--window-radius);
box-shadow: var(--window-shadow);
background-image: url('https://scp-sandbox-3.wdfiles.com/local--files/anakes2/man.png');
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
}
.grid-container {
display: grid;
grid-template-columns: 0.3fr 1fr;
grid-gap: 0px;
width: 80%;
margin: auto;
}
.addendum {
width: fit-content;
text-align: center;
padding: 8px 15px;
font-weight: 700;
text-transform: uppercase;
margin: 2rem auto;
position: relative;
z-index: 2;
margin-top: 0rem;
background: rgb(var(--image-caption-background-color));
border-radius: calc(var(--window-radius)*0.5);
}
.addendum p { margin: 0; }
.custombox {
background-color: rgb(var(--glass-color, 66, 66, 72), 0.15);
border-radius: var(--window-radius);
box-shadow: var(--window-shadow);
position: relative;
width: 66%;
margin: auto;
-webkit-backdrop-filter: blur(var(--basalt-UI-blur));
backdrop-filter: blur(var(--basalt-UI-blur));
padding: 0.2rem 1.5rem;
top: -3rem;
}
.custombox:before {
content: '';
position: absolute;
width: 100%;
height: 20px;
top: 0;
left: 0;
border: solid 2px rgb(var(--general-border-color));
border-bottom: none !important;
box-sizing: border-box;
border-top-left-radius: var(--window-radius);
border-top-right-radius: var(--window-radius);
}
.custombox:after {
content: '';
position: absolute;
width: 100%;
height: 20px;
bottom: 0;
left: 0;
border: solid 2px rgb(var(--general-border-color));
border-top: none !important;
box-sizing: border-box;
border-bottom-left-radius: var(--window-radius);
border-bottom-right-radius: var(--window-radius);
}
.header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
height: 100%;
padding: 0px 0px;
}
.header h2 {
text-transform: uppercase;
margin: 0;
white-space: nowrap;
}
.header::after {
content: "";
flex-grow: 1;
height: 20px;
background-color: rgb(11, 11, 11);
background-image: url('https://scp-sandbox-3.wdfiles.com/local--files/anakes2/test7b.png');
background-size: cover;
background-position: center;
}
:is(#page-content table:not(.form), table.wiki-content-table) :is(th, td) {
border: none;
padding: 0.3em 1em;
}
.bar-one {
--four-color: 180, 180, 180, 0.5;
-webkit-backdrop-filter: blur(var(--basalt-UI-blur));
backdrop-filter: blur(var(--basalt-UI-blur));
}
.bar-two {
--four-color: 150, 150, 150, 0.4;
-webkit-backdrop-filter: blur(var(--basalt-UI-blur));
backdrop-filter: blur(var(--basalt-UI-blur));
}
.bar-three {
--four-color: 120, 120, 120, 0.3;
-webkit-backdrop-filter: blur(var(--basalt-UI-blur));
backdrop-filter: blur(var(--basalt-UI-blur));
}
.bar-four {
--four-color: 90, 90, 90, 0.2;
-webkit-backdrop-filter: blur(var(--basalt-UI-blur));
backdrop-filter: blur(var(--basalt-UI-blur));
}
.bar-five {
--four-color: 60, 60, 60, 0.1;
-webkit-backdrop-filter: blur(var(--basalt-UI-blur));
backdrop-filter: blur(var(--basalt-UI-blur));
}
.bottom-box {
background-color: rgb(var(--glass-color), 0);
-webkit-backdrop-filter: blur(var(--basalt-UI-blur));
backdrop-filter: blur(var(--basalt-UI-blur));
}
display: none;
margin-top: 3rem;
font-family: 'VT323';
font-family: 'VT323';
font-family: 'VT323';
font-family: 'Coming Soon';
font-family: 'Coming Soon';
margin-top: 3rem;
font-family: 'VT323';
component:preview
component:image-block
:scp-wiki:component:author-label-source
[info]
:scp-wiki:component:author-label-source
[info]
:scp-wiki:theme:basalt
[info]
:scp-wiki:component:anomaly-class-bar-source
[info]
:scp-wiki:component:image-block
[info]
:scp-wiki:component:image-block
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
addendum
custombox
glass
header
glass
header
glass
glass
darkdocument
glass
papernote
glass
glass
glass
glass
papernote
glass
papernote
glass
glass
papernote
glass
glass
addendum
custombox
glass
papernote
glass
glass
glass
glass
glass
glass
footer-wikiwalk-nav