Layout published by sun

published 1614040214
updated 1614398345

Add to Favorites

View Layouts

View Profile

Report Layout

compact forest layout

Tags: forest, simple, compact, minimal, serene, calm, suni

Description:

forest

shouts out to ash lynx for this pnw suggestion!

compact and simple forest layout.

this layout will hide your

url
friends
comments (including add/view comments text)
links
profile info (the area at the top where it says "___ is your friend")
headers

these can be reversed, pls message me if there's anything you want visible!
i'm still learning and i'll try my best to help y'all out.

includes cursor and online now icon.

**online now icon fixed!**

♥ if you like it/use it, please leave a comment and add me if you'd like!♥

add a link to add comments by copying and pasting in your who i’d like to meet section (or any section!)

<a href="https://spacehey.com/addcomment?id=YOURIDHERE">leave a comment.</a>

your id is found under your account settings :^)

center your text in blurbs by entering

in which ever section you want your text centered!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by sun (https://layouts.spacehey.com/layout?id=1974) -->

<style>
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap');

    :root {
        --logo-blue: transparent!important;
        --darker-blue: #000000;
        --lighter-blue: #ffcdd2;
        --even-lighter-blue: transparent!important;
        --lightest-blue: #transparent!important;
        --dark-orange: transparent!important;
        --light-orange: #dfd1f4;
        --even-lighter-orange: #FFFFFF;
        --green: #000000;
        
    }
    .section {color: black!important;}
       h4, nav label, {display: none;}
       
           
    .section {color: white!important;}
        p {color: white!important;}
        
    
       
    .search-wrapper input[type=text] {
        font-family: times;
        background-color: white!important;
        border: 1px dotted!important;
        border-radius: 0px !important;
        font-size: 9px;
        
    }
    
    button{
        border-radius: 0px !important;
        border: 1px dotted!important;
        text-transform: lowercase; 
        font-family: times;
        font-size: 9px!important;
        background-color: black!important;
        width:;
        color: white!important}
       
    
    body {
        background: white;
        background-image: url("https://wallpaperaccess.com/full/109538.jpg");
        background-size: 2000px;
        background-repeat: repeat;
        background-attachment: fixed;
        text-transform: lowercase;
        font-family: times;
        font-size:13px!important;
        
    }
    .blog-preview p {
        text-align: center;
        background-color:;
        padding: 0px 1px;
        border-radius: 10px;
        margin-top: -50px;
        color: white!important;
    }
    
  
    
        
    }
    .blog-preview p a{
        color: black!important;
    }
    .blog-preview p a:hover
    .blog-preview p a:active,
    .blog-preview p a:focus{
        color: white!important;
    }
    
  
    nav {
        margin-bottom: 0px;
        border-radius: 50px 50px 0 0;
        color: black!important;
        text-align: center;
        overflow: hidden;
        border: 0px;
        border-color: black!important;
        border-bottom: none!important;
    }
    
    nav .top {
        color
    }

    nav .links {
        background: transparent!important;
        font-size: 11px;

    }

    nav { background: transparent!important; 
        
    }
   
   .contact .heading {
       display: none;
   } 
    .contact {
        font-size: 11px;
        font-family: times;
        border: dotted 0px!important;
        background-image: url("")!important;
        background: ;
        border-top: 0px;
        
    }
    .contact .inner a img {
        font-size: 0;
    }
    .contact .inner a img:before {
        font-size: 1em;
        display: block
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	    /* add to friends */
	    content: url("")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("")
    } 

    .profile-info{
        display: none!important;
    }	
    
    .profile .url-info {
        display:none;
    }
    .profile .table-section .heading {
        display: none;
    }
    .profile .table-section {
        font-size: 11px;
        border: dotted 0px!important;
        border-right: none!important;
    
    }
    .home-actions {
        border: none;
    }
    
    table.details-table {
         border-radius: ;
        border: dotted px;
        border-collapse: collapse;
        border-top: 0px;
        background: trasnparent!important;
        opacity: ;
        
        
        
    }
    table.details-table td {
        order-radius
        background: url("");
        color: black!important;
        border-bottom: dotted px;
        border-right: dotted px
    }
    .profile-pic {
        border-radius: 500px;
        border: solid white 1px;
        overflow: hidden;
        margin-top: 0px!important;
        filter:;
        height: 120px!important;
        width: 120px!important;
        
    }
    
    .profile-pic img{
        max-height: 100%!important;
        max-width: 100%!important;
    }
    
    .profile-pic img{
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
        -webkit-transition: all 1s ease;
    }

    .profile-pic img:hover{
        filter: grayscale(0%);
        filter: gray;
        -webkit-filter: grayscale(0%);
        filter: none;
        transition: 1s ease;
    }

    .heading {
        margin-top: 10px;
        padding: 5px 0 !important;
        background: white!important;
        background-image: url("")!important;
        background-position: ;
        background-repeat: repeat!important;
        border: dotted px;
        color: black!important;
        text
        font-size: 11px;
        text-align: left;
        font-family: ;
        -webkit-text-stroke-width: 0px;
        -webkit-text-stroke-color: black;
        border-bottom: 1px dotted;
        border-color: grey!important;
        line-height: 0px;
    
    }
    h1 {
        background: url("");
        font-size:70px!important;
        font-family: dm serif display;
        font-weight: 200;
        transform: ;
        -webkit-text-stroke-width: 2px;
        -webkit-text-stroke-color: black;
        font-style: ;
        text-shadow: ;
        text-align: left;
        line-height: 55px!important;
        display: block;
        color: white;
        padding: 10px;
        margin-top: -260px!important;
        margin-bottom: px!important;
        
    }
    
    


    
    main:before {
        background-image: url('');
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        color: transparent!important;
        display: block;
        content: "";
        width:;
        height: 300px;
        margin-bottom: -30px;
    
}
    
    main {
        border-radius: 50px 50px 50px 50px;
        border: white solid 1px;
        background: url("https://wallpaperaccess.com/full/109538.jpg")!important;
        background-repeat: no-repeat!important;
        background-position: center!important;
        background-color: white!important;
    }
    
    .container {
        border-radius: 0px 0px 0 0;
        overflow: hidden;
        padding: 90px;
        margin-top: -60px;
    }
    
    .blurbs .heading {
        display: none;
        
    }
    
    footer {
        border-radius: 0px 0px 50px 50px;
        border: 0px;
        border-top: 0px;
        background: transparent!important;
        display: block !important;
        line-height: 0px;
        height: 83px;
        margin-top: -1px!important;
        
        
    }
    table.comments-table td {
        display: none;
        background-color: white!important;
        border: dotted 1px;
        width: 10px!important;
        font-size: 11px;
        
        
    }
    .comments-table td:first-child img {
        width: 60px!important;
        border-radius: 50px;
        
    }
    .profile .friends .person img {
        width: 60px;
        border-radius: 50px;
        
        
    }
    .blog-preview {
        margin-top: -230px;
        text-align: center;
        color: white;
    }
    

    .blog-preview p {
        font-size: .6rem;
        margin-top: -10px;
    }
   

    a.addme {
        font-size: 4rem;
        font-weight: bold;
        margin-bottom: 15px;
        display: block;
    }
 

    a:link {
        color: white!important;
    }
    
    a:hover { 
        text-transform: lowercase;
        text-decoration-style: none!important;
        color: black;
        background: none;
        border: none;
        filter: opacity(100%);
    }
    
    a:visited {
        color: grey!important;
    
    }

