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

TOMATOESVAMP1RE	1745483330 using Report Comment
Surufel	1743739844 Using Report Comment I've made some changes though, some pictures were not loading. by Surufel; 1743743095; Report
miki🦊	1742054634 Using Report Comment
kat ੈ✩‧₊˚	1741924113 using! Report Comment
Ni.eXe ☭	1741268250 Usando Report Comment
Alice	1741209906 using <333 Report Comment
ᯓ𓉸	1740901435 using! Report Comment
★† T H O R N E †★	1739833573 Usingg Report Comment
z0mb1ez4l!fe<3	1739576242 using! Report Comment
Tara	1739163481 Using!!! :3 Report Comment
theo :p	1738094238 I'm using tysmmm <3 Report Comment
kps	1737924149 using!! Report Comment
m!k	1736548066 using cursor !! Report Comment
Alex Addict	1736544815 using!! Report Comment
Evan	1735412413 usingg Report Comment
..Gigi..	1734800601 Using!! <3 Report Comment
CraterCat	1734579246 using Report Comment
katie	1733086758 using! Report Comment
diiemydarling_	1732970654 Using Report Comment