Link to article: SCP 9000 CONTEST VERY OFFICIALE.
@import url(https://db.onlinewebfonts.com/c/06293470459fdd61c89494d32c8a4583?family=Libre+Clarendon);
:root {
--basalt-secondary-color: 0, 0, 0;
--basalt-overtone: 73, 90, 211;
--basalt-undertone: 73, 90, 211;
--basalt-bright-element-color: 73, 90, 211;
--basalt-dark-element-color: 73, 90, 211;
--link-color: 255, 255, 255;
--link-visited-color: 150, 150, 150;
--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: 73, 90, 211;
--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: 73, 90, 211;
}
#page-content a:visited {
color: #fff;
}
hr {
background-color: white;
filter: drop-shadow(0.75px 0.75px 0 black)
drop-shadow(-0.75px -0.75px 0 black)
drop-shadow(-0.75px 0.75px 0 black)
drop-shadow(0.75px -0.75px 0 black);
}
#page-content {
text-shadow:
1px 1px 0 black,
1px -1px 0 black,
-1px 1px 0 black,
-1px -1px 0 black;
}
#header h1 a::before {
display: none;
}
#header h1 a span::after {
margin-bottom: 0;
}
.main { margin: auto; width: 80%; color: white; }
.main h1 {
position: relative;
padding: 1em;
font-size: 2em;
font-family: "Libre Clarendon", serif;
color: white;
background-color: transparent;
display: inline-block;
margin: auto;
text-align: center;
line-height: 1.2;
box-sizing: border-box;
z-index: 1;
}
.main h1::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #822b1baa;
z-index: -1;
clip-path: polygon(
10% 10%, 90% 10%,
100% 50%,
90% 90%, 10% 90%,
0% 50%
);
}
#container #header {
background: none;
/* position: absolute; */
box-shadow: unset;
backdrop-filter: none;
}
@media (min-width: 768px) {
#container #header {
position: absolute;
}
}
.page-source {
color: white;
}
#page-content {
perspective: 100vw;
margin-bottom: 500px;
}
.jumbotron {
transform: rotateX(-100deg);
width: 100%;
padding: 80px 20px;
margin: 200px auto;
background: linear-gradient(135deg, #8b0000, #b22222, #ff8c00, #228b22, #4682b4, #4b0082, #800080);
background-size: 1400% 1400%;
animation: rainbow 10s linear infinite;
color: #fff;
text-align: center;
text-transform: uppercase;
letter-spacing: 3px;
box-shadow:
inset 0 0 20px #000,
0 0 40px rgba(255, 255, 255, 0.4),
0 0 0 20px #333,
0 0 0 25px #111,
0 0 0 30px #666;
border-radius: 20px;
border-top: 10px double #fff;
border-bottom: 10px double #fff;
position: relative;
z-index: 1;
}
.jumbotron h1 {
font-size: 8em;
margin-bottom: 30px;
text-shadow: 3px 3px 0 #000, 5px 5px 10px #ff0;
animation: pulse 1.5s infinite;
}
.jumbotron h2 {
font-size: 4em;
text-shadow: 2px 2px 0 #000;
animation: flicker 2s infinite;
}
@keyframes rainbow {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.05); }
100% { transform: scale(1); }
}
@keyframes flicker {
0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
opacity: 1;
}
20%, 22%, 24%, 55% {
opacity: 0.5;
}
}
.lights {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: repeating-linear-gradient(
45deg,
rgba(255,255,255,0.2),
rgba(255,255,255,0.2) 10px,
transparent 10px,
transparent 20px
);
animation: strobe 0.3s infinite;
z-index: -1;
}
@keyframes strobe {
0% { opacity: 0.3; }
50% { opacity: 0.8; }
100% { opacity: 0.3; }
}
.grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 1rem;
margin-bottom: 2.4rem;
box-sizing: border-box;
}
.grid > div {
box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
padding: 0.8rem;
border-radius: 6px;
box-sizing: border-box;
position: relative;
}
body {
--bg-size: min(3300px, 330vw);
--bg-vert-shift: -300px;
background-image: url("https://scp-wiki.wdfiles.com/local--files/definitelyrealofficialscp9000contesthubplzdontbanusitsajoke/0001.webp"), url("https://scp-wiki.wdfiles.com/local--files/definitelyrealofficialscp9000contesthubplzdontbanusitsajoke/0003.webp"), url("https://scp-wiki.wdfiles.com/local--files/definitelyrealofficialscp9000contesthubplzdontbanusitsajoke/0002.webp");
background-position:
center var(--bg-vert-shift),
center calc(round(up, 100%, var(--bg-size)) + var(--bg-vert-shift)),
center var(--bg-vert-shift);
background-size: var(--bg-size);
background-repeat: no-repeat, no-repeat, repeat-y;
background-color: black;
}
.footnotes-footer {
background-color: transparent;
width: 80%;
margin: auto;
margin-top: 200px;
color: white;
}
#page-content .footnote-footer a {
background-color: transparent;
}
.footnotes-footer .title {
background-color: transparent;
font-size: 1rem;
color: white;
}
.footnotes-footer::before {
background-color: transparent;
}
#page-content h1 {
margin: auto;
display: block;
width: fit-content;
}
.football {
position: relative;
margin: 200px auto;
width: 30%;
}
.football:after {
content:"Here be ballers!";
visibility:hidden;
width: 200px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
/* Position the tooltip */
position: absolute;
z-index: 1;
top: 100%;
left: 50%;
margin-left: -100px;
}
.football:hover:after, .football:active:after {
visibility: visible;
}
#page-content {
perspective: 200vh;
}
@media (max-width: 600px) {
.jumbotron h1 {
line-height: 1;
}
#page-content {
perspective: 300vh;
}
}
.jumbotron {
padding: 80px 0;
}
.jumbotron h1 {
font-size: min(8em, 14vw);
}
.jumbotron h2 {
font-size: min(4em, 7vw);
}
@media (max-width: 500px) {
.jumbotron {
margin-top: 50px;
margin-bottom: 100px;
}
}
@media (max-width: 550px) {
.grid {
grid-template-columns: 1fr;
}
}
#page-content :not(.jumbotron) h1 {
display: grid;
grid-template-columns: 1fr max-content 1fr;
align-items: center;
width: 100%;
justify-content: center;
}
@media (max-width: 600px) {
#page-content h1::before,
#page-content h1::after {
display: none;
}
#page-content :not(.jumbotron) h1 {
grid-template-columns: max-content;
}
}
#page-content :not(.jumbotron) h1::before,
#page-content :not(.jumbotron) h1::after {
filter:
drop-shadow(0.7px 0.7px 0 black)
drop-shadow(-0.7px 0.7px 0 black)
drop-shadow(-0.7px -0.7px 0 black)
drop-shadow(0.7px -0.7px 0 black);
position: static;
background-color: white;
clip-path: none;
height: 4px;
content: "";
}
#page-content :not(.jumbotron) h1 span {
padding: 0 30px;
}
.page-rate-widget-box {
position: relative;
z-index: 9999999999999999999;
}
background-color: #22222288; border-radius: 10px; box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.75); padding: 2em; margin: 50px auto;
background-color: #222; color: white;
background-color: #eee; color: black; text-shadow: none;
font-size: 150%;
transform: rotate(180deg);
background-color: white;
padding: 10px 0;
component:preview
:scp-wiki:theme:basalt
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
jumbotron
lights
main
grid
form-search
input-append
text
empty
search-query
button
btn
top-bar
mobile-top-bar
open-menu
login-status-create-account
btn
login-status-sign-in
btn
btn-primary
side-block
media
image
image
image
image
image
image
image
side-block
resources
heading
menu-item
menu-item
menu-item
menu-item
side-block
menu-item
heading
menu-item
menu-item
heading
menu-item
menu-item
heading
menu-item
menu-item
small
menu-item
menu-item
menu-item
heading
menu-item
menu-item
menu-item
menu-item
heading
menu-item
menu-item
menu-item
menu-item
heading
menu-item
menu-item
close-menu
image
scpnet-interwiki-wrapper
interwiki-stylable
list-pages-box
list-pages-item
html-block-iframe
scpnet-interwiki-frame
list-pages-box
list-pages-item
image
page-rate-widget-box
rate-points
number
prw54353
rateup
btn
btn-default
ratedown
btn
btn-default
cancel
btn
btn-default
scp-image-block
block-right
image
scp-image-caption
licensebox
collapsible-block
collapsible-block-folded
collapsible-block-link
collapsible-block-unfolded
collapsible-block-unfolded-link
collapsible-block-link
collapsible-block-content
list-pages-box
list-pages-item
active
content-separator
content-separator
page-tags
odate
time_1729038437
format_%25e%20%25b%20%25Y%2C%20%25H%3A%25M%20%28%25O%20ago%29
page-options-bottom
btn
btn-default
btn
btn-default
btn
btn-default
btn
btn-default
btn
btn-default
btn
btn-default
btn
btn-default
btn
btn-default
btn
btn-default
page-options-bottom
form-actions
btn
btn-default
btn
btn-default
btn
btn-default
btn
btn-default
btn
btn-default
btn
btn-default
btn
btn-default
btn
btn-default
btn
btn-default
btn
btn-default
options
license-area
hovertip
content
hovertip
content
hovertip
content
hovertip
content
hovertip
content
hovertip
content
hovertip
content
hovertip
content
hovertip
content
hovertip
content
hovertip
content
hovertip
content
hovertip
content
hovertip
content
hovertip
content
hovertip
content
football