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

Nevergreen	1788890741 using!! Report Comment
⦻RORY	1788338332 using!!! Report Comment
riot	1787392201 using!! Report Comment
˚₊ ⋆✧Madi✧ ⋆ ₊˚	1787126213 using!! Report Comment
Roa	1787018850 used Report Comment
creepy_sam7	1786729813 using :D Report Comment
Appliot \| Elliot	1786547623 Using, ty ! Report Comment
Kieran >_<	1786131388 using Report Comment
chesterfield	1786008228 usinnn Report Comment
Francisco	1785362719 Using Report Comment
sofi	1784757185 using Report Comment
Grogulus!	1784706252 using Report Comment
Deyvi	1784689977 using Report Comment
Alex	1784252138 Using Report Comment
Poptart :3	1784057887 Using Report Comment
issled	1783549815 using! Report Comment
Onyx-chan ^_^	1783338039 using Report Comment
rex the dinosaur ᝰ🚬	1782833438 using Report Comment
Cypress	1782452296 love it <3 Report Comment
Ale <3	1782404337 Using <3 Report Comment