Cute Emo Layout

Tags:

Description:

I just made this for myself so i thought id share :)

Preview:

click on the image for a larger preview

Code:

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

<style>

nav {
        border-radius: 35px 35px 0 0;
        overflow: hidden;
    }

:root {
        --logo-blue: #4d000055;
        --darker-blue: lighter-blue;
        --lighter-blue: even-lighter-blue;
        --even-lighter-blue: pink;
        --lightest-blue: pink;
        --dark-orange: peachpuff;
        --light-orange: gray;
        --even-lighter-orange: light-purple;
        --green: peachpuff;
    }

main {
  /* changes made to stuff outside of columns */
    background: 000000;
    padding: 0;
    font-size: 100%;
    color: var(--light-orange);
  }

body {
  /* sets background */
    background-image: url(https://image.freepik.com/free-vector/funky-skull-halloween-seamless-illustrator-pattern_95596.jpg);
    background-repeat: repeat;
    background-size: 50% ;
  }

 * {
        font-family: monospace;
    }

.general-about .profile-pic {
  /* profile pic container */
    height: 50%;
    width: 50%;
    background-color: var(--#4d000055);
    border-radius: 500px;
    padding-top: 4px;
  }

  .general-about .profile-pic img {
  /* profile pic */
    max-width: 50%;
    max-height: 50%;
    margin-right: auto;
    margin-left: auto;
    border-radius: 500px;
    display: block;
  }

main {
        border-radius: 0 0 15px 15px;
        background: rgba(0, 0, 0, 0.94) !important;
    }

    .container {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
        margin-top: 30px;
        padding: 50px;
    }

    footer {
        border-radius: 15px;
        background: rgba(0, 0, 0, 0.94) !important;
        display: block !important;
    }

    table.comments-table td {
        background-color: pink !important;
    }

    .comments-table td:first-child img {
        width: 80px;
        border-radius: 500px;
    }

    .profile .friends .person img {
        border-radius: 500px;
    }



nav {
  overflow-x: hidden;
  position: relative;
}

nav .top {
  background: transparent;
}

nav .links {
  background: rgba(0, 0, 0, 0.4);
}

nav { background-image: url(https://media0.giphy.com/media/xUOwGiwBeCz7ITpMk0/giphy.gif); }

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

BatLovr3000	1788459541 Yewzingggg Report Comment
Kasper	1786801186 Usingggg Report Comment
Azariah	1786155939 I WILL be using this! Report Comment
rasu !!	1785787256 using!!!! :) Report Comment
Al3XANDER	1784804650 using!! Report Comment
kyoko	1779090125 using this for my profile and modifying it. thanks for the layout!! Report Comment
𝕵𝖊𝖋𝖋𝖊𝖗𝖘𝖔𝖓 𝖘𝖙𝖆𝖗𝖘𝖍𝖎𝖕	1776650892 Using!!! X3 Report Comment
oXoxKibbieWolfxoXo	1773723308 <3 Report Comment
•° Dani Ze Vampire °• NOT VERY ACTIVE	1773194910 Usinggg!! Report Comment
Eli Sixx	1769325767 Using Report Comment
Qkzelmbieensanity	1768874152 will use Report Comment
YUYU🪽	1768104863 using Report Comment
Alex	1766853044 usiiiiingggggg i luv this Report Comment
Ded_lol49	1763620565 using this i love it Report Comment
andreilicangel	1763286975 using Report Comment
ꫂꨄ︎〜⋆.˚✮ 𝓛𝓾𝓷𝓪 𝓢𝓬𝓸𝓽𝓽-𝓛𝔂𝓸𝓷𝓼 ✮˚.⋆〜ᡣ𐭩જ⁀➴	1762302790 Using :D Report Comment
V1cious_V1ncent	1759372045 using!! Report Comment
asher	1758524893 using :] Report Comment
xXpuppi3Xx	1757368276 Using! Report Comment
arin (storm)	1756912183 using!! Report Comment