Pastel Layout

Description:

Pastel layout I did in my spare time, credit appreciated but not necessary. You can view the full layout on my page until I eventually make a new layout for my main

Preview:

click on the image for a larger preview

Code:

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

<style>

/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat991.cur), auto !important;} /* End https://www.cursors-4u.com */

    .contact:after {
        width: 98%;
        height: 179px;
        display: block;
        content: "";
        background-color: transparent;
        background-image: url('https://i0.wp.com/38.media.tumblr.com/0d9dc0e014e173618adcf22fa8f47a9c/tumblr_neqyicWGSs1u1nuzeo1_500.gif');
        background-position: center;
        background-size: 240px;
        background-repeat: no-repeat;
    }
    
    body {
        background-image: url(https://i.pinimg.com/originals/97/7a/ee/977aee5162b2c60ad8d109d8299435d9.gif);
        background-size: 800px;
        background-attachment: fixed;
    }
    
    nav .top {
        background-image: url(https://data.whicdn.com/images/321706573/original.png);
        background-size: 380px;
        background-position: center;
        border-radius: 30px;
        border-style: dashed;
        border-color: white;
        box-shadow: 0px 0px 10px;
    }  

    
    .profile {
        background-image: url('https://64.media.tumblr.com/c9cceb9c863a72f238bd1cb80deda477/tumblr_ozrjgdYG7i1uzwgsuo1_400.gifv');
        background-size: 1100px;
        background-attachment: fixed;
        border-radius: 20px;
        border-style: dashed;
        border-color: white;
        box-shadow: 0px 0px 13px;
    }
    
    main {
        background-color: transparent;
        color: white;
        text-shadow: 1px 1px 0px #ff70b0;
    }
    
    nav .links {
        background-color: #e59eff;
        border-radius: 30px;
        box-shadow: 0px 0px 10px;
        padding: 3px;
    }
    
    
    .profile-pic {
        border-style: dashed;
        border-color: white;
        box-shadow: 0px 0px 10px;
        border-radius: 7px;
        overflow: hidden;
        animation-name: example;
        animation-iteration-count: infinite;
        animation-duration: 1.4s;

    }
    
    .profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border-color: white;
        border-style: dashed;
        border-radius: 6px;
        overflow: hidden;
        box-shadow: 0px 0px 5px;
    }
    
    table.details-table td {
        background-color: #ffbdd961!important;
        box-shadow: 0px 0px 3px white;
        border-radius: 6px;
    }
    
    .heading {
        margin-top: 3px;
        margin-bottom: 4px;
        background-color: transparent !important;
        color: white !important;
        border-bottom: 2px dashed;
    }
    
    .container {
        border-radius: 5px 5px 0 0;
        overflow: hidden;
        margin-top: 15px;
        padding: 10px;
    }
    
    footer {
        border-radius: 5px;
        border-style: dashed;
        border-color: white;
        box-shadow: 0px 0px 10px white;
        background-image: url(https://data.whicdn.com/images/321706573/original.png);
        display: block !important;
    }
    
    table.comments-table td {
        background-color:  #ffbdd961!important;
        border-style: dashed;
        box-shadow: 0px 0px 10px;
        overflow: hidden;
        padding: 5px;
    }
    
    .comments-table td:first-child img {
        width: 80px;
        border-radius: 8px;
        border-style: dashed;
        border-color: white;
        overflow: hidden;
        box-shadow: 0px 0px 10px white;
        animation-name: example;
        animation-iteration-count: infinite;
        animation-duration: 1.4s;
    }
    
    .profile .friends .person img {
        border-radius: 8px;
        border-style: dashed;
        border-color: white;
        box-shadow: 0px 0px 10px white;
        animation-name: example;
        animation-iteration-count: infinite;
        animation-duration: 1.4s;
    }
    
    .blog-preview p {
        font-size: 1.7rem;
        background-color: #ffbdd961;
        border-style: dashed;
        box-shadow: 0px 0px 5px;
        padding: 10px;
    }
    
    .online {
        color: white;
        text-shadow: 1px 1px 0px #ff70b0;
        font-weight: bold;
        font-size: 95%;
    }
    
    .online img {
        content: url(https://thumbs.gfycat.com/ImpracticalWelcomeAndalusianhorse-size_restricted.gif);
        height: 2.5em;
        margin-right: 5px;
        animation-name: blink;
        animation-iteration-count: infinite;
        animation-duration: 2s;
    }
    
    .icon, .award img {
        content: url(https://gamingalamode.files.wordpress.com/2015/10/giphy.gif);
        display: inline-block;
        height: 2.0em;
        width: 2.0em;
        margin: 0 .05em 0 .1em;
        vertical-align: -0.3em;
        color: rgba(0,0,0,0);
    }
    
    .profile .blurbs .section h4 {
        margin: 0;
        color: #ff70b0;
        text-shadow: 1.3px 1.3px 0px white;
    }
    
    a {
        color: #ff70b0;
        text-shadow: 1.3px 1.3px 0px white;
        text-decoration: none;
    }
    
    .comments-table td:first-child {
        background-image: url('https://data.whicdn.com/images/321706573/original.png');
        background-size: 400px;
    }
    
    .count {
        color: #ff70b0;
        text-shadow: 1.3px 1.3px 0px white;
    }
    
    .details-table td:first-child {
        background: var(--even-lighter-blue);
        color: #ff70b0;
        text-shadow: 1.3px 1.3px 0px white;
        font-weight: bold;
        width: 33%;
    }

    .profile-info {
        background-image: url('https://data.whicdn.com/images/321706573/original.png');
        background-size: 600px;
        border: 2px solid white;
        box-shadow: 0px 0px 10px white;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px 5px;
        margin-bottom: 10px;
    }

    .profile .friends .person p {
        color: white;
        text-shadow: 1px 1px 0px #ff70b0;
        font-weight: bold;
        width: 100%;
        word-break: break-word;
        font-size: 100%;
        text-align: center;
    }
    
    @keyframes example {
0% {
transform:translate(0px,0.3px);
}
8% {
    transform:translate(0px,0.5px);
}

16% {
    transform:translate(0px,1px);
}

24% {
    transform:translate(0px,1.5px);
}

32% {
    transform:translate(0px,2px);
}

40% {
    transform:translate(0px,2.5px);
}

48% {
    transform:translate(0px,3px);
}

56% {
    transform:translate(0px,3.5px);
}

64% {
    transform:translate(0px,3px);
}

72% {
    transform:translate(0px,2.5px);
}

80% {
    transform:translate(0px,2px);
}

88% {
    transform:translate(0px,1.5px);
}

96% {
    transform:translate(0px,0.5px);
}

100% {
    transform:translate(0px,0.3px);
}


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

s!mp_030	1652678129 this is amazing! i used the online part and it looks great! Report Comment
Spit ♡	1652588426 adoreee this layout Report Comment
dollymolly	1652103841 using! Report Comment
Kay✨	1651636145 Super cute 💕 Report Comment
Shoopuf	1651000281 Banger layout. Some ARTISTRY on display Report Comment
ririりりちゃん	1650940040 luv it!!! Report Comment
valery!!!	1650555345 this is so cool!!! Report Comment
heejin	1650461182 tysm thats super cool Report Comment
jules	1650451853 thank u sm, i will use it !! Report Comment
seren	1649889303 totally gonna use this:) tyy Report Comment
Starr!!	1649394417 This layout is so cool!! I'll be using this! Report Comment
BBELLZ	1649281304 i love this ,, thank you! Report Comment
sophie	1648641999 it's so cute!! thank youuuuuu Report Comment
Vroski	1648352742 Thank uuuu! :-D Report Comment
Cyber Yana	1648273780 thank youuuu Report Comment
Jazz♡	1648222091 I might get this one latr Report Comment
Fizzy	1648096572 Tyyyyyyy Report Comment
Blu ╰(°▽°)╯	1647883908 love it so much!!! its so god damn cute Report Comment
Purple	1647613024 Loveeeee it Report Comment
Void	1647550744 Thank you!! So cute Report Comment