Vampire Smile

Tags: red, emo, dark

Description:

Wanted to make a layout based on one of my favorite games. The code's all cluttered because I'm too lazy to organize it and it's harder when you can't see your keyboard. CPU-safe! i think! And I'll add some my own graphics in a bit. I spent all night on this. All graphics belong to Ska Studios LLC.

Preview:

click on the image for a larger preview

Code:

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

<style>
:root {

        --logo-blue: #000000; 

        --darker-blue: #FFFFFF; 

        --lighter-blue: #000000;

        --even-lighter-blue: #6E6E6E;

        --lightest-blue: #000000;

        --dark-orange: #FFFFFF;

        --light-orange: #000000;

        --even-lighter-orange: #000000;

        --green: #FFFFFF;
        
    }

body

        {background-image: url(https://file.garden/ZlrOeIgXzRtJW4z6/vampiresmile/splatterbg.png); no-repeat fixed; background-size: ; background-position:center center;
font-family: Courier New, monospace ; 



main {


  background-color: black; no-repeat fixed; background-size:;

  color: #FFFFFF;
 .general-about .profile-pic img {
        margin: 1px;
        height: 200px;
        border-width:30px;
        border-style:solid;
        border-image: url("https://file.garden/ZlrOeIgXzRtJW4z6/vampiresmile/spiral.gif") 20% ;
       


}
.general-about {

        border-width:10px;
        border-style:solid;
        border-image: url("https://file.garden/ZlrOeIgXzRtJW4z6/vampiresmile/sq3.png") 20% round;
    padding: 10px;
    height: 217px;
} 
.contact .inner {
        border-width:10px;
        border-style:solid;
        border-image: url("https://file.garden/ZlrOeIgXzRtJW4z6/vampiresmile/sq3.png") 20% round;
    padding: 10px;
    height: 350px;
}



}
.blog-preview {
    margin-top: 32px;
}
.blurbs .inner {
        border-width:10px;
        border-style:solid;
        border-image: url("https://file.garden/ZlrOeIgXzRtJW4z6/vampiresmile/sq3.png") 20% round;
    padding: 10px;
    height: 217px;
    background-image: url(https://file.garden/ZlrOeIgXzRtJW4z6/vampiresmile/loic3.png); 

}
.friends .inner {
        border-width:10px;
        border-style:solid;
        border-image: url("https://file.garden/ZlrOeIgXzRtJW4z6/vampiresmile/sq3.png") 20% round;
    padding-left: 10px;
    padding-top: 10px;
    margin-bottom: 20px;
    background: (0,0,0,30%);
}
table.comments-table{
    display: block;
    height: 250px!important;
    overflow-y: scroll;
}
.url-info {
    border: var(--borders)!important;
    background: (0,0,0,30%);
}
:root {
    --borders: double #FF6BBF 4px;
    background: (0,0,0,30%);
}
nav .links {
    border: var(--borders);
    text-align: center;
    font-size: 11px;
    font-family: 'pt mono';
    background: (0,0,0,30%);
}
.top {
    border: var(--borders);
    margin-bottom: 10px;
    font-family: 'pt mono';
    background: (0,0,0,30%);
}

}
   main:before {
    width: auto;
    margin-bottom: 25px;
    border: 1px solid black;
    height: 150px;
    display: block;
    content: "";
    background-image: url(https://file.garden/ZlrOeIgXzRtJW4z6/vampiresmile/bannersmall2.png); 
 background-repeat: center; no-repeat;
  background-size: 100% 100%;

 }
  }

    .profile-info {
        border: 2px solid white;
        box-shadow: 0px 0px 10px white;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px 5px;
        margin-bottom: 10px;
    }
}

.contact .inner a img {
    font-size: 0;
}
.contact .inner a img:before {
    font-size: 1em;
    display: block;

 }
    .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://file.garden/ZlrOeIgXzRtJW4z6/vampiresmile/pigbead.png")

    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://file.garden/ZlrOeIgXzRtJW4z6/vampiresmile/goatbead.png")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://file.garden/ZlrOeIgXzRtJW4z6/vampiresmile/skullbead.png")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://file.garden/ZlrOeIgXzRtJW4z6/vampiresmile/flowerbead.png")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://file.garden/ZlrOeIgXzRtJW4z6/vampiresmile/catbead.png")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://file.garden/ZlrOeIgXzRtJW4z6/vampiresmile/stormbead.png")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://file.garden/ZlrOeIgXzRtJW4z6/vampiresmile/heartbead.png")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://file.garden/ZlrOeIgXzRtJW4z6/vampiresmile/squidbead.png")
}
footer {
border-radius: 15px; background-color: #585858;
}

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

sebby	1755820961 using Report Comment
eleanor	1755696116 using !! Report Comment
vamviany🦇	1755642909 usado^^ Report Comment
cybervamp	1755365733 using Report Comment
─ (´ཀ`) 𝕹𝖆𝖓𝖆. ♱	1755201466 using !! ୨ৎ Report Comment
kngtaco	1755200384 using !! Report Comment
Pizza Boi	1755084376 Using Report Comment
ShadøwøfaWend!gø	1755045733 using Report Comment
Melody	1754968261 using! Report Comment
illbringupestilence	1754897341 Using ;> Report Comment
𝖆𝖓𝖌𝖊𝖑 𝖑𝖔𝖘𝖙 𝖜𝖎𝖓𝖌𝖘︎︎	1754894212 using Report Comment
fantasma	1754889468 usando Report Comment
BON3MRR0W	1754794549 Using ! Report Comment
freakguy	1754669602 using it ;d Report Comment
Lilikdeath	1754639851 using its so cool! tysmm Report Comment
𝕰𝖑𝖎𝖟𝖆𝖇𝖊𝖙𝖍	1754467655 using Report Comment
Fizz >:3	1754448758 Using! (Also this is so kewl!) Report Comment
ivey	1754357406 using!! Report Comment
clarity	1754353169 using!! Report Comment
ria⌖	1754334625 using!! Report Comment