Weed layout 2

Tags: weed, green

Description:

Simple weed themed layout with floating profile animation and custom online icon. Made with different pieces of code, so change it up 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=39296) -->

<style>

body{background:url("https://i.etsystatic.com/24871129/r/il/f4b8c2/2780859302/il_1588xN.2780859302_696u.jpg") no-repeat fixed; background-size:cover;
background-color: black;
}

.row.profile{

}

nav .links .special a {
color: #00ff00;
}

small {
font-size:100%;
}
 
main{
background: rgb(255,251,113);
background-color: rgba(0, 0, 0, 0.5);
border: 2px inset #00ff00;

}

.general-about .profile-pic img {
border: 2px inset #00ff00;

 }   

b {
font-size: 14px;
}

time.ago {
color: #00ff00;
}

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

.profile .friends .inner b, .profile .friends .inner a{
color: #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;
background-position: center;
}

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

}

.button {
    background-color: rgba(0, 0, 0, 0.5);;
    color: #00ff00;
}

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

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

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

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

.profile .blurbs .inner{
background: url("");
border: 2px inset #00ff00;
}

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

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

.logo {
filter: sepia(100%) hue-rotate(45deg) saturate(10);
}

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: #00ff00; 

}
    .count {
        color: #00ff00;
    }

.profile .friends .person p {
color: #00ff00;  
}
.profile .friends .person p:hover {
color: white;  
}

.blog-preview{
text-align: center;
background-image: url();
color: #00ff00;
border: 2px inset #00ff00;

}

.blog-preview p, .blog-preview a, .blog-preview h4{
background-color: rgba(0, 0, 0, 0.5);
}

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

.profile .friends .person img:not(.icon) {
border-style: inset;
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: 10px;
height: 100px;
width: 100px;
    content: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/a80ce302-40cd-4d8d-81bf-f3d49237fe25/dg6jh9m-63124bee-f172-4458-9e45-c404adec9b11.png/v1/fill/w_322,h_300/transparent_weed_by_p4ntysh0t_dg6jh9m-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MzAwIiwicGF0aCI6IlwvZlwvYTgwY2UzMDItNDBjZC00ZDhkLTgxYmYtZjNkNDkyMzdmZTI1XC9kZzZqaDltLTYzMTI0YmVlLWYxNzItNDQ1OC05ZTQ1LWM0MDRhZGVjOWIxMS5wbmciLCJ3aWR0aCI6Ijw9MzIyIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmltYWdlLm9wZXJhdGlvbnMiXX0.euC3IiZlOCx67CgonlWS-MqSRMzvS1pCttvn05zI4HY);
}
  

.profile .contact {
background-color: rgba(0, 0, 0, 0.5);
}
.profile .contact {
border: 2px inset #00ff00;
  font-family: Arial, sans-serif;
background: transparent;
}

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

.f-col{

}

