2000s Nostalgia LPS <3

Tags: y2k, pink, lps, littlest pet shop, pastel, aesthetic, kawaii, blue, nostalgia, 2000s

Description:

Really pretty nostalgia Littlest Pet Shop CSS! If you have any suggestions for codes/themes I should do, DM me or comment!! :D Hope you enjoy!

Preview:

click on the image for a larger preview

Code:

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

/*
<div class="RIGHTITEM"></div>
<div class="LEFTITEM"></div>
<style>
/*
/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/cursors/cur-9/cur838.cur), auto !important;} /* End https://www.cursors-4u.com */
    .LEFTITEM {
        background: url('https://images-ext-2.discordapp.net/external/RqFXl5jL2zQesex5sU_GprdNAtBmVrpvyAkmJbQluq0/https/media.tenor.com/YL-a_4n0wl0AAAAi/littlest-pet.gif') no-repeat;
        background-size: 75%!important;
        position: fixed;
        left: 7px;
        bottom: -87px;
        height: 370px;
        width: 320px;
        z-index: 1000;
        opacity: 100%;
        pointer-events: none;
    }

    .RIGHTITEM {
        background: url(https://images-ext-2.discordapp.net/external/RqFXl5jL2zQesex5sU_GprdNAtBmVrpvyAkmJbQluq0/https/media.tenor.com/YL-a_4n0wl0AAAAi/littlest-pet.gif) no-repeat;
        background-size: 75%!important;
        position: fixed;
        right: -30px;
        bottom: -87px;
        height: 370px;
        width: 320px;
        z-index: 1000;
        opacity: 100%;
        pointer-events: none;
    }
 /*BELOW PROFILE IMAGE*/  
    .contact:after {
        width: 98%;
        height: 179px;
        display: block;
        content: "";
        background-color: transparent;
        background-image: url('https://wallpapercave.com/wp/wp2070575.jpg');
        background-position: center;
        background-size: 240px;
        background-repeat: no-repeat;
    }
    
    nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
        content: " ★ ";
        color: white;
    }
 /*MAIN BACKGROUND IMAGE*/  
    body {
        background-image: url(https://wallpapercave.com/wp/wp2070600.jpg);
        background-size: cover;
        background-attachment: fixed;
    }
/*SEARCH BAR BACKGROUND*/    
    nav .top {
        background-image: url(https://media.discordapp.net/attachments/1071647058072711192/1176536615313748008/image.png?ex=656f3a1c&is=655cc51c&hm=ed9d519fae8eee5b6015a23c2e0b4c1e3df09c998b5122c847ad146bcd7cb3e5&=);
        background-size: 380px;
        padding: 30px;
        background-position: center;
        border-radius: 30px;
        border-style: dotted solid double dashed;
        border-color: white;
        box-shadow: 0px 0px 10px;
    }  

     /*PROFILE CONTAINER IMAGE*/  
    .profile {
        background-image: url('https://cdn.wallpapersafari.com/98/77/tMzTho.jpg');
        background-size: cover;
        background-attachment: fixed;
        border-radius: 20px;
        border-style: dotted solid double dashed;
        border-color: white;
        box-shadow: 0px 0px 13px;
    }
    
    main {
        background-color: transparent;
        color: white;
        text-shadow: 1px 1px 0px #ff70b0;
    }
   /*NAV BAR LINK COLORS*/    
    nav .links {
        background-color: transparent;
        text-shadow: 0px 0px 5px white; !important
    }
     /*PROFILE PIC ANIMATION/EFFECTS*/  
    .profile-pic {
        border-style: dotted solid double dashed;
        border-color: white;
        box-shadow: 0px 0px 10px;
        border-radius: 7px;
        overflow: hidden;
        animation-name: example;
        animation-iteration-count: infinite;
        animation-duration: 1.4s;

    }
    
    .profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border-color: white;
        border-style: dotted solid double dashed;;
        border-radius: 6px;
        overflow: hidden;
        box-shadow: 0px 0px 5px;
    }
    
    table.details-table td {
        background-color: #ffbdd961!important;
        box-shadow: 0px 0px 3px white;
        border-radius: 6px;
    }
    
    .heading {
        margin-top: 3px;
        margin-bottom: 4px;
        background-color: transparent !important;
        color: white !important;
        border-bottom: 2px dotted solid double dashed;
    }
    
    .container {
        border-radius: 5px 5px 0 0;
        margin-top: 15px;
    }
     /*FOOTER IMAGE*/  
    footer {
        border-radius: 5px;
        border-style: dotted solid double dashed;
        border-color: white;
        box-shadow: 0px 0px 10px white;
        background-image: url(https://media.discordapp.net/attachments/1071647058072711192/1176536615313748008/image.png?ex=656f3a1c&is=655cc51c&hm=ed9d519fae8eee5b6015a23c2e0b4c1e3df09c998b5122c847ad146bcd7cb3e5&=);
        display: block !important;
    }
    
    table.comments-table td {
        background-color:  #ffbdd961!important;
        border-style: dotted solid double dashed;
        box-shadow: 0px 0px 10px;
        overflow: hidden;
        padding: 5px;
    }
    
    .comments-table td:first-child img {
        width: 80px;
        border-radius: 8px;
        border-style: dotted solid double dashed;
        border-color: white;
        overflow: hidden;
        box-shadow: 0px 0px 10px white;
        animation-name: example;
        animation-iteration-count: infinite;
        animation-duration: 1.4s;
    }
    
    .profile .friends .person img {
        border-radius: 8px;
        border-style: dotted solid double dashed;
        border-color: white;
        box-shadow: 0px 0px 10px white;
        animation-name: example;
        animation-iteration-count: infinite;
        animation-duration: 1.4s;
    }
    
    .blog-preview p {
        font-size: 1.3rem;
        background-color: #ffbdd961;
        border-style: dotted solid double dashed;
        box-shadow: 0px 0px 5px;
        padding: 10px;
    }
    
    .online {
        color: white;
        text-shadow: 1px 1px 0px #ff70b0;
        font-weight: bold;
        font-size: 95%;
    }
     /*ONLINE IMAGE REPLACER*/  
    .online img {
        content: url(https://64.media.tumblr.com/f329f411cefeb4e6cbe48df109bd6916/tumblr_ps3mlbOvmy1wykv1f_400.gifv);
        height: 2.5em;
        margin-right: 5px;
        animation-name: blink;
        animation-iteration-count: infinite;
        animation-duration: 2s;
    }
     /*AWARD IMAGE REPLACER*/  
    .icon, .award img {
        content: url(https://64.media.tumblr.com/f329f411cefeb4e6cbe48df109bd6916/tumblr_ps3mlbOvmy1wykv1f_400.gifv);
        display: inline-block;
        height: 2.0em;
        width: 2.0em;
        margin: 0 .05em 0 .1em;
        vertical-align: -0.3em;
        color: rgba(0,0,0,0);
    }
    
    .profile .blurbs .section h4 {
        margin: 0;
        color: #ff70b0;
        text-shadow: 1.3px 1.3px 0px white;
    }
    
    a {
        color: #ff70b0;
        text-shadow: 0px 0px 10px white; !important
        text-decoration: none;
    }
    
    a:hover {
        animation:blinkingText 1.2s infinite;
    }
    
    @keyframes blinkingText{
        0%{     color: #ff70b0;    }
        50%{    color: cyan; }
        100%{    color: #ff70b0; }
}
      /*PROFILE COMMENT BACKGROUND IMAGE*/  
    .comments-table td:first-child {
        background-image: url('https://wallpapercave.com/wp/wp2070600.jpg');
        background-size: 400px;
        background-position: absolute;
    }
    
    .count {
        color: #ff70b0;
        text-shadow: 1.3px 1.3px 0px white;
    }
    
    .details-table td:first-child {
        background: var(--even-lighter-blue);
        color: #ff70b0;
        text-shadow: 1.3px 1.3px 0px white;
        font-weight: bold;
        width: 33%;
    }
 /*PROFILE IMAGE BACKGROUND*/  
    .profile-info {
        background-image: url('https://wallpapercave.com/wp/wp2070575.jpg');
        background-size: 600px;
        border: 2px solid white;
        box-shadow: 0px 0px 10px white;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px 5px;
        margin-bottom: 10px;
    }

    .profile .friends .person p {
        color: white;
        text-shadow: 1px 1px 0px #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);
}

.breadcrumb::after {
        content: "CSS By Vash ";
        color: #000;
        position: absolute;
        right: 13%; /* (This may need adjusting) */
        z-index: 100
    }
</style>

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

Zara	1729321071 USING OMG Report Comment
Txpiara!	1725718763 USINGNFNGNGNG Report Comment
Chloe !!!1	1724009472 USING TYSVM Report Comment
sal	1722717277 ysingggg Report Comment
Brian Fluff	1722202197 USING!"!!! Report Comment
peeb	1720318692 using!! <3 Report Comment
Izzy!	1716009860 EU AMO LPSSSSS Report Comment
yop	1715463121 USIINGG Report Comment
^^Charlie^^	1713064956 Usándolo! :3 Report Comment
lazycatz	1709725273 I LUVVVVV U SM SM SMMMMM!!!!!!! Report Comment
Max	1709511754 Using. Report Comment
2013vampire	1708288986 so cuteeeeeeeeeeeeeeeeeeeeee Report Comment
𖤐𝖙𝖍𝖊𝕲𝖔𝖙𝖍𝖎𝖈 𝕲𝖆𝖗𝖉𝖊𝖗𝖓𝖊𝖗 𝕮𝖔𝖋𝖋𝖎𝖓🕷	1708010404 Usando Report Comment
custard x3	1707609370 using Report Comment
Spwinkle 🎀🧁🐾	1706996599 Using. :3 Report Comment
marfymars	1706809280 using Report Comment
🍮 Purin	1705596158 using Report Comment
tranzistor	1705567709 LOVE IT USING!!!!!!!! Report Comment
GirlyCoward27	1704399276 Using!11_w Thank You Report Comment
puppieseal	1704254983 USING OMG Report Comment