Link to article: SCP-9000 Contest Hub.
/* Schemata Theme */
/* by syuzhet */
/*
Hello.
This code was cruft by morally neutral hands.
There is nothing here for you but a carefully unaligned, room temperature feeling, member of the tech team.
Turn back now!
*/
/* FOR TRANSLATORS:
Hi, translator!
For quality assurance purposes, please contact syuzhet over Wikidot PMs or Discord for a translated version of the hub image. Give me a translation for the theme words, the top left text, and optionally, the bottom right text and I will produce a bespoke version of the image for you.
Thank you!
*/
@import url('https://fontlibrary.org/face/fantasque-sans-mono');
:root {
--basalt-secondary-color: 215, 210, 185;
--basalt-tertiary-color: 215, 210, 185;
--basalt-overtone: 164, 155, 150;
--basalt-undertone: 164, 155, 150;
--basalt-bright-element-color: 164, 155, 150;
--basalt-dark-element-color: 164, 155, 150;
--link-color: 142, 86, 71;
--link-visited-color: 142, 86, 71;
--link-newpage-color: 142, 86, 71;
--general-border-color: 215, 210, 185;
--login-status-link-background-hover: 142, 86, 71;
--login-status-text-color-hover: 215, 210, 185;
--side-bar-link-color-hover: 215, 210, 185;
--side-bar-link-background-hover: 55, 52, 47;
--selection-text-color: 0, 0, 0;
--header-border-width: 0rem;
--title-size: 1.25rem;
--subtitle-size: 0rem;
--side-bar-button-height: 50vh;
--user-button-width: 2rem;
--header-logo-size: 67.5%;
--header-subtitle-color: 55, 52, 47;
--basalt-UI-dark-palette: 55, 52, 47;
--top-bar-link-color: 117, 114, 101;
--top-bar-link-color-hover: 215, 210, 185;
--top-bar-link-background-hover: 164, 155, 150;
--blockquote-border-color: 55, 52, 47;
--action-area-border-color: 55, 52, 47;
--header-link-transition-2nd: 142, 86, 71;
--header-title-color: 55, 52, 47;
}
#header h1 a::before {
display: none;
}
#header h1 a span::after {
margin-bottom: 0;
}
#container #header {
background: none;
position: absolute;
box-shadow: unset;
backdrop-filter: none;
}
div #container-wrap {
background-color: #DAD4BB;
background-image: radial-gradient(circle, rgb(72, 69, 60, 0.05) 30%, transparent 0);
background-size: 0.5em 0.5em;
background-repeat: repeat;
background-attachment: fixed;
}
#main-content {
margin-top: 0;
}
#page-content {
padding-top: 0;
}
#page-content > p:nth-child(-n+4) {
display: none;
}
.widebox {
position: relative;
left: calc(-50dvw + 50%);
width: 100dvw !important;
max-width: 100dvw !important;
}
.wideboxinterior {
max-width: 100% !important;
margin: auto;
}
.wideboxinterior2 {
width: 50% !important;
margin: auto;
}
.widebox .wideboxinterior2 {
font-family: 'Fantasque Sans Mono', monospace;
font-weight: 400;
font-style: normal;
font-size: 1.1rem;
}
.widebox .wideboxinterior2 a {
color: #8E5647;
text-decoration: underline;
font-weight: 800;
}
.widebox .wideboxinterior2 .blockquote2 {
margin: 2rem auto;
max-width: 100% !important;
padding: 2rem !important;
color: #191410;
background-color: #e4e1d2;
background-size: 100%;
border: none;
text-align: justify;
border-left: 0.4rem solid #37332D;
box-shadow: 0 5px 16px rgba(0,0,0,.1);
position: relative;
}
.widebox .wideboxinterior2 h1 {
background-color: #37332D;
padding: 0.5rem 0.05rem;
margin-top: 2rem;
margin-bottom: 2rem;
box-shadow: 0 1px 6px rgba(0,0,0,.25);
text-align: center;
color: #d7d2b9;
font-size: 1.5rem;
}
.headerimage {
position: relative;
width: 100%;
height: auto;
box-shadow: 0 5px 16px rgba(0,0,0,.5);
}
.headerimage .headerlogo {
position: relative;
display: block;
pointer-events: none;
margin: auto;
top: 60dvh;
width: 50%;
}
.page-source {
color: rgb(55, 52, 47);
}
h1, #page-options-container, .licensebox .collapsible-block-folded a, .page-watch-options a {
color: rgb(55, 52, 47);
}
#action-area, .licensebox .collapsible-block-content {
background: rgb(215, 210, 185);
padding: 10px;
}
.licensebox .collapsible-block-link {
background: rgb(215, 210, 185);
padding: 10px;
}
.widebox .wideboxinterior2 .blockquote {
margin: 2rem auto;
max-width: 100% !important;
padding: 4rem !important;
color: #a39e93;
background-color: #252420;
background-size: 100%;
border: none;
box-shadow: 0 5px 16px rgba(0,0,0,.5);
background-image: radial-gradient(circle, rgb(72, 69, 60, 0.7) 25%, transparent 0);
background-size: 0.25em 0.25em;
background-repeat: repeat;
background-attachment: fixed;
font-weight: 600;
}
.blockquote br {
display: block;
}
.blockquote .quotehead {
background-color: #252420;
padding: 0.1rem 1rem;
margin-top: 1rem;
margin-bottom: 1rem;
box-shadow: 0 1px 6px rgba(0,0,0,.25);
color: #DAD4BB;
font-size: 1rem;
border-left: 0.4rem solid #DAD4BB;
}
.blockquote ul {
list-style: none;
padding-left: 2rem;
padding-right: 2rem;
}
.blockquote li::before {
content: "▶";
margin-right: 8px;
color: #a39e93;
}
.blockquote2 hr {
height: 1rem;
background-image: linear-gradient(to right, rgba(55, 52, 47, 0.5) 33%, rgba(255,255,255,0) 0%);
background-position: bottom;
background-size: 8px 2px;
background-repeat: repeat-x;
background-color: transparent;
}
#odialog-hovertips div {
box-shadow: 0px 2px 16px rgba(0,0,0,.05);
}
/* Piece of shit sidebar */
#top-bar div.mobile-top-bar>.open-menu {
visibility:visible;
opacity: 0.6;
transition: opacity 0.2s;
}
#top-bar div.mobile-top-bar>.open-menu:hover {
opacity: 1;
}
#side-bar {
margin-top:0;
height:100%
}
#side-bar, #side-bar:is(:hover, :focus-within):not(:target) {
left:calc(var(--side-bar-width) * -1)
}
#side-bar::after, #side-bar::before {
display:none
}
#side-bar:target {
left:0;
width:var(--side-bar-width);
z-index:10
}
#side-bar a.close-menu, #side-bar:target a.close-menu {
display:block;
pointer-events:none;
position:fixed;
top:0;
right:0;
left:auto;
width:100%;
min-width:3.75rem;
height:100%;
margin-left:0;
opacity:0;
z-index:-1;
transition:width var(--side-bar-transition),opacity var(--side-bar-transition)
}
#side-bar:target a.close-menu {
width:calc(100% - var(--side-bar-width));
pointer-events:auto;
opacity:1;
}
/* Mobile */
@media only screen and (max-width: 1020px) {
#container #header {
background: #D7D2B9;
position: sticky;
}
.headerimage {
height: calc(70dvw);
background-image: url(https://scp-wiki.wdfiles.com/local--files/scp9000contesthub/g0cEwTX.jpeg);
background-repeat: no-repeat;
background-size: cover;
background-position: top;
overflow-x: clip;
}
.headerimage img {
display: none;
}
.headerimage .headerlogo {
position: relative;
display: block;
margin: auto;
top: 40dvh;
height: 15%;
width: auto;
}
.widebox .wideboxinterior2 {
font-size: 0.9rem;
}
.wideboxinterior2 {
width: 95% !important;
margin: auto;
}
.widebox .wideboxinterior2 .blockquote2 {
margin: 2rem auto;
padding: 30px !important;
}
.widebox .wideboxinterior2 .blockquote {
margin: 2rem auto;
padding: 30px !important;
}
.widebox .wideboxinterior2 h1 {
font-size: 1.3rem;
}
.wideboxinterior:before {
background-image: none;
}
}
.entry-list {
display: grid;
margin-block: .75rem;
padding-inline-start: 1rem;
padding: 2rem;
background-color: #E9E6D6;
box-shadow: 0 1px 6px rgba(0,0,0,.25);
text-align: left;
}
.entry {
padding: .1rem;
transition: background-color .175s ease-out;
}
.entry:is(:hover,:focus-within) { background-color: rgb(var(--basalt-undertone),.175); }
.entry .title {
font-size: 1.125em;
}
.entry .title p { margin: 0; }
.entry .title :is(a,.entry-author) { font-weight: bold; font-style: normal; }
.ranked-list .title {
display: flex;
justify-content: space-between;
}
.ranked-list .title .index {
width: 2.5em;
text-align: left;
}
.ranked-list .title .rating {
margin-left: auto;
}
.description > :not(.preview) { display: none!important; }
.description > .preview {
display: block;
padding-block: .125rem;
font-size: .875em;
text-align: start;
margin-inline-start: 1.5rem;
}
.preview > p {
margin-block: .55em;
}
.preview > p:first-child { margin-block-start: .25em; }
.preview > p:last-child { margin-block-end: .25em; }
.entry-list .entry::marker {
content: "";
}
.entry .description {
display: none;
position: absolute;
background: #E4E1D2;
box-shadow: 6px 6px 0px rgba(0,0,0,.05),
0 1px 6px rgba(0,0,0,.25);
margin-right: -20px;
pointer-events: none;
}
.entry .description .preview {
margin-left: 0;
margin: 0.5rem 1rem;
}
.entry:hover .description, .entry:active .description {
display: block;
animation-name: desc-bounce;
animation-duration: 0.1s;
}
@keyframes desc-bounce {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-5px);
}
100% {
transform: translateY(0);
}
}
/* Co-authors */
.entry [href="/scp-9231"] ~ .entry-author::after { content: " and SynthPanda_" }
.entry [href="/scp-9300"] ~ .entry-author::after { content: " and GeminidStrix" }
.entry [href="/scp-9500"] ~ .entry-author::after { content: ", MrBadFellow and Placeholder McD" }
.entry [href="/scp-9505"] ~ .entry-author::after { content: " and Anakes" }
.entry [href="/scp-9899"] ~ .entry-author::after { content: " and DFAstillo9" }
.entry [href="/scp-9990"] ~ .entry-author::after { content: ", Rosyfox2002 and TroutMaskReplica" }
.entry [href="/scp-9666"] ~ .entry-author::after { content: " and tawny0" }
.entry [href="/scp-9014"] ~ .entry-author::after { content: ", cive(creative name) and JVCK" }
.entry [href="/scp-9001"] ~ .entry-author::after { content: ", Croquembouche and PandoraNuker" }
.entry [href="/scp-9663"] ~ .entry-author::after { content: " and DrGrimoire" }
.entry [href="/scp-9009"] ~ .entry-author::after { content: ", Intercedent and ubergoober" }
.entry [href="/scp-9080"] ~ .entry-author::after { content: " and mouseatemyhouse" }
.entry [href="/scp-9006"] ~ .entry-author::after { content: " and Tyrastafr" }
:scp-wiki:theme:basalt
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
wideboxheaderimagewideboxinteriorwideboxinterior2blockquotequoteheadquoteheadquoteheadblockquote2entry-listentrytitleentry-authordescriptionentry-listranked-listentrytitleindexnameentry-authorratingdescriptionentry-listentrytitleentry-authordescription