haunted forest

Tags: paranormal, ghosts, forest, dark, retro, haunted, green, layout, basic, simple

Description:

comment if used! no credit needed but its appreciated :D

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ray ☆ 🍉 (https://layouts.spacehey.com/layout?id=90607) -->

<style>

body{
background: url(https://i.pinimg.com/564x/95/1f/ed/951fed2510328b0dc6537b74724999d6.jpg);
}

main{
background: url(https://i.pinimg.com/564x/ed/f5/33/edf5334016246191699f0e2f90a46f82.jpg);
    border: 1px solid white;
    border-radius: 8px;
    box-shadow: 0 0 10px white;
    color: white;
    text-shadow: 2px 2px black;
}

nav .top{
background: transparent;
}

nav .links{
background: transparent;
text-align: center;
}

nav{
background: url(https://i.pinimg.com/564x/7f/29/94/7f29943236e49b0f18f4f7d29cb76822.jpg);
    background-position-y: 104px;
    filter: contrast(0.8);
    background-position-x: center;
    margin-top: 20px;
    margin-bottom: 15px;
    border: 1px solid white;
    box-shadow: 0 0 10px white;
    border-radius: 8px;
}

nav .links a {
    text-decoration: none;
    color: white;
    text-shadow: 0 0 8px #02ffea;
    font-size: 0.98em;
    font-size: max(0.98em, 12px);
}

button, input {
    overflow: visible;
    background: white;
    border: none;
    border-radius: 8px;
    padding-bottom: 2px;
    padding-top: 2px;
    box-shadow: 0 0 7px white;
    color: black;
}

.profile h1 {
    font-size: 1.5em;
    margin: 0 0 10px 0;
    text-align: center;
    font-size: 180%;
}

.edit-link {
    font-size: 90%;
    text-align: center;
}

a {
    color: white;
    text-decoration: none;
    text-shadow: 2px 2px black, 0 0 5px aquamarine;
}

.general-about .profile-pic img {
    max-width: 160px;
    max-height: 160px;
    border-radius: 100px;
    border: 2px solid white;
    box-shadow: 0 0 10px white;
    filter: saturate(0.5);
}

.award a {
    color: white;
    text-decoration: none;
}

.online {
    color: #0C8C00;
    font-weight: bold;
    font-size: 95%;
    filter: brightness(100) saturate(0) drop-shadow(0px 0px 4px aquamarine);
}

.heading {
    background: #0000006e!important;
    color: white!important;
    padding: 2px 7px;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 10px;
}

.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
    width: 100%;
    border: none;
    margin: 10px 0;
}

.contact .inner, .table-section .inner, .blurbs .inner, .friends .inner {
    background: #00000042;
    border-radius: 8px;
    padding: 10px!important;
}

.details-table td:first-child {
    color: white;
    font-weight: bold;
    width: 33%;
    background: #0000005e;
    border-radius: 8px;
    padding: 10px;
}

.details-table td {
    background: #0000003d;
    vertical-align: top;
    border-radius: 8px;
    padding: 10px;
}

.profile-info {
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 5px;
    margin-bottom: 10px;
    background: #0000004f;
    border-radius: 8px;
}

.profile .blurbs .section h4, .count {
    margin: 0;
    color: white!important;
    text-align: center;
}

.comments-table td:first-child, .music-table td:first-child {
    background: #0000003d;
    text-align: center;
    font-weight: bold;
    width: 38%;
    border-radius: 8px;
}

.comments-table td, .music-table td {
    background: #0000003b;
    vertical-align: top;
    border-radius: 8px;
}

.comment-replies {
    padding: 0 5px;
    border: none;
    margin-top: 10px;
    background: #00000047;
    border-radius: 8px;
}

table.comments-table, table.music-table, table.bulletin-table, table.forum-table, table.groups-table {
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    border: transparent;
}

footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background-color: #0000006e;
    color: white;
    border-radius: 8px;
}

a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
    color: aquamarine;
    text-decoration: underline;
}

.contact:before {
    background: #0000008a;
    content: "made by ray ☆ 2.0";
    padding: 14px;
    padding-left: 86px;
    padding-right: 95px;
    text-shadow: 0 0 5px white;
    text-decoration: underline;
}

.profile .mood {
    width: 100%;
    display: inline-block;
    margin-bottom: 26px;
}

.profile .friends .person p {
    color: white;
    font-weight: bold;
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    font-size: 100%;
    text-align: center;
}

.contact .heading {
    margin-top: 28px;
}

.profile .friends .person img:not(.icon) {
    max-width: 95px;
    max-height: 95px;
    display: block;
    margin: 0 auto;
    border-radius: 100px;
    border: white 1px solid;
    box-shadow: 0 0 10px white;
    filter: saturate(0.5);
}

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

Londynn	1760738798 Using:) Report Comment
:.｡. Mari .｡.:	1760596723 using! Report Comment
Argus	1759876090 love itt :> Report Comment
Silver	1758961749 usinggggg Report Comment
sleepyineden	1758925481 using!! (with some adjustments) :3 Report Comment
Cinnamon	1758809568 using!! thx!! Report Comment
Gremlin	1758552701 Using!! Thanks!! :3 Report Comment
Milo	1757473654 might use Report Comment
meowmeownyon!	1757313951 using! Report Comment
Bailee	1756731850 using Report Comment
[maya]	1755479508 using! Report Comment
Yuquilli	1754985164 Using! Report Comment
anya	1752304177 using!! Report Comment
KYLE☆	1751784712 Using Report Comment
charbarcinnabar	1751342622 using, thanks! Report Comment
cordis	1750030666 curiouser and curiouser definitely using Report Comment
fairyglitterglizzy	1749729009 Using !!! Report Comment
doppioswifey	1749494154 USING Report Comment
Yushee	1747567682 USING GRGRRGHRGAAAAAA Report Comment
Jo ☆	1747554944 Not sure yet but maybe ill use it Report Comment