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

Zawa	1740772198 using :P Report Comment
IZZY_IS_DIZZY	1739255434 using:) Report Comment
em	1738295642 Using Report Comment
Harley	1737604191 usingg Report Comment
𝐁𝐥𝐚𝐳𝐞 𝐌𝐚𝐫𝐳 ★ ° . *	1737259494 using (; Report Comment
:3hea.ven	1735544584 usingg Report Comment
the_guy_real	1734165734 definitely using Report Comment
04:20	1730955170 Wow ty i use it Report Comment
VINNY!! :3	1729126733 Usin!! Report Comment
❛ mya ༉‧₊˚	1727409208 using!! Report Comment
JB world	1727312376 Using layout Thank you Report Comment
✜«✧Stan✧»✜	1724260857 use Report Comment
theodore star	1722570648 using Report Comment
★Salt	1722499362 Using Report Comment
pigsneedle	1722499120 using Report Comment
☆ piper	1721327519 Using(●´ϖ`●) Report Comment
lobotomized shelly	1720342288 using Report Comment
.	1720194353 Using for blog if it works dude Report Comment
andrew	1720171611 Using Report Comment
ray!!!	1717971924 using <33 Report Comment