Green toxic waste layout 2

Tags: green

Description:

Green glow toxic waste themed layout. Includes floating profile animation and banner that you can change the url for at the top of the code. Lots of blank url’s that you can fill in if wanted! You can change the code however you’d like, just comment if used!

Preview:

click on the image for a larger preview

Code:

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

<style>

main:before {
width: auto;
margin-bottom: 2px;
border: 2px solid #00ff00;
height: 80px;
display: block;
content: "";
box-shadow: 0px 0px 10px 5px #00ff00;
background-image: url('https://media.tenor.com/Wi2NeUQiGu0AAAAM/waves-green.gif');
background-position: center center;
background-size: cover;
}


body{background:url("") no-repeat fixed; background-size:cover;
}

.row.profile{
box-shadow: 0px 0px 10px 6px #00ff00;
}
}

nav .links .special a {
color: limegreen;
}

small {
font-size:100%;
}
 
main {
background-color: black;
}

.general-about .profile-pic img {
border: 2px solid black;

box-shadow: 0px 0px 10px 0px #00ff00;
 }   

b {
font-size: 14px;
}

time.ago {
color: #00ff00;
}

h1{
font-size: 30px !important;
text-shadow: 5px 5px 0px #00ff00;
color: #00ff00;
}

.profile .friends .inner b, .profile .friends .inner a{
color: #00ff00;
text-shadow: 2px #00ff00;
}

p{
font-size: 16px;
}

.details-table td a {
color: #00ff00;
}

.details-table td p {
color: #00ff00;
font-size: 14px;
}

  .table-section .heading{ font-size:14px; }

}

.profile h1{
color: #00ff00 !important;
font-size: 5px;
}

.profile .blurbs .section p, .profile .friends p, .blog-entry .comments p, .bulletin .comments p {
font-size: 14px;
}

.friends p, .friends a {
color: #00ff00;
}

.profile .friends .inner{
    text-align: center;
background-image: url("");
border: 2px inset #00ff00;
box-shadow: 0px 0px 10px 0px #00ff00;
background-position: center;
}

.profile .blurbs .section h4 {
text-align: center;
font-size: 14px;
color: #00ff00;
border: 2px #00ff00;
}

.button {
    background: black;
    color: #00ff00;
}

.profile-info{
background:url("") no-repeat fixed; background-size:cover; background-image: center;
border: 2px inset #00ff00;
box-shadow: 0px 0px 15px 0px #00ff00;
}

.profile-info a{
font-size: 14px;
color: #00ff00;
text-shadow:  3px 3px 2px #00ff00;
}

.profile-info h3{
color: #00ff00;
}

.profile .blurbs .heading, .profile .friends .heading {
color: #00ff00;
background-color:transparent;
}

.profile .blurbs .inner{
background: url("");
box-shadow: 0px 0px 10px 0px #00ff00;
border: 3px inset #00ff00;
}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
background-color: transparent;
color: #00ff00;
}

.contact .heading h4{
display:none !important;
}

.logo {

    background: #00ff00;
}

h4 {
font-size: 14px !important;
color: #00ff00;
  font-family: Arial, sans-serif;
 }

p {
  font-family: Arial, sans-serif;
color: #00ff00;
   } 

   a {
font-size: 14px;
     color: #00ff00; 
   }


a:hover {
     color: limegreen; 

}
    .count {
        color: limegreen;
    }

.profile .friends .person p {
color: limegreen;  
}
.profile .friends .person p:hover {
color: whitd;  
}

.blog-preview{
text-align: center;
background-image: url();
color: #00ff00;
border: 2px solid #00ff00;
box-shadow: 0px 0px 10px 0px #00ff00;
}

.blog-preview p, .blog-preview a, .blog-preview h4{
background-color: black;
}

.contact .heading h4{
font-size:14px;
}

.profile .friends .person img:not(.icon) {
box-shadow: 0px 0px 19px 0px #00ff00;
border-style: solid;
border-width: 2px #00ff00;
border-image: url("") 60 fill round;
}

a, .profile .friends .person p, .logout-btn {
color: #00ff00 !important;
text-decoration: underline !important;
}

.online {
    margin:auto;
    padding-bottom: 5px;
    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);
}
  

.profile .contact {
background-color: black;
}
.profile .contact {
border: 2px solid #00ff00;
box-shadow: 0px 0px 10px 0px #00ff00;
  font-family: Arial, sans-serif;
background: transparent;
}

.profile .contact a{
font-size: 12px;
}

.f-col{
border: 2px #00ff00;
}

