midwest emo

Tags: midwest emo, emo, midwest, loser, 90s, the hotelier, musty bitches, punk, hardcore

Description:

comment if used :) requested by genevive ʚɞ !!
spacehey custom logo by ⛧ unhearted ⛧

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ray ☆彡 (https://layouts.spacehey.com/layout?id=104147) -->

<style>

@font-face { font-family: 'trashed'; 
src: url(https://dl.dropbox.com/s/3qo1te621f9o2e6/1%20Punk.ttf?st=x4evk2vw&dl=0); } .profile h1 { font-family: 'trashed', cursive; text-align: center; font-size: x-large; color: #bcb9b9; }

body{
    background: url(https://i.pinimg.com/originals/ad/64/7f/ad647fd1e5da03acf4aeeb19888729f0.jpg) no-repeat fixed;
background-size: cover;
background-position-y: bottom;
    font-family: monospace;
}

nav .top{
background: url(https://i.pinimg.com/originals/1c/8a/cc/1c8acc585d777ade0426aaf5fdb482c7.jpg);
    background-size: cover;
    background-position-y: center;
    margin-top: 20px;
    margin-bottom: 10px;
    border: 2px solid black;
    border-radius: 3px;
    box-shadow: 0 0 20px 7px black;
}

.logo {
content:url("https://64.media.tumblr.com/41cfdddb7a1afcc40f1b2701a4ff3d1e/9858f11431cb681d-cc/s540x810/4d74f3495386b33a7dde8eacb5f3c1b0a136443b.pnj");
}

button, input {
    overflow: visible;
    background: lightgrey;
    border: black 2px solid;
}

nav .links{
background: url(https://i.pinimg.com/originals/1c/8a/cc/1c8acc585d777ade0426aaf5fdb482c7.jpg);
    background-position-y: 365px;
    background-size: cover;
    border: 2px solid black;
    box-shadow: 0 0 20px 7px black;
    border-radius: 3px;
    margin-bottom: 10px;
}

nav .links a {
    text-decoration: none;
    color: lightgrey;
    text-shadow: 0 0 3px black;
    font-size: max(0.98em, 12px);
}

nav .links a:hover {
    text-decoration: none;
    color: grey;
}

main:before {
 height: 257px;
 display: block;
 content: "";
 background-image: url('https://i.pinimg.com/originals/5f/d5/e6/5fd5e6febb0061e30bc46e652fbe03b4.jpg');
    background-size: cover;
    background-position-x: center;
    background-position-y: 734px;
    filter: brightness(0.6);
    border: 2px solid black;
    box-shadow: 0 0 20px 7px black;
    border-radius: 3px;
    margin-bottom: 7px;
}

main {
    background: transparent;
    color: black;
    padding: 6px 0px;
    font-size: 80%;
}

.details {
    color: grey;
    background: #0000007d;
    padding: 5px;
    border-radius: 3px;
    box-shadow: 0 0 10px black;
    transform: rotate(355deg);
}

.general-about .profile-pic {
    display: block;
    float: left;
    margin: 0 15px 8px 0;
    height: 160px;
    width: 44%;
    transform: rotate(355deg);
    opacity: 82%;
    padding: 10px;
}

.award a {
    color: grey;
    text-decoration: none;
}

.online {
    color: #0C8C00;
    font-weight: bold;
    font-size: 95%;
    filter: grayscale(1);
}

a {
    color: #cccccc;
    text-shadow: 1px 1px black;
    text-decoration: none;
}

a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
    color: #646464;
    text-decoration: line-through;
    transition: 1s;
    filter: blur(0.7px);
}

.edit-link {
    font-size: 90%;
    text-align: center;
    color: #cccccc;
}

.profile .mood {
    width: 100%;
    display: inline-block;
    color: grey;
    margin-top: 28px;
    background: #00000087;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 5px;
    box-shadow: 0 0 10px black;
    border-radius: 3px;
    margin-bottom: 28px;
}

.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
    background: transparent;
    color: grey;
    padding: 2px 7px;
    text-transform: uppercase;
    font-size: large;
    text-align: center;
    text-shadow: 0 0 5px grey;
}

.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
    width: 100%;
    border: none !important;
    margin: 10px 0;
}

.contact {
    background: #00000085;
    text-align: center;
    padding-right: 10px;
    border-radius: 3px;
    box-shadow: 0 0 10px black;
    transform: rotate(7deg);
}

.url-info {
    font-size: 0;
background: url(https://i.pinimg.com/736x/29/c7/5e/29c75e1f16d8ee0c1430cc42d1917f67.jpg);
    height: 226px;
    background-size: contain;
    filter: saturate(0.5);
    opacity: 70%;
    box-shadow: 0 0 10px black;
}

.table-section {
    background: #00000073;
    border-radius: 3px;
    box-shadow: 0 0 10px black;
}

.details-table td:first-child {
    background: transparent;
    color: #a9a7a7;
    text-align: center;
    font-weight: bold;
    width: 33%;
    align-content: center;
}

body > div > main > div.row.profile > div.col.w-40.left > div:nth-child(7) > div.inner > table > tbody > tr:nth-child(1) > td:nth-child(1), body > div > main > div.row.profile > div.col.w-40.left > div:nth-child(7) > div.inner > table > tbody > tr:nth-child(3) > td:nth-child(1), body > div > main > div.row.profile > div.col.w-40.left > div:nth-child(7) > div.inner > table > tbody > tr:nth-child(5) > td:nth-child(1) {
    transform: rotate(12deg);
}

body > div > main > div.row.profile > div.col.w-40.left > div:nth-child(7) > div.inner > table > tbody > tr:nth-child(1) > td:nth-child(1), body > div > main > div.row.profile > div.col.w-40.left > div:nth-child(7) > div.inner > table > tbody > tr:nth-child(3) > td:nth-child(1), body > div > main > div.row.profile > div.col.w-40.left > div:nth-child(7) > div.inner > table > tbody > tr:nth-child(5) > td:nth-child(1) {
    transform: rotate(12deg);
}

body > div > main > div.row.profile > div.col.w-40.left > div:nth-child(7) > div.inner > table > tbody > tr:nth-child(2) > td:nth-child(1), body > div > main > div.row.profile > div.col.w-40.left > div:nth-child(7) > div.inner > table > tbody > tr:nth-child(4) > td:nth-child(1), body > div > main > div.row.profile > div.col.w-40.left > div:nth-child(7) > div.inner > table > tbody > tr:nth-child(6) > td:nth-child(1) {
    transform: rotate(351deg);
}

.details-table td {
    background: transparent;
    vertical-align: top;
    color: grey;
}

body > div > main > div.row.profile > div.col.w-40.left > div:nth-child(7) {
    transform: rotate(354deg);
}

.profile-info{
background: url(https://i.discogs.com/EdbFnORL4Bx7KGNlLziBCOshlml-mCsmOJmNAhX3h2g/rs:fit/g:sm/q:90/h:597/w:600/czM6Ly9kaXNjb2dz/LWRhdGFiYXNlLWlt/YWdlcy9SLTI4ODQx/Mzc0LTE2OTk1NjU0/NDMtOTE3My5qcGVn.jpeg);
    border: 2px solid black;
    background-size: cover;
    background-position-y: center;
    padding-left: 142px;
    padding-top: 40px;
    font-size: larger;
    box-shadow: 0 0 20px 7px black;
    filter: brightness(0.6);
}

.profile-info a {
    color: white;
}

.blog-preview {
    background: #00000087;
    color: grey;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    box-shadow: 0 0 10px black;
    border-radius: 3px;
    transform: rotate(3deg);
}

.profile .blurbs .heading, .profile .friends .heading {
    background: transparent;
    color: grey;
    padding: 2px 7px;
    text-align: center;
    text-transform: uppercase;
    font-size: large;
    text-shadow: 0 0 6px;
}

.profile .blurbs {
    margin: 20px 0;
    background: #00000087;
    color: grey !important;
    padding: 6px;
    border-radius: 3px;
    box-shadow: 0 0 10px black;
}

.profile .blurbs .section h4 {
    margin: 0;
    color: #a5a5a5;
    text-transform: uppercase;
    font-size: larger;
}

body > div > main > div.row.profile > div.col.right > div:nth-child(4) {
    background: #00000078;
    color: grey;
    box-shadow: 0 0 10px black;
    border-radius: 3px;
    transform: rotate(357deg);
}

.count {
    color: lightgrey;
}

body > div > main > div.row.profile > div.col.right > div:nth-child(4) > div.inner > div > div:nth-child(1), body > div > main > div.row.profile > div.col.right > div:nth-child(4) > div.inner > div > div:nth-child(3), body > div > main > div.row.profile > div.col.right > div:nth-child(4) > div.inner > div > div:nth-child(1), body > div > main > div.row.profile > div.col.right > div:nth-child(4) > div.inner > div > div:nth-child(6), body > div > main > div.row.profile > div.col.right > div:nth-child(4) > div.inner > div > div:nth-child(1), body > div > main > div.row.profile > div.col.right > div:nth-child(4) > div.inner > div > div:nth-child(8) {
    transform: rotate(9deg);
}

.profile .friends .person img:not(.icon) {
    max-width: 95px;
    max-height: 95px;
    display: block;
    margin: 0 auto;
    filter: brightness(0.7) saturate(0.6);
    border-radius: 9px;
    box-shadow: 0 0 13px;
}

div#comments {
    margin-top: 18px;
    background: #00000087;
    color: grey;
    box-shadow: 0 0 10px black;
}

.comments-table td:first-child, .music-table td:first-child {
    background: transparent;
    text-align: center;
    font-weight: bold;
    width: 38%;
}

.comments-table td, .music-table td {
    background: transparent;
    vertical-align: top;
}

table.comments-table {
    border: 0px solid transparent;
}

#comments td:first-child {
    transform: rotate(354deg);
}

.comments-table td, .music-table td {
    transform: rotate(6deg);
    padding-top: 16px;
}

footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background-color: #0000007a;
    color: grey;
    box-shadow: 0 0 20px 0px black;
    transform: rotate(180deg);
}

html {
    border: 12px solid #7777779e;
    filter: sepia(0.3) saturate(0.9);
}

::-webkit-scrollbar {
    width: 12px;
    background-color: lightgrey;
}

::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: grey;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: lightgrey;
}

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

rora!?	1784838845 using!! Report Comment
casey	1784677048 using! Report Comment
Rill	1784636134 using!!!!!!!! Report Comment
Guy From Guy2	1784048432 Using! Report Comment
Ko-min	1783430532 using Report Comment
Astori ⛧	1783291937 using!! Report Comment
n3uro	1782768642 Usingg!! Report Comment
aecor	1782623668 using Report Comment
monometra	1782610010 using Report Comment
Dylan	1782599303 using Report Comment
c4s3uns01vd	1782306892 using it. very nice layout, with a gritty feeling. perfectly matches my soul :3 Report Comment
anore	1782179911 USING THIS IS SO GORGEOUS Report Comment
DANIDUCKDUCK :D	1782065253 USINGG Report Comment
‧͙⁺˚･༓☾swaglison☽༓･˚⁺‧͙	1781824413 usingg Report Comment
oli	1781567459 Can I tweak this layout? I want to make it my own style for my profile <<<; Report Comment ofc ofc by ray ☆彡; 1781582257; Report
poppy <3	1781187001 usinggg Report Comment
heavy_metal_tears	1781103138 using Report Comment
XxxwormyxxX	1780840575 using:3 Report Comment
dcescapism	1779917367 usinggggg Report Comment
Max	1779805197 using! Report Comment