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

_qqrxz	1742858614 im haing some trouble w the text, when i type anything in hte about me section its black and i cant seem to find how to change the color so its visible, could someone help?? :((( Report Comment i found a way!!! just add: .profile { color: white; } on top of: .row.profile{ by _qqrxz; 1742860034; Report
_qqrxz	1742851603 using!! edited some stuff Report Comment
Ch1pXD_	1740890408 Using💪 Report Comment
Ch1pXD_	1740890405 Using💪 Report Comment
tsura	1739627162 using :3 Report Comment
⭕Electrical_tape⭕	1739164017 using!:D Report Comment
cicatrix	1738608169 using ;} Report Comment
TOXICcORE	1735513068 usinggg Report Comment
ahablover69	1732163333 using!! Report Comment
yenyen1011101	1727669034 using Report Comment
♤ Teddy ♤	1727015475 Using! Report Comment
Russell !	1723992363 Using yayayaayayay Report Comment
unpl3asant / cody	1723120424 US1NG !! :3 Report Comment
꥟₊ Two Time ／ Ryne	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 just go to: body{background:url("") repeat fixed; background-size:cover; and add a link to a black image inside the "" part ^-^ by _qqrxz; 1742851567; Report
Jermzaphobia666	1701716242 may use Report Comment
𝙰𝚁𝙶𝙾 / 𝙲𝙷𝚁𝙸𝚂	1700027753 Using!! =:3 Report Comment