gloomcore layout - dark green forest aesthetic

Tags: dark, green, forest, woods, pnw, layout, layouts, emo, gloomcore

Description:

i had to literally edit one my already posted layouts to post this. An, fix your shitty website already.

Preview:

click on the image for a larger preview

Code:

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

<style>
/* general styles */
@font-face {
    font-family: 'OLDENGL';
    src: url('https://fluorescent-lights.neocities.org/OLDENGL.TTF');
    font-weight: normal;
    font-style: normal;
}
:root {
  --light-gray: rgba(0,0,0,0) !important;
  --gray: rgba(0,0,0,0) !important;
  --dark-gray: rgba(0,0,0,0) !important;
  --darker-gray: rgba(0,0,0,0) !important;
  --logo-blue: rgba(0,0,0,0); !important;
  --darker-blue: rgba(0,0,0,0) !important;
  --lighter-blue: rgba(0,0,0,0) !important;
  --even-lighter-blue: rgba(0,0,0,0) !important;
  --lightest-blue: rgba(0,0,0,0) !important;
  --red: rgba(0,0,0,0) !important;
  --dark-orange: rgba(0,0,0,0) !important;
  --light-orange: rgba(0,0,0,0) !important;
  --even-lighter-orange: rgba(0,0,0,0) !important;
  --strange-yellow: rgba(0,0,0,0) !important;
  --green: rgba(0,0,0,0) !important;
  --light-green: rgba(0,0,0,0) !important;
  --medium-green: rgba(0,0,0,0) !important;
  --dark-green: rgba(0,0,0,0) !important;
  accent-color: rgba(0,0,0,0) !important;
}
html {
background-color: gray;
background: url('https://files.catbox.moe/8obneh.jpg');
background-size: cover;
background-attachment: fixed;
background-position: center bottom;
background-repeat: no-repeat;
position: relative;
z-index: -99;
}
html:after {
opacity: 15%;
background: url('https://files.catbox.moe/cxlyg9.gif');
content: "";
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: -98;
}
*, p, a, form, li, footer .links li:not(:last-child)::after, ul:not(nav .links):not(footer .links) li, nav .links a, footer p {
  font-size: 11px;
  font-family: Verdana;
  letter-spacing: 1px;
}
main, nav, .profile .friends .person p, footer, nav .links a, .logout-btn, .logout-form, nav .top a, .profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading, nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after, a, a:hover, nav .links a:hover, .details-table td:first-child, .profile .blurbs .section h4, .profile .friends .heading, .online, .count, input, button {
color: #ffffe4;
}
main {
background: none;
padding: 6px 0 0 0;
}
main .left, main .right {
padding: 10px 10px 5px 10px;
}
.container {
  width: 900px;
}
input, button {
  background: #5d5d5d;
  border: 1px solid gray;
  border-radius: 4px;
}
input:focus {
outline: none;
}
h4 {
margin: 0;
text-align: center;
min-width: 100%;
letter-spacing: initial;
font-size: 1.1em;
font-style: italic;
border-bottom: 1px solid #555;
padding: 0 0 5px 0;
}
.blog-preview, .mood, .profile .friends .heading, .general-about {
padding: 7px;
}
hr {
border: none;
margin: 10px 0;
}
hr:before {
content: "";
background: url('https://files.catbox.moe/wp169l.gif');
height: 5px;
display: block;
}
.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions, table.comments-table, .comments-table td, .comments-table td:first-child, .comment-replies {
border: none;
}
.profile .blurbs, #comments {
margin: 10px 0;
}
.blurbs .section p {
padding: 5px;
}
/* end of general styles */

