Beach

Layout CSS

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

<style>

<!-- (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>

height: 100%;
background-position: center;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
}

main{
   margin-top: 10px;
   background-color: rgba(1,1,1,0.4);
   border: 1px solid white;
   border-radius: 8px;
   box-shadow: 0 0 10px black;
   color: white;
   text-shadow: 1px 1px #292929;
}

nav .links li .icon{
content: url(https://64.media.tumblr.com/c9a50c26550c1afaf767bc021f4dcafd/47a4384795cbfe1a-6a/s75x75_c1/c0964943c74543ac8c0f62a837d7234110a57e44.gifv);
}

nav .links {
    background-color: transparent;
    padding: 3.5px 16px;
    text-align: center;
    margin-top: 10px!important;
    margin-bottom: 10px!important;
}

nav .links a {
    text-decoration: none;
    color: white;
    text-shadow: 0 0 2px #121826, 0 0 2px #96b2eb, 0 0 2px #96b2eb, 0 0 2px #96b2eb, 0 0 2px #96b2eb, 0 0 2px #96b2eb;
    font-size: max(0.98em, 12px);
}

font-family: "Times New Roman " , Times, serif;
font-size: 20px;
font-display: bold;

a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
    color: #445478;
    text-decoration: none;
    font-style: italic;
}

a {
    color: #5f729e;
    text-decoration: none;
}

:root {
  --logo-blue: rgba(255, 255, 255, 0.4);
    --headers: rgba(255, 255, 255, 0.4);
    --darker-blue: rgba(255, 255, 255);
    --lighter-blue: rgba(255, 255, 255, 0);
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: ;
    --light-orange:  rgba(255, 255, 255, 0);
    --even-lighter-orange: rgba(255, 255, 255);
}

nav .top .left .logo {
   width: 165px;
   height: 42px;
   filter: drop-shadow(2px 4px 6px black);
}

nav .top{
   margin-top: 10px;
   background-color: rgba(1, 1, 1, 0.4);
   background-size: cover;
   border: 1px solid white;
   border-radius: 5px;
   box-shadow: 0 0 8px black;
}

button, input {
   overflow: visible;
   background: white;
   color: black;
   border: none;
   box-shadow: 0 0 5px white;
   border-radius: 5px;
}

footer {
   text-align: center;
   font-size: 70%;
   margin: 10px 0 10px;
   padding: 10px 5px;
   background-color: transparent;
   color: white;
}

.comments-table td:first-child, .music-table td:first-child {
   background: #000000;
   text-align: center;
   font-weight: bold;
   width: 38%;
}

.comments-table td, .music-table td {
   background: #000000;
   vertical-align: top;
}

</style>