red and black vampire layout

Tags: halloween, vampire, red, black, red and black, custom cursor, dark

Description:

spooky season is upon us and i am acting accordingly
pls add creds if u use as a base or wtvr. custom cursor and online icon included :D

Preview:

click on the image for a larger preview

Code:

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

<style>
  @import url('https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&display=swap');
{
font-family: 'UnifrakturMaguntia', cursive;
}

  @import url('https://fonts.googleapis.com/css2?family=Metamorphous&display=swap');
{
  font-family: 'Metamorphous', cursive;
}

body{
  background: url(https://64.media.tumblr.com/98518c162e47325c145841b8b5c4cff7/f3b24b9ed91b4548-81/s1280x1920/a702e81b1d333e21ec0c03662e469eab7a72adee.jpg);
  background-size: 50em;
}

main{
  background: black;
  color: darkred;
  font-weight: bold;
  border-radius: 10px;
  box-shadow: 0px 0px 50px red;
  text-shadow: 0px 0px 10px red;
  font-family: 'Metamorphous', cursive;
  text-align: center;
}

.friends{
  color: white;
  box-shadow: 0px 0px 20px red;
  margin-top: 20px;
  margin-bottom: 50px;
  background: url(https://th.bing.com/th/id/R.732d44df28456c73512ed2cd18d1f66a?rik=wsw0z2DuimVs8Q&pid=ImgRaw&r=0);
  font-family: 'Metamorphous', cursive;
}

table.comments-table{
  background: transparent;
  color: white;
  display: block;
  height: 303px;
  overflow-y: scroll;
  border: transparent;
}

.profile .blurbs{
  background: url(https://th.bing.com/th/id/R.3e1cf2afb4647e34ac80062cdd342cf7?rik=%2boPDdmjddGF2oA&pid=ImgRaw&r=0&sres=1&sresct=1);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
  height: 303px;
  overflow-y: scroll;
  box-shadow: 0px 0px 20px red;
  color: white;
}

.profile .mood{
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
  font-family: 'Metamorphous', cursive;
  font-size: 15.5px;
  background: url(https://th.bing.com/th/id/R.732d44df28456c73512ed2cd18d1f66a?rik=wsw0z2DuimVs8Q&pid=ImgRaw&r=0);
  box-shadow: 0px 0px 10px red;
}

.profile h1{
  color: white;
  text-align: center;
  font-size: 2.5em;
  font-family: 'UnifrakturMaguntia', cursive;
}

.icon {
content: url("https://64.media.tumblr.com/f91eaa749101677883829aad18797126/3e84182573ca09dd-a4/s75x75_c1/5443db186d2d15dd01763142087688fcce456c53.gif");}

.online{
  content: url("https://64.media.tumblr.com/3ed5d83768d61d51018404042da6679a/22608f3016a0e6a3-f7/s75x75_c1/25c322e42af72c48d24c764c6fd76f74f9d419d0.gif");
}

a:hover{
  color: white;
}
a{
  color: red;
}

nav .top{
  background: url(https://th.bing.com/th/id/R.a53769eb3b2ecaa0ed63f042a9ba6dfe?rik=yhgskuLk4VTbEA&pid=ImgRaw&r=0);
  background-position: center;
  margin-bottom: 20px;
  border-radius: 8px;
  font-family: 'Metamorphous', cursive;
}

nav .links{
  background: transparent;
  margin-bottom: 20px;
  font-family: 'Metamorphous', cursive;
}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: "★" ;
    font-size: 2em;
    color: darkred;}

.blog-preview:before {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 153px;
  background-image: url(https://tse4.mm.bing.net/th/id/OIP.A0Eo7Xjkvo-nIUefT2SApQHaHa?pid=ImgDet&rs=1);
  background-repeat: repeat;
  background-size:50%;
  background-position: bottom;
  align-content: center;
  margin-bottom: 20px;
  box-shadow: 0px 0px 10px red;

}

.general-about .profile-pic img{
  border-radius: 200px;
  box-shadow: 0px 0px 20px red;
  border: darkred 5px solid;
  animation: spin 5s infinite linear;
}


@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(-360deg); }
}

.profile .url-info{
  background: url(https://tse4.mm.bing.net/th/id/OIP.A0Eo7Xjkvo-nIUefT2SApQHaHa?pid=ImgDet&rs=1);
  color: darkred;
  text-align: center;
  font-family: 'Metamorphous', cursive;
  font-size: 15.5px;
}

footer{
  background: transparent;
  font-size: 0px;
}

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

 img:hover{
      transform: scale(1.2); 
      transition: transform .5s; 
        
}

::-webkit-scrollbar {
  width: 15px;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px black; 
  background: black;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: red; 
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: darkred; 
}

body { cursor: url('https://64.media.tumblr.com/bed5aea8535402646ce585b3bf8ee0ac/22608f3016a0e6a3-f2/s75x75_c1/1647d23f4ace9c1a79ce5b34f78ebc5b80f11af2.gif'), auto; }
</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 180 comments ( View all | Add Comment )

Landon1337 // W.I.P Profile	1769501189 Using Report Comment
Raydenn_:C	1769494831 usinggg :3! Report Comment
𝖾𝗅𝗅𝗂𝖾 ⋆˚࿔	1769414597 usinggg Report Comment
Xinn	1769322581 Cutee im using itt Report Comment
ᘛ⁐̤ᕐᐷ 𝖘𝖔𝖈𝖐_𝖒𝖆𝖓 ᘛ⁐̤ᕐᐷ	1767040742 using!!! Report Comment
Zack	1766408785 Usando Report Comment
jj	1766266974 using!!! Report Comment
˚⊹ 𐂯𝔑𝔞𝔱𝔥𝔞𝔫 ⊹ ˖´ཀ`	1765907245 Using blog preveiw :3!! Report Comment
𝙖𝙣𝙮𝙖	1765772435 using! Report Comment
⠀❛⠀⠀⠀𓈒⠀⠀m̲ydei⠀⠀ ✿	1764914885 using Report Comment
🎧♪⋆.✮𝓒𝓸𝓭𝓪.⋆♪✮🎧	1764700169 Using Report Comment
aimar mariela santana	1763512447 using! Report Comment
s4mmy the jam¡s0n! (actual fergus mackinnon jr.)	1762580553 using!! Report Comment
William / Michael (#1 ratboy)	1761351854 Using !! Report Comment
✧ Annie ✧	1759832703 Usinggggg Report Comment
PB&J	1759284780 using !! Report Comment
batman	1758492124 using!!! Report Comment
mikey !	1756115506 usinggg! Report Comment
claustrawrphobia	1755911457 using as base Report Comment
L3NI	1755732671 usij Report Comment