HABIT themed layout!!

Tags: everymanhybrid, habit, emo, purple, emh

Description:

habit themed layout!!!!! made this for no reason- no credit needed, but it would be nice to know if you are using my layout or not!! hope you enjoy and tell me if there is anything wrong with it!! thanks ><

Preview:

Code:

<!-- (c) Layout created by Dylan (twink puppy dog🤤) (https://layouts.spacehey.com/layout?id=85999) --> <style> body:before { content: " "; height: 100vh; width: 100vw; display: block; position: fixed; top: 0; left: 0; z-index: 100; background-image: url('https://i.pinimg.com/564x/86/d3/4e/86d34ed105eb555dc01a0a94dc0f4ba9.jpg'); background-size: cover; background-repeat: no-repeat; background-position:center; animation: yourAnimation 2s ease 1s 1 normal forwards; pointer-events: none;} @keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } </style> <style> :root { --logo-blue: #8100c7; --darker-blue: #8100c7; --lighter-blue: #000; --even-lighter-blue: #440169; --lightest-blue: #9c21de; --dark-orange: #9c21de; --light-orange: #000000; --even-lighter-orange: #9c21de; --green: #9c21de; } </style> <style> body {background-image: url(https://i.pinimg.com/originals/30/c3/fe/30c3fe6bf9c9830542dde88175ab8712.gif); no-repeat fixed; background-size: cover; } </style> <style> main { background-image: URL(https://i.pinimg.com/564x/c1/c0/aa/c1c0aa376e27cc2b8a0613e6a23751a0.jpg); no-repeat fixed; background-size: cover; color: COLOR CODE GOES HERE; </style> <style> .contact .inner a img { font-size: 0; } .contact .inner a img:before { font-size: 1em; display: block } .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before { /* Add to Friends */ content: "🔪" } .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before { /* Add to Favorites */ content: "🔪" } .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before { /* Send Message */ content: "🐰" } .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before { /* Forward to Friend */ content: "🐰" } .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before { /* Instant Message */ content: "🔪" } .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before { /* Block User */ content: "🔪" } .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before { /* Add to Group */ content: "🐰" } .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before { /* Report Profile */ content: "🐰" } </style> <style> html:before { animation: grain 8s steps(10) infinite; background-image: url('https://i.pinimg.com/originals/04/18/cb/0418cb63b18512fcdf335c8819059240.gif'); content: ""; height: 300%; left: -50%; opacity:.2; position: fixed; top: -110%; width: 300%; pointer-events:none; } </style> <style> main:before { width: 100%; height: 150px ; display: block; content: "balls"; background-image: url('https://i.pinimg.com/564x/b4/42/4a/b4424ab0977d64e85910c2d2c807e828.jpg'); background-position: center center; background-size: 300px; } </style> <style> .online { visibility: hidden; } .online img { content: url("https://i.pinimg.com/564x/e1/d8/20/e1d82026286eaf62c0ca2d3fcf758cff.jpg"); animation-name: none; visibility: visible; height: 40px; width: 60px; } </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.