Jeff the Killer (Creepypasta Layout)

Tags: #jeffthekiller #creepypasta #jeffthekillercreepypasta #layout

Description:

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by 𝕩𝔼𝕎-𝔼𝕄𝕆𝕩 (https://layouts.spacehey.com/layout?id=30364) -->


<style>
@import url('https://fonts.googleapis.com/css2?family=Potta+One&display=swap');
body{font-family: "potta one" ;}
</style> 


<style>

body {
    background: url(https://i.imgur.com/CrIc0CM.gif);
}
.profile {
background: black;
  background-repeat: repeat;
    border-radius: 12px;
}
/*the username glow and shadow*/
h1
{
	color: /*the username glow and shadow*/
h1
{         color: #cf0000; 
	//text-shadow: 1px 1px #cf0000;
	
};
	text-shadow: 2px 2px 3px red, 0 0 25px red, 0 0 5px black;
}
h1, h2, h3, h4,h5,a, p, nav label, .section
{
	
main, top, links, nav .top, nav .links, details-table
{
    background:  !important;
	background-image:   !important;
	background-size: cover !important;
    padding: 0 !important;
    /*font-size: small;*/
    color: #cf0000;
{

.mood
text-transform:uppercase !important;
}

table, td
}
	/* border: 1px solid var(--url-pink-bg)!important; */
	border-spacing: 2px;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions
{
    width: 100%;
    border: 2px solid var(--#cf0000);
}
table, th, td

}
   border: 3px solid #cf0000;
   border-spacing: 2px;
}
.blog
}   
   border: 10px solid #cf0000;
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions
}
   width: 100%;
   border: 4px outset #cf0000;
   margin 10px 2;
}

.online
{
  color: #cf0000!important; 
  //text-shadow: 5px 5px red;
}

:root 
{
	--logo-blue: white 100;
 	--darker-blue: white 100;
	--lighter-blue: white 100;
	--even-lighter-blue: white 100;
	--lightest-blue: white 100;
	--dark-orange: white 100;
	--light-orange: white 100;
	--even-lighter-orange: white 100;
	--turquoise: white 100;
        
        --table-header: #cf0000;
	--table-color: white;
	--link-text: white;
	--main-text: white;

    }   
