Spooky month (Strebers Rehearsal) layout <3

Tags: sr pelo, spooky month, simple, layout, strebers rehearsal, streber

Description:

Took a bit to get thiz to look how i wanted :3

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by 🖳 (https://layouts.spacehey.com/layout?id=31219) -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Comic+Neue&display=swap');


/*PASTE SCROLLBAR CODE HERE*/

body{
background-image: url('https://i.ibb.co/80rFGmy/Untitled12-20230520184748.png');
background-repeat: no-repeat;
background-position:undefined;
background-attachment: fixed;
background-size: cover;
background-color: #110418;
}

main{
background-color: #110418;
border: 4px Dotted #000000;
}

.contact, .url-info, .table-section, .blurbs, .friends, .comments {
background-color: #156447;
border: 2px Solid #0e4144!important;
}

span[itemprop='name'] {
color: #ffffff;
font-family: 'Comic Neue', 'Comic Sans', Sans-Serif;
}

h4 {
color: #ffffff;
font-family: 'Comic Neue', 'Comic Sans', Sans-Serif;
}

.section h4, .details-table td:first-child {
color: #ffffff!important;
font-family: 'Comic Neue', 'Comic Sans', Sans-Serif;
}

a, .count {
color: #ffffff;
font-family: 'Comic Neue', 'Comic Sans', Sans-Serif;
}

a:hover {
color: #ffffff;
font-family: 'Comic Neue', 'Comic Sans', Sans-Serif;
}

body,main {
color: #ffffff;
font-family: 'Comic Neue', 'Comic Sans', Sans-Serif;
}

.details-table td, .details-table td:first-child{
background: none!important;
}
.heading{
background: none!important;
}
.comments-table td{
background: none!important;
}
</style>

<img src="https://media.tenor.com/lOumu7AJN68AAAAC/ethan-leon.gif"/>

<iframe width="300" height="50" src="https://www.youtube.com/embed/wOYdWc3TED4//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

<style>

main:before {
	width: 100%;
	height: 300px;
	display: block;
	content: "";
	background-image: url('https://i.ytimg.com/vi/IkMhcjxBsAk/maxresdefault.jpg');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}
</style>
<style>
nav .top {
    padding: 15px 10px 14px 10px;
    display: flex;
    height: 100px;
    background-color: #110418;
}   
</style>

<style>

img:hover , .url-info:hover , .online:hover {

  animation: shake 1s;

  animation-iteration-count: infinite;

}



@keyframes shake {

  0% { transform: translate(1px, 1px) rotate(0deg); }

  10% { transform: translate(-1px, -2px) rotate(-1deg); }

  20% { transform: translate(-3px, 0px) rotate(1deg); }

  30% { transform: translate(3px, 2px) rotate(0deg); }

  40% { transform: translate(1px, -1px) rotate(1deg); }

  50% { transform: translate(-1px, 2px) rotate(-1deg); }

  60% { transform: translate(-3px, 1px) rotate(0deg); }

  70% { transform: translate(3px, 1px) rotate(-1deg); }

  80% { transform: translate(-1px, -1px) rotate(1deg); }

  90% { transform: translate(1px, 2px) rotate(0deg); }

  100% { transform: translate(1px, -2px) rotate(-1deg); }

}

</style>

<style>



h1{

  animation: type 3s steps(27);

  color: white;

  font-size: 10px;

  font-family: courier;

  white-space: nowrap;

  overflow: hidden;

  }



@keyframes type{

  0%{

    width:0ch;

  }

  

  100%{

    width:27ch;

  }

}



@keyframes blink{

  0%{opacity:1;}

  50%{opacity:0;}

  100%{opacity:1;}

}



.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}



.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

@keyframes float {

0% { transform: translate(0, 0px);

}

50% {

transform: translate(0, 8px);

}

100% {

transform: translate(0, -0px);

}



</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

Displaying 9 of 9 comments ( View all | Add Comment )

zizi ᯓ★	1722484463 this brings back MEMORIES bro omg Report Comment
moviesandradford	1722118898 using!! Report Comment
Buckett ✦🛹	1711490934 using :3 Report Comment
eatoctos	1702612543 This is awsome omg!!! Report Comment
Ash3r/M4xx?! ⋆｡˚⛤	1691636322 TYSM I LOVE IT!! Report Comment
eli ︻┻┳══━一	1688269995 This is so cool!! Report Comment
zizi ᯓ★	1686627059 I LOVE YOU OMG Report Comment
reworking soon...	1685251725 YOU ARE THE BEST MF PERSON EVER RRRRRRRRRRRAAAAAAAAAHHHHHHHHHHHHHHHHHHH /VVVPOS Report Comment
dead	1684713666 OH EM GEE SPOOKY MONTH Report Comment