zombie theme

Tags: 2000s, simple, layout, emo, animation, green, dark, black

Description:

★includes animation, if you use please comment or add me★

Preview:

click on the image for a larger preview

Code:

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

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

h2,h3,h4,h5{
font-family: 'Eater', cursive;
text-shadow: 2px 2px 5px #02e08f; 
color: white;
}

h1{
font-family: 'Eater', cursive;
text-shadow: 2px 2px 5px #02e08f; 
color: white;
}

p{
font-family: 'Special Elite', cursive;
color: white;

}
  body{
  background: url(https://i.postimg.cc/RZMMC1dh/ezgif-5-97689a47b5.jpg);
 
}
  .profile{
 background: black;
 box-shadow: 0px 0px 5px 5px #011c12;

}
:root {
    --logo-blue: transparent;
    --darker-blue: #023321;
    --lighter-blue:  #023321;
    --even-lighter-blue: black;
    --lightest-blue: black;
    --dark-orange: white;
    --light-orange: #023321;
    --even-lighter-orange: white;
    --green: black;
       

}

main{
background: transparent;
}

 footer {
    border-radius: 15px;
    background-image: url(https://i.postimg.cc/Nj5W4H20/ezgif-1-1226612cfd.jpg);
    color: white;
    box-shadow: 0px 0px 5px 5px #011c12;
    filter: sepia(100%) hue-rotate(150deg) saturate(1.5);
}

img {
filter: sepia(100%) hue-rotate(150deg) saturate(1.5);
}

.comments-table td, .music-table td {
    background: black;
    background: black;
    vertical-align: top;
    border: black;

}
.comments-table td:first-child, .music-table td:first-child {
    background: #040404;
    background: rgb(10 10 10);
    text-align: center;
    font-weight: bold;
    width: 38%;
}
table.comments-table {
    background-color: black;
    display: block;
    overflow-y: scroll;
    height: 300px!important;
    border-radius: 15px;
    border-color: #023321;
    border-width: 3px;
}
::-webkit-scrollbar {
    width: 8px;
    height: 10px;
}
::-webkit-scrollbar-thumb {
    background: #023321;
}
::-webkit-scrollbar-track {
    background: black;

}

.count {
    color: #6bb2bf;
}
.online {
    visibility: hidden;
}

.online img {
    content: url(http://dl3.glitter-graphics.net/pub/2536/2536203s3trhd82ev.gif);
    animation-name: none;
    visibility: visible;
    height: 15px;
    width: 60px;
    filter: sepia(100%) hue-rotate(150deg) saturate(1.5);
}
.online {
   visibility: hidden;
}

/* 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: url(https://i.postimg.cc/VvsL5jBz/ezgif-1-c30c02ac08.png);
filter: sepia(100%) hue-rotate(150deg) saturate(1.5);
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: url(https://i.postimg.cc/VvsL5jBz/ezgif-1-c30c02ac08.png);
filter: sepia(100%) hue-rotate(150deg) saturate(1.5);
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content:url(https://i.postimg.cc/VvsL5jBz/ezgif-1-c30c02ac08.png);
filter: sepia(100%) hue-rotate(150deg) saturate(1.5);
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* forward to friend*/
content: url(https://i.postimg.cc/VvsL5jBz/ezgif-1-c30c02ac08.png);
filter: sepia(100%) hue-rotate(150deg) saturate(1.5);
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url(https://i.postimg.cc/VvsL5jBz/ezgif-1-c30c02ac08.png);
filter: sepia(100%) hue-rotate(150deg) saturate(1.5);
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url(https://i.postimg.cc/VvsL5jBz/ezgif-1-c30c02ac08.png);
filter: sepia(100%) hue-rotate(150deg) saturate(1.5);
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: url(https://i.postimg.cc/VvsL5jBz/ezgif-1-c30c02ac08.png);
filter: sepia(100%) hue-rotate(150deg) saturate(1.5);
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: url(https://i.postimg.cc/VvsL5jBz/ezgif-1-c30c02ac08.png);
filter: sepia(100%) hue-rotate(150deg) saturate(1.5);
}  

a, .profile .friends .person p, .logout-btn {
color: #6bb2bf !important;
text-decoration: underline !important;
text-shadow: 2px 2px 5px #02e08f; 
}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: "☣";
    color: var(--headers);
    text-shadow: 1px 1px 5px #1bfa92; 
}

 .contact .heading:before {
    content: url(https://i.postimg.cc/yN0HcsKf/ezgif-2-4a7f79e46a.jpg);
    overflow: hidden;
    filter: sepia(100%) hue-rotate(150deg) saturate(1.5);
}

   .url-info {
    background: url(https://i.postimg.cc/qMzmhwXq/e4e9d829ef599d7daad68cded505a5fd.jpg);
    background-position: center;
    border: var(--borders)!important;
    height: 200px;
    filter: sepia(100%) hue-rotate(150deg) saturate(1.5);
}
.profile .url-info p {
    font-size: 100%;
    margin: 0;
    word-break: break-all;
    color: transparent;
}
HTML,BODY{cursor: url("https://downloads.totallyfreecursors.com/cursor_files/eyeblue.ani"), 
     url("https://downloads.totallyfreecursors.com/thumbnails/eyeblue.gif"), auto;

}
.friends-grid img:hover, img:hover {
    animation: shake 1s;
    animation-iteration-count: infinite;
    filter: grayscale(100%);
}
@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); }
}
 body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}
</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 227 comments ( View all | Add Comment )

☆️Oli️☆	1749505727 Using!! Report Comment
𓉸♱Apoll0xxx♱𓉸	1749254798 using! Report Comment
c4rcass	1748472969 usingggg Report Comment
Cryokxss	1746392711 usiing Report Comment
kade	1746098513 using :) Report Comment
Fangsss	1744431279 Using!!! Report Comment
s4m_1s_m1nt	1744021629 Using Report Comment
sammiixz0mbi3z	1743695418 Using!! Report Comment
z0mbgrav3	1743089013 USING :3 Report Comment
Jest_TheJester	1742279982 usinnng <3 Report Comment
Z0mBye_SN	1742149272 Using <3 Report Comment
lele🍃	1741617639 using Report Comment
MagmaCat Undead	1740288550 Hi, this might be a stupid question, but do you know why my commentary in my about section turned not the same color as the background? +Is anyone able to help me fix this? Report Comment
𖤐RustySpikes𖤐	1739751166 Using!! Tysm :D Report Comment
Haifa	1738444720 usinggggg :))) Report Comment
starrystar !!	1738341826 using!! Report Comment
Strwbrrigutz	1738048354 using ! Report Comment
RedactedNemesis	1738002659 using :DD Report Comment
☽Rosa☾	1737213241 usingg <3 Report Comment
サラス	1737022830 USING:p Report Comment