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

kitty🐾	1782457881 Using! Report Comment
dirty d0zen	1782409502 Usin' this!!! Report Comment
xxd0rmustd13xx	1782353912 I usee ^_^ Report Comment
crazyzombix	1782035284 using!! Report Comment
mafishi	1781978854 I use :3 Report Comment
♪𝓶𝓮𝓻𝓵𝓮♪	1781636879 Using this Report Comment
pigeon	1781545111 ty!! using c: Report Comment
e1_s4mu	1780785776 usando uejej Report Comment
SOphiYA07Mae!.exe	1779841681 Using hehe Report Comment
CorpseJam	1779830071 using!! Report Comment
\|~fay~\|	1779829361 usingg Report Comment
soso	1779016599 usingg Report Comment
Felix	1778413900 using Report Comment
Not_sliver	1778160609 using tyy! Report Comment
ohnoimlateforschool	1777602494 using Report Comment
KyoyazzzOwO	1777493466 using <3 Report Comment
Damian website	1777242219 USING this is really good btw Report Comment
D3m0lition_.loverz	1777175248 using Report Comment
cassidy	1777134980 using! Report Comment
HeliamakesMoves	1776854074 usinggg Report Comment