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

Barni	1753604514 using Report Comment
Pillhead 🧷💉☣	1752454596 using Report Comment
chlebak	1751801651 USING!!! Report Comment
☢ ЯEX ☣	1748815905 using tyyy :3 Report Comment
Dymi	1747386183 Using Report Comment
geiger counter clicking	1747086815 using Report Comment
XENON	1746519755 using :) Report Comment
ᶻ 𝗓 𐰁 𝐬𝐢𝐦𝐨𝐧𝐞 .ᐟ.ᐟ	1743963245 using maaaybe Report Comment
^_^	1741249937 using Report Comment
XxCypher.xX	1740277375 using Report Comment
Prime	1738370171 using TYSMMM!! Report Comment
Ridley	1737345267 Using thank you!! Report Comment
phil	1735912168 using, fuckin sick Report Comment
GR13F3R	1733806755 using Report Comment
aliendotjpeg	1729753495 usinggg Report Comment
soph🐞	1729636903 USING!! Report Comment
dvdz	1729028472 maybe using Report Comment
Niko!!	1727573850 Using!! Report Comment
꣑ৎ‎ Reece . 🦌 (profile wip)	1727162948 Uzing! Report Comment