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

CrystallizedMoon	1785857129 Using ^^ Report Comment
𝑪𝒐𝒓𝒑𝒔𝒆 𝑷𝒓𝒊𝒏𝒄𝒆𝒔𝒔 💗💌	1785519560 usingg :D Report Comment
･῾ ᵎ⌇ ⁺◦ 💮 ✧.	1781490341 Usando Report Comment
✮ Novalyn Solativa ✮	1770987429 Using Report Comment
♰ ˚₊‧ ꒰ྀིঌ danica ໒꒱ྀི ‧₊˚ ♰	1763662898 using ! <3 Report Comment
caitlynlong_	1761957524 using :) Report Comment
♡ANGELO♡	1757875801 Using Report Comment
sealavenderx	1753226130 using :)) Report 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
Pika	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