badtz maru layout (snowflakes + cursor)

Tags: badtz maru, sanrio, black, simple, miles layouts

Description:

hellooo!!! its been a while since ive made a layout... (￣￣|||) sorry for that! i was bored and decided i wanted to mess around with sum code so here this is! the layout also features little badtz maru snowflakes, so ill also post that code by itself if anyone wants it <3 ⠀ i might make more sanrio characters if i have more motivation, im open to requests ^__^ please comment if you use/edit ヽ(・∀・)ﾉ

Preview:

click on the image for a larger preview

Code:

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

<style>
.online{

content: url("https://i1.glitter-graphics.org/pub/157/157641b27q8mcaol.gif") !important;

}
</style>

<style>

  body {
        background: url(https://i.postimg.cc/XJmyL26b/683-C089-A-CDDC-4670-A0-B1-F112-A555-FB96.gif);
        background-position: center;
    }</style>

<style>
    .heading{
        
    background-color: gray !important;
        
    }
</style>

<style>
    .top{
        
    background-color: black !important;
    
        
    }
</style>

<style>
    .links{
        
    background-color: black !important;
    
        
    }
</style>

<style>
    main{
     
    background-color: black !important;
    
    }
</style>

<style>
    footer{
        
    background-color: black !important;
    
    }
</style>

<style>
    .profile .contact, .profile .table-section, .profile .url-info {
  border: 1px solid black;
}

    
        
    }
</style>

<style>
h1{
  color: white !important;
}
</style>

<style>
    a{
        
    color: gray !important;
        
    }
    a:hover{
        
    color: white !important;
        
    }
    a:visited{
        
    color: white !important;
        
    }
    .top a{

    color: white !important;

    }
    .top a:hover{

    color: white !important;

    }
    .top a:visited{

    color: white !important;

    }
    .links a{
    
    color: gray !important;
    
    }
    .links a:hover{

    color: dark-gray !important;

    }
    .links a:visited{

    color: dark-gray !important;

   }
    .friends-grid p{
        
    color: white !important;
        
    }
    footer .links a{

    color: white !important;

   }
    footer .links a:hover{

    color: white !important;

   }
    footer .links a:visited{

    color: white !important;

   }
</style>

<style>
table, th, td {

  border: 0px solid;

     }

:root {

  --topic1: "likes";
  --topic2: "music";
  --topic3: "movies";
  --topic4: "tv shows";
  --topic5: "books";
  --topic6: "misc";

 }

.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
    
    
color:var(--links) !important;
letter-spacing:normal !important;
text-shadow: 2px 2px black !important;
filter: brightness(95%) !important;
   
   
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
  content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
  content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
  content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
  content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
  content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
  content: var(--topic6);
}

</style>

<style>
   :root {
--logo-blue: White;
--darker-blue:white;
--lighter-blue:black;
--even-lighter-blue:#222121;
--lightest-blue:black;
--dark-orange:black;
--light-orange:black;
--even-lighter-orange:black;
--green:black;
}
</style>

<style>

h1, h2, h3, h4,h5,a, p, nav label, .section {color: white;}


h1, h2, h3, h4, h5, a, p, nav label, .section{ text-transform:lowerercase !important;
}

.online{
  color: white!important;  
}

</style>

<style>
main:before {
width: 100%;
height: 300px;
display: block;
content: "";
background-image: url('https://i.postimg.cc/fTbCTbMt/714304-F5-1383-455-E-AC24-E3-EE92-D2054-B.jpg');
background-position: center center;
background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
}
</style>

