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 ✴𝖛𝖆𝖑𝖊𝖓𝖙𝖎𝖓𝖊✴ (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 63 comments ( View all | Add Comment )

Danyelle	1732159744 using Report Comment
Tutrabuctorlocal!	1732118987 Using! Report Comment
Saiskudios	1731543819 Using! Report Comment
Maneko!!👁	1731346837 Using!! Report Comment
Jasper	1731037644 Using Report Comment
Corpse	1731014760 using! Report Comment
cauy	1730833865 using Report Comment
BLOODY IRIS OF THE SUN	1730827244 howd you get the contact box image Report Comment
f1shbones	1730717437 Using this Report Comment
⋆✭☾·ast3r·☽✭⋆	1730667007 maybe i will use Report Comment
♬ Phoebe! 𓅆	1730586488 Using!! Report Comment
brooklynn	1730581402 using !! Report Comment
Zeke_R	1730031550 uzing diz!! Report Comment
liam	1729581497 using :J Report Comment
BCSX	1729537917 using Report Comment
messier76	1729054793 using! (^^) Report Comment
slacker	1728944530 using !! :) Report Comment
ILoveGlory	1728942314 using! :)) Report Comment
BLADE	1728824345 using Report Comment