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

☆ piper	1721327519 Using(●´ϖ`●) Report Comment
:: lobotomized reisen	1720342288 using Report Comment
CAESAR!1!1	1720194353 Using for blog if it works dude Report Comment
andrew	1720171611 Using Report Comment
ray (tw for profile)	1717971924 using <33 Report Comment
PliosOne	1715358118 Using this Report Comment
Crabo <3	1714062516 Using this 100% Report Comment
nerd	1713558405 using Report Comment
Kyle	1710562231 Using. Report Comment
⋆｡°✩ cuomo!	1708902614 using Report Comment
ℭ𝔥𝔬𝔠𝔬 𝔐𝔞𝔱𝔞 𝔉𝔬𝔠𝔞𝔰	1706581297 USANDO Report Comment
ℭ𝔥𝔬𝔠𝔬 𝔐𝔞𝔱𝔞 𝔉𝔬𝔠𝔞𝔰	1706581296 USANDO Report Comment
ℭ𝔥𝔬𝔠𝔬 𝔐𝔞𝔱𝔞 𝔉𝔬𝔠𝔞𝔰	1706581289 USANDO Report Comment
GordoBoca	1706516775 USANDO OOKKKKKK Report Comment
tomzlovrr	1706151417 using Report Comment
jota	1705967141 using :P Report Comment
ixaiah	1705165379 used Report Comment
the-rivers-corpse	1704950748 USINH ‼️‼️‼️🦅🦅🦅🦅 Report Comment
skruffpuppy	1704145467 using! Report Comment
Kieran	1704074975 using Report Comment