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 ☆ 🍉 (yuri lover ⚢) (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 144 comments ( View all | Add Comment )

Imi	1732089352 Using!! Report Comment
N4mel3ss.666	1732029921 Using!!! Report Comment
bellz :p	1731944145 using !! Report Comment
Empty_Soul🦇🕸️	1731844980 Usingg Report Comment
SamiLee	1731782627 using Report Comment
(っ◔◡◔)っ ♥ Leyland ♥	1731780491 USING Report Comment
te2ndkegn	1731738176 using!! thanks! Report Comment
COOPER!!>_<	1731635663 ubing Report Comment
zowi	1731634708 using!! Report Comment
MATT🫀🥃	1731608977 Usin’ Report Comment
Ella	1731536436 gonna use thissss <333 Report Comment
j3nnj33N	1731346536 usinggg <33 Report Comment
PparrtVampireCarxdd	1731097621 usingg Report Comment
CHARLEY	1731001260 USING Report Comment
Ashley Graves	1730879015 usiiingggggggggg Report Comment
francine	1730850632 totes using this!! Report Comment
f1shbones	1730801747 Using Report Comment
BᵤₙₙyᴮᵉʸᵒⁿᵈᵀʰᵉGᵣₐᵥₑ	1730568820 Usiing x3 (so fucking prettyyyyyy) Report Comment
kieran	1730546557 using :3 Report Comment
Deepoftheweb	1730129835 using :] Report Comment