Dark green layout

Tags: green

Description:

Dark green layout with floating profile animation and 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=33318) -->

<style>

.online { visibility: hidden; } .online img { content: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/cf2836cb-5893-4a6c-b156-5a89d94fc721/dcaulle-244f9688-7eee-4ea1-8b0d-fab5123e804c.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2NmMjgzNmNiLTU4OTMtNGE2Yy1iMTU2LTVhODlkOTRmYzcyMVwvZGNhdWxsZS0yNDRmOTY4OC03ZWVlLTRlYTEtOGIwZC1mYWI1MTIzZTgwNGMuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.3sAab-sxFh91TW1yQ0FNEZOrxO8MM_-JqDdcC2gddlM');
 animation-name: none; visibility: visible; height: 120px; width: 120px; }

}

</style>

<style>
.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 to Friends */
	content:url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/d3a5a08b-4878-48af-b76b-8aff5871fc75/daj32f5-ed9ef7aa-81a9-42f5-bee3-fad9d94edb40.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2QzYTVhMDhiLTQ4NzgtNDhhZi1iNzZiLThhZmY1ODcxZmM3NVwvZGFqMzJmNS1lZDllZjdhYS04MWE5LTQyZjUtYmVlMy1mYWQ5ZDk0ZWRiNDAuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.pOK6aYDj_sftdlplp1hynies5Rwdi6IdsmIiZEmKvhA')
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content:url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/d3a5a08b-4878-48af-b76b-8aff5871fc75/daj32f5-ed9ef7aa-81a9-42f5-bee3-fad9d94edb40.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2QzYTVhMDhiLTQ4NzgtNDhhZi1iNzZiLThhZmY1ODcxZmM3NVwvZGFqMzJmNS1lZDllZjdhYS04MWE5LTQyZjUtYmVlMy1mYWQ5ZDk0ZWRiNDAuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.pOK6aYDj_sftdlplp1hynies5Rwdi6IdsmIiZEmKvhA')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content:url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/d3a5a08b-4878-48af-b76b-8aff5871fc75/daj32f5-ed9ef7aa-81a9-42f5-bee3-fad9d94edb40.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2QzYTVhMDhiLTQ4NzgtNDhhZi1iNzZiLThhZmY1ODcxZmM3NVwvZGFqMzJmNS1lZDllZjdhYS04MWE5LTQyZjUtYmVlMy1mYWQ5ZDk0ZWRiNDAuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.pOK6aYDj_sftdlplp1hynies5Rwdi6IdsmIiZEmKvhA')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content:url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/d3a5a08b-4878-48af-b76b-8aff5871fc75/daj32f5-ed9ef7aa-81a9-42f5-bee3-fad9d94edb40.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2QzYTVhMDhiLTQ4NzgtNDhhZi1iNzZiLThhZmY1ODcxZmM3NVwvZGFqMzJmNS1lZDllZjdhYS04MWE5LTQyZjUtYmVlMy1mYWQ5ZDk0ZWRiNDAuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.pOK6aYDj_sftdlplp1hynies5Rwdi6IdsmIiZEmKvhA')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content:url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/d3a5a08b-4878-48af-b76b-8aff5871fc75/daj32f5-ed9ef7aa-81a9-42f5-bee3-fad9d94edb40.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2QzYTVhMDhiLTQ4NzgtNDhhZi1iNzZiLThhZmY1ODcxZmM3NVwvZGFqMzJmNS1lZDllZjdhYS04MWE5LTQyZjUtYmVlMy1mYWQ5ZDk0ZWRiNDAuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.pOK6aYDj_sftdlplp1hynies5Rwdi6IdsmIiZEmKvhA')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content:url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/d3a5a08b-4878-48af-b76b-8aff5871fc75/daj32f5-ed9ef7aa-81a9-42f5-bee3-fad9d94edb40.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2QzYTVhMDhiLTQ4NzgtNDhhZi1iNzZiLThhZmY1ODcxZmM3NVwvZGFqMzJmNS1lZDllZjdhYS04MWE5LTQyZjUtYmVlMy1mYWQ5ZDk0ZWRiNDAuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.pOK6aYDj_sftdlplp1hynies5Rwdi6IdsmIiZEmKvhA')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content:url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/d3a5a08b-4878-48af-b76b-8aff5871fc75/daj32f5-ed9ef7aa-81a9-42f5-bee3-fad9d94edb40.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2QzYTVhMDhiLTQ4NzgtNDhhZi1iNzZiLThhZmY1ODcxZmM3NVwvZGFqMzJmNS1lZDllZjdhYS04MWE5LTQyZjUtYmVlMy1mYWQ5ZDk0ZWRiNDAuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.pOK6aYDj_sftdlplp1hynies5Rwdi6IdsmIiZEmKvhA');
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content:url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/d3a5a08b-4878-48af-b76b-8aff5871fc75/daj32f5-ed9ef7aa-81a9-42f5-bee3-fad9d94edb40.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2QzYTVhMDhiLTQ4NzgtNDhhZi1iNzZiLThhZmY1ODcxZmM3NVwvZGFqMzJmNS1lZDllZjdhYS04MWE5LTQyZjUtYmVlMy1mYWQ5ZDk0ZWRiNDAuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.pOK6aYDj_sftdlplp1hynies5Rwdi6IdsmIiZEmKvhA');
}
</style>

