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

‧₊˚ hashr1ne 𖦹 ✩	1761753768 using!! Report Comment
zack :p	1761611578 I'm gonna use 🥧 Report Comment
L4cEy... (╥﹏╥)	1761458501 usingg!! Report Comment
sadie	1761351864 usingg Report Comment
Cosmic Butterfly	1761349109 Using!! Report Comment
loloryee	1761342857 Using!!! Report Comment
M0NKYPAWZ	1761025593 Uzing!!! Report Comment
MAXSHALL!!1!	1761012461 usingg!!!! Report Comment
Mimi !	1760772016 using Report Comment
unusualthoughts	1760635679 using!! Report Comment
lili	1760634449 usinggg Report Comment
༺ღ༒ 𝑩𝒖𝒏 𝑩𝒖𝒏༒ღ༻	1760631931 Usiing Report Comment
Kween of Cuteness	1760376745 Usangggg ittt Report Comment
kyukurarin♡	1760290190 using!! Thank you soo much!( ˶˘ ³˘)♡ Report Comment
idaidaida	1760240607 using :33 Report Comment
kim!	1760221302 using!! it's so cuteee!!!! Report Comment
kz ;3	1760216195 using :3 thanks so much! Report Comment
mrkittyirl	1760075672 using !! thank u :D Report Comment
cupcake lover	1760062696 USING!!! ^_^ (for the meantime cuz I messed up the code for my own profile layout) Report Comment