.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/b9dd89a9-a3fd-4e65-831a-2982745ce924/d1lut-601eda2e-7352-40f1-8667-d5f635e8616a.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2I5ZGQ4OWE5LWEzZmQtNGU2NS04MzFhLTI5ODI3NDVjZTkyNFwvZDFsdXQtNjAxZWRhMmUtNzM1Mi00MGYxLTg2NjctZDVmNjM1ZTg2MTZhLmdpZiJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTpmaWxlLmRvd25sb2FkIl19.k2xnxawqpDFx0JZH4g4TzzovGyyzMHaSPkXl1CfkpCc);
}
.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/b9dd89a9-a3fd-4e65-831a-2982745ce924/d1lut-601eda2e-7352-40f1-8667-d5f635e8616a.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2I5ZGQ4OWE5LWEzZmQtNGU2NS04MzFhLTI5ODI3NDVjZTkyNFwvZDFsdXQtNjAxZWRhMmUtNzM1Mi00MGYxLTg2NjctZDVmNjM1ZTg2MTZhLmdpZiJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTpmaWxlLmRvd25sb2FkIl19.k2xnxawqpDFx0JZH4g4TzzovGyyzMHaSPkXl1CfkpCc)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* chat */
	content: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/b9dd89a9-a3fd-4e65-831a-2982745ce924/d1lut-601eda2e-7352-40f1-8667-d5f635e8616a.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2I5ZGQ4OWE5LWEzZmQtNGU2NS04MzFhLTI5ODI3NDVjZTkyNFwvZDFsdXQtNjAxZWRhMmUtNzM1Mi00MGYxLTg2NjctZDVmNjM1ZTg2MTZhLmdpZiJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTpmaWxlLmRvd25sb2FkIl19.k2xnxawqpDFx0JZH4g4TzzovGyyzMHaSPkXl1CfkpCc)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forward */
	content: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/b9dd89a9-a3fd-4e65-831a-2982745ce924/d1lut-601eda2e-7352-40f1-8667-d5f635e8616a.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2I5ZGQ4OWE5LWEzZmQtNGU2NS04MzFhLTI5ODI3NDVjZTkyNFwvZDFsdXQtNjAxZWRhMmUtNzM1Mi00MGYxLTg2NjctZDVmNjM1ZTg2MTZhLmdpZiJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTpmaWxlLmRvd25sb2FkIl19.k2xnxawqpDFx0JZH4g4TzzovGyyzMHaSPkXl1CfkpCc)
}
.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/b9dd89a9-a3fd-4e65-831a-2982745ce924/d1lut-601eda2e-7352-40f1-8667-d5f635e8616a.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2I5ZGQ4OWE5LWEzZmQtNGU2NS04MzFhLTI5ODI3NDVjZTkyNFwvZDFsdXQtNjAxZWRhMmUtNzM1Mi00MGYxLTg2NjctZDVmNjM1ZTg2MTZhLmdpZiJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTpmaWxlLmRvd25sb2FkIl19.k2xnxawqpDFx0JZH4g4TzzovGyyzMHaSPkXl1CfkpCc)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block */
	content: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/b9dd89a9-a3fd-4e65-831a-2982745ce924/d1lut-601eda2e-7352-40f1-8667-d5f635e8616a.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2I5ZGQ4OWE5LWEzZmQtNGU2NS04MzFhLTI5ODI3NDVjZTkyNFwvZDFsdXQtNjAxZWRhMmUtNzM1Mi00MGYxLTg2NjctZDVmNjM1ZTg2MTZhLmdpZiJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTpmaWxlLmRvd25sb2FkIl19.k2xnxawqpDFx0JZH4g4TzzovGyyzMHaSPkXl1CfkpCc)
}
.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/b9dd89a9-a3fd-4e65-831a-2982745ce924/d1lut-601eda2e-7352-40f1-8667-d5f635e8616a.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2I5ZGQ4OWE5LWEzZmQtNGU2NS04MzFhLTI5ODI3NDVjZTkyNFwvZDFsdXQtNjAxZWRhMmUtNzM1Mi00MGYxLTg2NjctZDVmNjM1ZTg2MTZhLmdpZiJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTpmaWxlLmRvd25sb2FkIl19.k2xnxawqpDFx0JZH4g4TzzovGyyzMHaSPkXl1CfkpCc)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report */
	content: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/b9dd89a9-a3fd-4e65-831a-2982745ce924/d1lut-601eda2e-7352-40f1-8667-d5f635e8616a.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2I5ZGQ4OWE5LWEzZmQtNGU2NS04MzFhLTI5ODI3NDVjZTkyNFwvZDFsdXQtNjAxZWRhMmUtNzM1Mi00MGYxLTg2NjctZDVmNjM1ZTg2MTZhLmdpZiJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTpmaWxlLmRvd25sb2FkIl19.k2xnxawqpDFx0JZH4g4TzzovGyyzMHaSPkXl1CfkpCc)
} 

