Link to article: Visual Archives Art Contest.
/* Chiaroscuro Theme */
/* by syuzhet */
/*
Hello, translator...
Here's a list of difficult to translate phrases. Translate them all and you can call yourself the Translation Master! Enjoy!
1. Supercalifragilisticexpialidocious
2. The complex houses married and single soldiers and their families.
3. Buffalo buffalo Buffalo buffalo buffalo buffalo Buffalo buffalo
4. Why do they call it oven when you of in the cold food of out hot eat the food?
5. What a cheesy and serendipitous coinkydink!
If you can't translate these, please replace this list with your favorite desserts instead.
*/
@import url('https://fonts.cdnfonts.com/css/ironick-nf');
:root {
--basalt-secondary-color: 0, 0, 0;
--basalt-overtone: 181, 154, 100;
--basalt-undertone: 181, 154, 100;
--basalt-bright-element-color: 181, 154, 100;
--basalt-dark-element-color: 181, 154, 100;
--link-color: 181, 154, 100;
--link-visited-color: 181, 154, 100;
--link-newpage-color: 181, 154, 100;
--top-bar-link-color-hover: 255, 255, 255;
--login-status-text-color-hover: 0, 0, 0;
--side-bar-link-color-hover: 0, 0, 0;
--side-bar-link-background-hover: 255, 255, 255;
--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: 181, 154, 100;
}
#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.wdfiles.com/local--files/visual-archives-art-contest/paint_bg.png);
background-size: contain;
}
#main-content {
margin-top: 0;
}
#page-content {
padding-top: 0;
}
#page-content > p:nth-child(-n+4) {
display: none;
}
.widebox div {
position: relative;
top: 70%;
}
.widebox {
position: relative;
left: calc(-50dvw + 50%);
width: 100dvw !important;
height: calc(120dvh);
max-width: 100dvw !important;
background-image: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/banner.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: top;
}
.widebox:before {
/*content: "";*/
position: absolute;
left: calc(-50dvw + 50%);
width: 100dvw !important;
height: calc(100dvh);
max-width: 100dvw !important;
background-image: linear-gradient(180deg, transparent 0%, transparent 80vh, rgb(13,13,15) 100vh, transparent 100%);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
pointer-events: none;
}
.widebox .bannertext {
color: white;
position: absolute;
font-family: 'Ironick NF', sans-serif;
font-size: 3rem;
transform: scale(1, 1.2);
text-align: center;
left: 10dvw;
top: 40dvh;
text-shadow: 0px 5px 5px black;
z-index: 1;
}
.widebox br {
content: "";
display: block;
font-size: 24%;
}
.widebox span {
font-size: 5rem;
transform: translateY(-0.5em);
display: block;
}
.widebox2 {
position: relative;
left: calc(-50dvw + 50%);
width: 100dvw !important;
max-width: 100dvw !important;
color: black;
top: 5dvh;
margin-bottom: 10rem;
}
.widebox2 .bannerseparator img {
position: absolute;
z-index: 1;
left: calc(-50dvw + 50%);
width: 100%;
max-width: 100dvw !important;
top: -12dvw;
pointer-events: none;
box-shadow: 0px 5rem 10rem black;
}
.widebox2 .bannerseparator2 img {
position: absolute;
z-index: 1;
left: calc(-50dvw + 50%);
width: 100%;
max-width: 100dvw !important;
bottom: 0dvw;
pointer-events: none;
box-shadow: 0px -5rem 4rem black;
}
.widebox2 .wideboxinner {
position: relative;
background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/greypaint_bg.png);
color: #F7EEEE;
font-family: 'Palatino Linotype';
padding: 12rem 1rem;
width: 70rem;
font-size: 1.3rem;
margin: auto;
box-shadow: 0rem 0rem 10rem #000, 0rem 0rem 10rem #000, 0rem 0rem 10rem #000, 0rem 0rem 10rem #000;
}
.widebox2 .wideboxinner:before {
content: "";
position: absolute;
background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/widebox_line.png);
background-repeat: repeat-y;
height: 100%;
width: 5%;
pointer-events: none;
left: 0px;
top: 0;
padding: 0;
}
.widebox2 .wideboxinner:after {
content: "";
position: absolute;
background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/widebox_line.png);
background-repeat: repeat-y;
height: 100%;
width: 5%;
transform: scaleX(-1);
pointer-events: none;
right: 0px;
top: 0;
padding: 0;
}
.widebox2 .wideboxinner h3 {
color: #0F0E0E;
text-align: center;
font-size: 2.5rem;
font-family: 'Palatino Linotype';
width: 62rem;
padding: 20px 0;
margin: 4rem auto;
background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/maskingtape_bg.png);
}
.widebox2 .wideboxinner p, .widebox2 .wideboxinner ul {
width: 50rem;
margin-left: auto;
margin-right: auto;
}
.artcategory p {
display: block;
position: relative;
background-color: #060C0C;
background: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/paint_bg.png);
width: 90%;
margin: auto;
text-align: center;
outline: 2px solid #938C67;
outline-offset: -10px;
padding: 2rem 0;
line-height: 2rem;
}
@media not prefers-reduced-motion {
.artcategory:is(:hover,:focus-within) p {
transform: scale(1.25);
box-shadow: 0px 1em 2em black;
animation-name: desc-bounce;
animation-duration: 0.5s;
z-index: 1;
}
.artcategory:is(:hover,:focus-within) p a:before {
content: " ";
mix-blend-mode: overlay;
width: 0;
height: 100%;
left: 100%;
top: 0;
position: absolute;
background: white;
animation-name: shine;
animation-duration: 0.5s;
transform: skew(5deg);
animation-timing-function: linear;
opacity: 0;
}
.artcategory:active p {
animation-name: linkshaker;
animation-duration: 0.2s;
}
}
@keyframes shine {
0% {
left: 0%;
width: 0%;
}
50% {
left: 50%;
width: 20%;
opacity: 1;
}
100% {
left: 100%;
width: 0%;
transform: skew(0);
opacity: 0;
}
}
@keyframes desc-bounce {
0% {
transform: scale(1.2);
}
10% {
transform: scale(1.3);
}
100% {
transform: scale(1.25);
}
}
@keyframes linkshaker {
0% {
transform: translateX(10px) translateY(10px);
}
50% {
transform: translateX(-10px) translateY(-10px);
box-shadow: 0rem 0rem 5rem #B59A64;
}
100% {
transform: translateX(0px) translateY(0px);
}
}
hr {
border: none;
height: 1px;
width: 90%;
background-color: white;
margin: 25px auto;
}
blockquote div {
overflow: hidden;
}
blockquote {
box-sizing: content-box;
}
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;
}
.widebox div {
position: relative;
top: 60%
}
.widebox {
height: calc(70dvh);
background-image: url(https://scp-wiki.wdfiles.com/local--files/visual-archives-art-contest/banner_small.jpg);
}
.widebox .bannertext {
font-size: 10dvw;
margin: 0 auto;
left: 0;
right: 0;
top: 38dvh;
}
.widebox span {
font-size: 14dvw;
}
.widebox2 .bannerseparator img {
position: absolute;
z-index: 1;
left: calc(-50dvw + 50%);
width: 100%;
max-width: 100dvw !important;
top: -12dvw;
box-shadow: 0px 5m 5em black;
}
.widebox2 .wideboxinner {
padding: 2rem 0;
width: 100%;
font-size: 1.1rem;
margin: auto;
}
.widebox2 .wideboxinner h3 {
font-size: 2rem;
width: 80dvw;
}
.widebox2 .wideboxinner p, .widebox2 .wideboxinner ul {
width: 80dvw;
}
}
color:rgb(var(--link-color));
:scp-wiki:theme:basalt
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
widebox
bannertext
widebox2
bannerseparator
wideboxinner
artcategory
artcategory
artcategory
artcategory
artcategory
artcategory
artcategory
bannerseparator2