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

𝐂𝐚𝐬𝐭𝐢𝐞𝐥 †	1747242962 usando. Report Comment
Starz☆	1747200974 using Report Comment
fish_iero	1747168348 Gonna use! Just doing a lot of work beforehand Report Comment
may from wallachia.	1747065167 usiiing Report Comment
rust3dbull3t45	1746901925 using it rn Report Comment
,v2mpir3e404/?	1746855519 using Report Comment
Zane	1746720055 using! Report Comment
sil3nt.thunder	1746687832 using! Report Comment
icryinthebathtub	1746406442 using Report Comment
zee_z	1746155305 using! Report Comment
rory ^^	1746073752 using!! :) Report Comment
M4RC3LLIN3	1746032603 using! Report Comment
🪓. . 𝐊𝗮𝗶𝗼 🩸ᵎᵎ	1745956435 prob using! Report Comment
K-ROX	1745895442 Using :D Report Comment
𝖐𝖊𝖊𝖓	1745766725 using1!!1!! Report Comment
ylilol	1745757731 using Report Comment
Jay M <3	1745749187 using Report Comment
deniz	1745683996 dishwasher vampire smile is such a good game omfg Report Comment
anclway	1745669402 using!! Report Comment
y4nginniez	1745629515 using!!! ^_^ Report Comment