Green toxic waste layout

Tags: green

Description:

Simple green and black layout w/ floating animation and gif banner. Change the gif banner background image to whatever url you’d like (at the top of the code) and change the code however you want! Pls comment if using (-:

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Sip O' Poison (https://layouts.spacehey.com/layout?id=30625) -->

<style>

/*the username glow and shadow*/
h1
{
	color: /*the username glow and shadow*/
h1
{         color: #00ff00; 
	//text-shadow: 1px 1px #00ff00;
	
};
	text-shadow: 2px 2px 3px #00ff00, 0 0 25px #00ff00, 0 0 5px black;
}

main:before {
width: auto;
margin-bottom: 1px;
border: 1px solid black;
height: 115px;
display: block;
content: "";
box-shadow: 0px 0px 5px 1px #30ff80;
background-image: url('https://64-media-tumblr-com.cdn.ampproject.org/i/s/64.media.tumblr.com/b6370a575d1bc359ed9c5b30c0323869/68edab4401092e74-d5/s500x750/66d66cc9d1759c3bfc74cb3ad35dbbaf76b589c6.gifv');
background-position: center center;
background-size: cover;
}
</style>


<style>.online { visibility: hidden; } .online img { content: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/697ebd69-2a9d-4be5-a66a-a7023746fc06/db5w0e3-afeb420a-f852-4a3d-98a1-26df898d4452.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzY5N2ViZDY5LTJhOWQtNGJlNS1hNjZhLWE3MDIzNzQ2ZmMwNlwvZGI1dzBlMy1hZmViNDIwYS1mODUyLTRhM2QtOThhMS0yNmRmODk4ZDQ0NTIuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.N2HmNzmYSXAdrMv0F2JNTSqE6SSD95vkhQQB5ZwGe_Q"); animation-name: none; visibility: visible; height: 130px; width: 90px; }</style>


<style>
body {
font-family: Courier New, monospace;
background-color: black;
}
body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}
.logo {
filter: sepia(100%) hue-rotate(45deg) saturate(10);
}
#q, button {
color: #00ff00;
background-color: black;
border: 1px solid #00ff00;
font-family: inherit;
}
p, i, b, .count {
color: #00ff00 !important;
}
a, .profile .friends .person p, .logout-btn {
color: #00ff00 !important;
text-decoration: underline !important;
}
.container {
margin: 0 auto 0;
}
.icon {
display: none;
}
nav, nav .links a {
color: #00ff00;
}
nav .top {
margin-top: 2px;
background: none;
background-color: black;
border: 2px dotted #00ff00;
border-bottom: none;
}
nav .links {
background-color: black;
border: 2px solid #00ff00;
}
main {
background: black;
color: #00ff00;
border-left: 2px dotted #00ff00;
border-right: 2px dotted #00ff00;
}
.heading, .url-info {
color: #00ff00 !important;
background: none;
background-color: black !important;
border: 2px solid #00ff00 !important;

box-shadow: 0px 0px 10px #00FF00;

}
.inner {
color: #00ff00 !important;
border: 2px dotted #00ff00;
border-top: none;
}
.profile-info {
border: 2px solid #00ff00;
}
.profile-info .inner {
border: none;
}
.friends .inner {
border-bottom: none;
}
#comments {
border-bottom: 2px dotted #00ff00;
}
.profile .contact, .profile .table-section, .home-actions {
border: none !important;
}

