requested 80s vampire/horror themed layout

Tags: horror, black, dark, 80s, vampire, creepy

Description:

someone requested this layout and it wasnt at all the type of aesthetic im used to, which made it all the more fun to make :DD as always, if theres an issue or something isn't working correctly, let me know and i will try my best to fix it asap!! if you have any layout requests or even just simple themes you think would look cool as layouts (you dont have to use the layout once i make it), please tell me bc i make layouts pretty often and will probably end up making it!! also also: if you use this layout, i would appreciate a comment but it's not obligated!! spacehey logo credits: https://layouts.spacehey.com/layout?id=29964 tv screen overlay effect credits: https://pastebin.com/5kcuUHvm

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Jay (https://layouts.spacehey.com/layout?id=30202) -->

<br/>
<!-- (c) Layout created by Jay (https://layouts.spacehey.com/ratl0rd) -->
<a href="https://layouts.spacehey.com/ratl0rd">
         <img alt="credit" src="https://i.ibb.co/GnhTmvK/blinkies-Cafe-l2.gif" width="150&quot;" height="20"/></a>

<style>

@font-face {
font-family: berkahi;
src: url(https://dl.dropbox.com/s/git042fsl0esanm/Berkahi%20Blackletter.otf);
}
@font-face {
font-family: 'mbytepc';
src: url(https://dl.dropbox.com/s/wu14gtbffx3auk3/Px437_MBytePC230_EGA%5B1%5D.ttf);
}
@font-face {
font-family: 'gothik steel';
src: url(https://dl.dropbox.com/s/q85sqq5r38eahmn/Gothik%20Steel.ttf);
}

main{
background-image: url(https://i.ibb.co/Bt01nMV/anim.gif);
border-radius: 15px;
}
body{
background-image: url(https://i.ibb.co/1sbHzmw/1e80a3c3d3f6507d38563c09307e8f54.jpg);
background-position: center !important;
background-size: cover !important;
font-family: mbytepc !important;
font-weight: normal !important;
}
.logo {
   content: url(https://i.ibb.co/6mmPmgr/29964-361deeae18ff330d5be4cd015c36c9fc.png);
}
.top, .links, footer {
background-image: url(https://i.ibb.co/RTSfQ1m/tumblr-m1sbqy-Vrq-P1r20wk1o2-250.png) !important;
border-radius: 15px;
text-align: center !important;
}
.blurbs:before {
  content: "";
  white-space: pre-wrap;
  display: block;
  background-image: url(https://i.ibb.co/XyspbkM/13db5900.gif);
  height: 90px;
  width: 470px;
  background-repeat: no-repeat;
  background-position-x: center;
}
nav .links:before {
    width: auto;
    margin-bottom: 5px;
    height: 130px;
    display: block;
    content: "";
    background-image: url("https://i.ibb.co/h8HjZW9/guy.jpg");
    background-size: cover !important;
    background-position: center center;
    border-radius: 15px;
}
    .heading {

    background-color: transparent !important;        
    background-image: url('https://i.ibb.co/8ch7BgN/229616d6.gif') !important;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;

    }
main, .table-section td{
background-color: transparent !important;
font-family: mbytepc !important;
font-weight: normal !important;
}
a{

font-family: mbytepc !important;
color: white;
font-weight: normal !important;


}
a:hover{

font-family: mbytepc !important;
color: white;
font-weight: normal !important;
}
a:visited{

font-family: mbytepc !important;
color: white;
font-weight: normal !important;

}
a:hover, a:active, a, p, .section {
    font-family: var(--mbytepc) !important;
    color: white !important;
    font-weight: normal !important;
}
h2, h3, h4, h5, DIV.mood &gt; P:nth-child(1) &gt; B, P:nth-child(2) &gt; B {
    font-family: "mbytepc";
    color: white !important;
    text-align: center !important;
    font-weight: normal !important;
    font-size: 2.2em !important;
}
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after{
content: "†" !important;
color: white !important;
}
.count{
color: red !important;
}
button.logout-btn{
    font-family: var(--mbytepc) !important;
    font-weight: normal !important;
}
.profile .blurbs .section h4 {
    margin: 0;
    color: #ffffff;
}
.profile .blurbs .heading, .profile .friends .heading {
color: white !important;
}
.profile {
 font-size: 120%;
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
    border:none !important;   
}
button, input {
border-radius: 15px;
}
.online img { 
content: url("https://i.ibb.co/K5TscDh/skull.gif"); animation-name: none; visibility: visible; height: 20px; width: 20px; filter: none;
}
.contact .inner a img {
    font-size: 0;
}
.contact .inner a img:before {
    font-size: 1em;
    display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* Add to Friends */
content: url("https://i.ibb.co/6J0bRV6/29054c97.gif")
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* Add to Favorites */
content: url("https://i.ibb.co/6J0bRV6/29054c97.gif")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* Send Message */
content: url("https://i.ibb.co/6J0bRV6/29054c97.gif")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* Forward to Friend */
content: url("https://i.ibb.co/6J0bRV6/29054c97.gif")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* Instant Message */
content: url("https://i.ibb.co/6J0bRV6/29054c97.gif")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* Block User */
content: url("https://i.ibb.co/6J0bRV6/29054c97.gif")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* Add to Group */
content: url("https://i.ibb.co/6J0bRV6/29054c97.gif")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* Report Profile */
content: url("https://i.ibb.co/6J0bRV6/29054c97.gif")
}
li.active .icon { 
    content:url('https://i.ibb.co/Zx0k39Z/tumblr-m2k4jiyy-DP1qdlkyg540.gif'); 
    width: 20px;
    height: 20px;
    }
    .comments-table td{
        
    background-image: url('https://i.ibb.co/9rBT4mg/48791f29.jpg') !important;
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
}
table.comments-table{

display: block;
height: 250px!important;
overflow-y: scroll;
color: white;
}
             ::-webkit-scrollbar {
    width: 8px;
    height: 10px;
    }

    ::-webkit-scrollbar-thumb {
    background: rgba(216, 48, 48, 1);
    box-shadow: inset 2px 2px 5px 0 grey;
    border-radius: 100px;
    }

    ::-webkit-scrollbar-track {
    background-image: url(https://i.ibb.co/9rBT4mg/48791f29.jpg);

    }

</style>
<style>
.general-about .profile-pic img {
-webkit-mask-image: url(https://i.ibb.co/dQ45pVJ/lxeoiabpmil71.png);
-webkit-mask-size: 100%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
position:relative;
transform:scale(1.025,1.025);
top:-0.25em;

}
</style>
<style>
.lines {
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
pointer-events: none;
z-index: 300;
opacity: 0.3;
}
 
.lines:before {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
pointer-events: none;
background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, .5) 51%);
background-size: 100% 4px;
will-change: background, background-size; animation: scanlines 0.2s linear infinite;
}
 
@keyframes scanlines {
from {
background: linear-gradient(to bottom, transparent 10%, rgba(0, 0, 0, .5) 51%); background-size: 100% 4px; }
to {
background: linear-gradient(to bottom, rgba(0, 0, 0, .5) 50%, transparent 51%);
background-size: 100% 4px;
}
}
@media only screen and (max-width: 600px);
{
</style>
 
<div class="lines"></div>

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

Ronnyx?	1776766602 planning on using Report Comment
kat ੈ✩‧₊˚	1764627787 using! Report Comment
mikah 🦴	1762409662 using Report Comment
݁ ˖⋆.𐔌.⋮ 𝓔𝔃𝓻𝓪.ᐟ꒱ ⛑️🔪	1754306627 using!! Report Comment
Kendra ‼️‼️	1751481527 usingg :3!! Report Comment
1F_1_R4R_U_Z1P	1751095935 Using xD Report Comment
Jayson ★	1744097199 Using! Report Comment
MITUNA	1742012145 using :p Report Comment
Bouda	1738908021 usinggg Report Comment
Maviszsz	1738857131 using hehe Report Comment
koko	1736265911 usingg >.< Report Comment
gabriel / simon	1733956495 using this!! Report Comment
JustARandomBirb	1720818060 GRAA USING!!! Report Comment
AntiqueN0ah	1708953671 using!! Report Comment
milo !!	1705200628 Using!! Report Comment
⋆✮Pixie✮⋆	1702199783 using!! Report Comment
Kenn	1686958825 ooh!! i really adore this layout! I'm gonna use it i think as well!! though i hope you don't mind i changed the static background gif to the repeating header image as the static was a bit much for my eyes. ^^' Report Comment aa ty!! and yeah ofc, feel free to make as many edits as you want :> by Jay; 1686962004; Report
tabby	1682935375 oooh so cool! i love it!!! Report Comment thank youuuuu >< by Jay; 1682983229; Report