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

★Scarlett★	1715191660 Gonna use it Report Comment
★Scarlett★	1715191659 Gonna use it Report Comment
Miles	1715074029 Using Report Comment
sydney ★	1715050302 using Report Comment
Kai	1715015937 Useing Report Comment
Kai	1715015937 Useing Report Comment
skullz	1715012589 using Report Comment
BUNNYR4T (autoplay)	1714994778 using Report Comment
kyro ⛧ kuro	1714953464 using !! Report Comment
elias	1714924809 using Report Comment
Emy	1714777854 Using!! Report Comment
RED	1714748020 using Report Comment
max	1714701600 this is rad as fuhk! Report Comment
ian	1714700336 using Report Comment
🎀 ZIP 🎀	1714696778 Ussinng Report Comment
l4in-1waKur4	1714623643 using :3 Report Comment
RadsValentine	1714529081 definitely using! Report Comment
miay)	1714472625 using Report Comment
𝔸𝓊ŦØ𝓽𝒽𝒾є𝐬𝕋	1714433046 using! Report Comment
smoorel	1714417882 usinggg Report Comment