<div class="snowflakes">
<div class="snowflake"><img src="https://i.postimg.cc/Jh8rV0kv/1-FADA2-F0-00-FD-455-A-A8-AF-ABA3-F20-A6-EBB.png"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/Jh8rV0kv/1-FADA2-F0-00-FD-455-A-A8-AF-ABA3-F20-A6-EBB.png"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/Jh8rV0kv/1-FADA2-F0-00-FD-455-A-A8-AF-ABA3-F20-A6-EBB.png"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/Jh8rV0kv/1-FADA2-F0-00-FD-455-A-A8-AF-ABA3-F20-A6-EBB.png"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/Jh8rV0kv/1-FADA2-F0-00-FD-455-A-A8-AF-ABA3-F20-A6-EBB.png"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/Jh8rV0kv/1-FADA2-F0-00-FD-455-A-A8-AF-ABA3-F20-A6-EBB.png"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/Jh8rV0kv/1-FADA2-F0-00-FD-455-A-A8-AF-ABA3-F20-A6-EBB.png"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/Jh8rV0kv/1-FADA2-F0-00-FD-455-A-A8-AF-ABA3-F20-A6-EBB.png"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/Jh8rV0kv/1-FADA2-F0-00-FD-455-A-A8-AF-ABA3-F20-A6-EBB.png"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/Jh8rV0kv/1-FADA2-F0-00-FD-455-A-A8-AF-ABA3-F20-A6-EBB.png"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/Jh8rV0kv/1-FADA2-F0-00-FD-455-A-A8-AF-ABA3-F20-A6-EBB.png"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/Jh8rV0kv/1-FADA2-F0-00-FD-455-A-A8-AF-ABA3-F20-A6-EBB.png"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/Jh8rV0kv/1-FADA2-F0-00-FD-455-A-A8-AF-ABA3-F20-A6-EBB.png"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/Jh8rV0kv/1-FADA2-F0-00-FD-455-A-A8-AF-ABA3-F20-A6-EBB.png"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/Jh8rV0kv/1-FADA2-F0-00-FD-455-A-A8-AF-ABA3-F20-A6-EBB.png"/></div>
</div>


<style>
    @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
</style>

<style>.contact .inner a img {
    font-size: 0;
    }
    .contact .inner a img:before {
    font-size: 1em;
    display: block
   }
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: url("https://wilardo.crd.co/assets/images/gallery14/4bb10a61_original.gif?v=47044b3a")
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: url("https://wilardo.crd.co/assets/images/gallery14/4bb10a61_original.gif?v=47044b3a")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: url("https://wilardo.crd.co/assets/images/gallery14/4bb10a61_original.gif?v=47044b3a")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: url("https://wilardo.crd.co/assets/images/gallery14/4bb10a61_original.gif?v=47044b3a")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url("https://wilardo.crd.co/assets/images/gallery14/4bb10a61_original.gif?v=47044b3a")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url("https://wilardo.crd.co/assets/images/gallery14/4bb10a61_original.gif?v=47044b3a")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: url("https://wilardo.crd.co/assets/images/gallery14/4bb10a61_original.gif?v=47044b3a")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: url("https://wilardo.crd.co/assets/images/gallery14/4bb10a61_original.gif?v=47044b3a")
}
</style>

<style>* {cursor: url(https://cur.cursors-4u.net/anime/ani-1/ani188.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2008/11/07/ani188.html" target="_blank" title="Hello Kitty, Bad Badtz-Maru"><img src="https://cur.cursors-4u.net/cursor.png" alt="Hello Kitty, Bad Badtz-Maru" style="position:absolute; top: 0px; right: 0px;"/></a>

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 )

Sebas 🍉Bryceup fan !!!	1714515237 usingggg Report Comment
wisteria	1713708749 uzing ! Report Comment
⊹ ୨୧ ˙∘xiao !☆	1712666701 hii using! Report Comment
sunny :p	1707441599 using :p Report Comment
Poppy	1706757324 usando :) Report Comment
Liam☆	1696283867 we need teen titans go :) Report Comment i can try!!! :) by JULIA 🐾; 1701392769; Report
min ౨ৎ ⟡	1693128896 using Report Comment
Jinii✮	1693020947 Using!! :D Report Comment
croketa	1691595508 Usingg Report Comment
Aitherios.	1690137644 using (edited a bit!) Report Comment
liam.	1690066991 Usingg Report Comment
jass ✩	1689380417 using:3 Report Comment
Vampr3Khala	1689107123 Using!! Report Comment
Manple_	1689099324 using!! Report Comment
dyl	1688964835 using!!!!1!232! Tysm Report Comment
frannie !!	1688947771 using, thx !! Report Comment
˚₊‧꒰ა ☆ ໒꒱ ‧₊˚	1688920667 usinggg Report Comment
Skullhe@d	1688908362 Using Report Comment
quakiez	1688732184 using Report Comment
curie	1688731799 using, pretty epic thingy bro Report Comment