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 ☆ 🍉 (yuri lover ⚢) (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 109 comments ( View all | Add Comment )

Aleksandr	1737632305 using!! love this :D Report Comment
Eloy's🥩^^	1737604727 Using!!!! I love it Report Comment
kyo	1737371762 using tysm Report Comment
Gee	1737330292 using!! thank uu Report Comment
⋆˚🐾𝗹𝗲𝗹𝗲𝘅︎︎. ݁₊	1737164954 using Report Comment
DITZY DOLLFACE	1734363170 using!! Report Comment
𝓓𝓻𝓒𝓱𝓮𝓻𝓷𝓸𝓫𝔂𝓵	1733493027 using! Report Comment
vika	1731588258 using! Report Comment
ALEX	1731347023 Using Report Comment
ZombieLuv3r	1730908717 Using Report Comment
trev / chomby (･ ⩊ <)☆	1730874010 using Report Comment
🛸.˚ 0ll!3 ﾟ.🛸	1728943209 using :> Report Comment
Lake :3	1727276296 Using :D Report Comment
Attila🎉	1726275379 Using:3 Report Comment
Dudadidntdo	1725840820 using!!! Report Comment
safanduła	1725376303 using Report Comment
donnyfan83 ☆(＃×.×)	1725232913 Using ! <3 Report Comment
Crystal Cathedral	1724476165 using Report Comment
t	1723394036 using ! Report Comment
darien!?!?	1722804900 usingg Report Comment