.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 friend */
	content: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/a9550e1a-5040-4dc6-a406-5e3709729d06/d3joo34-484b7ab5-19e0-412b-9a50-5641c2f65d37.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2E5NTUwZTFhLTUwNDAtNGRjNi1hNDA2LTVlMzcwOTcyOWQwNlwvZDNqb28zNC00ODRiN2FiNS0xOWUwLTQxMmItOWE1MC01NjQxYzJmNjVkMzcuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.JGQyheRlRMgYVqgL1bynUUnYUPSg6arwzBxjfrC0RKM);
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* add 2 fav */
	content: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/a9550e1a-5040-4dc6-a406-5e3709729d06/d3joo34-484b7ab5-19e0-412b-9a50-5641c2f65d37.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2E5NTUwZTFhLTUwNDAtNGRjNi1hNDA2LTVlMzcwOTcyOWQwNlwvZDNqb28zNC00ODRiN2FiNS0xOWUwLTQxMmItOWE1MC01NjQxYzJmNjVkMzcuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.JGQyheRlRMgYVqgL1bynUUnYUPSg6arwzBxjfrC0RKM)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* chat */
	content: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/a9550e1a-5040-4dc6-a406-5e3709729d06/d3joo34-484b7ab5-19e0-412b-9a50-5641c2f65d37.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2E5NTUwZTFhLTUwNDAtNGRjNi1hNDA2LTVlMzcwOTcyOWQwNlwvZDNqb28zNC00ODRiN2FiNS0xOWUwLTQxMmItOWE1MC01NjQxYzJmNjVkMzcuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.JGQyheRlRMgYVqgL1bynUUnYUPSg6arwzBxjfrC0RKM)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forward */
	content: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/a9550e1a-5040-4dc6-a406-5e3709729d06/d3joo34-484b7ab5-19e0-412b-9a50-5641c2f65d37.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2E5NTUwZTFhLTUwNDAtNGRjNi1hNDA2LTVlMzcwOTcyOWQwNlwvZDNqb28zNC00ODRiN2FiNS0xOWUwLTQxMmItOWE1MC01NjQxYzJmNjVkMzcuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.JGQyheRlRMgYVqgL1bynUUnYUPSg6arwzBxjfrC0RKM)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant msg */
	content: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/a9550e1a-5040-4dc6-a406-5e3709729d06/d3joo34-484b7ab5-19e0-412b-9a50-5641c2f65d37.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2E5NTUwZTFhLTUwNDAtNGRjNi1hNDA2LTVlMzcwOTcyOWQwNlwvZDNqb28zNC00ODRiN2FiNS0xOWUwLTQxMmItOWE1MC01NjQxYzJmNjVkMzcuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.JGQyheRlRMgYVqgL1bynUUnYUPSg6arwzBxjfrC0RKM)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block */
	content: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/a9550e1a-5040-4dc6-a406-5e3709729d06/d3joo34-484b7ab5-19e0-412b-9a50-5641c2f65d37.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2E5NTUwZTFhLTUwNDAtNGRjNi1hNDA2LTVlMzcwOTcyOWQwNlwvZDNqb28zNC00ODRiN2FiNS0xOWUwLTQxMmItOWE1MC01NjQxYzJmNjVkMzcuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.JGQyheRlRMgYVqgL1bynUUnYUPSg6arwzBxjfrC0RKM)
}
.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/a9550e1a-5040-4dc6-a406-5e3709729d06/d3joo34-484b7ab5-19e0-412b-9a50-5641c2f65d37.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2E5NTUwZTFhLTUwNDAtNGRjNi1hNDA2LTVlMzcwOTcyOWQwNlwvZDNqb28zNC00ODRiN2FiNS0xOWUwLTQxMmItOWE1MC01NjQxYzJmNjVkMzcuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.JGQyheRlRMgYVqgL1bynUUnYUPSg6arwzBxjfrC0RKM)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report */
	content: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/a9550e1a-5040-4dc6-a406-5e3709729d06/d3joo34-484b7ab5-19e0-412b-9a50-5641c2f65d37.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2E5NTUwZTFhLTUwNDAtNGRjNi1hNDA2LTVlMzcwOTcyOWQwNlwvZDNqb28zNC00ODRiN2FiNS0xOWUwLTQxMmItOWE1MC01NjQxYzJmNjVkMzcuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.JGQyheRlRMgYVqgL1bynUUnYUPSg6arwzBxjfrC0RKM)
} 

.contact .inner a img {
 font-size: 0;
}
.contact .inner a img:before {
 font-size: 1em;
 display: block
}

.profile .table-section .details-table td p, .profile .table-section .details-table td a{
color: #00ff00;
}

.profile .table-section .details-table td {
background:url("");
background-image: center;
border: 2px inset #00ff00;
box-shadow: 0px 0px 10px 0px #00ff00;
}


.profile .friends .comments-table td {
background-image: url("");
position: center;
border: 3px solid #00ff00;
}
.comments-table td*{


  }
.profile .comments-table .inner {
box-shadow: 0px 0px 19px 0px #00ff00; 

}

