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

^^Charlie^^	1713064956 Usándolo! :3 Report Comment
lazycatz	1709725273 I LUVVVVV U SM SM SMMMMM!!!!!!! Report Comment
FruitieGummie	1709511754 Using. Report Comment
2013vampire	1708288986 so cuteeeeeeeeeeeeeeeeeeeeee Report Comment
𝐃𝐫. 𝐌𝐚𝐧𝐝𝐲 𝐂𝐨𝐫𝐩𝐬𝐞_𝟸𝟶𝟶𝟹💊	1708010404 Usando Report Comment
custard x3	1707609370 using Report Comment
Sm1l3y_Cupc4k3z_!!! 🐾🐾🌈🧁	1706996599 Using. :3 Report Comment
malumalums	1706809280 using Report Comment
🍮 Purin	1705596158 using Report Comment
tranzistor	1705567709 LOVE IT USING!!!!!!!! Report Comment
FlowerSpace	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
ButchLesbianDevil413	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
💫AudreyStar💫	1701008545 Using! Report Comment THX SM!! <3 by whokilledval?; 1701014231; Report
J4yy	1700853212 USING! Report Comment Thank you!!! by whokilledval?; 1700868604; Report
.𖥔 ˖ moss ! ୭ 🔭 ᵎᵎ	1700775001 YAHOOOO I LOVE LPS Report Comment same rahhh by whokilledval?; 1700780849; Report