Link to article: WRATHCON.
/* Wrath Theme */
/* (The World Looks White) */
/* by syuzhet */
/*
Hi. I'm here.
You may know me from famous contest pages like PRIDEFEST or the SCP-8000 Contest.
Translating pages is fun and all, but you know what's not fun? Drugs.
Billions of translators get addicted to drugs every year. And you know what's the leading cause of drug addiction? Peer pressure.
If another translator tries to pressure you or anyone else you know into doing drugs, tell them in a firm voice: NO!
Thank you for listening.
- syuzhet
*/
@import url('https://fonts.bunny.net/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap');
@import url('https://fonts.bunny.net/css2?family=Playwrite+IS:wght@100..400&display=swap');
@import url('https://fonts.bunny.net/css2?family=Nosifer&display=swap');
:root {
--basalt-secondary-color: 255, 255, 255;
--basalt-tertiary-color: 0, 0, 0;
--basalt-overtone: 196, 228, 244;
--basalt-undertone: 196, 228, 244;
--basalt-bright-element-color: 196, 228, 244;
--basalt-dark-element-color: 196, 228, 244;
--link-color: 196, 228, 244;
--link-visited-color: 196, 228, 244;
--link-newpage-color: 196, 228, 244;
--top-bar-link-color-hover: 255, 255, 255;
--login-status-text-color-hover: 255, 255, 255;
--side-bar-link-color-hover: 255, 255, 255;
--side-bar-link-background-hover: 0,0,0;
--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%;
--basalt-UI-dark-palette: 0,0,0;
--top-bar-link-background-hover: 196, 228, 244;
}
#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: #060C0C;
background: url(https://scp-wiki.wikidot.com/local--files/wrathcon/Dp58Fx1.webp);
background-size: contain;
}
#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;
}
.widebox .blockquote {
margin: 4rem auto;
padding: 2rem 2rem;
}
.headerimage {
position: relative;
height: calc(120dvh);
background-image: url(https://scp-wiki.wikidot.com/local--files/wrathcon/Tq8KaqQ.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: top;
}
.headerimage .wrathtext {
position: relative;
display: block;
margin: auto;
bottom: -75dvh;
width: 40%;
}
.headerimage .skullseparator {
position: absolute;
bottom: -20dvw;
width: 100%;
}
.darkWRATHbox {
width: 100%;
padding-top: 40dvh;
}
.darkWRATHboxinterior {
opacity: 0;
width: 80%;
margin: auto;
}
.darkWRATHbox h1 {
color: white;
font-family: "DM Mono", monospace;
font-weight: 800;
font-size: 6em;
line-height: 1;
margin: 0;
}
.darkWRATHbox h2 {
color: white;
font-family: "DM Mono", monospace;
font-weight: 800;
font-size: 8em;
line-height: 1;
}
.darkWRATHboxinterior p {
color: white;
font-family: "DM Mono", monospace;
font-weight: 800;
font-size: 3em;
line-height: 1;
}
.darkWRATHboxinterior h3 {
color: white;
font-family: "Playwrite IS", cursive;
font-weight: 400;
font-size: 4em;
line-height: 1;
}
.darkWRATHboxinterior li {
color: white;
font-size: 1.5rem;
font-family: "DM Mono", monospace;
font-weight: 800;
}
.darkWRATHboxinterior li::marker {
color: #444;
}
.darkWRATHboxinterior .listsmall li {
font-size: 1.2rem;
}
/* Unfucking */
.darkWRATHbox sup {
color: white;
}
#action-area {
color: white;
}
.page-tags a {
color: black;
}
.page-tags span {
color: white;
}
.wrathcollapsible {
color: white;
background-color: black;
border-radius: 20px;
padding: 20px;
}
.licensebox, .licensebox .collapsible-block-unfolded-link a {
color: white;
}
/* This solution is fucking stupid btw. Please leave a comment if you have a better way of putting line breaks in lists! */
.darkWRATHboxinterior li .linebreak {
display: inline;
}
.darkWRATHboxinterior li .linebreak:before {
content: "\A";
display: block;
line-height: 1em;
white-space: pre;
}
.darkWRATHboxinterior2 {
width: 60%;
}
.darkWRATHbox .sideskull {
float: right;
width: 50%;
}
h1, #page-options-container, .licensebox .collapsible-block-folded a, .page-watch-options a {
color: white;
}
#action-area, .licensebox .collapsible-block-content {
background: #0D0D0F;
padding: 10px;
}
.licensebox .collapsible-block-link {
background: #0D0D0F;
padding: 10px;
}
/* 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: black;
position: sticky;
}
.headerimage {
height: calc(80dvh);
overflow-x: clip;
}
.headerimage .skullseparator {
top: calc(55dvh);
left: -37.5dvw;
width: 150dvw;
max-width: 150dvw;
}
.headerimage .wrathtext {
bottom: -40dvh;
width: 90%;
}
.darkWRATHbox {
padding-top: 5dvh;
}
.darkWRATHboxinterior {
width: 80%;
margin: auto;
font-size: 1rem;
}
.darkWRATHbox h1 {
font-size: 4em;
}
.darkWRATHbox h2 {
font-size: 4em;
}
.darkWRATHboxinterior p {
color: white;
font-family: "DM Mono", monospace;
font-weight: 800;
font-size: 2em;
line-height: 1;
}
.darkWRATHboxinterior h3 {
color: white;
font-family: "Playwrite IS", cursive;
font-weight: 400;
font-size: 3em;
line-height: 1;
}
.darkWRATHboxinterior2 {
width: 100%;
}
.darkWRATHboxinterior li {
color: white;
font-size: 1.5rem;
font-family: "DM Mono", monospace;
font-weight: 800;
}
.darkWRATHbox .sideskull {
display: none;
}
}
.memorialskull {
display: block;
margin: auto;
flex: 0 1 20%;
}
.winnermemorial {
display: block;
margin: auto;
width: 50%;
}
.memorialskull .memorialname p, .winnermemorial .memorialname p {
color: white;
font-size: 1.5rem;
margin: 0;
text-align: center;
}
.memorialskull .memorialblurb {
position: absolute;
visibility: hidden;
width: 18%;
background-color: black;
color: #fff;
text-align: center;
border-radius: 10px;
padding: 10px 10px;
margin: auto;
z-index: 2;
}
.winnermemorial .memorialblurb {
position: absolute;
visibility: hidden;
width: 50%;
background-color: black;
color: #fff;
text-align: center;
border-radius: 10px;
padding: 10px 10px;
margin: auto;
z-index: 2;
}
.memorialskull:hover .memorialblurb, .winnermemorial:hover .memorialblurb {
visibility: visible;
}
.memorialgrid {
padding: 0 5%;
display: flex;
flex-wrap: wrap;
}
.memorialname {
text-shadow: 1px 1px 10px black;
}
@media only screen and (max-width: 1020px) {
.memorialskull .memorialname p, .winnermemorial .memorialname p {
font-size: 1rem;
}
.memorialskull .memorialblurb, .winnermemorial .memorialblurb {
position: absolute;
visibility: hidden;
left: 0;
width: 100%;
background-color: black;
color: #fff;
text-align: center;
border-radius: 10px;
padding: 0;
margin: auto;
}
.memorialskull {
display: block;
margin: auto;
flex: 0 1 50%;
}
.memorialgrid {
padding: 0;
display: flex;
flex-wrap: wrap;
}
}
color: white;
:scp-wiki:theme:basalt
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
widebox
headerimage
wrathtext
skullseparator
darkWRATHbox
memorialgrid
memorialskull
memorialname
memorialblurb
memorialskull
memorialname
memorialblurb
memorialskull
memorialname
memorialblurb
memorialskull
memorialname
memorialblurb
memorialskull
memorialname
memorialblurb
memorialskull
memorialname
memorialblurb
memorialskull
memorialname
memorialblurb
memorialskull
memorialname
memorialblurb
memorialskull
memorialname
memorialblurb
memorialskull
memorialname
memorialblurb
memorialskull
memorialname
memorialblurb
memorialskull
memorialname
memorialblurb
memorialskull
memorialname
memorialblurb
memorialskull
memorialname
memorialblurb
memorialskull
memorialname
memorialblurb
memorialskull
memorialname
memorialblurb
memorialskull
memorialname
memorialblurb
memorialskull
memorialname
memorialblurb
memorialskull
memorialname
memorialblurb
memorialskull
memorialname
memorialblurb
memorialskull
memorialname
memorialblurb
memorialskull
memorialname
memorialblurb
memorialskull
memorialname
memorialblurb
memorialskull
memorialname
memorialblurb
memorialskull
memorialname
memorialblurb
memorialskull
memorialname
memorialblurb
memorialskull
memorialname
memorialblurb
memorialskull
memorialname
memorialblurb
memorialskull
memorialname
memorialblurb
memorialskull
memorialname
memorialblurb
memorialskull
memorialname
memorialblurb
memorialskull
memorialname
memorialblurb
memorialskull
memorialname
memorialblurb
memorialskull
memorialname
memorialblurb
memorialskull
memorialname
memorialblurb
memorialskull
memorialname
memorialblurb
winnermemorial
memorialname
memorialblurb
darkWRATHboxinterior
wrathcollapsible