Simple Creepypasta

Tags: creepypasta
Description:

Just a simple design for creepypasta fans you can modify it credits no needed
Code:

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

<style>

body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image: url('https://media.tenor.com/x87dy1n1zs0AAAAd/jeffdaboi-dance.gif');
	background-size: cover;
	background-repeat: no-repeat;
background-position:center;
	animation: yourAnimation 1s ease 1s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 100%{ opacity: 1;} 100%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>
<style>
  font-size: 150%;
}
h1,h2,h3,h4,h5{
  font-size: 200%; 
}

body {
   background-image: url(https://images2.imgbox.com/26/3f/28VlzwZ8_o.jpg);
   background-repeat: no-repeat;
   background-size: cover;
}
.profile {
    background:rgba(21,23,26,0.90);
    color: #ffffff;
  }
/* change all headings on page to different colors. */
  .profile .blurbs .heading,
  .profile .friends .heading{
   background-color: black;
   color: rgb(216,188,148);
}
/* change all headings on page to different colors. */
  .profile .contact .heading,
  .profile .table-section .heading{
   background-color: black;
   color: rgb(129,16,76);
}

main:before {
    width: auto;
    margin-bottom: 25px;
    border: 1px solid black;
    height: 175px;
    display: block;
    content: "";
    background-image: url(https://iloveepoetry.org/wp-content/uploads/2014/12/everything-is-normal.gif);
    background-position: center center;
    background-size: cover;
}

footer {
    border-radius: 15px;
    background:rgba(21,23,26,0.90);
    color: #ffffff;
}

table.comments-table td {
    color: #ffffff;
}

:root {
    --logo-blue:black;
    --darker-blue: rgb(100, 90, 88);
    --lighter-blue: black;
    --even-lighter-blue: rgb(40, 38, 43);
    --lightest-blue: rgb(40, 38, 43);
    --dark-orange: white;
    --light-orange: white;
    --even-lighter-orange: rgb(40, 38, 43);
    --green: pink;
}

main{
    background: rgba(0,0,0,0) !important;
  }
.logo {
   content: url(https://cdn.discordapp.com/attachments/789482674356092988/1074368331865391104/IMG_5256.png);
}
</style>

<style>
.userbox { width: 239px; font-family: sans-serif; border: 1px solid; border-collapse: collapse;}
.id { height: 45px; width: 45px; text-align: center; font-size:12pt; border: 1px solid; font-weight: bold;}
.info { padding: 0 4pt; border: 1px solid; font-size: 8pt;}
</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
body{font-family: 'Special Elite', cursive;}
</style>


<style>
/* contact icons */
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: "☺"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: "♠"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "✉"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: "✎"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: "☏"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: "✘"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: "+"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "⚐"
}

.friends .heading{ font-size:0; }
.friends .heading:before{ content: "Main Suspects:"; font-size:.8rem; }
}
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "Editor's Notes:"; font-size:.8rem; }
}
.contact .heading{ font-size:0; }
.contact .heading:before{ content: "Phonebook:"; font-size:.8rem; }
}
.blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "Investigations:"; font-size:.8rem; }
}
.logo {
   content: url(https://cdn.discordapp.com/attachments/789482674356092988/1074368331865391104/IMG_5256.png);
}
</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/Szze8mQDuUA//?&;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>


<table>
	<tbody>
		<tr>
			<td><img src="https://64.media.tumblr.com/4dd798e6328a0bf1509240ceff5ead83/3c967d0c63a7b22c-67/s640x960/ca45580ad5d7da702aaba537b7e8a7daef29e607.png" alt=""/></td>
		</tr>
	</tbody>
</table>


Info Here



<table>
	<tbody>
		<tr>
			<td><img src="https://64.media.tumblr.com/a811fd2e65304dc68e269fc994847fb2/54601cb431a6fc90-14/s400x600/dd005f12a6fb3b96ede1d6f00ef547abbfe60241.gifv" alt=""/></td>
		</tr>
	</tbody>
</table>
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 0 of 0 comments ( View all | Add Comment )