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

✩꓄ꋪꏂꏂ✩	1780968238 using Report Comment
buggxie	1777268077 using !! 🫶 Report Comment
Casper	1773537349 Using ^_^ Report Comment
DRIPPY2EPIKK	1773386810 using... i guess.... sigh.... Report Comment
flavianna ★	1766429502 using Report Comment
flavianna ★	1766429493 using Report Comment
𝕲𝖆𝖇	1765597374 using Report Comment
M1dn1ght_Mob1an!	1761854276 Using :] Report Comment
jakob / chandler	1752830675 using Report Comment
𝐌α𝗑𝗂𐓣𝖾	1749844088 Using Report Comment
Dee	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
geeno	1734925387 using Report Comment
strider	1734722612 using Report Comment
SOUL	1733153440 using :) Report Comment