green forest Layout

Tags: layout, forest, green, filter, simple

Description:

3rd layout I made I didn't make the code btw because I'm mostly on mobile no credit needed Pls tell me if the background image doesn't work it weridly happened to me Also tell me if the layouts broken

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Boniscool (https://layouts.spacehey.com/layout?id=83871) -->

<style>
}


<style>
body {
font-family: Courier New, Eastwood;
background-color: black; text-align: center;

}
img {
filter: sepia(100%) hue-rotate(45deg) saturate(3);
}
body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}


#q, button {
color: #46de35;
background-color: black;
border: 1px solid grey;
font-family: inherit;
}
p, i, b, .count {
color: #46de35 !important;
}
a, .profile .friends .person p, .logout-btn {
color: #46de35 !important;
text-decoration: underline !important;
}
.container {
margin: 0 auto 0;
}
.icon {
display: none;
}
nav, nav .links a {
color: #46de35
}
nav .top {
margin-top: 2px;
background: none;
background-color: black;
border: 2px solid grey;
border-bottom: none;
}
nav .links {
background-color: black;
border: 2px solid grey;
}
body{
background-image:
url(https://media.discordapp.net/attachments/1052006744181702738/1159008397417529344/istockphoto-1208290498-170667a.webp?ex=651e522f&is=651d00af&hm=a159dc9ba621267f5540d0bc19177b3b2504acf9035ec2bdd601fa4765400282&);
background-attachment: fixed;
background-size: 1000px;
}

main {
background: black;
color: #46de35;
border-left: 2px solid grey;
border-right: 2px solid grey;
}
.heading, .url-info {
color: #46de35 !important;
background: none;
background-color: black !important;
border: 2px solid grey !important;
}
.inner {
color: #46de35 !important;
border: 2px solid grey;
border-top: none;
}
.profile-info {
border: 2px solid grey;
}
.profile-info .inner {
border: none;
}
.friends .inner {
border-bottom: none;
}
#comments {
border-bottom: 2px solid grey;
}
.profile .contact, .profile .table-section, .home-actions {
border: none !important;
}
.profile .contact .f-row:first-of-type {
margin-top: 0px;
padding-top: 7px;
}
.profile .blurbs .section h4 {
color: #46de35 !important;
}
.details-table {
margin: 2px;
}
.details-table, td {
border: 1px solid grey;
border-collapse: collapse;
}
td {
color: #46de35 !important;
background: none;
background-color: black !important;
} 
table.details-table {
max-width: 98%;
}
.profile h1 {
font-size: 20px;
}
footer {
background: black;
border: 2px solid grey;
}
footer p {
color #46de35 !important;
}
.comments-table {
border: none;
border-collapse: collapse;
}
.comment-replies {
border: 1px solid grey;
margin: 2px;
}
nav .info {
background: none;
}

footer::after{
  bottom: 0;
  font-size:0;
  left: 77%;
  position:fixed;
  pointer-events: none;
  



main:before {
	width: 100%;
	height: 300px;
	display: block;
	
	
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}









<style>
.online {
    margin:auto;
    padding-bottom: 5px;
    content: url(https://i.ibb.co/sCLNcck/ezgif-5-5861b4e688.png);
  animation: rotation 6s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

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

██▓▒░⡷⠂𝙽𝚛ü𝚕𝚘𝚕⠐⢾░▒▓██	1747005864 ussingg! the background dont work :' Report Comment
officer	1743219801 using; the background does not work Report Comment I added a plain black background in lieu by officer; 1743225253; Report
Morgan	1739658536 i used it and changed it a little! this code is so easy to navigate that even i could work with it lmaoo thank you for your work!!! Report Comment
꧁ ıʞs̷ɹøƃ ꧂	1717706662 usinggggg !!1! Report Comment
꒰ Aлекс (°ロ°) !!꒱ ‧₊	1708831405 USINGG!! ALSO BTW I JUST CHANGED THE BACKGROUND I HOPE YOU DONT MIND.. Report Comment Sorry for late reply btw it’s fine by Boniscool; 1711364330; Report
annet	1708573232 usinbggf Report Comment
illioptopede	1706908509 using! Report Comment
Ileana★	1706737929 Using!. Report Comment
Kieran	1704074236 using!! Report Comment
thoughtfulGardener	1703218956 Gonna use Report Comment
sewerzone	1702387761 Using! Thankss Report Comment
⛤Jax⛤	1702262824 Using Report Comment
Edd	1701822364 using Report Comment OMGOSH EDDSOWRLD PFP!!!!sorry i used to love it lol by Boniscool; 1702416369; Report
JADE	1701709370 using >u< Report Comment
verden	1701612340 using :3 Report Comment
★zombiegrrl★	1701413019 using ^w^ Report Comment
Mason :⁠‑⁠X	1699214727 Using!! Report Comment
Webz	1698706065 using ;D Report Comment
ZEX! (ACC WIP!)	1698230631 using Report Comment