greeennn lazyyy layoutt

Tags: green, scene, emo, 2000s, simple

Description:

I don't know anymore no need for credit but comment if your gonna use, and edits are permitted.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by 🪦Dylan (baby bat era 💥) (https://layouts.spacehey.com/layout?id=86038) -->

<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/originals/e8/e8/ca/e8e8ca06c9910885b6a507511407fcdb.gif');

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: #04c714;

        --darker-blue: #086610;

        --lighter-blue: #04c714;

        --even-lighter-blue: #000000;

        --lightest-blue: #04c714;

        --dark-orange: #000000;

        --light-orange: #04c714;

        --even-lighter-orange: #086610;

        --green: #086610;

    }


</style>

<style>
body

        {background-image: url(https://i.pinimg.com/564x/75/30/d8/7530d82a9f66344ddf1c364c4b6c8a85.jpg); no-repeat fixed; background-size: cover;

}
</style>

<style>
main {

  background-image: URL(https://i.pinimg.com/564x/3e/1b/36/3e1b36fd193b92e29dca0c29f71c8982.jpg);

  color: #00ff15;
</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/b7/cb/cf/b7cbcf17dafda95c35b980bbd7372588.gif');

  content: "";

  height: 10000%;

  left: -50%;

  opacity:.1;

  position: fixed;

  top: -110%;

  width: 1000%;

  pointer-events:none;

}
</style>

<style>
main:before {

	width: 100%;

	height: 125px ;

	display: block;

	content: "";

	background-image: url('https://i.pinimg.com/originals/01/78/71/0178717b986c40c909e35213e4f25ad0.gif');

	background-position: center center;

	background-size: cover;

}
</style>

<style>
.online { visibility: hidden; } .online img { content: url("https://i.pinimg.com/originals/00/4a/52/004a52a4e7902ad319bd144612e8fa48.gif"); animation-name: none; visibility: visible; height: 43px; width: 90px; }
</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 8 of 8 comments ( View all | Add Comment )

💚Mell💚	1725539050 Using!!! :D Report Comment
IAmH3ck	1716821821 using! Report Comment
ASHXDDD	1713756488 I'm using the background if that's okay! Report Comment
august!!	1703127673 usinggg Report Comment
juniper	1701552238 RAAAHH using Report Comment
leia vampira	1700421411 Gonna use! Report Comment
★V1NC3NT★	1699961007 Ussing! Report Comment
bl00dychainz	1699803155 usingg Report Comment