Cursive Purple Layout

Tags: pink, purple, katie

Description:

This was one of the first layouts I made weeks ago

Preview:

click on the image for a larger preview

Code:

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

<style>

body {
  /* sets background */
    background-image: url(https://64.media.tumblr.com/b777316f683d46e8462d2d8af8400f8d/tumblr_pau4lxpFrW1xpnquno1_500.gifv);
    background-repeat: repeat;
    background-size: 50% ;
  }   



h1, h2, h3, h4, p { color:#E6E6FA; }

.container{    
  margin-top:10px!important; 
  width: 950px;
  border: 2px solid purple;
}

nav .links a{    
  font-size: 1em;
  font-weight: 600; 
}

.online{
  color: purple!important;  
}


main {
  background-color: transparent;
  color: purple;
}

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

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

    table.details-table td {
        background-color: #9B30FF55 !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 50px !important;
        margin-top: 15px;
        margin-bottom: 10px;
        background-color: orchid !important;
        color: #2a2a2a !important;
        border-bottom: 2px solid;
    }

   

    .container {
        border-radius: 35px 35px 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;
    }


:root {
        --logo-blue: ;
        --darker-blue: ;
        --lighter-blue: #E6E6FA;
        --even-lighter-blue: ;
        --lightest-blue: ;
        --dark-orange: #D8BFD855;
        --light-orange: #D8BFD855;
        --even-lighter-orange: #D8BFD855 ;
        --green: ;
    }
nav {
  overflow-x: hidden;
  position: relative;
}

nav .top {
  background: transparent;
}

nav .links {
  background: rgba(0, 0, 0, 0.3);
}

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


body { 

font-family: cursive;

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

Neva Lovelady

1612895147

I love your layouts!

Report Comment