.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;

}


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


  }
.profile .comments-table .inner {
 

}

.comments-table td:first-child img{
border-style: inset;
border-width: 2px;
border-image: url("") 60 fill round;

}

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

.general-about .details{
padding: 2px;
background-color: rgba(0, 0, 0, 0.5);
border: 2px inset #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{ 
background-color: rgba(0, 0, 0, 0.5);
font-size: 13px !important;
text-transform:none;
text-align: center;
border: 2px inset #00ff00;
    }

.links{
width=810px;
}

nav .links {
background-color: rgba(0, 0, 0, 0.5);
border-top: 2px inset #00ff00;
border-bottom: 2px inset #00ff00;
}

nav .links a:hover {
color: #00ff00;
}

nav .top{
background-color: transparent;
}

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

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


.profile .url-info {
border: 2px inset #00ff00;
color: transparent;
font-size: 0.1px;

}
.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: #00ff00 !important;
border: 2px inset #00ff00;
text-decoration: underline !important;
background-color: rgba(0, 0, 0, 0.5);
  }    

    </style>

<style>

.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://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/a80ce302-40cd-4d8d-81bf-f3d49237fe25/dg6lc3m-2b13df80-e7b9-4c97-bde7-e0ca2b3ce0ad.png/v1/fill/w_860,h_471/transparent_weed_by_p4ntysh0t_dg6lc3m-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NDcxIiwicGF0aCI6IlwvZlwvYTgwY2UzMDItNDBjZC00ZDhkLTgxYmYtZjNkNDkyMzdmZTI1XC9kZzZsYzNtLTJiMTNkZjgwLWU3YjktNGM5Ny1iZGU3LWUwY2EyYjNjZTBhZC5wbmciLCJ3aWR0aCI6Ijw9ODYwIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmltYWdlLm9wZXJhdGlvbnMiXX0.-6dFkP_Jq6W4yGZcmBSlFf4fnYhbp7CUVltg1k0QH6s');
    background-position: center;
    height: 77px;
    background-size:cover;
}

.url-info p{
    opacity: 0.0;
}

</style>

<style>
table.comments-table{
background-color: rgba(0, 0, 0, 0.5);
display: block;
height: 300px!important;
overflow-y: scroll;

}
</style>



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

    ::-webkit-scrollbar-thumb {
    background: #00ff00;}

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

<style>
    .comments-table td:first-child{
background-color: rgba(0, 0, 0, 0.5);

}

.comments-table td{
border-width:0;
background-color: rgba(0, 0, 0, 0.5);
border: 2px inset #00ff00;
</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 74 comments ( View all | Add Comment )

xʜᴇʟᴀᴅɪɴᴍᴜꜱᴛᴅɪᴇ	1787674964 for some reason the background is just black, not the weed leaves, anyone know how to fix this? Report Comment
Kayween	1786854265 Using! Report Comment
Diamond	1779649252 Using Report Comment
shnzy	1777858070 Using!! Report Comment
Bug	1775631142 using Report Comment
Lorelizzle	1774913945 Using Report Comment
K3V!N	1772648435 using Report Comment
Cinnabar	1770783061 using :D Report Comment
KitIsGeeked	1769090199 thanks twin (using) Report Comment
Chris draven	1767818539 using Report Comment
Parzival	1767589817 Usingg Report Comment
Yung Crioulo	1767474502 Usando Report Comment
perc40	1766982408 Using Report Comment
Gabitron	1766889948 using this Report Comment
BROKOLLY	1757982440 USING Report Comment
𝔠𝔦𝔫𝔡𝔦 ⋆	1757390560 lit, using! Report Comment
2007ad	1756610896 using Report Comment
olliver/arnold	1756051407 using Report Comment
𝐻𝒶𝓇𝓁𝑒𝓎༄.°	1755866301 Used Report Comment
FIN! (mc stitchy)	1753649149 Using Report Comment