/* element backgrounds */
nav, footer, span[itemprop="name"], .profile-info, .general-about, .blog-preview, .profile .blurbs .inner, .friends, .mood, .profile .contact, .profile .url-info, .table-section, .table-section:last-child::after {
background-size: cover !important;
background-repeat: no-repeat !important;
border-radius: 3px;
box-shadow: 0 0 10px black;
}
nav, footer {
background: url('https://files.catbox.moe/7orggk.jpg');
}
span[itemprop="name"] {
background: url('https://files.catbox.moe/2uswqd.jpg');
}
.profile-info {
background: url('https://files.catbox.moe/9m15js.jpg');
}
.general-about {
background: url('https://files.catbox.moe/t4e7l5.jpg');
}
.blog-preview {
background: url('https://files.catbox.moe/k4hchi.jpg');
}
.profile .blurbs .inner {
background: url('https://files.catbox.moe/t1e1eq.jpg');
background-size: 50% !important;
background-repeat: repeat !important;
background-position: -30px -30px;
}
.friends {
background: url('https://files.catbox.moe/9svkql.jpg');
}
#comments {
background: url('https://files.catbox.moe/wbczah.jpg') !important;
}
.pfp-fallback {
border: 1px solid #333;
border-radius: 4px;
}
.mood {
background: url('https://files.catbox.moe/qtqr7v.jpg');
}
.profile .contact {
background: url('https://files.catbox.moe/9hioks.jpg');
}
.profile .url-info {
background: url('https://files.catbox.moe/nnbpwn.gif');
background-position: center 75%;
}
.table-section:nth-last-child(2) {
background: url('https://files.catbox.moe/qj4y50.jpg');
}
.table-section:nth-last-child(1) {
  background: url('https://files.catbox.moe/ib22al.jpg');
}
.table-section:last-child::after {
  background: url('https://files.catbox.moe/6huis1.jpg');
}
/* end of element backgrounds */

/* element specific styles */
span[itemprop="name"] {
  display: block;
  width: 100%;
  text-align: center;
}
.profile h1 {
font-size: 4em;
font-family: 'OLDENGL';
transform: scale(.8, 1);
word-spacing: -5px;
}
nav .links a {
text-shadow: none;
}
.general-about {
  min-height: 177px;
}
.table-section:last-child {
position: relative;
margin-bottom: 215px;
}
.table-section:last-child::after {
  display: block;
  content: "";
  bottom: -215px;
  left: 0;
  width: 100%;
  height: 200px;
  position: absolute;
}
.mood {
margin: 10px 0;
}
.details-table td b {
text-decoration: underline;
}
nav .top .left .logo {
content: url('https://files.catbox.moe/f702lq.png');
}
.profile-info, .profile-info a {
border: none;
font-size: initial !important;
}
.links {
text-align: center;
}
.profile .url-info {
padding: 20px 0;
text-align: center;
}
nav {
margin: 10px 10px 0 10px;
}
footer {
margin: 0 10px 10px 10px;
padding: 5px 5px 10px 5px;
}
.profile .blurbs .heading {
display: none;
}
.online img {
display: none;
}
#comments {
padding: 0 0 10px 0;
}
.friends-grid {
text-align: center;
}
.details p:first-child {
  font-style: italic;
  font-size: 1.1em;
}
#comments .inner {
  height: 600px;
  overflow: scroll;
  overflow-x: hidden;
  margin: 0 7px 10px 7px;
  border-bottom: 1px solid #444;
}
.comment-reply:not(:first-child) {
  border-top: 1px solid gray;
}
footer p:first-child:after {
content: "(c) Layout created by @fluorescent_lights (https://spacehey.com/fluorescent_lights)";
display: block;
margin: 10px 0 0 0;
}
/* end of element specific styles */
</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 132 comments ( View all | Add Comment )

tails	1743683579 Using!! Report Comment
Mio	1743624957 using! :D Report Comment
𐂯( ꩜ ᯅ ꩜;)⁭ 𝐍𝟎𝟎𝐧 {¬ºཀ°}¬𐂯	1743457740 using, thanks >:3 Report Comment
ᶻz ◜Max◞ 𖦹	1743354082 usingggg Report Comment
Coffee Pie	1743353995 Using!! <3 Report Comment
kamilequa	1743249936 using Report Comment
nick	1743240824 using, thx!! Report Comment
𝓐𝓷𝓬𝓻𝓪𝓽𝓲𝓬☆	1743107296 Using !! Report Comment
m3	1743100651 usingg, tysm Report Comment
Hoshie	1743087056 using :] Report Comment
scatterbrain? ⦻	1742995642 using probablu :P Report Comment
Kit	1742935749 Using!! Report Comment
A S T R O	1742720188 USINGGG!! Report Comment
Ross	1742494268 using probably ! Report Comment
Copperfield.⋆. 𐙚 ˚	1741894012 Using Report Comment
Jack	1741626675 Thank you for letting us use!! So cute!! Report Comment
Jack	1741626675 Thank you for letting us use!! So cute!! Report Comment
Jack	1741626675 Thank you for letting us use!! So cute!! Report Comment
xXbig_chimpinXx	1741468503 using :D Report Comment
CanartiPro	1741283170 Usinggggggg Report Comment