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

˚ ༘♡ ⋆｡˚ 𝔃𝓲𝓪˚ ༘♡ ⋆｡˚	1777754939 Using! Report Comment
★ Alex ★	1776650892 Using!!! X3 Report Comment
oXoxKibbieWolfxoXo	1773723308 <3 Report Comment
Moon	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
andre_must_dye	1763286975 using Report Comment
ꫂꨄ︎〜⋆.˚✮ 𝓛𝓾𝓷𝓪 𝓢𝓬𝓸𝓽𝓽-𝓛𝔂𝓸𝓷𝓼 ✮˚.⋆〜ᡣ𐭩જ⁀➴	1762302790 Using :D Report Comment
V1cious_V1ncent	1759372045 using!! Report Comment
asher	1758524893 using :] Report Comment
3l!j@h!	1757368276 Using! Report Comment
arin (storm)	1756912183 using!! Report Comment
N3WZRABIT	1756633240 using! Report Comment
xX_N1GHTL!GHT_V10LET_Xx	1754786180 Using! Report Comment
Xorrow Murkfall	1754319140 Using!! Report Comment
PENNY !	1751577491 using!! Report Comment
⭐️	1747507988 using Report Comment