<style>

body {
  background-color: #082b10;
}

main{
background: rgb(255,251,113);
background: linear-gradient(180deg, rgba(21, 171, 46) 0%, rgba(19, 133, 57) 34%, rgba(19, 112, 61) 48%, rgba(18, 92, 51) 75%, rgba(15, 69, 46) 90%);
box-shadow: 0px 0px 10px #0b3d13;
}

p{
color: #79b581;
}

nav .top{
background-color: transparent;
box-shadow: 0px 0px 10px #0b3d13;
border: 1.5px dotted #79b581;

}

nav .links{
background-color: transparent;
background-size: cover;

box-shadow: 0px 0px 10px #0b3d13;
border: 1.5px dotted #79b581;

}

.profile h1{
color: #79b581;
text-shadow: 0px 0px 5px #0b3d13;
font-size: 30px;

}

.profile .general-about{

background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #0b3d13;

color: #79b581;

border: 1.5px dotted #79b581;

}

.profile-pic img{
border: 1.5px dashed #79b581;
}

.general-about .profile-pic{
margin: 5;

}

footer {
color: #79b581 !important;
text-decoration: underline !important;
text-decoration-style: dotted !important;
background: transparent;
border: 1px dashed #79b581;
}

.profile .contact .heading,
.profile .table-section .heading{
background-color: #082b10;

color: #79b581;
text-shadow: 1px 1px 0px #0b3d13;

border: 1.5px dotted #79b581;

}

.profile .contact, 
.profile .table-section,
.profile .url-info{
border: 1.5px dotted #79b581;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #0b3d13;
margin: .5em 0;


}


table.details-table td {
background-color: transparent !important;
color: #79b581 !important;

border: 1.5px dotted #79b581;

}

.profile .blurbs .heading,
.profile .friends .heading{
background-color: #082b10;
background-size: cover;

color: #79b581;
text-shadow: 1px 1px 0px #0b3d13;

border: 1.5px dotted #79b581;

}

.profile .blurbs,
.profile .friends{
border: none;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #0b3d13;

color: #79b581;

border: 1.5px dotted #79b581;

}

.profile .blurbs .section h4{
color: #79b581;
text-shadow: 1px 1px 0px #0b3d13;
padding: 1em 0;

border: 1.5px dotted #79b581;

}

.profile .profile-info{
color: #79b581;
text-shadow: text-shadow: 1px 1px 0px #0b3d13;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #0b3d13;
border: 1.5px dotted #79b581;

}

.profile .blog-preview{
text-align: center;
border: none;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #0b3d13;
padding: 1em 0;
color: #79b581;

border: 2px dotted #79b581;

}

.profile .friends .friends-grid p{
color: #79b581;
text-shadow: 0px 0px 3px #0b3d13;

border: 1.5px dotted #79b581;

}

.count{
color: #79b581;
text-shadow: 0px 0px 3px #0b3d13;
}

.profile .comments-table{
color: #79b581;

background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #0b3d13;
border: 2px dotted #79b581;

}

.profile .comments-table .comment-replies{
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #0b3d13;
border: 2px dotted #79b581;
color: #79b581;
}

.profile .comments-table td{
background-color: transparent;
color: #79b581;
padding: .5em;

border: 1.5px dotted #79b581;

}

a{
color: #79b581;
text-shadow: 0px 0px 3px #0b3d13;
}

a:visited {
color: #79b581;
text-shadow: 0px 0px 3px #0b3d13;
text-decoration: none;
}

a:hover {
color: #B0FDFF;
text-decoration: none;
}

a:active {
color: #79b581;
text-decoration: none;
text-shadow: 0px 0px 3px #0b3d13;
}

nav .links a:hover{
color: #B0FDFF;
text-decoration: none;
text-shadow: 0px 0px 3px #0b3d13;

border: 1.5px dotted #79b581;

}

.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

@keyframes float {

0% { transform: translate(0, 0px);

}

50% {

transform: translate(0, 8px);

}

100% {

transform: translate(0, -0px);

}


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

M1dn1ght_Mob1an!	1761854276 Using :] Report Comment
saul!!!!1	1752830675 using Report Comment
𝐌α𝗑𝗂𐓣𝖾	1749844088 Using Report Comment
dayll	1745233931 using Report Comment
MICRO	1744389776 using Report Comment
N4Y0R4nN	1742838234 using Report Comment
dez!!	1740442333 using!!:) Report Comment
TheLordOfJunk	1738077829 Using. Report Comment
luluslens	1737554837 using thnaks so much omg its so cute Report Comment
Hazzard	1735599951 Using!! thank you Report Comment
GENO - SHADZ [WIP]	1734925387 using Report Comment
strider	1734722612 using Report Comment
SOUL	1733153440 using :) Report Comment
jj/faith	1732469162 using Report Comment
korkee	1730902665 using!! Report Comment
💚Mell💚	1725653880 Using!! :D Report Comment
𝑱𝑶𝑲𝑬𝑹	1723934510 using :D Report Comment
S3THXD	1723180886 Using!!! Report Comment
Safranek	1718801632 i'm gonna use thank you! Report Comment