slenderman

Tags: slenderman, layout, static, dark, grey, creepypasta

Description:

lmk if there are any mistakes, cmt if using and pls do not remove the creds !!! :D has heroes hidden and a games section, edit the " --topic1: "text"; to ur desire

Preview:

click on the image for a larger preview

Code:

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

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

<style>


table, th, td {

  border: 0px solid;

     }

:root {

  --topic1: "general";
  --topic2: "music";
  --topic3: "tv/movies";
  --topic4: "games";
  --topic5: "characters";
 }

.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
    
    
color:var(--links) !important;
letter-spacing:normal !important;
text-shadow: 2px 2px black !important;
filter: brightness(95%) !important;
   
   
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
  content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
  content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
  content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
  content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
  content: var(--topic5);
}

   ::-webkit-scrollbar {
    width: 3.5px;
    height: 10px;}

    ::-webkit-scrollbar-thumb {
    background: #fff;}

    ::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.2);}

:root{
    --headers: white;
    --text: white; 
    --names: white;
    --links: white;
}

/* colors for specific things are located here */

.h3, h4, h5{color: var(--headers)!important;} /* headings*/
a{color: var(--links) !important;} /* color of links */
p, .h2, .count {color: var(--text);} /* color of text */
.friends a p{color: var(--names);} /* color of names, and friends counter */
.navlabel{color: var(--links);} /* color of search */
.section .h4 {color: var(--headers);} /* aboutme & want2meet headings */
blurbs .heading {display:none;} /* hides the blurbs title */
.details p:last-child{color: var(--text);} 

@keyframes flicker {
  0% {
    opacity: 0.27861;
  }
  5% {
    opacity: 0.34769;
  }
  10% {
    opacity: 0.23604;
  }
  15% {
    opacity: 0.90626;
  }
  20% {
    opacity: 0.18128;
  }
  25% {
    opacity: 0.83891;
  }
  30% {
    opacity: 0.65583;
  }
  35% {
    opacity: 0.67807;
  }
  40% {
    opacity: 0.26559;
  }
  45% {
    opacity: 0.84693;
  }
  50% {
    opacity: 0.96019;
  }
  55% {
    opacity: 0.08594;
  }
  60% {
    opacity: 0.20313;
  }
  65% {
    opacity: 0.71988;
  }
  70% {
    opacity: 0.53455;
  }
  75% {
    opacity: 0.37288;
  }
  80% {
    opacity: 0.71428;
  }
  85% {
    opacity: 0.70419;
  }
  90% {
    opacity: 0.7003;
  }
  95% {
    opacity: 0.36108;
  }
  100% {
    opacity: 0.24387;
  }
}

