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

varx	1713725995 using!! Report Comment
Jeannette	1713054272 Using Report Comment
Opera house	1712558384 Using Report Comment
♡-Lifeless_Ghuleh-♡	1712284397 Using! Report Comment
esmik	1711398503 using Report Comment
NOTMIYAVI	1711338247 using maybe Report Comment
Perse	1711222083 Using!!! Report Comment
🕷🖤🔗🦇🔪 ♡𝕸𝖗.𝕮𝖗𝖔𝖜 ⛓🧷♥🕷️⚰	1711069009 USING:3 Report Comment
pee drawer ☆	1710976509 using !!! Report Comment
austin	1710586698 using Report Comment
Alexa_Ctez	1710181721 Using Report Comment
𝗳𝗿𝟯𝘆𝗮 / 𝗿𝗲𝗼 !!	1709679984 Using!! :3 Report Comment
Mila	1709105858 using Report Comment
♱Vivan♱	1709091936 Using Report Comment
Nepeta_Cataria	1708996696 Using it! I love it so much! I added the song Cirice by Ghost ans both this layout and the song goes perfectly together! Report Comment i'm glad u like it!! :D by ⨂ valerie vengeance ⨂; 1709035801; Report
𝘲𝘱𝘱𝘭𝘦 𝘴𝘵𝘳𝘶𝘶𝘥↋𝘭	1708764435 using!! Report Comment
sacrificiallambmeat	1708623036 Usinggggg Report Comment
ˏˋ°•*⁀➷ Bonnie ★	1708545348 Using! Report Comment
✭Kaiden✭ 🍉	1708226827 using Report Comment
v3gar1on	1708169892 using :3 Report Comment