Y2K Elissabat <3

Tags: y2k, purple, monster high, elissabat, aesthetic, grunge, black, scene, scene, emo

Description:

Really pretty y2k CSS of Elissabat from MH! 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=87517) -->

<!-- (c) Layout created by 𖥔 ݁ ˖ vash 𖥔 ݁ ˖  (https://layouts.spacehey.com/layout?id=87446) -->

<div class="rightelissabat"></div>
<div class="leftelissabat"></div>
<style>

/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/cursors/cur-11/cur1055.ani), url(https://cur.cursors-4u.net/cursors/cur-11/cur1055.png), auto !important;} /* End https://www.cursors-4u.com */

    .leftelissabat {
        background: url(https://media.discordapp.net/attachments/1071647058072711192/1176522774865526925/250.png?ex=656f2d38&is=655cb838&hm=894c20f0944392ed2b49265f5c0987d990510b304f2e06b55c2652c15dad0551&=) no-repeat;
        background-size: 75%!important;
        position: fixed;
        left: 7px;
        bottom: -87px;
        height: 370px;
        width: 320px;
        z-index: 1000;
        opacity: 100%;
        pointer-events: none;
    }

    .rightelissabat {
        background: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/1402c4b9-d1e8-439f-859f-5f0bda976147/d71setb-2007dcac-4824-4686-b237-1ee9451afe6d.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzE0MDJjNGI5LWQxZTgtNDM5Zi04NTlmLTVmMGJkYTk3NjE0N1wvZDcxc2V0Yi0yMDA3ZGNhYy00ODI0LTQ2ODYtYjIzNy0xZWU5NDUxYWZlNmQucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.HyW6FN79rO4X9sAGW34tw1v3r3snk9JPp9k44YKcmNE) no-repeat;
        background-size: 107%!important;
        position: fixed;
        right: -30px;
        bottom: -50px;
        height: 370px;
        width: 320px;
        z-index: 1000;
        opacity: 100%;
        pointer-events: none;
    }

    .contact:after {
        width: 98%;
        height: 179px;
        display: block;
        content: "";
        background-color: transparent;
        background-image: url('https://i.pinimg.com/736x/c6/48/b5/c648b52766d9bb1190aadc0d5cad1fb6.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;
    }
    body {
        background-image: url(https://media.discordapp.net/attachments/1071647058072711192/1176527015189430404/1729293-1366x768-DesktopNexus.com.jpg?ex=656f312b&is=655cbc2b&hm=b4f81a89862f54abf2e93a4341d62369df1c73f2a46bb0c4fe2339feaa65b8f3&=&width=751&height=422);
        background-size: cover;
        background-attachment: fixed;
    }
    
    nav .top {
        background-image: url(https://i.pinimg.com/originals/1f/e7/cc/1fe7cc6d9a4c1d5f1243a3693d8af686.png);
        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 {
        background-image: url('https://i.pinimg.com/736x/c6/48/b5/c648b52766d9bb1190aadc0d5cad1fb6.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 #571A6E;
    }
    
    nav .links {
        background-color: transparent;
        text-shadow: 0px 0px 5px white; !important
    }
    
    .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: #571A6E!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 {
        border-radius: 5px;
        border-style: dotted solid double dashed;
        border-color: white;
        box-shadow: 0px 0px 10px white;
        background-image: url(https://i.pinimg.com/originals/1f/e7/cc/1fe7cc6d9a4c1d5f1243a3693d8af686.png);
        display: block !important;
    }
    
    table.comments-table td {
        background-color:  #571A6E!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: #571A6E;
        border-style: dotted solid double dashed;
        box-shadow: 0px 0px 5px;
        padding: 10px;
    }
    
    .online {
        color: white;
        text-shadow: 1px 1px 0px #B68DCD;
        font-weight: bold;
        font-size: 95%;
    }
    
    .online img {
        content: url(https://i.pinimg.com/originals/a4/f1/4c/a4f14c53e1c7c6ee1d8e1717f8d4d26f.gif);
        height: 2.5em;
        margin-right: 5px;
        animation-name: blink;
        animation-iteration-count: infinite;
        animation-duration: 2s;
    }
    
    .icon, .award img {
        content: url(https://i.pinimg.com/originals/a4/f1/4c/a4f14c53e1c7c6ee1d8e1717f8d4d26f.gif);
        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: #B68DCD;
        text-shadow: 1.3px 1.3px 0px white;
    }
    
    a {
        color: #B68DCD;
        text-shadow: 0px 0px 10px white; !important
        text-decoration: none;
    }
    
    a:hover {
        animation:blinkingText 1.2s infinite;
    }
    
    @keyframes blinkingText{
        0%{     color: #ff70b0;    }
        50%{    color: purple; }
        100%{    color: #ff70b0; }
}
     
    .comments-table td:first-child {
        background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSetyauzN9DPSmZTW7P2C-MncvSYVrjrOg87Q&usqp=CAU');
        background-size: 400px;
        background-position: absolute;
    }
    
    .count {
        color: #B68DCD;
        text-shadow: 1.3px 1.3px 0px white;
    }
    
    .details-table td:first-child {
        background: var(--even-lighter-blue);
        color: #B68DCD;
        text-shadow: 1.3px 1.3px 0px white;
        font-weight: bold;
        width: 33%;
    }

    .profile-info {
        background-image: url('https://wallpaperaccess.com/full/633475.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 #B68DCD;
        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 14 of 14 comments ( View all | Add Comment )

TitaTot	1729814209 using but the background isnt working;( Report Comment
hrts4jnx	1717719149 THIS IS SOO CUTE!! DUDE CAN YOU DO CLAWDEEN IF YOU HAVENT ALREADY?? AND IF YOU WANNA Report Comment Sure! I'll get on it asap! by whokilledval?; 1718484128; Report
𝕁𝕒𝕔𝕜𝕪	1715194459 Using it's sooo pretyyyy Report Comment
alisha ☆	1710726892 using! love this<3 Report Comment
Asani_BunnyZ4	1706277173 Using!! SO PRETTY!!! <3 Report Comment THANK YOUUUU by whokilledval?; 1706277818; Report
zombie ☆	1706260833 using !! thanku so much ^___^ Report Comment OFC!!! <333 by whokilledval?; 1706277875; Report
rin ☆⌒ヽ('､^)chu	1705262599 HELLO ! USING Report Comment
emilythestrange	1704449058 usinggg Report Comment
Lei	1703880733 so pretty, usingg Report Comment
Witch	1702071959 Using <3 Report Comment
𝗮𝗻𝗮𝗫𝗗★	1701990218 usandoo Report Comment
Goose	1701398856 using!! :3 Report Comment
c0l0rful_bl00d.666	1700576811 Using tysm! Report Comment ofc np!!1 <33 by whokilledval?; 1700576929; Report some of the images got messed up but they should be fixed now! so srry!! <3 by whokilledval?; 1700578247; Report no problem lol by c0l0rful_bl00d.666; 1700578432; Report Thank you so so much!! by whokilledval?; 1700624022; Report