tranquil clouds

Tags: dreamy, hazy, tranquil, clouds, compact, simple, pink, suni

Description:

tranquil clouds

simple and compact just the way i like it. a dreamy layout with what might be my favorite color palette yet.

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 made by me!)

♥ 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 :^)

if you want your friends and view all | add comment links to show erase this

.friends
{display:none;
}

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Satisfy&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 .table-section {color: white!important;}
        p {color: #e1a99d!important;
        }
        
    .profile .blurbs .section p {
	color: #4a425a!important;

}
    
   .profile .right {color: black;!important}
   p {color: black;!important}
        
    
    nav img.logo{
        filter: brightness(0) saturate(100%) invert(25%) sepia(12%) saturate(1053%) hue-rotate(218deg) brightness(92%) contrast(88%);
    }
       
    .search-wrapper input[type=text] {
        font-family: times;
        background-color: white!important;
        border: 1px straight!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: #e1a99d!important;
        width:;
        color: #4a425a!important}
       
    
    body {
        background: white;
        background-image: url("");
        background-size: px;
        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: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 {
       
    }

    nav .links{
        background: transparent!important;
        border: none;

        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 black 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:hover{
        filter: sepia(50);
      -webkit-filter: sepia(50);
      -webkit-transition: all 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 {
        font-size:70px!important;
        font-family: satisfy;
        font-weight: 200;
        transform: ;
        -webkit-text-stroke-width: 2px;
        -webkit-text-stroke-color: black;
        background: rgb(225,169,157);
        background: radial-gradient(circle, rgba(225,169,157,1) 23%, rgba(140,115,134,1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-text-stroke: black 1px;
        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: 0px 0px 0px 0px;
        border: black solid 1px;
        background: url("https://images.unsplash.com/photo-1593385976243-d79421610526?ixid=MXwxMjA3fDB8MHxzZWFyY2h8NXx8cGluayUyMHNreXxlbnwwfHwwfA%3D%3D&ixlib=rb-1.2.1&w=1000&q=80")!important;
        background-size: cover!important;
        -webkit-background-size: cover!important;
        -moz-background-size: cover!important;
         -o-background-size: cover!important;
        background-repeat: no-repeat!important;
        background-position: center!important;

    }
    
    .container {
        border-radius: 0px 0px 0 0;
        overflow: hidden;
        padding: 90px;
        margin-top: -60px;
    }
    
    .blurbs .heading {
        display: none;
        
    }
    
 
    footer {
        border: solid black 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: #4a425a;
    }
    

    .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: #4a425a!important;
    }
    
    a:hover { 
        text-transform: lowercase;
        color: #4a425a;
        background: #e1a99d;
        border: none;
    }
    
    a:visited {
        color: black!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 10 of 10 comments ( View all | Add Comment )

Milan ♡	1636871823 love! using 💕 Report Comment
MerryGayne	1636707646 Love this, Totally using Report Comment
Precious 💞	1636695720 Love this. Using Report Comment
Ai	1617272046 So cute Report Comment
Frenkli	1617227780 Love this Report Comment
Oshin	1614888625 love your layouts Report Comment
cakez	1614322014 beautiful!! Report Comment
𝒜𝓁𝓎𝓍 𝑅𝓎𝒹𝑒𝓇	1614235878 LOVE IT XXX Report Comment
♡ jazmin	1614221919 Loooove ♡ Report Comment thanks for all the love!! by sun; 1614221983; Report Anytime darling, you're so talented by ♡ jazmin; 1614222190; Report
TWILA'S LAY0UT SHACK	1614057667 Love it boo Report Comment thx bb by sun; 1614058679; Report