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

── rachel ! ^_^	1730101862 using , did a headspace theme!! Report Comment
stprite!!	1723759928 using!! Report 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
lauren	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
Scag	1689099324 using!! Report Comment
dyl	1688964835 using!!!!1!232! Tysm Report Comment
frannie !!	1688947771 using, thx !! Report Comment
cillian !! >_<	1688920667 usinggg Report Comment
Dean	1688908362 Using Report Comment