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

‹𝟹 =͟͟͞♡ ꕀ . ℒ𝒶𝓃𝒶	1764068768 Using!! i love it sm! tysm!! Report Comment
Lvxvry ☆	1764000296 using Report Comment
Hecate_Persephone	1763747121 using Report Comment
ೀ𝒟𝒶𝒾𝓈𝓎ೀ	1763705782 using Report Comment
SlimiestBall†	1763556634 Using Report Comment
㐭 ʾ Minneilnow!! ៹ 𖦹	1762869371 using!! XD Report Comment
Carlith_04	1762650185 ty <3 using! Report Comment
Lynx	1762546497 using :> Report Comment
_Stell_🌝	1762434413 Usingg Report Comment
j✮mes	1762339337 using this ~~ Report Comment
Orion_Asther	1762260036 usingg thiss ^^ Report Comment
micah 🐾	1762234575 usinggg Report Comment
viola ♰	1762115962 usingg Report Comment
Aaa(,,>﹏<,,)	1762101970 using Report Comment
⋆˙⟡꧁ゼーン꧂⟡˙⋆	1762027334 Using Report Comment
⋆˙⟡꧁ゼーン꧂⟡˙⋆	1762027334 Using Report Comment
Vinnie	1762025930 Using Report Comment
💢 🦈 Finn 🦈 💢	1761857459 love this sm! using it! Report Comment
💢 🦈 Finn 🦈 💢	1761857457 love this sm! using it! Report Comment
💢 🦈 Finn 🦈 💢	1761857451 love this sm! using it! Report Comment