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 70 comments ( View all | Add 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 Harwood	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
Harley	1755866301 Used Report Comment
FIN! (mc stitchy)	1753649149 Using Report Comment
ell ;3	1753409955 using Report Comment
caleb	1752114329 USING!!!!!1 Report Comment
愛	1751246608 usinggg Report Comment
愛	1751246606 usinggg Report Comment
carlos	1750466562 using Report Comment