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

katie	1733086758 using! Report Comment
diiemydarling_	1732970654 Using Report Comment
Elias	1732920851 Using! :-] Report Comment
.:hevira:.	1731535369 Using! Thank you! Report Comment Actually I just wanted to add that some image links were not working, so I changed them on my profile. I hope that's okay. by .:hevira:.; 1731537601; Report
mikey	1731370433 using !! Report Comment
Ari 🕷️🕸️	1731207625 using 🕷️ Report Comment
Souly	1731141125 will be usinggg tyyyy Report Comment
vito	1730121236 THIS LOOK SO COOL TYSM! Report Comment
kisshu	1729529518 using! Report Comment
ᯓ ⁺₊ ♱ 𝐤𝐮𝐫𝐭 (twinkatron 5000 🏳️‍🌈💏)	1728687245 Using !! :3 Report Comment
opossumjail	1728254841 using!! Report Comment
shlbz	1727543421 using !! Report Comment
drunk in paris	1727449307 using Report Comment
Str1g01~✮	1727369339 Usinggg!!! Report Comment
anqclxo	1727273537 using!! ty <3 Report Comment
Xx_scOrchEd_ScuFf_xX	1726995325 using!! Report Comment
The Vampire Estella	1726284097 using <3 Report Comment
harukaah_999	1725328972 using!!! >_< Report Comment
XxCherry_WavesxX	1724412351 Using! Report Comment
Raye	1723724557 Using!! Report Comment