Snow Miku 2022 Layout

Tags: hatsune, winter, vocaloid, cute, blue, layouts, song, sega, red, white
Description:

Miku pagedoll code credit: https://layouts.spacehey.com/layout?id=34285
Comment "using" if you do
Preview:

click on the image for a larger preview
Code:

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

<a href="https://layouts.spacehey.com/layout?id=84950">Layout by Operator</a>
<style>
    .miku {
        background: url(https://i.ibb.co/j8Ms8Np/tuf.png) no-repeat;
background-size: contain;
background-repeat: no-repeat;
        position: fixed;
        right: -40px;
        bottom: 0px;
        height: 200px;
        width: 300px;
z-index: 100000;
    }
    .miku:hover {
        background: url("https://i.ibb.co/TqshkMg/hhhh.png");
background-size: contain;
background-repeat: no-repeat;
        animation: miku 1.5s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

    @keyframes miku {
        0%,
        100% {
        }
        10%,
        30%,
        50%,
        70% {
            transform: translateX(-5px);
        }
        20%,
        40%,
        60% {
            transform: translateX(5px);
        }
        80% {
            transform: translateX(8px);
        }
        90% {
            transform: translateX(-8px);
        }
    }
</style>
<div class="miku"></div>
<style>
@import url('https://fonts.googleapis.com/css2?family=Signika:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');
p{
font-family: 'Signika', sans-serif;
  font-size: 100%;
color: #1a1a1d;
}
button{
background-color:#BC283D;
font-family: 'Signika', sans-serif;
color:#F6F6F3;
border: 0px solid #807F6D !important;    
border-radius: 5px;
}
h1,h2,h3,h4,h5{
 font-family: 'Archivo Black', sans-serif;
  font-size: 120%;  
color: #1a1a1d;
}
.blurbs{
background: #D5D5CA;
border-radius: 10px;
border: 5px solid #807F6D !important;    
}
.blurbs .heading{
background-color: #807F6D !important;
border: 5px solid #807F6D !important;    
color: #1a1a1d !important;
}
    .top{
font-family: 'Signika', sans-serif;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
border: 5px solid #807F6D !important;    
border-top-right-radius: 5px;
border-top-left-radius:  5px;
    
    }
    .links{
        
border: 5px solid #807F6D !important;   
  text-align: center;
        
    }
 .links a{
        font-family: 'Signika', sans-serif;
color: #1A1A1D!important;
  text-align: center;

font-size: 13px !important;        
    }
    .links a:hover{
        
color: #BC283D !important;
        
    }
    .url-info{
        
border: 5px solid #807F6D !important;
background-color:#D5D5CA;
border-radius: 10px;
        
    }
.contact .heading {
  background: #807F6D !important;
  text-align: center; 
  color: #1A1A1D !important;
  font-size: medium;
 font-family: 'Archivo Black', sans-serif;
  border: 5px #807F6D!important;
}
.contact {

  background-color: #d5d5ca;
Width: 360px;
Height:100px;
border: 5px solid #807F6D!important;
border-radius: 10px;
}

.contact a {
  color: #BC283D;
font-family: 'Signika', sans-serif;
  text-decoration: italic;
  font-size: 11px;
}
.online{filter: brightness(0) saturate(100%) invert(20%) sepia(26%) saturate(7172%) hue-rotate(335deg) brightness(99%) contrast(89%);}
.logo {
filter: brightness(0) saturate(100%) invert(98%) sepia(0%) saturate(5008%) hue-rotate(31deg) brightness(112%) contrast(94%);
  content: url(https://snowmiku.com/2022/images/common/logo_sm2022_c.png);width: 200px !important;height: 42px !important;

}

a{text-shadow: 0 0 0 !important;}
    table.details-table{
        
border: 5px solid #807F6D !important;
border-radius: 10px;   
        
    }
    footer{
        
border: 5px solid #807F6D!important;   
border-radius: 10px;
        
    }
:root {
    --logo-blue: #BC283D;
    --darker-blue: #BC283D;
    --lighter-blue: #F6F6F3;
    --even-lighter-blue: #BC283D;
    --lightest-blue: #D5D5CA;
    --dark-orange: #1A1A1D;
    --light-orange: #807F6D;
    --even-lighter-orange: #d5d5ca;
}
main {
background-color: #F6F6F3;
position: static;
border: 5px solid #807f6d;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
  body {
   background-color: #343b4d;  
background-size: cover;
	background-attachment: fixed;
}
    .container{
        
    width: 900px !important;    
    }
.floating { 
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
}
 
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 15px); }
    100%   { transform: translate(0, -0px); }
}
.contact .inner a img {margin-right: -2px;
        font-size: 0;}


.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
    /* add to friends */
    content: url("https://i.ibb.co/1JdMv6B/Yk2d3IE.gif");
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
    /* add to favorites */
    content: url("https://external-media.spacehey.net/media/srpYhPiH3mt6XRkVf3dtDC_zU4zkuNRJ1r-9LL-gHMaA=/https://pixels.crd.co/assets/images/gallery41/31fe5481.gif?v=b3554822")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
    /* send Message */
    content: url("https://external-media.spacehey.net/media/srpYhPiH3mt6XRkVf3dtDC_zU4zkuNRJ1r-9LL-gHMaA=/https://pixels.crd.co/assets/images/gallery41/31fe5481.gif?v=b3554822")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
    /* forward to friend */
    content: url("https://i.ibb.co/1JdMv6B/Yk2d3IE.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
    /* instant message */
    content: url("https://i.ibb.co/1JdMv6B/Yk2d3IE.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
    /* block user */
    content: url("https://external-media.spacehey.net/media/srpYhPiH3mt6XRkVf3dtDC_zU4zkuNRJ1r-9LL-gHMaA=/https://pixels.crd.co/assets/images/gallery41/31fe5481.gif?v=b3554822")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
    /* add to group */
    content: url("https://external-media.spacehey.net/media/srpYhPiH3mt6XRkVf3dtDC_zU4zkuNRJ1r-9LL-gHMaA=/https://pixels.crd.co/assets/images/gallery41/31fe5481.gif?v=b3554822")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
    /* report user */
    content: url("https://i.ibb.co/1JdMv6B/Yk2d3IE.gif")
    } 
::selection {
  color: #f6f6f3;
  background: #8AA5B8;
}
li.active .icon { 
content: url(https://s6.gifyu.com/images/S8bqv.gif);
    }
.logout-btn{
font-family: 'Signika', sans-serif; !important;
  color: white;
}
.top a{
font-family: 'Signika', sans-serif; !important;
  color: white;
}
* {cursor: url(http://www.rw-designer.com/cursor-view/117376.png), url(http://www.rw-designer.com/cursor-view/117376.png), auto !important;
}
.general-about .profile-pic img{
  border-radius: 50%;
}
             ::-webkit-scrollbar {
    width: 15px;
    height: 3px;
    }

    ::-webkit-scrollbar-thumb {
    background: #BC283D;
    }

    ::-webkit-scrollbar-track {
    background: #F6F6F3;
    }
.profile .friends .person p{
 color: #BC283D!important;
}
    footer{
        
    background: #D5D5CA;
}
            .profile-info{
         
background-color: #7F7E6B !important;
border: 0px;
border-radius: 10px;
    }
 .profile-info a{
color: black;
}
main:before {
	width: 99%;
	height: 300px;
	display: inline-block;
	content: "";
border: 5px solid #807F6D !important; 
	background-image: url('https://ru.myanimeshelf.com/upload/dynamic/2021-10/21/FCMEsR8VUAgoUWZ-604e6c32-9ce2db79.jpg');
	background-position: center down;
background-size: cover;
background-repeat: no-repeat;
}
table, th, td {

  border: 0px solid;

     }

:root {

  --topic1: "General";
  --topic2: "Music";
  --topic3: "Movies";
  --topic4: "Television";
  --topic5: "Books";
  --topic6: "Heroes";

 }

.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: transparent !important;
letter-spacing:normal !important;
text-shadow: 0px 0px #F6F6F3 !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>
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 10 of 10 comments ( View all | Add Comment )
couchiiee	1706353627 usinggg Report Comment
WinRaR	1705579649 using Report Comment
R3xx.mp4	1701110094 using Report Comment
J4yy	1700852883 using Report Comment
Ethan	1700277717 using ! Report Comment
janebug (FROM HOMESTUCK!!!)	1699584509 Using Report Comment
# sAnzZmueL ¡☆!	1699578318 probably i using it Report Comment
charlie!! 🍉	1699044403 using ^_^ this is so cool Report Comment epic by Operator; 1699044521; Report usinggngntnt by Ken; 1700275039; Report