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

✸Faraday✸	1779314643 Using! Thank you for posting this! Report Comment
.memz15	1778377408 Using (⁠・⁠∀⁠・⁠) Report Comment
𝕹ᥱᥕ𝗍𝖿ᥲᥒᥒ	1778262117 using Report Comment
𝓀𝓊𝓇𝓉	1777988323 usinggggg Report Comment
Gray_Day	1777949938 Using the layout and very exited thank yewww :D Report Comment
Edddaaah🦝	1776198996 usingg Report Comment
val	1775622393 using :p Report Comment
swagger	1775489372 using Report Comment
Muted	1774897255 using! Report Comment
Frey	1774109901 using Report Comment
Fenomeno	1773899552 using! Report Comment
SuperComputer	1773857720 using !! Report Comment
𓏵﹒sam ノ castiels bfie . 🐾	1773717060 using ! Report Comment
miko	1773437593 using Report Comment
I'm Tearly	1773341575 usingg Report Comment
•°.◦lottie	1773115128 using!! Report Comment
𖤐Jake𖤐	1773052062 beautiful layout, thank you! using :) Report Comment
⋆｡𖦹°⭒˚｡⋆	1772985643 using <3 Report Comment
kenzie <3	1772940945 using!! Report Comment
★𝐂𝐮𝐩𝐢𝐝-𝐁𝐨𝐲𓆩♡𓆪	1772406388 use Report Comment