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 24 comments ( View all | Add 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
malumalums	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
Sneeze	1703132917 using! (i completely changed it) Report Comment
chich!1!	1701549833 omg this is so cute using!!!! Report Comment
Cyber Dollie	1701496553 This is PHENOMENALLL truly nostalgic!! Report Comment
Mano	1701386871 Amazing layout!!! LPS is/are my special interest :) I collect them since 2012 hehe :3 Report Comment
☆ . . ! qtpie	1701158070 soooo cute ima use this <3 Report Comment Thx sm!! I just realized itz the only lps layout :0 by whokilledval?; 1701353318; Report