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

🦄꧁༺ＫєĐσ༻꧂🦄	1751018681 Using <3 Report Comment
⭐Aleph ⭐	1750956573 using :D Report Comment
SH	1750783350 Using <3 Report Comment
(¬`‸´¬) vivi	1750632148 usingg !! :3 Report Comment
tskilv	1750596014 using Report Comment
diet ants	1750544679 using!! Report Comment
exolimoncito	1750539460 USINGG :D Report Comment
fae	1750448260 Using Report Comment
♫✮ Noah ✮♫	1750402875 Using Report Comment
pearly_anastasia	1750113274 using :3 Report Comment
cupid	1750051942 using ! Report Comment
✩ CLELIA ✩	1750006455 using<3 ty Report Comment
Gl00my_girl1	1750000793 Using ^_^ Report Comment
dollface	1749872515 using!! Report Comment
Stain	1749805506 using <3333 Report Comment
4ngeLblu33	1749642751 usingg Report Comment
nix	1749589391 using Report Comment
sara	1749578981 using Report Comment
Akira .ᐟ ♡	1749469373 using!! Report Comment
Ellie :33	1749444706 using !! Report Comment