Teal/Lavender Layout

Tags: teal, lavender, purple, katie

Description:

If you like this style, you can use it in your profile, BUT at least, ADD ME or COMMENT BELOW and give me some kudos! I spent time for making this layout!!!

Credits are appreciated (a post, a bulletin or something else that can support me)

You have permission to use this for your Layout only, you don't have permission to post elsewhere without giving a link to the original crediting me.

Preview:

click on the image for a larger preview

Code:

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

<style>

h1, h2, h3, h4,h5,a, p, nav label, .section {color: teal;}

h1 {
  color: teal;
  text-shadow: 1px 1px 2px black, 0 0 25px yellow, 0 0 5px yellow;
}

h1, h2, h3, h4, h5, a, p, nav label, .section{ text-transform:lowerercase !important;
}


:root {
        --logo-blue: ;
        --darker-blue: ;
        --lighter-blue:teal;
        --even-lighter-blue: ;
        --lightest-blue: ;
        --dark-orange: ;
        --light-orange: ;
        --even-lighter-orange: ;
        --green: teal;
    }


.online{
  color: #98FF98!important;  
}

Main {background: url("https://wallpapercave.com/wp/wp6219357.jpg")
        no-repeat fixed; background-size: cover;
     }

body
        {background: url("https://www.solidbackgrounds.com/images/2560x1440/2560x1440-teal-solid-color-background.jpg")
        no-repeat fixed; background-size: cover;
     }


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

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

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

    a.ditto-link {
        display: block;
        margin: 10px 0;
        color: #cc3e3e;
        font-size: 1.4rem;
        font-weight: bold;
        animation: blinker 1s linear infinite;
    }

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

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

   

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

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

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

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

    .profile .friends .person img {
        border-radius: 500px;
    }

    .blog-preview p {
        font-size: 1.4rem;
    }

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

n444omi	1713568284 using!! :o) Report Comment
Mikeistiredd	1713277553 Using :p Report Comment
crystalocto	1710033796 Using!! Report Comment
vee ♡ (autoplay!)	1699710303 Using!! Report Comment