@keyframes textShadow {
  0% {
    text-shadow: 0.4389924193300864px 0 1px rgba(0, 51, 102), -0.4389924193300864px 0 1px rgba(0, 77, 0), 0 0 3px;
  }
  5% {
    text-shadow: 2.7928974010788217px 0 1px rgba(0, 51, 102), -2.7928974010788217px 0 1px rgba(0, 77, 0), 0 0 3px;
  }
  10% {
    text-shadow: 0.02956275843481219px 0 1px rgba(0, 51, 102), -0.02956275843481219px 0 1px rgba(0, 77, 0), 0 0 3px;
  }
  15% {
    text-shadow: 0.40218538552878136px 0 1px rgba(0, 51, 102), -0.40218538552878136px 0 1px rgba(0, 77, 0), 0 0 3px;
  }
  20% {
    text-shadow: 3.4794037899852017px 0 1px rgba(0, 51, 102), -3.4794037899852017px 0 1px rgba(0, 77, 0), 0 0 3px;
  }
  25% {
    text-shadow: 1.6125630401149584px 0 1px rgba(0, 51, 102), -1.6125630401149584px 0 1px rgba(0, 77, 0), 0 0 3px;
  }
  30% {
    text-shadow: 0.7015590085143956px 0 1px rgba(0, 51, 102), -0.7015590085143956px 0 1px rgba(0, 77, 0), 0 0 3px;
  }
  35% {
    text-shadow: 3.896914047650351px 0 1px rgba(0, 51, 102), -3.896914047650351px 0 1px rgba(0, 77, 0), 0 0 3px;
  }
  40% {
    text-shadow: 3.870905614848819px 0 1px rgba(0, 51, 102), -3.870905614848819px 0 1px rgba(0, 77, 0), 0 0 3px;
  }
  45% {
    text-shadow: 2.231056963361899px 0 1px rgba(0, 51, 102), -2.231056963361899px 0 1px rgba(0, 77, 0), 0 0 3px;
  }
  50% {
    text-shadow: 0.08084290417898504px 0 1px rgba(0, 51, 102), -0.08084290417898504px 0 1px rgba(0, 77, 0), 0 0 3px;
  }
  55% {
    text-shadow: 2.3758461067427543px 0 1px rgba(0, 51, 102), -2.3758461067427543px 0 1px rgba(0, 77, 0), 0 0 3px;
  }
  60% {
    text-shadow: 2.202193051050636px 0 1px rgba(0, 51, 102) -2.202193051050636px 0 1px rgba(0, 77, 0), 0 0 3px;
  }
  65% {
    text-shadow: 2.8638780614874975px 0 1px rgba(0, 51, 102), -2.8638780614874975px 0 1px rgba(0, 77, 0), 0 0 3px;
  }
  70% {
    text-shadow: 0.48874025155497314px 0 1px rgba(0, 51, 102), -0.48874025155497314px 0 1px rgba(0, 77, 0), 0 0 3px;
  }
  75% {
    text-shadow: 1.8948491305757957px 0 1px rgba(0, 51, 102), -1.8948491305757957px 0 1px rgba(0, 77, 0), 0 0 3px;
  }
  80% {
    text-shadow: 0.0833037308038857px 0 1px rgba(0, 51, 102), -0.0833037308038857px 0 1px rgba(0, 77, 0), 0 0 3px;
  }
  85% {
    text-shadow: 0.09769827255241735px 0 1px rgba(0, 51, 102), -0.09769827255241735px 0 1px rgba(0, 77, 0), 0 0 3px;
  }
  90% {
    text-shadow: 3.443339761481782px 0 1px rgba(0, 51, 102), -3.443339761481782px 0 1px rgba(0, 77, 0), 0 0 3px;
  }
  95% {
    text-shadow: 2.1841838852799786px 0 1px rgba(0, 51, 102) -2.1841838852799786px 0 1px rgba(0, 77, 0), 0 0 3px;
  }
  100% {
    text-shadow: 2.6208764473832513px 0 1px rgba(0, 51, 102), -2.6208764473832513px 0 1px rgba(0, 77, 0), 0 0 3px;
  }
}

body::before {
  content: " ";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(rgba(1, 16, 16, 0) 50%, rgba(1, 1, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 1, 0, 0.06), rgba(0, 255, 1, 0.02), rgba(1, 0, 255, 0.06));
  z-index: 2;
  background-size: 100% 2px, 3px 100%;
  pointer-events: none;
  
}

@keyframes yourAnimation { 0.0% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } }


