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

John Listø	1760635084 using!! Report Comment
FoxGrenade	1760561972 I love you for creating this. Report Comment
phalarope	1760330013 using. love this hello yhis is awesum Report Comment
Ren!!	1760227855 using! Report Comment
marija	1760188212 Usinggg Report Comment
marija	1760188203 Usinggg Report Comment
brieeee!!!	1760134494 i used like the background... is that okay??? sorry. like just the background part thingy Report Comment
lozeralert !!	1760084198 using! thx sm Report Comment
Himizu	1759807698 Usingg ♡ Report Comment
KimsKorpse	1759716556 ooh uysing Report Comment
Stark★	1759561918 using :b bleeeh Report Comment
ASPARAGUS HATER 4 LIFE	1759536073 USINGGGG!!! Report Comment
plaguedogs	1759475361 usingg!! Report Comment
teoecool:3	1759339292 Using on my all acc (Mia) :3 ALSO TYSM THIS IS RLYRLYRLYYYY COOL Report Comment
Martinana	1759285143 usingg thanks Report Comment
xavier s.	1758951499 using!!! this is super duper cool!!!! Report Comment
Sonja<3	1758755861 using! Report Comment
rainbowvomit	1758732862 using Report Comment
Ollie_i	1758632151 Использую, спасибо Report Comment
Слэйчик	1758563850 using Report Comment