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

heleina	1786774106 usinggg Report Comment
a	1786634612 using!! Report Comment
Kiki	1786399410 using Report Comment
jane.exe	1786389493 omg so kute using !! Report Comment
zai	1786226894 Usandoo Report Comment
riley	1786153725 using!! Report Comment
Misa	1785909953 Using Report Comment
Xxvamp1re_b0YxX (wip proflie)	1785878331 using!! Report Comment
Yalisnotokay_I promise	1785729937 using!! Report Comment
˖ ࣪✦ ꒰ [𝑨]lice! « 🌟	1785726059 Usingggg!!!! Report Comment
Kurosu	1785712536 using Report Comment
dante ^_^	1785386681 using ^_^~! Report Comment
TrAsh	1785349608 USING Report Comment
princess_creepygirl	1785202448 using Report Comment
˚₊‧꒰ა mimzy ໒꒱ ‧₊˚	1785112799 using! Report Comment
cassiethedarlingangel	1784487387 using this!! Report Comment
ailuu	1784303545 using Report Comment
nerds	1784252883 using Report Comment
izyicekream	1783700707 usinggff(⁠；⁠^⁠ω⁠^⁠） Report Comment
Sammie (￣ω￣;)	1783558614 using Report Comment