gothic vampire

Tags: goth, gothic, vampire, black

Description:

!!!!!NOTE!!!!! the original layout belongs to 𓆩 𝔗𝔦𝔣𝔣 𓆪 (https://layouts.spacehey.com/xxmisa) hers was a mallgoth one and i changed it alot into a dark themed one liff if youre seeing this i hope youre completely okay with it !! note that this is my first time coding so excuse the mess or anything that doesnt work KHSKHDS feel free to use it ! <3 and pls lmk !

Preview:

click on the image for a larger preview

Code:

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

<!-- (c) Layout created by ⛧𝔪𝔞𝔯𝔩𝔟𝔬𝔯𝔬⛧ (https://layouts.spacehey.com/layout?id=27213) -->

✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮


<style>
body{
background:url(https://i.pinimg.com/564x/c1/f9/b9/c1f9b990f1ea9e3f7c60b7e51148e93d.jpg) no-repeat center
fixed;
-webkit-background-size: cover
}
 .logo {
content: url(https://media.discordapp.net/attachments/1083062800752054305/1085761642761048075/image0.jpg);
}
main {
font-family:cambridge;
color: grey;
background-color: black;
border-color: grey;
border-style: dashed;}
nav .top {
background: transparent;
}
nav .links {
  background: rgba(0, 0, 0, 0.9);
}

nav { background-image: url(https://i.pinimg.com/564x/c1/f9/b9/c1f9b990f1ea9e3f7c60b7e51148e93d.jpg); 
}
.general-about .profile-pic img{

-webkit-mask-image: url(https://i.imgur.com/bAxhHPN.png);

-webkit-mask-size: 100%;

-webkit-mask-repeat: no-repeat;

-webkit-mask-position: center;

transform:scale(1.025,1.025);

position:relative;

top:-0.25em;
}
main:before {
    width: auto;
    margin-bottom: 25px;
    border: 1px solid black;
    height: 150px;
    display: block;
    content: "";
    background-image: url(https://media.tenor.com/LH8Iu5KWVcsAAAAC/bats-wild-animals.gif);
    background-position: center center;
    background-size: cover;
}
#q, button {
color: #ffffff;
background-color: black;
border: 1px solid grey;
font-family: cambridge;
}
p, i, b, .count {
color: grey!important;
}
a, .profile .friends .person p, .logout-btn {
color: grey !important;
text-decoration: underline !important;
}
.container {
margin: 0 auto 0;
}
main {
background: black;
color: grey;
}
.heading, .url-info {
color: grey !important;
background: none;
background-color: black !important;
border: 2px solid grey !important;
}
.inner {
color: grey !important;
border: 2px solid grey;
border-top: none;
}
.profile-info {
background-image: url(https://64.media.tumblr.com/bcf9d88985023b51a5bdf82cc759b9ee/069492e9e7a93e0c-4b/s1280x1920/7ef36c0fd59826be5354f9aa3ab3a143cba3bf6d.gifv);
        background-position: center;
        background-size: cover;
	padding: 5px;
        border-radius: 8px;
        border: 2px solid #0307ff;
border: 2px solid grey;
}
.profile-info .inner {
border: none;
}
.friends .inner {
border-bottom: none;
}
#comments {
border-bottom: 2px solid grey;
}
.profile .contact, .profile .table-section, .home-actions {
border: none !important;
}
.profile .contact.f-row:first-of-type {
margin-top: 0px;
padding-top: 7px;
}
.contact {
  background-image: url(https://i.pinimg.com/564x/4a/54/64/4a546409511c66a16dc5fd153232069e.jpg);
  background-repeat: no-repeat;
  background-attachment: scroll;
  Width: 300px;
  Height:120px;
}
.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: "⛧"
}
.details-table {
margin: 2px;
}
.details-table, td {
border: 2px solid grey;
border-collapse: collapse;
}
td {
color: grey!important;
background: none;
background-color: black !important;
} 
table.details-table {
max-width: 98%;
}
.profile h1 {
font-size: 20px;
}
footer p {
color grey !important;
}
.comments-table {
color: #ffffff;
border: none;
border-radius: 8px;
}
footer {
    background-image: url(https://i.pinimg.com/564x/81/4c/76/814c76fb479fbdc8d0522d1f7ace9907.jpg);
    background-position: center;
background-size: cover;
    border-radius: 8px;
    border: 2px solid red;
}
.general-about {
   border-radius: 8px;
   background: url(https://i.pinimg.com/564x/85/e6/9a/85e69a8f08be4082e86ecb80d450fd09.jpg);
   background-position: center;
   background-size: cover;
padding: 5px;
}
 body:before {
    content: " "; 
    height: 100vh;
    width: 100vw;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background-image: url(https://64.media.tumblr.com/fbdb6f74352c1fb05fe4b6bdf263f267/c30718cea16fcde5-42/s400x600/65104420f6f36f71b0e38f9ec7a068becef98694.gifv);
    background-size: cover;
    background-repeat: no-repeat;
    animation: yourAnimation 4s ease 0s 1 normal forwards;
    pointer-events: none;
  }
  @keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }

</style>

<style>* {cursor: url(https://spamtonium.neocities.org/cursors/49.png), auto !important;}</style>


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

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

luna†✮	1750128699 using Report Comment
ulstric<3	1749441968 using :D Report Comment
Hollie ♱	1748991284 using!! <3 Report Comment
Charliexxxx	1748454953 usingg Report Comment
Vee <3	1747870478 using <3 Report Comment
𝙰𝙻𝙴𝚇	1746095754 using Report Comment
F_N	1745101507 Using :3 Report Comment
xxx-ThatEmoBoi-xxx	1744257175 usiiiggg Report Comment
Kyle	1743979416 love it, using it, need the song name Report Comment
ALEXUS (⁠≧⁠▽⁠≦⁠)	1742526480 Using Report Comment
Corvid	1742401209 using! edited the pictures a bit tho Report Comment
Mary	1741960887 using Report Comment
_melancholic.vampire	1740498542 como eu faço para tirar a música desse layout?(ou qual parte do código eu retiro para ficar sem o som?) :p Report Comment
jellySkull	1740143128 using Report Comment
astlonaut	1739983822 using Report Comment
ྐ🦇 Vesperia	1739871054 Using Report Comment
À	1739814077 using it Report Comment
Nana	1739374272 using:) Report Comment
⁺‧₊˚ ཐི⋆𝙲𝚘𝚛𝚟𝚒𝚗𝚊⋆ཋྀ ˚₊‧⁺	1739095822 Using!!^^ Report Comment
wammy	1738648491 using! Report Comment