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

?Knëwt_09	1762826093 using :DD Report Comment
Cole	1762742916 Using! :D Report Comment
WHY_BOTHER?	1762715367 using!!!!!! Report Comment
oprumo	1762663125 using!! Report Comment
(¬ºཀ°)¬	1762649749 using ty!! Report Comment
Elijah	1762627764 using Report Comment
Kendra	1762397423 using Report Comment
L3nny Anders0n</33	1762327883 usin:o Report Comment
🕯⛧𝔪𝔬𝔬𝔫⛧🕯	1762288856 using <3 Report Comment
micah 🐾	1762239179 USINGG Report Comment
Aly ♱‧₊˚	1762130902 USING Report Comment
Damien	1762086241 using but will change some stuff! Report Comment
ᴍᴇᴇsʜᴀ 🕯 ✦ ᴍᴜɴᴄʜ 🫀 ✦	1762028501 Using! :3 Report Comment
Damien☆ ★ ✮ ★ ☆	1761971749 using Report Comment
taz.exe	1761879738 using might change stuff thx!x Report Comment
Kami★	1761834138 Using! but I might change some details if that's okay with you Report Comment
scoobpheebop	1761259630 using!! <33 Report Comment
cubo	1761245106 Hi! Can i use it editing with another images/colors? Report Comment
cubo	1761245105 Hi! Can i use it editing with another images/colors? Report Comment
luxray	1761243942 using Report Comment