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

bells	1794544772 using ! :3 Report Comment
marcel	1793926734 using!! Report Comment
ﮩ٨ﮩ٨♡ﮩﮩ٨ﮩ٨ــ	1793410691 usandoo Report Comment
sp/sx5w6 ⧽ ׁ ׅ vox and homura kinnie	1791764343 FINALLY ONE THAT WORKSSSS !!! USING OFC. Report Comment
★Ren★	1791735043 Using! Report Comment
bunn♡bunee 𐔌՞. .՞𐦯	1791384336 using! Report Comment
vampyy	1789946407 usingg Report Comment
Alexa_Ctez	1787483895 Using Report Comment
Leon	1786330754 Using!! Report Comment
Argosbat	1786142711 using ! Report Comment
Call.Me.Little.Sunshine.666	1785718806 using! Report Comment
Raven	1785503744 using Report Comment
Bat	1784234124 using!! Report Comment
puppy_rock	1783740484 usiiiing Report Comment
Luka_	1783018958 Using!! Report Comment
glamourvamp	1781317949 using Report Comment
zuzanna	1779906917 using/used^ Report Comment
𝔇𝔯𝔞𝔠𝔲𝔩𝔦𝔰𝔞	1778372054 using! Report Comment
JoshuAThorn3	1776748133 using ^^ Report Comment
kit ! ✫	1773514478 usingg :3 Report Comment