Y2K Draculaura <3

Tags: y2k, pink, monster high, draculaura, aesthetic, neon, black, scene

Description:

Really pretty y2k CSS of Draculaura 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=87385) -->



<div class="rightdraculaura"></div>
<div class="leftdraculaura"></div>
<style>

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

    .leftdraculaura {
        background: url(https://media.discordapp.net/attachments/1071647058072711192/1176260374488682496/z0nvB8CEIAABCAAAQhAAAKNLvAvEHYuswKnglEAAAAASUVORK5CYII.png?ex=656e38d7&is=655bc3d7&hm=53b871ed21b89a85b67703e00c86671e461fd6a6047faa6975a2f50565b193c0&=&width=427&height=422) no-repeat;
        background-size: 75%!important;
        position: fixed;
        left: 7px;
        bottom: -87px;
        height: 370px;
        width: 320px;
        z-index: 1000;
        opacity: 100%;
        pointer-events: none;
    }

    .rightdraculaura {
        background: url(https://media.discordapp.net/attachments/1071647058072711192/1176210868623659058/289e78717fe0f7d764beb315d74784d9.png?ex=656e0abc&is=655b95bc&hm=725588466696a643b27da33825ff2e7586f63322436c5affbe09bc9501ac80ad&=&width=252&height=422) 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/originals/2f/02/9a/2f029a0111780d4d4b159fec908e80a3.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/1176211178163290215/d6vmo6d-f06ef54b-9444-4c0a-8d7d-a7deb3a6c6c9.png?ex=656e0b05&is=655b9605&hm=dbb67ba9e3ed4394ebfb8fca83530de4bf550119abafccebe3e4ba454b86f40a&=&width=563&height=422);
        background-size: cover;
        background-attachment: fixed;
    }
    
    nav .top {
        background-image: url(https://media.discordapp.net/attachments/1071647058072711192/1176212378334015569/hot20pink20y2k20aesthetic20leopard20print.png?ex=656e0c23&is=655b9723&hm=2db8a8ff8abe693828e51f25bf3a74fb1e972cc0d7537bfa55926dc0d79a4a2f&=);
        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/8a/86/96/8a869624dde24a95c9c031f096551ff7.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 .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: #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 {
        border-radius: 5px;
        border-style: dotted solid double dashed;
        border-color: white;
        box-shadow: 0px 0px 10px white;
        background-image: url(https://garden.spoonflower.com/c/11893207/p/f/m/NqCCw7kxELhepGnP6q4UKPk2zCylYOlxAcKkTTXCcqdNFuqgzDHHFc8Xtg/hot%20pink%20y2k%20aesthetic%20leopard%20print.jpg);
        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 img {
        content: url(https://cdn3.emoji.gg/emojis/1965-hot-pink-heart.gif);
        height: 2.5em;
        margin-right: 5px;
        animation-name: blink;
        animation-iteration-count: infinite;
        animation-duration: 2s;
    }
    
    .icon, .award img {
        content: url(https://cdn3.emoji.gg/emojis/1965-hot-pink-heart.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: #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; }
}
     
    .comments-table td:first-child {
        background-image: url('https://garden.spoonflower.com/c/11893207/p/f/m/NqCCw7kxELhepGnP6q4UKPk2zCylYOlxAcKkTTXCcqdNFuqgzDHHFc8Xtg/hot%20pink%20y2k%20aesthetic%20leopard%20print.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-info {
        background-image: url('https://garden.spoonflower.com/c/11893207/p/f/m/NqCCw7kxELhepGnP6q4UKPk2zCylYOlxAcKkTTXCcqdNFuqgzDHHFc8Xtg/hot%20pink%20y2k%20aesthetic%20leopard%20print.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 16 of 16 comments ( View all | Add Comment )

West	1735849292 Using!! TYSM!! Report Comment
demichiro	1726004081 the background got broke can you fix that someday or :( Report Comment
Richie ★	1712303636 using!! Report Comment
♡♱ vampyre-punx ♱♡	1706774136 using this!! Report Comment
KC	1704355464 using !! (its very cute) Report Comment
𝄞❀	1703984475 using! Report Comment
Jazzy >_<	1702440579 Using Report Comment
ꪆৎ Fuyu (Atsushi) 🍰♡🍮	1702439908 using Report Comment
Naylah	1702353716 Usinggggg Report Comment
tav ⍟ \| ๑ the everything guy	1702290621 USING!!!! [MIGHT CHANGE THE BG N DRACULARA PICS BUT YEASH!!!] Report Comment
sp00kz3rii	1701404818 using!! thank you! Report Comment
punkie pie	1701238099 using thank u!!! Report Comment
Vee	1701174205 Using! <3 Report Comment
ᴄʜᴀʀʟɪᴇ	1700958611 using!!! :3 Report Comment THX SO MUCH!!! <3 by whokilledval?; 1700976056; Report
c0l0rful_bl00d.666	1700572545 could you do a elizabat one? :) Report Comment hell yeah! I'll have it done in like.. two hours?? by whokilledval?; 1700574980; Report okay yayy! by c0l0rful_bl00d.666; 1700575906; Report i had time during my first hour class so i got it done early!! >3< it's up now and f2u!! by whokilledval?; 1700576689; Report TYSM! by c0l0rful_bl00d.666; 1700576789; Report OFC <33 ENJOY!! by whokilledval?; 1700576835; Report
sad boi	1700515346 can you do a twuila or rochelle gargoyle layout ? Report Comment Omg!! I LOVE Rochelle! I can totally do that! <3 Should have it done by tonight! by whokilledval?; 1700515576; Report yaayyayayy ! shes my fave 2 by sad boi; 1700515716; Report The CSS is posted!! by whokilledval?; 1700535848; Report