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

MAYUMI:)	1767760476 USANDO :) Report Comment
ZUFUX	1767732633 COOL! USINGGGGGGGG!!! Report Comment
SanguineXCicada	1767675758 Using! Thank you so much!! Report Comment
Bobby	1767516277 using Report Comment
Mary Lavinia	1767453314 using Report Comment
Casper	1767056977 Using!! Report Comment
victoria	1766910840 using Report Comment
ℭ𝔄𝔎𝔈	1766882775 Using! Report Comment
Arslan	1766765739 using Report Comment
DingusDog935	1765891722 using!! Report Comment
Will ! (Extreme wip)	1765709405 Using! ^,..,^ Report Comment
☆eternallydum☆	1765142177 Using!! Tysm for the cool layout Report Comment
<Eleanor>	1763419809 Using this thx:0 Report Comment
dirtty.paws.wild.heartt	1762843970 Using Report Comment
grassoverass	1762838470 using Report Comment
mikah 🦴	1762408205 using Report Comment
Jun꩜	1762294850 Using Report Comment
sparrow	1762144926 using! Report Comment
Lazy ghost in the woods	1762010133 Using!! <3 Report Comment
Ádhamh	1761536709 using!! Report Comment