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

C.L.O.V.E.R	1772914305 using! Report Comment
إِيمَان	1772771886 def using !! Report Comment
Zoe	1772711379 Using Report Comment
✧Viva✧	1772703191 using Report Comment
ollie xx ⋆	1772602628 usingg Report Comment
Ev!!	1772572457 using! Report Comment
Katie ⭑.ᐟ	1772316270 Using!! This is soo cuteee 🧁 Report Comment
dany	1772312175 using <3 Report Comment
shalom	1772202341 using!!! Report Comment
twwcw22	1772195672 usiiing!! ;P soo pretty Report Comment
toot toot	1771964805 using Report Comment
toot toot	1771964783 using Report Comment
Andy丰︎	1771941626 using!!! Report Comment
Wendy (joe's version)	1771890104 using! Report Comment
Wendy (joe's version)	1771890102 using! Report Comment
5561	1771645652 using ^_^ Report Comment
zee	1771638344 uussinng :) Report Comment
Rigby tomate con sal y lechuga	1771630269 Using Report Comment
hku	1771575694 USINGG Report Comment
Katy	1771573784 Using:) Report Comment