body::after {
  content: " ";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(1, 16, 16, 0.1);
  opacity: 0;
  z-index: 2;
  pointer-events: none;
  animation: flicker 0.15s infinite;
}

    body{ 
          background-color: black !important;
     background-image: url(https://i.pinimg.com/564x/03/d9/ce/03d9ceeba314d6fe1606e05bdeef4b4c.jpg)!important;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed !important;
    animation: textShadow 1.6s infinite;


    }
    .container{


    }
    main:before {
}
    main{ background-image:URL(https://media.tenor.com/avVB9_1pj1EAAAAC/slenderman-glitch.gif);
    opacity: 0.8; 
    background-size: 100%
}

nav .top {
    background-color: #00000095;
}

.top input {
    
    background: #0003;
    animation: textShadow 1.6s infinite;
    color: black;
}

nav .links {
background-color: #00000095;
}

.links {
    text-align: center;
    background-color: #0000 !important;
}

    .profile{
color: #fff !important;

    }

.profile .friends .person p {
    color: #ffffff;
}


.profile .blurbs .heading, .profile .friends .heading  { background-color: #000000;
}
    a{
        
        
    }
    a:hover{
        
        
    }
    a:visited{
        
        
    }
    button{


    }
    h4{


    }
    .top{
        
        
    }
    .logo{
        
        
    }
    .top label{
        
        
    }
    .top input{
        
        
    }
    .top button{
        
        
    }
    .top a{
        
        
    }
    .top a:hover{
        
        
    }
    .top a:visited{
        
        
    }
    .links{
        
        
    }
    .links a{
        
        
    }
    .links a:hover{
        
        
    }
    .links a:visited{
        
        
    }
    h1{
        
        
    }
    .profile-pic{
        
        
    }
    .profile-pic img{
        
        
    }
    .general-about{
        
        
    }
    .mood{
        
        
    }
    .mood a{
        
        
    }
    .mood a:hover{
        
        
    }
    .mood a:visited{
        
        
    }
    .mood b{
        
        
    }
    .mood p{
        
        
    }
    .contact .heading{ 
        
        
    }

    .contact{ 
        
        
    }
    .contact a{ 
    color: #fff;
        
        
    }
    .contact a:hover{
        
        
    }
    .contact a:visited{
        
        
    }
    .url-info{
        
        
    }
    .url-info b{
        
        
    }
    .url-info p{
        
        
    }
    .table-section{


    }
    .table-section .heading{
        
        
    }
    table.details-table{
        
        
    }
    .profile .details-table td{ background-color: #00000095;


    }
    .profile-info{
        
        
    }
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading  {
    background-color: #00000095;
    color: white;
    padding: 2px 7px;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
    width: 100%;
    border: none;
    margin: 10px 0;
}

.profile .url-info p {
    font-size: 90%;
    margin: 0;
    word-break: break-all;
}
    .blog-preview{
        
        
    }
    .blog-preview h4{


    }
    .blog-preview a{
        
        
    }
    .blog-preview a:hover{
        
        
    }
    .blog-preview a:visited{
        
        
    }
    .blog-preview p{


    }
    .blurbs{


    }
    .blurbs .heading{
        
        
    }
    .blurbs .section h4{
        
        
    }
    .friends .heading{
        
        
    }
    .friends{
        
        
    }
    .friends-grid{
        
        
    }
    .friends a{
        
        
    }
    .friends a:hover{
        
        
    }
    .friends a:visited{
        
        
    }
    .friends b{
        
        
    }
    .friends p{
        
        
    }
    .friends .person p{
        
        
    }
    .count{


    }
    .more{


    }
    .comments-table {
    display: block;
    height: 500px!important;
    overflow-y: scroll;
    border: 0px solid #000 !important;
    outline: none !important;
    padding: 5px;
    border-spacing: 4px;
    text-align: center;
}
        
        
    }
.comments-table td:first-child { background-color: #00000095;    
    }

.comments-table td:first-child, .music-table td:first-child { background-color: #00000095;
}

.comments-table td, .music-table td { background-color: #00000095;
}
    .pagination{

    
    }
    footer{ background-color: #00000095;
        
        
    }
    footer a{
        
        
    }
    footer a:hover{
        

    }
    footer a:visited{
        

    }
    footer .links{


    }
    footer .links a{


    }
    footer .links a:hover{


    }
    footer .links a:visited{


    }

table.comments-table{
display: block;
height: 400px!important;
overflow-y: scroll;
}
.col, main, footer{
animation: float 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 5px);
}
100% {
transform: translate(0, -0px);
}
</style>
<a href="https://spacehey.com/laterzombie">layout by laterzombie</a>
<div style="float:  ; max-height: 400px; position: fixed; right: 1px; bottom: 9px; z-index: 200;">
<img src="https://media.tenor.com/CLYXHnV3LPgAAAAi/ticcitoby.gif" width="400" height="400"/></div>

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 37 comments ( View all | Add Comment )

Pₐ𝐩ᵢᄂᄂₒ𝚗 ✟	1714524303 usinggg uwu Report Comment
djanhooo!!!	1714320104 using it! :3 looks really cool btw! Report Comment
NORTHSTAR	1714244965 using !! ^-^ Report Comment
XxLULUxX	1714089943 using Report Comment
river	1713812774 hii i love this layout, but how can/do i remove the flicker of the background ? its rly bothering my eyes Report Comment
river	1713812773 hii i love this layout, but how can/do i remove the flicker of the background ? its rly bothering my eyes Report Comment
river	1713812770 hii i love this layout, but how can/do i remove the flicker of the background ? its rly bothering my eyes Report Comment
Rigou	1708743903 Usando!! Report Comment
dismay	1708399374 using Report Comment
Nilufar;3	1707549196 using Report Comment
samЯatafak	1707182778 Using!! :3 Report Comment
limonada	1706145568 usando c: Report Comment
AngelYuxk !	1706142832 Using :3 ty!! Report Comment
#sp1ritBloodd	1705946312 Using:333 Report Comment
s4nti!!	1705566567 Using!! Report Comment
Azalea	1704518597 using! Report Comment
🖤Xx-Dylan/Ryan-xX🖤(auto play)🍉	1701786592 USING I LUV THIZZZ :33333 Report Comment
viv	1701300065 using! and is there any way to remove toby lol? Report Comment Thx sm!! by viv; 1701344209; Report
noor	1700553689 using :3 Report Comment
⚰︎Z3R0-SM00THI3☄︎	1700544792 using!! ^_^ Report Comment