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:

click on the image for a larger preview

Code:

<!-- (c) Layout created by 🪦Dylan (baby bat era 💥) (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.

Comments

Displaying 6 of 6 comments ( View all | Add Comment )

★EVAN!★	1721948402 Using!! This is so awesome sauce >:3 Report Comment
Lia 🖤🥀	1714059965 USING AHHHHHHH :D Report Comment
zzach	1708042131 USINGGG so awsome x3 Report Comment
HABIT	1702085895 using :)) Report Comment
mr myers°•	1701114565 USING. THANKS PAL. Report Comment
⦻vamp_KWEEN⦻	1700419432 Gonna use! :3 Report Comment