Pastel Perfection

Tags: pastel, pink, blue, yellow, rainbow, cute, white, simple

Description:

In a attempt to make a furtergo ergo layout i somehow instead ended with this candy-like layout. I don't want it to go to waste so instead ill post it here Enjoy!!! PS: I have a bloggg!! you can check and see any of mu upcoming works and my layouts Along with what goes on in my daily life

Preview:

click on the image for a larger preview

Code:

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

<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 */

   
    
    nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
        content: " - ";
        color: hotpink;
    }
    
    body {
        background-image: url(https://i.pinimg.com/564x/71/84/bd/7184bd0e5030fdd75934df718f74ccb2.jpg);
        background-size: 300px;
        background-attachment: fixed;
    }
    
    nav .top {
        background-image: url(https://i.pinimg.com/564x/04/c1/e5/04c1e557ddba97e7a780596f5a5c805c.jpg);
        background-size: 300px;
        padding: 30px;
        background-position: center;
        border-radius: 100px;
        border-style: dashed;
        border-color: lightblue;
        box-shadow: 0px 0px 10px;
    }  

    
    .profile {
        background-image: url(''); 
        background-size: 1100px;
        background-attachment: fixed;
        border-radius: 10px;
        border-style: dashed;
        border-color: lightblue;
        box-shadow: 0px 0px 13px;
    }
    
    main {
       border-radius: 30px;
        border-style: dotted;
        border-color: lightblue;
        background-color: whiet;
        color: lightpink;
        text-shadow: 1px 1px 0px #ff70b0;
      
    }
    
    nav .links {
       border-radius: 20px;
        border-style: dashed;
        border-color: lightblue;
        background-color: lightpink;
        text-shadow: 0px 0px 5px white;
      background-image: url('https://i.pinimg.com/564x/d1/1f/c9/d11fc95c625f7ec25c19e6f0e374efd5.jpg') 
      !important
    }
    
    .profile-pic {
        border-style: dotted;
        border-color: hotpink;
        box-shadow: 10px 10px 10px;
        border-radius: 100px;
        overflow: hidden;
        animation-name: example;
        animation-iteration-count: infinite;
        animation-duration: 1.4s;

    }
                 idk
    }
    
    .profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border-color: hotpink;
        border-style: dashed;
        border-radius: 6px;
        overflow: hidden;
        box-shadow: 0px 0px 5px;
    }
    
    table.details-table td {
        background-color: pink; !important;
        box-shadow: 0px 0px 0px pink;
        border-radius: 6px;
    }
    
    .heading {
        margin-top: 3px;
        margin-bottom: 4px;
        background-color: transparent !important;
        color: pink !important;
        border-bottom: 2px dashed;
    }
    
    .container {
        border-radius: 5px 5px 0 0;
        margin-top: 15px;
    }
    
    footer {
        border-radius: 5px;
        border-style: dashed;
        border-color: blue;
        box-shadow: 0px 0px 10px white;
        background-image: url();
        display: block !important;
    }
    
    table.comments-table td {
        background-color:  pink!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: lightblue;
        overflow: hidden;
        box-shadow: 0px 0px 10px yellow;
        animation-name: example;
        animation-iteration-count: infinite;
        animation-duration: 1.4s;
    }
    
    .profile .friends .person img {
        border-radius: 8px;
        border-style: double;
        border-color: pink;
        box-shadow: 10px 10px 0px lightblue;
        animation-name: example;
        animation-iteration-count: infinite;
        animation-duration: 1.4s;
    }
    
    .blog-preview p {
        font-size: 1.3rem;
        background-color: lightyellow;
        border-style: dashed;
        box-shadow: 0px 0px 5px;
        padding: 10px;
    }
    
    .online {
        color: lightblue;
        text-shadow: 1px 1px 0px #ff70b0;
        font-weight: bold;
        font-size: 95%;
    }
    
    .online img {
        content: url(https://i.pinimg.com/originals/7f/2c/50/7f2c5092eb778b3423f634055ffea540.gif);
        height: 2.5em;
        margin-right: 5px;
        animation-name: blink;
        animation-iteration-count: infinite;
        animation-duration: 6s;
    }
    
    .icon, .award img {
        content: url(https://i.pinimg.com/736x/4a/22/c8/4a22c8dadfb4a3e496420840071cc339.jpg);
        display: inline-block;
        height: 2.0em;
        width: 2.0em;
        margin: 0 .05em 0 .1em;
        vertical-align: -0.3em;
      color: black}
    
    .profile .blurbs .section h4 {
        margin: 0;
        color: lightpink;
        text-shadow: 1.3px 1.3px 0px white;
    }
    
    a {
        color: black;
        text-shadow: 0px 0px 10px white; !important
        text-decoration: none;
    }
    
    a:hover {
        animation:blinkingText 1.2s infinite;
    }
    
    @keyframes blinkingText{
        0%{     color: red;    }
        15%{    color: orange; }
         20%{    color: yellow; }
          35%{    color: lightgreen; }
           50%{    color: lightblue; }
            70%{    color: purple; }
      100%{    color: lightpink; }
}
     
    .comments-table td:first-child {
        background-image: url('https://i.pinimg.com/564x/49/90/a0/4990a0164980bb567b0175254a39173a.jpg');
        background-size: 400px;
        background-position: absolute;
    }
    
    .count {
        color: black;
        text-shadow: 1.3px 1.3px 0px pink;
    }
    
    .details-table td:first-child {
        background: var(--even-lighter-blue);
        color: black;
        text-shadow: 10px 10px 10px pink;
        font-weight: bold;
        width: 33%;
    }

    .profile-info {
        background-image: url('https://i.pinimg.com/564x/0a/78/fa/0a78fa256f0b1548bfd7c448eba44421.jpg');
        background-size: 400px;
        border: 4px solid lightblue;
        box-shadow: 10px 10px 10px pink;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px 5px;
        margin-bottom: 10px;
    }

    .profile .friends .person p {
        color: black;
        text-shadow: 10px 10px 10px #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);
}
/* code generated by the spacehey live designer [start] */
main{ background-color: black !important;}
body{ background-color: black !important;}
.table-section .heading, .contact .heading{ color: black !important; background-color: hotpink !important;}
.table-section, .contact{ border-color: black !important;}
/* [end] spacehey live designer */
          </style>

MADE BY SIDEKICKXL (pls give credits when asked)

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

akira キラ 🚬	1745811414 using Report Comment
chloe ୨ৎ	1745808503 usinggg!!! ^_^ Report Comment
Emi	1745771606 using Report Comment
Noele!11	1745687777 using65 Report Comment
ashly ﾒ𝟶	1745594086 using Report Comment
『Ḟ4ȵᶂ@℟4』ᙢ⋓ṦᏥǺ	1745512888 Using! Nice work Report Comment
qiqi (￣o￣) . z Z	1745426325 using!! Report Comment
meowzers !!	1745348384 using!! Report Comment
juju	1745344206 using Report Comment
MAY DAY	1745341944 Using! ty Report Comment
stinepåpinne	1745340984 using! Report Comment
angel	1745244782 using!! Report Comment
bisia	1745212842 Using Report Comment
puppy_rock	1745024087 USINGG Report Comment
arabesque	1744975047 using! Report Comment
Insomnia	1744912549 Using Report Comment
J14	1744719987 using Report Comment
Keily mouse	1744472393 Usando Report Comment
eerie 𐂯	1744322128 using!! Report Comment
Percy	1744171774 using omg so cute! Report Comment