Link to article: Eventyr Hub.
#page-title{
display: none !important;
}
.introduction{
text-align: center;
font-size: 3vw;
margin-bottom: 10em;
background-image: url("http://scp-wiki.wikidot.com/local--files/eventyr-hub/7%20-%20Intro.png");
background-position: bottom left;
background-repeat: no-repeat;
background-size: contain;
padding-bottom: 12vw;
padding-left: 20px;
padding-right: 20px;
text-shadow: 1px 1px 5px white, 1px 1px 5px white, 1px 1px 5px white, 1px 1px 5px white;
}
.whoops{
font-family: lavishly yours;
font-size: 6vw;
}
@media screen and (min-width: 1000px) {
.introduction{
font-size: 20px;
padding-bottom: 100px;
}
.whoops{
font-family: lavishly yours;
font-size: 50px;
}
}
/* TABLE OF CONTENTS */
.toc{
text-align: -webkit-left;
font-size: 20px;
font-family: 'Cutive';
display: flex;
}
.toc p{
line-height :0;
}
.toc a:visited{
color: #b37a12;
}
.bean{
flex: 0 0;
}
.sprout{
flex: 1 1;
align-self: center;
}
.dots{
margin-left: 1em;
border-bottom: 4px dotted #604230;
}
/*TOP BUTTON*/
.stocky{
float: right;
position: sticky;
bottom: 20px;
right: 20px;
background-color: #d2b48c;
padding: 2px;
border-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
margin-right: 10px;
transition: 0.3s !important;
}
.stocky:hover{
background-color :#e5d4be;
}
.stocky p{
line-height: 0;
}
/*GRID BOX NEEDS OR IT BREAKS FOR SOME REASON*/
#main-content{
width: 100%;
}
.tree{
display: grid;
grid-template-columns: 1fr 0.2fr 1fr;
text-align: center;
}
.tree img{
filter: drop-shadow(1px 1px 10px #636363);
}
.top{
font-family: 'Cutive';
font-size: 2em;
line-height: .5em;
color: gold !important;
min-height: 14em;
@media only screen and (max-width: 800px) {
min-height: 10.5em;
font-size: 1.3em;
line-height: 0.25em;
}
background-image: url(http://scp-wiki.wikidot.com/local--files/eventyr-hub/16%20-%20treetop.png);
background-size: 105%;
background-position: 44% 23.6%;
background-repeat: no-repeat;
grid-column: 1 / 4;
grid-row: 1 / 2;
}
.top p {
margin-top: 2.5em;
text-shadow: 1px 1px 2px black;
}
.top > p > a.newpage, a:visited{
transition: gold .15s var(--ease-in-out), lavender .15s var(--ease-in-out) !important;
--newpage-color: gold;
}
.top > p > a:is(:hover,:active,:focus,:focus-within){
--hover-link-color: 177, 156, 217;
}
/*TREE CODE*/
.trunk{
background-image: url(http://scp-wiki.wikidot.com/local--files/eventyr-hub/17%20-%20treetrunk.png);
background-repeat: repeat-y;
background-size: contain;
grid-column: 2 / 3;
grid-row: 2 / 6;
}
.seriesmeri{
grid-column: 1 / 2;
grid-row: 2 / 3;
}
.serieshana{
grid-column: 1 / 2;
grid-row: 3 / 4;
}
.seriesclef{
grid-column: 3 / 4;
grid-row: 2 / 3;
}
.seriesstrel{
grid-column: 3 / 4;
grid-row: 3 / 4;
}
.seriesbarbecue{
grid-column: 1 / 2;
grid-row: 4 / 5;
}
.seriestilda{
grid-column: 1 / 2;
grid-row: 5 / 6;
}
.seriessudo{
grid-column: 3 / 4;
grid-row: 4 / 5;
}
.serieseventyr{
grid-column: 3 / 4;
grid-row: 5 / 6;
}
.roots{
min-height: 26em;
@media only screen and (max-width: 800px) {
min-height: 20em;
}
background-image: url(http://scp-wiki.wikidot.com/local--files/eventyr-hub/15%20-%20rootstree.png);
background-position: 49.6% top;
background-repeat: no-repeat;
background-size: 63% 95%;
grid-column: 1 / 4;
grid-row: 6 / 7;
}
.evertales{
grid-column: 1 / 4;
grid-row: 7 / 8;
}
/*CHARACTER PORTRAITS*/
.wrapper {
display: grid;
grid-template-columns: 2.5fr 0.5fr 0.5fr 0.5fr;
grid-template-rows: 505px auto;
transition: 500ms !important;
}
:where(.box1, .box2, .box3, .box4, .box5, .box6, .box7, .box8) {
transition: 300ms !important;
}
.portrait{
background-repeat: no-repeat !important;
background-position: center !important;
height: 500px;
filter: brightness(50%);
transition: 300ms !important;
}
/*THIS IS WHERE ALL THE CHARACTER IMAGES GO*/
.clef{
background: url(http://scp-wiki.wikidot.com/local--files/eventyr-hub/2%20-%20VOaehsu.png);
}
.crow{
background: url(http://scp-wiki.wikidot.com/local--files/eventyr-hub/3%20-%20rk3tPRu.png);
}
.draven{
background: url(http://scp-wiki.wikidot.com/local--files/eventyr-hub/5%20-%20126DRUT.png);
}
.glass{
background: url(http://scp-wiki.wikidot.com/local--files/eventyr-hub/6%20-%20hkIIGi2.png);
}
.hana{
background: url(http://scp-wiki.wikidot.com/local--files/eventyr-hub/7%20-%20OBfMvpb.png);
}
.jay{
background: url(http://scp-wiki.wikidot.com/local--files/eventyr-hub/8%20-%20kMhJxmw.png);
}
.kondraki{
background: url(http://scp-wiki.wikidot.com/local--files/eventyr-hub/9%20-%20UGDzl0S.png);
}
.light{
background: url(http://scp-wiki.wikidot.com/local--files/eventyr-hub/10%20-%204n8yel6.png);
}
.luca{
background: url(http://scp-wiki.wikidot.com/local--files/eventyr-hub/11%20-%20CmHS7xG.png);
}
.meri{
background: url(http://scp-wiki.wikidot.com/local--files/eventyr-hub/12%20-%206Rg24Ej.png);
}
.rights{
background: url(http://scp-wiki.wikidot.com/local--files/eventyr-hub/14%20-%20CkmRxfj.png);
}
.strel{
background: url(http://scp-wiki.wikidot.com/local--files/eventyr-hub/16%20-%20FWMmOMa.png);
}
/*PLACEHOLDER IMAGES*/
.stranger{
background: url(https://scp-wiki.wikidot.com/local--files/eventyr-hub/stranger2.webp);
}
.mystery{
background: url(https://scp-wiki.wikidot.com/local--files/eventyr-hub/mystery2.webp);
}
@container (min-width: 200px){
.portrait{
filter: brightness(100%) drop-shadow(0px 0px 3px black);
}
}
.box {
container-type: inline-size;
min-width: 0;
transition: 300ms;
margin: -1px;
}
/*ESTRELLA HELPED ME WITH THIS, IF THERE IS AN ISSUE ASK THEM INSTEAD*/
.box5 {
background: #fdfcfb;
grid-column-start: 1;
grid-column-end: 5;
display: grid;
grid-template-areas: "stack";
}
.box5 > .bio { grid-area: stack; max-height: 0; overflow-y: hidden; transition: max-height .5s ease-in-out 0s; }
.box5 > .bio:where(.bio1),
.box1:hover ~.box5 > .bio1,
.box2:hover ~.box5 > .bio2,
.box3:hover ~.box5 > .bio3,
.box4:hover ~.box5 > .bio4,
.box5 > .bio:hover { max-height: 100rem; transition-delay: .5s; }
.box:hover:not(.box1:hover) ~ .box5 > .bio:where(.bio1),
.box5:hover > .bio1:not(:hover) {
max-height: 0;
transition-delay: 0s;
}
.wrapper:has(.box1:hover, .bio1:hover) {
grid-template-columns: 2.5fr 0.5fr 0.5fr 0.5fr;
}
.wrapper:has(.box2:hover, .bio2:hover) {
grid-template-columns: 0.5fr 2.5fr 0.5fr 0.5fr;
}
.wrapper:has(.box3:hover, .bio3:hover) {
grid-template-columns: 0.5fr 0.5fr 2.5fr 0.5fr;
}
.wrapper:has(.box4:hover, .bio4:hover) {
grid-template-columns: 0.5fr 0.5fr 0.5fr 2.5fr;
}
.quoty{
padding: 5px 2em;
margin: 2em;
margin-bottom: 0em;
border:solid 16px;
background: #d5cfc0;
border-image: linear-gradient(#fdfcfb, #fdfcfb);
font-family: 'cutive';
font-size: 16px;
}
.fancy{
background-image: url(http://scp-wiki.wikidot.com/local--files/eventyr-hub/14%20-%20portrait.png), url(http://scp-wiki.wikidot.com/local--files/eventyr-hub/3%20-%20portraintunder.png);
background-repeat: no-repeat;
background-size: 24%;
background-position: top left, 102% 110%;
padding: 1em 1em 1em 2em;
}
.foncy{
padding: 1em;
}
/*CODE FOR ALL THE FANART*/
.glasscase{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.glassyeye{
aspect-ratio : 1 / 1;
width: 50%;
margin-top: -24px;
position: relative;
transition: 0.5s !important;
}
.glassyeye:hover{
filter: sepia(1);
}
.glassyeye img{
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
}
.allfolks{
position: absolute;
z-index: 5;
top: 0px;
left: 10px;
font-size: 4vh;
mix-blend-mode: difference;
filter: invert(1) grayscale(1) contrast(9);
}
.allfolks a{
font-weight: bold;
}
.bigtitles{
margin-top: 200px;
text-align: center;
}
@media screen and (min-width: 1200px) {
.allfolks{
font-size: 25px;
}
}
@media screen and (max-width: 640px) {
.glasscase{
flex-direction: column;
}
.allfolks{
font-size: 4vw;
top: 3px;
}
.glassyeye{
margin-top: 0px;
width: 100%;
}
}
/*BIG HEADER TITLES*/
.tableau{
font-family: 'Lavishly Yours';
font-size: 8vw;
text-align: center;
}
.tableau p{
line-height: 0;
}
@media screen and (min-width: 1200px) {
.tableau{
font-size: 80px;
}
}
/*FOR THE LISTPAGE*/
table{
margin-bottom: 2em;
width: 100%;
}
/*QUEERIOUS HUB*/
.bubble {
margin: 15px;
padding: 24px;
border: 3px solid black;
border-radius: 12px;
background-color: #FFFFFF;
min-height: 150px;
box-shadow: inset 0px 0px 10px black;
transition: 1s !important;
}
.bubble a{
color: #b30000;
}
.bubble:hover{
box-shadow: inset -2000px -500px 10px black;
color: white;
}
.bubble:hover a{
color: red;
}
.blockquote{
font-family: 'Cutive';
}
/*FLY HUB*/
.eventypewriter-afterword{
font-family: Cutive, serif;
background-image: url(https://scp-wiki.wikidot.com/local--files/eventyr-hub/HCAbackground2.webp);
padding: 15px;
font-size: 120%;
border: 2px solid #5d0f87;
}
.eventypewriter-legend{
font-family: Cutive, serif;
background-image: url(https://scp-wiki.wikidot.com/local--files/eventyr-hub/HCAbackground2.webp);
padding: 15px;
font-size: 90%;
margin: 0 auto;
width: 60%;
border: 2px solid #5d0f87;
}
display: none;margin-top:-4vw;padding-left:1em;padding-right:1em;margin-top:-1.5vw;padding-left:1em;padding-right:1em;margin-top:-2vw;padding-left:1em;padding-right:1em;margin-top:-4vw;padding-left:1em;padding-right:1em;margin-top:-4vw;padding-left:1em;padding-right:1em;margin-top:-1.5vw;padding-left:1em;padding-right:1em;margin-top:-2vw;padding-left:1em;padding-right:1em;margin-top:-2vw;padding-left:1em;padding-right:1em;margin-top:-45pxheight:5px;background:linear-gradient(to right, tan 3%, white 3%, white 4%, tan 4%, tan 14%, white 14%, white 15%, tan 15%, tan 30%, white 30%, white 31%, tan 31%, tan 51%, white 51%, white 52%, tan 52%, tan 100%)font-size:20px;font-family:'cutive';text-align: right;border-bottom:1px dashed tan;border-bottom:1px dashed tan;text-align: right;padding:1em;padding:1em;text-align: right;word-spacing:4px;background:#f2f2f2;border-radius:3px;padding-left:5px;padding-right:5px;margin:500px;component:preview
:scp-wiki:theme:black-highlighter-theme
[info]
:scp-wiki:theme:eventyr
[info]
:scp-wiki:component:fade-in
[info]
component:image-block
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
introductionwhoopstocbeansproutdotstocbeansproutdotstocbeansproutdotstocbeansproutdotstocbeansproutdotstocbeansproutdotsbigtitleseventypewriter-leftsillyeventypewriter-rightbigtitlestreetoptrunkseriesmeriserieshanaseriesstrelseriesclefseriesbarbecueseriestildaseriessudoserieseventyrrootsevertaleseventypewriter-legendtableaubigtitleswrapperboxbox1portraitclefboxbox2portraitmeriboxbox3portraitlucaboxbox4portraithanaboxbox5biobio1quotyfancyfoncybiobio2quotyfancyfoncybiobio3quotyfancyfoncybiobio4quotyfancyfoncywrapperboxbox1portraitcrowboxbox2portraitstrelboxbox3portraitdravenboxbox4portraitkondrakiboxbox5biobio1quotyfancyfoncybiobio2quotyfancyfoncybiobio3quotyfancyfoncybiobio4quotyfancyfoncywrapperboxbox1portraitrightsboxbox2portraitglassboxbox3portraitjayboxbox4portraitlightboxbox5biobio1quotyfancyfoncybiobio2quotyfancyfoncybiobio3quotyfancyfoncybiobio4quotyfancyfoncybigtitlesbigtitlesglasscaseglassyeyeallfolksglassyeyeallfolksglassyeyeallfolksglassyeyeallfolksglassyeyeallfolksglassyeyeallfolksglassyeyeallfolksglassyeyeallfolksglassyeyeallfolksglassyeyeallfolksglassyeyeallfolksglassyeyeallfolksglassyeyeallfolksglassyeyeallfolksglassyeyeallfolksglassyeyeallfolksglassyeyeallfolksglassyeyeallfolksglassyeyeallfolksbubblebigtitleseventypewriter-afterwordeventypewritereventypewritereventypewritereventypewritereventypewritereventypewritereventypewritereventypewritereventypewriterstocky