blood moon vampy themed layout

Tags: #vampire #brightred #eyestrain #gothic #emo #scene #wolf

Description:

Hi!! new layout just dropped...so originally for this one i was going to add zombies, more meat and make it more trauma, cutegore themed but i decided i'd let yall have a choice to add extra stuff since i'm so burnt out. besides it looks cool imo rn, it reminds me of vampires hence the layout name. anyways if you have any requests for layouts--ask and i'll deliver! as always credit me and comment if used/using <3 thanks!!

Preview:

click on the image for a larger preview

Code:

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

ICON URL: https://i.pinimg.com/564x/b0/f7/c1/b0f7c1d9a34373fdb84b1815a6cda437.jpg

<!-- Custom Cursor -->
<style>
* {
  cursor: url(https://cur.cursors-4u.net/others/oth-8/oth704.cur), auto !important;
}
</style>

<!-- Cursor Source Link -->
<a href="https://www.cursors-4u.com/cursor/2011/11/29/bloody-knife.html" target="_blank" title="Bloody Knife">
  <img src="https://cur.cursors-4u.net/cursor.png" alt="Bloody Knife" style="position:absolute; top: 0px; right: 0px;"/>
</a>

<!-- Background -->
<style>
body {
  background: url(https://64.media.tumblr.com/337613bf3034a0a318fd6f2f5ec833da/tumblr_p4f4lypavs1w5n1g1o1_1280.pnj) no-repeat fixed;
  background-size: cover;
}
</style>

<!-- Profile Elements -->
<style>
.general-about {
  position: relative;
  margin-top: 30px;
}
.online {
  content: url("https://i.ibb.co/BTBNN62/gifmaker-me-2.gif");
}
</style>

<!-- Navigation Bar -->
<style>
nav .links {
  background-color: black;
}
nav .links a:hover {
  color: rgba(13, 4, 4, 1);
}
</style>

<!-- Friend Icons -->
<style>
.profile .friends .person img:not(.icon) {
  border-radius: 15px;
  box-shadow: 1px 0px 7px 2px rgba(231, 0, 0, 0.71);
  border: 3px solid black;
}
</style>

<!-- Custom Fonts -->
<style>
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Rock+Salt&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Creepster&display=swap');
@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Goldman&display=swap');

p, h1, h2, h3, h4, h5 {
  font-family: 'Rock Salt', sans-serif;
}

h1 {
  font-size: 30px !important;
  text-transform: uppercase !important;
  padding-left: 2px !important;
}
p.online {
  font-size: 0px;
}
p.online::after {
  content: "ONLINE :)" url(https://i.imgur.com/2Po2Wdn.png);
  color: white;
  font-size: 15px;
}
h1 {
  font-family: 'Creepster', cursive;
  font-size: 4.5em !important;
}
</style>

<!-- Blood Splatter Background -->
<style>
body {
  background: url(https://i.imgur.com/T8bqbR6.png);
  background-size: 50%;
  text-shadow: 0 0 9px #000000;
}
</style>

<!-- Hide Unwanted Sections -->
<style>
.friends-grid, .contact .heading, .url-info, .profile-info, .blurbs .section h4 {
  display: none !important;
}
</style>

<!-- Custom Scrollbar -->
<style>
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  background: white;
}
::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.2);
}
</style>

<!-- General Layout Styling -->
<style>
body, main, footer {
  background-color: black !important;
}
.top {
  padding-bottom: 5px !important;
  padding-top: 8px !important;
}
.container {
  width: 100%;
}
main {
  padding-left: 10px;
  padding-right: 10px;
}
.profile {
  background-image: url(https://i.pinimg.com/564x/8b/98/4c/8b984c5eb976f716ddd6c26691d11178.jpg);
  background-size: 120%;
  border-radius: 12px;
  box-shadow: 0px 0px 13px 9px #a82e3c;
  color: red;
}
.profile-pic {
  border-radius: 500px;
  overflow: hidden;
  box-shadow: 0px 0px 7px 5px white;
}
.profile .blurbs .section h4 {
  color: #a82e3c;
}
.contact a {
  color: white;
}
.mood a, .mood p, .mood {
  color: #a82e3c;
}
.profile .table-section, .profile .url-info, .profile .contact {
  border: 2px solid white;
  border-radius: 5px;
  box-shadow: 0px 0px 7px 5px #a82e3c;
}
</style>

<!-- Typing Animation -->
<style>
@keyframes type {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
h1 {
  animation: type 3s steps(27) infinite, blink 1s step-end infinite;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
}
</style>

<!-- Additional Styling -->
<style>
.count {
  color: white;
}
main {
  background: none;
}
.comment-replies {
  border: none;
  padding-top: 0;
  margin-left: 20px;
  margin-top: 0;
}
table.comments-table {
  display: block;
  height: 400px !important;
  overflow-y: scroll;
}
button {
  border: none;
  background-color: rgba(0, 0, 0, 0.25);
}
</style>


<!-- Enjoy Message -->
<p>Enjoy! 💚</p>

credit: aku/fuyu

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

~heartluv~	1742983078 Gonna try to use, but idk where is the about me section, im new :( Report Comment
FredDie!	1736086763 using Report Comment
CL3AVER	1732606198 using ‼️‼️ thank u sm !! <3 Report Comment
renestar	1728853682 using Report Comment
dogprincess	1727478929 using Report Comment
𝙳𝚊𝚖𝚒𝚎𝚗	1724565809 using omg Report Comment
Z4chary	1722609135 Using Report Comment
jamjam	1718817606 using! ^_^ Report Comment
HELENA !!	1717194349 USINGG Report Comment yippeee!!!! tysm!! by rainbowrot; 1717424031; Report