ocean at dawn

Tags: pink, sunset, sunrise, beach, simple

Description:

a pink beach/mermaid/sunrise themed layout based on aleeex's simple sunflower layout (https://layouts.spacehey.com/layout?id=105) my first ever proper layout! (made it for a friend to get her onto spacehey)

Preview:

click on the image for a larger preview

Code:

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

<style>
.online { visibility: hidden; } .online img { content: url("https://media.tenor.com/9farGz4RvHAAAAAi/aesthetic-rainbow.gif"); animation-name: none; visibility: visible; height: 45px; width: 45px; }
</style>




<style>

    :root {
        --logo-blue: #;
        --darker-blue: #;
        --lighter-blue: #F6D5CE;
        --even-lighter-blue: #ccc;
        --lightest-blue: #b893be;
        --dark-orange: #333;
        --light-orange: #181818;
        --even-lighter-orange: #404040;
        --green: #38d;
    }

    * {
        font-family: monospace;
    }
    


   .contact {
  border-radius: 25px;
  background: url(https://i.pinimg.com/236x/96/98/09/96980955ae469d649ff48635cbadad30.jpg);
  background-position: center center;
no-repeat fixed; background-size:cover;
  padding: 20px;
  width: 250px;
  height: 150px;
  color: white!important;
}


  table, tr, td { 
  background-color:transparent; 
 } 

  table, tr, td { 
  background-color:transparent; 
 border:none; 
 border-width:50px; 
 } 

  table table table { 
  width:80%; max-width:600px; } table table table table { width:100%;; 
 } 
 
    
    

    body
        {background: url("https://i.pinimg.com/originals/8d/3b/90/8d3b901f835eaf10caf459b698e86ab3.jpg")
        no-repeat fixed; background-size:cover;
        
        }
    .url-info{display:none !important;}

     }

    .blog-preview p {
        background-color: none;
        padding: 5px 10px;
        border-radius: 10px;
        color: black;
    }

    .blog-preview p a{
        color: #A28DB8  !important;
    }

    .blog-preview p a:hover,
    .blog-preview p a:active,
    .blog-preview p a:focus{
        color: white!important;
    }

    nav {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
    }

    .profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border: none;
    }

    table.details-table {
        border-collapse: collapse;
    }

    table.details-table td {
        background-color: transparent !important;
    }

    .profile-pic {
        border-radius: 500px;
        overflow: hidden;
    }

    .heading {
        padding: 5px 0 !important;
        margin-top: 15px;
        margin-bottom: 10px;
        background-color: transparent !important;
        color: #4B967D !important;
        border-bottom: 2px solid;
    }

    main {
        border-radius: 0 0 15px 15px;
      background: rgba(221, 183, 182, 0.8)
        !important;
    }

    .container {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
        margin-top: 30px;
        padding: 10px;
    }

    footer {
        border-radius: 15px;
        background: rgba(211, 183, 208, 0.94) !important;
        display: block !important;
    }

    table.comments-table td {
        background-color: white !important;
    }

    .comments-table td:first-child img {
        width: 80px;
        border-radius: 500px;
    }

    .profile .friends .person img {
        border-radius: 500px;
    }
    
     table.comments-table td {
  background: url(https://i.pinimg.com/236x/96/98/09/96980955ae469d649ff48635cbadad30.jpg);
no-repeat fixed; background-size:cover;
  padding: 20px; !important;
    }

    .blog-preview p {
        font-size:0.9rem;
    }
    
    table.comments-table{
display: block;
height: 220px!important;
overflow-y: scroll;
}


    a.addme {
        font-size: 2rem;
        font-weight: bold;
        margin-bottom: 15px;
        display: block;
    }
h1, .count, .friends a p {
     color: #B57484; }

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

	1744485933 using Report Comment
Nola ⚯ ͛	1744377883 do u know which part of the code gives the mermaid picture to the contact box? Report Comment
Pikatyt	1744301042 using Report Comment
𝓢𝓱𝓲𝓻𝓵𝓮𝔂	1743941772 using Report Comment
Dawn	1742254822 Awesome using Report Comment
⁀➴⠀ ⠀ ⠀ ⠀ ⠀ℋenry	1741483143 using Report Comment
Lana	1741210490 using! Report Comment
jimmy	1740115681 us1ng !!!!! Report Comment
Inna Ezhevichnitsa	1737029790 using💋 Report Comment
BreaJae	1736697837 Using 🤎 Report Comment
Blankets	1735609929 Using! Report Comment
m .	1734872570 usinggg Report Comment
Rheya>.<	1733225743 usingg:3 Report Comment
robotsleep	1725413311 using Report Comment
𝖡𝗈-𝗆𝗂(⁠.⁠ ⁠❛⁠ ⁠ᴗ⁠ ⁠❛⁠.⁠)sʜᴇ/ʜᴇʀ	1722721489 Спс Report Comment
Cherry🍃🔮	1722401476 Using !!! Report Comment
dreaming lamb! (rus/eng)	1721148276 using! ↖(^ω^)↗ Report Comment
mewbun	1720982682 using!! Report Comment
MoonBased	1720352593 using!! Report Comment
valee__.	1718852178 using!! Report Comment