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 76 comments ( View all | Add 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
gwen	1739988945 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
DOM	1733153440 using :) Report Comment
jj	1732469162 using Report Comment
korkee	1730902665 using!! Report Comment
💚Mell💚	1725653880 Using!! :D Report Comment
𝑱𝑶𝑲𝑬𝑹	1723934510 using :D Report Comment
CYRUS XD	1723180886 Using!!! Report Comment
Hayden	1718801632 i'm gonna use thank you! Report Comment
Et tu, Brute? 𒉭	1718627260 using Report Comment
dannabis	1717643401 using Report Comment