sayaka miki!!

Tags: sayaka miki, madoka magica, pmmm, blue, red, sae

Description:

layout inspired by sayaka miki from puella magi madoka magica

paste code into about me section

credit appreciated but not requited :D

optional music: sayaka's theme - decretum

<iframe width="1" height="1" src="https://www.youtube.com/embed/XeMVu1OYYps/?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by saerim's layouts!! (https://layouts.spacehey.com/layout?id=23367) -->

<style>
* {
    cursor: url('https://cur.cursors-4u.net/others/oth-5/oth476.cur'), auto;
}
</style>

<style>
@import url('https://www.dropbox.com/s/n6ys414nviitr9y/MadokaRunes-2.0.ttf');
h2, h3, h4{font-family: 'MadokaRunes-2', MadokaRunes;}
</style>

<style>
body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image: url('http://24.media.tumblr.com/tumblr_mchhqkEQ3u1qeyb9ho2_500.gif');
	background-size: cover;
	background-repeat: no-repeat;
	animation: yourAnimation 2.5s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
<style/>

<style>
/* contact icons */
.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: "💔"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: "💔"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "💔"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: "💔"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: "💔"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: "💔"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: "💔"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "💔"
}   
</style>

<style>

h4, a, p, nav label, .section {color: white;}
}

.online{
  color: white!important;  
}

</style>



<style>
:root{
  --logo-blue: rgba(26, 26, 28, 0.5);
  --darker-blue: #000000; 
  --lighter-blue: rgba(26, 26, 28, 0.7);
  --even-lighter-blue: rgba(26, 26, 28, 0.7);
  --lightest-blue: rgba(26, 26, 28, 0.6);
  --dark-orange: black;
  --light-orange: rgba(26, 26, 28, 0.7);
  --even-lighter-orange: rgba(26, 26, 28, 0.7);
  --green: white;
}
 body
        {background: url("https://cdn.wallpapersafari.com/55/81/j0I6oS.jpg")
        no-repeat fixed; background-size:cover;
}
html:before {
  background: url(https://img1.picmix.com/output/stamp/normal/3/8/7/9/859783_9a17e.gif);
no-repeat fixed; background-size:contain;  
content: "";
  height: 300%;
  left: -50%;
  opacity:0.13;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events: none;
  z-index: -1;
  filter: brightness(100%) contrast(110%);
}
main{
    border-radius: 0 0 15px;
    border: 2px solid rgba(0,0,0,0.7);
    color: black;
    background-color: rgba(35, 34, 37, 0.5);
    
}
footer{
    background-color: black;
        border-radius: 100px;
}
button{
        
    background-color: gray !important;
    color: black;
}
    .top{
        
    color: #4C4C4C;
}
.contact{
        
    background-color: rgba(26, 26, 28, 0.6) !important;
}
.heading{
    padding: 1px 0 !important;
    color: #457dff !important;
    background-color: #4C4C4C;
    border-bottom: 2px dashed;
    
}
.count{
    color: #;
}
.profile .contact,
.profile .url-info,
.profile .table-section,
.home-actions {
    border: 2px solid rgba(0,0,0,0.7);
}
.profile h1 {
    font-size: 30px;
    text-shadow: 5px 3px black;
    color: #457dff;
    
}
.comments-table td{
        
    background-color: #1A1A1C;
    color: ;
}
.top input{
        
    background-color: #4C4C4C !important;
        
}
.friends{
        
    background-color: rgba(26, 26, 28, 0.6) !important;
    border: 1px solid black !important;
    color: #616161;
}
.mood{
        
    background-color: rgba(26, 26, 28, 0.4) !important;
    color: #616161; !important
    border: 1px solid black !important;
    }
        table.details-table{
        
border: 1px solid black !important;   
        
}
.profile .details-table td{

border: 1px solid black !important;   

}
.comments-table td{
        
border: 1px solid black !important;   
}
.profile-info{
        
border: 1px solid black !important;   
        
}
.links{
        
border: 1px solid black !important;   
     
}
    color: white !important;
        
    }
    a:hover{
        
    color: #f5f5f5 !important;
        
    }
    a:visited{
        
    color: #f5f5f5 !important;
        
    }
    .top a{

    color: #f5f5f5 !important;

    }
    .top a:hover{

    color: white !important;

    }
    .top a:visited{

    color: #616161 !important;

    }
    .links a{
    
    color: #616161 !important;
    
    }
    .links a:hover{

    color: #616161 !important;

    }
    .links a:visited{

    color: #616161 !important;

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

    color: #616161 !important;

   }
    footer .links a:hover{

    color: #616161 !important;

   }
    footer .links a:visited{

    color: #616161 !important;

   }
.url-info{
    background-image: url(https://i.stack.imgur.com/5IQ0b.gif);
    background-size: 100%;
    background-repeat: no-repeat;
background-position: center center;
    height: 200px;
    border: var(--borders)!important;
    border-radius: var(--curve);
}
.url-info p{
    opacity: 0.0;
}
.col.left:after {
    content: "";
    white-space: pre-wrap;
    display: block;
    height: 205px;
animation: floating 3s ease-in-out infinite;
    background-image: url(https://cdn.discordapp.com/attachments/872064296299937856/986209371128234014/sayakaseed.png);
    background-repeat: no-repeat;
    background-size: 200px;
    background-position-x: center;
}
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 15px); }
    100%   { transform: translate(0, -0px); } 
}
footer:after{
bottom: 60%;
font-size:0;
left: 77%;
position:fixed;
pointer-events: none;
opacity: 0.9;
animation: floating 2s ease-in-out infinite;
content:url(https://network.mugenguild.com/guild/stances/gs_oktavia.gif);
}
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 15px); }
    100%   { transform: translate(0, -0px); } 
}
.profile .profile-info {
	background-image: url(https://64.media.tumblr.com/9335a530b8e5888807568a4106014fe5/3630fbd476bc54f7-a8/s500x750/8358ca9f9fab9fb0fa6d796f4fbf31fc7eb1496d.gifv);
no-repeat fixed; background-size:cover; background-position:center;
	padding: 20px;
	border: none;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #2d1157;
	text-align: center;
	border: none;
}
</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 )

Maple	1724211169 using! Report Comment
⋆ Sk8r !	1723166911 Using!! Report Comment
Azazel	1721801656 USING!! Report Comment
xXISKRA_AC1DXx	1718494969 Using ^_^ Report Comment
L☆mon	1717017086 Using! Report Comment
Xajiii :p	1715331412 Using! Report Comment
harumi ゜゜(´Ｏ`) ゜゜	1712472834 using Report Comment
seth ᶻ 𝗓 𐰁	1709101065 using!! Report Comment
Vflower (QUIT) I am Elluka \| Kafka ~ ☆	1708992486 Using!! Report Comment
Nene :3	1708266425 Tyy she’s my favorite!! :3 Report Comment
Just Lillim	1705793731 using (with some alterations) thanks! Report Comment
willow //><//	1697929812 TYY THIS IS SO CUTE!! //>/ Report Comment
☆⌒(≧▽° )	1696423530 using!1!+ Report Comment
Orpheus/Sylvester	1695172626 Using:3 Report Comment
leah	1689236506 using! Report Comment
num ୧(´‿`)୨	1679982131 AHH TYSM Report Comment