Link to article: Clef Eats Ass: The Musical.
@import url(https://fonts.googleapis.com/css?family=Source+Serif+Pro:wght@300&display=swap);
#header h1 a::before {
content: var(--header-title, "CreckCon 2");
font-weight: 400;
font-size: 1.4em;
}
#header h2::before {
content: var(--header-subtitle, "SHITPOST. CRACKFIC. PENUTFUNI.");
font-weight: 700;
font-size: 1.3em;
}
h1,
h2 {
font-family: 'Source Serif Pro', serif;
color: #000;
}
h3,
h4,
h5,
h6 {
font-family: inherit;
color: #000;
}
div#extra-div-1 {
height: 160px;
width: 100%;
top: 0;
position: absolute;
background: url('https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/pgp_logo.svg');
background-size: contain;
background-repeat: no-repeat;
background-position: 50% 50%;
z-index: -1;
}
.sidebox {
padding: .14rem;
margin-top: 0;
margin-bottom: 8px;
width: calc((100vw - 870px)/2);
max-height: 100%;
position: absolute;
top: 20rem;
left: 103.5%;
z-index: 5;
overflow: auto;
box-sizing: border-box;
border-style: solid;
border-width:1px;
border-color:#A0A0A0;
background-color:#F0F0F0;
}
.sidebox2 {
padding: .14rem;
margin-top: 0;
margin-bottom: 8px;
width: calc((100vw - 870px)/2);
max-height: 100%;
position: absolute;
top: 103rem;
left: 103.5%;
z-index: 5;
overflow: auto;
box-sizing: border-box;
border-style: solid;
border-width:1px;
border-color:#A0A0A0;
background-color:#F0F0F0;
}
.sidebox3 {
padding: .14rem;
margin-top: 0;
margin-bottom: 8px;
width: calc((100vw - 870px)/2);
max-height: 100%;
position: absolute;
top: 110rem;
left: 103.5%;
z-index: 5;
overflow: auto;
box-sizing: border-box;
border-style: solid;
border-width:1px;
border-color:#A0A0A0;
background-color:#F0F0F0;
}
.sidebox4 {
padding: .14rem;
margin-top: 0;
margin-bottom: 8px;
width: calc((100vw - 870px)/2);
max-height: 100%;
position: absolute;
top: 126rem;
left: 103.5%;
z-index: 5;
overflow: auto;
box-sizing: border-box;
border-style: solid;
border-width:1px;
border-color:#A0A0A0;
background-color:#F0F0F0;
}
.sidebox5 {
padding: .14rem;
margin-top: 0;
margin-bottom: 8px;
width: calc((100vw - 870px)/2);
max-height: 100%;
position: absolute;
top: 133rem;
left: 103.5%;
z-index: 5;
overflow: auto;
box-sizing: border-box;
border-style: solid;
border-width:1px;
border-color:#A0A0A0;
background-color:#F0F0F0;
}
.sidebox6 {
padding: .14rem;
margin-top: 0;
margin-bottom: 8px;
width: calc((100vw - 870px)/2);
max-height: 100%;
position: absolute;
top: 163rem;
left: 103.5%;
z-index: 5;
overflow: auto;
box-sizing: border-box;
border-style: solid;
border-width:1px;
border-color:#A0A0A0;
background-color:#F0F0F0;
}
.sidebox7 {
padding: .14rem;
margin-top: 0;
margin-bottom: 8px;
width: calc((100vw - 870px)/2);
max-height: 100%;
position: absolute;
top: 174rem;
left: 103.5%;
z-index: 5;
overflow: auto;
box-sizing: border-box;
border-style: solid;
border-width:1px;
border-color:#A0A0A0;
background-color:#F0F0F0;
}
hr {
width: 100%;
margin-left: 0;
}
.mobileShow {display: none;}
@media only screen and (max-width: 1024px) {
.mobileShow {display: inline;}
}
.mobileHide {display: inline;}
/* Smartphone Portrait and Landscape */
@media only screen and (max-width: 1024px) {
.mobileHide {display: none;}
}
border: 0;
border: 0
border: 0;
border: 0;
border: 0;
border: 0
border: 0;
border: 0;
border: 0;
border: 0
border: 0;
border: 0
border: 0;
border: 0
border: 0;
border: 0
border: 0;
border: 0
border: 0;
border: 0
border: 0;
border: 0
border: 0;
border: 0
border: 0;
border: 0
border: 0;
border: 0
border: 0;
border: 0
border: 0;
border: 0
border: 0;
border: 0
float:center; margin:0 2em 1em 2em; width: 100%; padding:5px; border-style: solid; border-width:1px; border-color:#A0A0A0; background-color:#F0F0F0;
border: 0;
border: 0
border: 0;
border: 0;
border: 0;
border: 0
border: 0;
border: 0;
border: 0;
border: 0
border: 0;
border: 0
border: 0;
border: 0
border: 0;
border: 0
border: 0;
border: 0
border: 0;
border: 0
border: 0;
border: 0
border: 0;
border: 0
border: 0;
border: 0
border: 0;
border: 0
border: 0;
border: 0
border: 0;
border: 0
border: 0;
border: 0
float:left; margin:0 0 0 0; width:300px; padding:5px; border-style: solid; border-width:1px; border-color:#A0A0A0; background-color:#F0F0F0;
margin:0 2em 1em 2em; width:80%; padding:5px; border-style: solid; border-width:1px; border-color:#A0A0A0; background-color:#F0F0F0;
margin:0 2em 1em 2em; width:80%; padding:5px; border-style: solid; border-width:1px; border-color:#A0A0A0; background-color:#F0F0F0;
margin:0 2em 1em 2em; width:80%; padding:5px; border-style: solid; border-width:1px; border-color:#A0A0A0; background-color:#F0F0F0;
margin:0 2em 1em 2em; width:80%; padding:5px; border-style: solid; border-width:1px; border-color:#A0A0A0; background-color:#F0F0F0;
margin:0 2em 1em 2em; width:80%; padding:5px; border-style: solid; border-width:1px; border-color:#A0A0A0; background-color:#F0F0F0;
margin:0 2em 1em 2em; width:80%; padding:5px; border-style: solid; border-width:1px; border-color:#A0A0A0; background-color:#F0F0F0;
width: 125%;
border: 0; padding: 0;
border: 0; padding: 0;
border: 0; padding: 0;
border: 0; padding: 0;
:scp-wiki:theme:blankstyle
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
mobileHide
sidebox
mobileShow
mobileHide
mobileHide
sidebox2
sidebox3
sidebox4
sidebox5
sidebox6
sidebox7
mobileShow
mobileShow
mobileShow
mobileShow
mobileShow
mobileShow