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

☆ ¿¡GABƎ?! ☆	1764815411 USING!!! <3 Report Comment
xX_4!D3N_Xx	1762559847 usingg Report Comment
DNA	1757791164 Using !!1! Report Comment
DNA	1757791161 Using !!1! Report Comment
MYST3R14	1757727712 using! <3 Report Comment
Jay♪	1756618573 Using <3 Report Comment
Jay♪	1756618572 Using <3 Report 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
simone c:	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