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

Golden Dragon	1776276543 using! Report Comment
Ch4r0n_Styx	1776262844 using ! Report Comment
kissedghoul	1775872193 using!! Report Comment
luke	1775565126 using Report Comment
CEVERINE	1775435648 using Report Comment
Xx.STARY.NIGHT.xX	1775255949 Using!! Report Comment
P1ERC3	1775222443 using!! Report Comment
SAL	1775178416 Using the background Report Comment
AxL	1774904675 Using! Report Comment
Saint's Revenge	1774468689 using for our band profile, hope you dont mind us modyfing it a bit Report Comment
rxvezs	1774407002 using Report Comment
₊˚✮𖦹Nex𐂯🥩⭑.ᐟ	1774310354 Using :) Report Comment
Boogiering	1774010661 usinggg Report Comment
lolaa𓋹	1773948853 Using Report Comment
𝖞𝖎𝖆𝖓𝖟<+𝄃𝄃𝄂𝄂	1773842120 usingg Report Comment
𝕸𝖈𝕶𝖆𝖞𝖑𝖆	1773644221 Using Report Comment
Hayden	1773618096 Using <3 Report Comment
Atticus.	1773462760 USINGGG Report Comment
sebby	1773368619 im totally using this this is awesome Report Comment
Princes Miska	1773232296 helloo. can i request for your permission to use this? Report Comment