main 
{
  /* changes made to stuff outside of columns */
    background: black;
    padding: 0;
    font-size: small;
    color: #cf0000;
text color: #cf0000;
  text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 3px black; 
}
footer 
{
    background: #cf0000!important;
}
.comments-table{
display: block;
height: 500px;
overflow-y: scroll;
Border-radius: 15px; 
color: #cf0000;
  text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 3px black; 
}
.contact {
  border-radius: 8px;
  background-image: url(https://media1.giphy.com/media/TJrPGlGNVnp5BXFwAI/giphy.gif);
  background-position: right top;
  background-repeat: repeat;
background-attachment: scroll;
Width: 310px;
Height:180px;

color: #cf0000;
  text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 3px black; 
}
.friends th, tr, .friends td, th, .icon, main, .comments-table, .friends, .profile-info, .table, .table-section,  .url-info, .mood, .blurbs, .blog-preview, .details, 
{
border: 1px curve #000000 !important;
outline: curve !important;
}
img
{
border-radius: 12px;
}

main {
background:  black;
border-radius: 14px;
padding: 0;
font-size: 85%;
color: #cf0000;
}

nav, footer, .profile .contact {
display: inherit !important;
opacity: 1 !important;
border-radius: 12px;
}
main {
background:  ;
border-radius: 12px;
border: 12px solid #cf0000;
padding: 0;
font-size: 90%;
color: #cf0000;
}
nav .top {
  background: transparent;
}

nav .links {
  background: rgba(0, 0, 0, 0.3);
}

nav { background-image: url(https://media1.giphy.com/media/TJrPGlGNVnp5BXFwAI/giphy.gif) 
}


/*customising interests box*/
  .profile .table-section{
    border: 3px solid #cf0000;
    border-radius: 15px;
  }
  .profile .table-section .heading{
    background:#000000;
    border: 3px solid #cf0000;
    border-radius: 15px 15px 0px 0px;
    text-align: center;
  }
  .profile .table-section .heading h4{
    color: #cf0000;
    text-shadow: 1px 1px 2px black;
  }
  .profile .table-section .details-table td{
    background: rgba(0, 0, 0, 0);
    padding-right: 10%;
  }
 /*customising friend space heading*/
  .profile .friends .heading{
    background: black;
    color: #cf0000;
    text-shadow: 1px 1px 2px red;
    text-align: center;
  }
  .profile .friends .heading h4{
    text-align: center;
    color: #cf0000;
    text-shadow: 1px 1px 2px red;
  }
.general-about {
	background-image: url(https://media1.giphy.com/media/TJrPGlGNVnp5BXFwAI/giphy.gif);
	padding: 20px;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #cf0000;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .46s;
}
.profile .blurbs .section :nth-child(2) {
	background-image: url(https://media1.giphy.com/media/TJrPGlGNVnp5BXFwAI/giphy.gif);
     /* margin-top: -5px; */
	padding: 18px;
	box-shadow: 4px 4px 0 #cf0000;
}

.profile .profile-info .inner h3 {
	filter: drop-shadow(3px 3px 0 #cf0000);
	margin: 0!important;
	color: #cf0000;
}
.profile .profile-info .inner h3 a {
	color: #cf0000;
}
.profile .profile-info {
	background-image: url(https://media1.giphy.com/media/TJrPGlGNVnp5BXFwAI/giphy.gif);
	padding: 20px;
	border: none;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #cf0000;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .15s;
	border: none;
}

</style>

<style>

.profile h1{

font-size: 40px;

font-family: cursive;

font-weight: 550;

background: url(https://media1.giphy.com/media/TJrPGlGNVnp5BXFwAI/giphy.gif);

-webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

animation: floating 3s ease-in-out infinite;

z-index: 100; 

}

@keyframes floating {

    0% { transform: translate(0, -8px); }

    50% { transform: translate(0, 8px); }

    100% { transform: translate(0, -8px); }   

}

</style>

<style>
.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: url(https://watermelon.crd.co/assets/images/gallery10/3de10e9d.gif?v=172e6d61)
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: url(https://watermelon.crd.co/assets/images/gallery10/3de10e9d.gif?v=172e6d61)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url(https://watermelon.crd.co/assets/images/gallery10/3de10e9d.gif?v=172e6d61)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url(https://watermelon.crd.co/assets/images/gallery10/3de10e9d.gif?v=172e6d61)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url(https://watermelon.crd.co/assets/images/gallery10/3de10e9d.gif?v=172e6d61)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url(https://watermelon.crd.co/assets/images/gallery10/3de10e9d.gif?v=172e6d61)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url(https://watermelon.crd.co/assets/images/gallery10/3de10e9d.gif?v=172e6d61)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url(https://watermelon.crd.co/assets/images/gallery10/3de10e9d.gif?v=172e6d61)
}
</style>
<style>

li.active .icon { 
    content:url(https://watermelon.crd.co/assets/images/gallery10/3de10e9d.gif?v=172e6d61); 
    width: 25px;
    height: 25px;
    }

</style>

<style>
    footer{
        
    background-color: COLOR !important;
    background-image: url(https://media1.giphy.com/media/TJrPGlGNVnp5BXFwAI/giphy.gif) !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>

<style>

/* cursors */

a:hover {
    cursor: url(https://cur.cursors-4u.net/others/oth-8/oth701.png), auto;
}

* {
    cursor: url(https://cur.cursors-4u.net/others/oth-8/oth701.png), auto;
}

</style>

<style>

body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image: url(https://i.pinimg.com/originals/b1/31/bc/b131bc8a0dabdbd6007c16d366ec63e2.gif);
	background-size: cover;
	background-repeat: no-repeat;
background-position:center;
	animation: yourAnimation 3s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>

<style>
}
.person:hover {
  animation: shake 0.5s;
  animation-iteration-count: infinite;
}
.count {
  color: var(--links);
}
footer:after{
  bottom: 0;
  font-size:0;
  left: 5%;
  position:fixed;
  pointer-events: none;
content:url(https://static.wikia.nocookie.net/fridaynightfunking/images/c/c2/JeffNewUpAnim.gif/revision/latest/scale-to-width-down/250?cb=20220228225059.gif);
  animation: slideIn 0.5s forwards;
}
@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); }
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
} 
@keyframes slideIn {
  0% {
    transform: translateX(900px);
  }
  100% {
    transform: translateX(0);
  }
}
@media screen and (min-width: 0px) and (max-width: 720px) {
  footer:after { display: none; }
}

</style>

<style>
.profile-pic > img { display:none; }
.profile-pic:after { background-image: url(https://i.pinimg.com/736x/27/69/54/2769540e05663d6ac231f87c014eeffd.jpg); display: inline-block; content:"" }
.blog-entry .profile-pic:after, .bulletin .profile-pic:after { background-size: cover; width: 110px; height: 110px; } /* blogs, bulletins */
.general-about .profile-pic:after { background-size: cover; width: 160px; height: 160px; } /* profile */ 
</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 20 of 45 comments ( View all | Add Comment )

Ryoba	1770579541 Using! Report Comment
Ryoba	1770579510 Using! Report Comment
Milo	1769640307 Using! Report Comment
A11i3LuvsPrussia:p	1767019347 Using^^ Report Comment
scarymonster14	1766897246 using! Report Comment
𝖌𝖍𝖔𝖚𝖑𝖎	1759941322 Using Report Comment
Beth	1759353271 using !! Report Comment
𝖌𝖍𝖔𝖚𝖑𝖎	1757797839 Using Report Comment
𝖌𝖍𝖔𝖚𝖑𝖎	1757797839 Using Report Comment
Phant0m.Soda	1756688308 USINNGGGG Report Comment
Zombieee	1754381525 usingg Report Comment
꒰ঌ lexx ໒꒱	1752199828 Using :D Report Comment
M41r4A	1750310993 Using Report Comment
KITYKATZZ	1749823273 using! Report Comment
piercethealice [⌆]	1748908950 Using Report Comment
Dazey	1747766769 using! Report Comment
enby_mar	1747325108 Using Report Comment
niche jillian 🥹️	1742152336 using Report Comment