Kasane Teto layout

Tags: pink, cute, anime, vocaloid, pastel, 2000s, layouts

Description:

This layout will be the end of me. If you use, credit and an add is much appreciated. Spacehey isn't letting me upload pics for some reason so here's the pinterest board I made that has the screenshots of the layout and some of the resources used. If you want to keep up with layouts I'm making, add my tester profile where you can see layouts being made. https://www.pinterest.com/nolanmeade222/kasane-teto-layout/ https://spacehey.com/profile?id=1492987

Code:

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

<style>
  
  .logo {
  
  content:url("https://media.discordapp.net/attachments/1083062800752054305/1085761642761048075/image0.jpg")
  
  }
  
  </style><style>
   .icon, .award img {
        content: url(https://dinopixel.com/preload/0822/Minecraft-bread-contest-.png);
        display: inline-block;
        height: 2.0em;
        width: 2.0em;
        margin: 0 .05em 0 .1em;
        vertical-align: -0.3em;
        color: rgba(0,0,0,0);
    }
    .online img {
        content: url(https://64.media.tumblr.com/229f09f804349d9bea5b9bb06358dd50/0a3ee33c7eb2ad9d-41/s500x750/5df4213d99b79aaef0c165c1aee67b8c9eedc24c.gifv);
        height: 5em;
        margin-right: 7px;
        animation-name: blink;
        animation-iteration-count: infinite;
        animation-duration: 2s;
    }

main{
	border:8px double black;
	width:810px;
	height:500px;
	overflow-y: scroll;
	margin: auto;
	background-image: url(https://i.pinimg.com/564x/f1/d9/b0/f1d9b07bb0e730fd5ff6829ba03afd56.jpg) !important;

}
</style>
<style>

*, p, a, form, li, .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {

   font-family: Arial !important;  

   color: #B75D6B!important;  

   text-shadow:  #fff 1px 0 10px;!important;  

   letter-spacing: 1px;
   
}

body {

   background-color: black !important;
   background-image: url(https://i.pinimg.com/564x/5a/50/25/5a50251b73a2f7473b65b1f82f6444e0.jpg) !important;
   background-size: 50%;
   background-repeat: repeat;
}

.top, .links, footer, button {

   background-color:#91001d !important;
 

}
.heading {
   background-color: #9E6065!important;
}

h1 {

   font-family: Arial !important;  

   font-size: 18px !important;

}

h4 {

   color:#91001d !important;

}

.contact, .url-info, .table-section, .profile-info {

   border-color: #000 !important;

}

td {

   background-color: #EDC5CE!important;

}

input, button:not(.logout-btn) {

   border: 1px groove black !important;

}
</style>

<style>
main:before {
width: 100%;
height: 300px;
display: block;
content: "";
background-image: url('https://thumbs.gfycat.com/SlimyPartialKingbird-size_restricted.gif');
background-position: center center;
background-size: contain;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
</style>
<style> .contact:after {
        height: 179px;
        display: block;
        content: "";
        background-color: transparent;
        background-image: url('https://64.media.tumblr.com/229f09f804349d9bea5b9bb06358dd50/0a3ee33c7eb2ad9d-41/s500x750/5df4213d99b79aaef0c165c1aee67b8c9eedc24c.gifv');
        background-position: center;
        background-size: 240px;
        background-repeat: no-repeat;
    }
</style>
<style>
body:before {

content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://64.media.tumblr.com/729142775197bd78cd197ba4066c7ea9/cd424a4a663b0112-67/s400x600/c2da81f89948a8ca38e253bee035e07839d28ab3.gifv');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 3s ease 0s 1 normal forwards;
pointer-events: none;

}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>

<img src="https://cdn140.picsart.com/338740536032211.png"/>
<iframe width="0" height="0" src="https://www.youtube.com/embed/JALbemLw3G4//?&;amp;;autoplay=1&;loop=1&;controls=1" title="mlp" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

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

𝐆𝐇𝐎𝐒𝐓𝐘	1719612969 using!!!! Report Comment
лэнс :3	1717093961 usingggg Report Comment
wan	1715132317 using!! thank youu Report Comment
SAGE 🎸⋆⭒˚｡⋆	1710956301 USING!!! Report Comment
OLIVER LUVS U!!	1692201556 using (May change, going through many layouts) Report Comment
Cirno ☆	1690501772 this layout is super cute :3 Report Comment
julietpeace	1687854785 I really like the layout. It is now my favorite from all the layouts ever created by someone. I really like the music you added. Thank you for your hard work. Report Comment omg thank you so much. I spent all night on it and this made my day <3 by Nolan Astaroth; 1687855387; Report by julietpeace; 1687855852; Report