/* contact icons */
.contact .inner a img {
font-size: 0;
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/1fba891a-389f-4c4e-b88d-72e2d62af4cb/dblgg1l-6c4f0892-73ca-4785-9937-c6ff3f3cd9af.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzFmYmE4OTFhLTM4OWYtNGM0ZS1iODhkLTcyZTJkNjJhZjRjYlwvZGJsZ2cxbC02YzRmMDg5Mi03M2NhLTQ3ODUtOTkzNy1jNmZmM2YzY2Q5YWYuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.aNANibT5v0WC4qMPq26XHee_zZCDUp9U4KE1vDw3Stc")
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/1fba891a-389f-4c4e-b88d-72e2d62af4cb/dblgg1l-6c4f0892-73ca-4785-9937-c6ff3f3cd9af.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzFmYmE4OTFhLTM4OWYtNGM0ZS1iODhkLTcyZTJkNjJhZjRjYlwvZGJsZ2cxbC02YzRmMDg5Mi03M2NhLTQ3ODUtOTkzNy1jNmZmM2YzY2Q5YWYuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.aNANibT5v0WC4qMPq26XHee_zZCDUp9U4KE1vDw3Stc")
}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/4d8b5fc0-8720-4185-b664-9317555c5a70/d21dt2c-0708201d-acdd-4426-9523-05df500ebc3d.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzRkOGI1ZmMwLTg3MjAtNDE4NS1iNjY0LTkzMTc1NTVjNWE3MFwvZDIxZHQyYy0wNzA4MjAxZC1hY2RkLTQ0MjYtOTUyMy0wNWRmNTAwZWJjM2QuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.3lIQzq0IWlzH63zl2V4h7AWBYVlv8jyQkVEanQqrLuY")
}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/4d8b5fc0-8720-4185-b664-9317555c5a70/d21dt2c-0708201d-acdd-4426-9523-05df500ebc3d.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzRkOGI1ZmMwLTg3MjAtNDE4NS1iNjY0LTkzMTc1NTVjNWE3MFwvZDIxZHQyYy0wNzA4MjAxZC1hY2RkLTQ0MjYtOTUyMy0wNWRmNTAwZWJjM2QuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.3lIQzq0IWlzH63zl2V4h7AWBYVlv8jyQkVEanQqrLuY")
}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/1fba891a-389f-4c4e-b88d-72e2d62af4cb/dblgg1l-6c4f0892-73ca-4785-9937-c6ff3f3cd9af.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzFmYmE4OTFhLTM4OWYtNGM0ZS1iODhkLTcyZTJkNjJhZjRjYlwvZGJsZ2cxbC02YzRmMDg5Mi03M2NhLTQ3ODUtOTkzNy1jNmZmM2YzY2Q5YWYuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.aNANibT5v0WC4qMPq26XHee_zZCDUp9U4KE1vDw3Stc")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/1fba891a-389f-4c4e-b88d-72e2d62af4cb/dblgg1l-6c4f0892-73ca-4785-9937-c6ff3f3cd9af.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzFmYmE4OTFhLTM4OWYtNGM0ZS1iODhkLTcyZTJkNjJhZjRjYlwvZGJsZ2cxbC02YzRmMDg5Mi03M2NhLTQ3ODUtOTkzNy1jNmZmM2YzY2Q5YWYuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.aNANibT5v0WC4qMPq26XHee_zZCDUp9U4KE1vDw3Stc")
}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/4d8b5fc0-8720-4185-b664-9317555c5a70/d21dt2c-0708201d-acdd-4426-9523-05df500ebc3d.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzRkOGI1ZmMwLTg3MjAtNDE4NS1iNjY0LTkzMTc1NTVjNWE3MFwvZDIxZHQyYy0wNzA4MjAxZC1hY2RkLTQ0MjYtOTUyMy0wNWRmNTAwZWJjM2QuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.3lIQzq0IWlzH63zl2V4h7AWBYVlv8jyQkVEanQqrLuY")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/4d8b5fc0-8720-4185-b664-9317555c5a70/d21dt2c-0708201d-acdd-4426-9523-05df500ebc3d.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzRkOGI1ZmMwLTg3MjAtNDE4NS1iNjY0LTkzMTc1NTVjNWE3MFwvZDIxZHQyYy0wNzA4MjAxZC1hY2RkLTQ0MjYtOTUyMy0wNWRmNTAwZWJjM2QuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.3lIQzq0IWlzH63zl2V4h7AWBYVlv8jyQkVEanQqrLuY")
}

.profile .contact .f-row:first-of-type {
margin-top: 0px;
padding-top: 7px;
}
.profile .blurbs .section h4 {
color: #00ff00 !important;
}
.details-table {
margin: 2px;
}
.details-table, td {
border: 1px solid #00ff00;
border-collapse: collapse;
}
td {
color: #00ff00 !important;
background: none;
background-color: black !important;
} 
table.details-table {
max-width: 98%;
}
.profile h1 {
font-size: 2em;
}
footer {
background: black;
border: 2px dotted #00ff00;
}
footer p {
color #00ff00 !important;
}
.comments-table {
border: none;
border-collapse: collapse;
}
.comment-replies {
border: 1px solid #00ff00;
margin: 2px;
}
nav .info {
background: none;
}

.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

@keyframes float {

0% { transform: translate(0, 0px);

}

50% {

transform: translate(0, 8px);

}

100% {

transform: translate(0, -0px);

}


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

aliendotjpeg	1729753495 usinggg Report Comment
fred stardurst	1729636903 USING!! Report Comment
dvdz	1729028472 maybe using Report Comment
Niko!!	1727573850 Using!! Report Comment
꣑ৎ‎ Reece . 🦌 (profile wip)	1727162948 Uzing! Report Comment
Herbie 💉	1725726241 Using :3 Report Comment
✰Fuato✰	1725356748 using! Report Comment
Wallet/Walt/Wallter/wally	1725180340 Using Report Comment
vee	1724940748 using Report Comment
lovecraftiandoom	1724094150 using!!!! Report Comment
HEE HEE	1720890495 using Report Comment
Chat4Tayy	1720751489 using Report Comment
𝘉𝘭𝘪𝘵𝘻 ͙͘͡🍀	1720563589 using Report Comment
Rocket ×	1720377780 using!! :3 Report Comment
iforgotmygender	1720237031 uzing :3 Report Comment
queeirozin	1720137114 USING!!! Report Comment
cougar	1719260520 omg using Report Comment
L4v_3nd3rBl00d	1717374234 using :3 Report Comment
Chris 𝓯𝓻𝓮𝓪𝓴𝔂field	1716964936 using ! This is so cool /gen Report Comment