.friends
{display:none;
    }



    .table-section:last-child {
         display: none !important;}
 

  .online {
        content: url("https://i.ibb.co/rZctnwP/onlinebw.gif");} 

    

*
 {cursor: url(https://cur.cursors-4u.net/others/oth-6/oth589.cur), auto !important;}


</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 )

𝓔𝓷𝓷𝓲𝓼 𝓓𝓮𝓵 𝓜𝓪𝓻	1778132373 using Report Comment
yetmyheart	1777233987 hi, i doubt you will see this since it says you havent been active in 2 years but im desperate T-T i want to have the links showing but im struggling to understand where in the code it is. if theres anyone who can help lmk plsss Report Comment
jimmy	1774317154 Usin' Report Comment
rexophobia	1772636350 using thx Report Comment
Archer	1772593001 using!! Report Comment Using!! :] by Archer; 1772593021; Report
Paradox.	1771339397 Using Report Comment
🍰🧁🍬🍨 𝓒𝓵𝓾𝓶𝓼𝔂 🥧🎂🍦🍭🍩	1770649506 using Report Comment
emoCDplayer	1769094129 using! Report Comment
𝓘ssac ﹒ᐢ..ᐢ	1767239570 using Report Comment
brendyl	1766450896 Using, thank you :)) Report Comment
¿Кабадаth¿	1766208422 using ^^ Report Comment
juneausrockgarden	1763260071 using thank you!! Report Comment
Elliott ⸙	1762362948 using, thanx Report Comment
Spearmint	1761638916 Using! Report Comment
El7	1759993641 usingg Report Comment
Fern Eveland	1759960524 Usinggg Report Comment
★míoda★	1758051663 using <3 Report Comment
♡ANGELO♡	1757875135 Usin! Report Comment
muddy >_<	1757364655 usinggg! :) Report Comment
emmett!!	1756136418 using!! Report Comment