.comments-table td:first-child img{
border-style: solid;
border-width: 2px;
border-image: url("") 60 fill round;
box-shadow: 0px 0px 19px 0px #00ff00;

}

.comment-replies{
border: 3px inset #00ff00;
color: #00ff00;
}

.general-about .details{
padding: 2px;
background: black;
border: 3px inset #00ff00;
background-image: url("https://64.media.tumblr.com/da54119d8c1d5bd529b88016597b181f/68edab4401092e74-b6/s1280x1920/328314858bdc856c7722f4c2fd8a39e793b774b8.gifv");
background-size:cover;
box-shadow: 0px 0px 10px 0px #00ff00;
  font-family: Arial, sans-serif;
}

.general-about .details p:not(.online){
color: #00ff00 !important;
font-size: 14px;
  font-family: Arial, sans-serif;
}

.general-about .details a{
  font-family: Arial, sans-serif;
color: #00ff00 !important;
font-size: 14px;
}

nav{ 
color: #00ff00;
font-size: 13px !important;
text-transform:none;
text-align: center;
    }

.links{
width=810px;
}

nav .links {
background: black;
box-shadow: 0px 0px 10px 6px #00ff00;
}

nav .links a:hover {
color: limegreen;
}

nav .top{
background-color: transparent;
}

nav .top a{
color: #00ff00 !important;
}

nav .top label{
color: #00ff00;
}


.profile .url-info {
border: 3px inset #00ff00;
color: transparent;
font-size: 0.1px;
box-shadow: 0px 0px 10px 0px #00ff00;
}
.profile .table-section {
border: none;
}


nav .links a{
color: #00ff00;
  font-family: Arial, sans-serif;
font-size: 14px;
}

table.comments-table {
border: 2px inset #00ff00;
}


footer p{
color: #00ff00;
font-size: 100%;
}

footer a{
color: #00ff00;
}

footer {
color: white !important;
box-shadow: 0px 0px 15px 6px #00ff00;
text-decoration: underline !important;
text-decoration-style: dotted !important;
background: transparent;
  }    

    </style>

<style>

h1{
animation: type 3s steps(27);
  color: transparent;
  font-size: 7px;
  white-space: nowrap;
  overflow: hidden;
  }

@keyframes type{
  0%{
    width:0ch;
  }
  
  100%{
    width:27ch;
  }
}

@keyframes blink{
  0%{opacity:1;}
  50%{opacity:0;}
  100%{opacity:1;}
}

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 5s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 5s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 6px);
}
100% {
transform: translate(0, -0px);
}

</style>

<style>
.url-info{
    background: url('https://64.media.tumblr.com/tumblr_mbg52x7Nic1rgszodo1_500.gifv');
    background-position: center;
    height: 77px;
    background-size:cover;
}

.url-info p{
    opacity: 0.0;
}

</style>

<style>
table.comments-table{
background-color: black;
display: block;
height: 300px!important;
overflow-y: scroll;
border-color: #00ff00;
border-width: 5px;
}
</style>



<style>
    ::-webkit-scrollbar {
    width: 8px;
    height: 10px;}

    ::-webkit-scrollbar-thumb {
    background: limegreen;}

    ::-webkit-scrollbar-track {
    background:black;}
</style>

<style>
    .comments-table td:first-child{
background-color: black;

}

.comments-table td{
border-width:0;
background-color: black;
border: 2px solid limegreen;
</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 32 comments ( View all | Add Comment )

wade/bBBANE..	1732163333 using!! Report Comment
spawnpoint	1728267898 using. Report Comment
yenyen1011101	1727669034 using Report Comment
♤ Teddy ♤	1727015475 Using! Report Comment
Berlinne	1723992363 Using yayayaayayay Report Comment
rowan	1723120424 US1NG !! :3 Report Comment
, 🪶◟𝓕𝓻𝓮𝓪𝓴𝔂 ƒɪɲƈɦ. ⊹`	1722149263 useeeed Report Comment
Chat4Tayy	1720751246 using Report Comment
Jay	1715032984 Using Report Comment
Vijneweri	1710905604 usign this Report Comment
sullycakes!!!	1709082242 can you make a version where the rest of the background is black instead of white and the status is visible??? i don't know how to code <3 Report Comment
lovecraftiandoom	1701716242 may use Report Comment
𝙰𝚁𝙶𝙾 / 𝙲𝙷𝚁𝙸𝚂	1700027753 Using!! =:3 Report Comment
skully b	1697068258 using! : ) Report Comment
pocketcalculator	1694966754 using :) Report Comment
jake	1692667754 using :3 Report Comment
K1LLER / DR3AM!!	1692308791 using! Report Comment
JnW00	1692005946 Usingg Report Comment
4LLiS9N	1692001600 Using Report Comment
Kratzer ☆	1689302092 Using!!! Changed some stuff, it still needs some work though :p looks really cool though! Report Comment