(wip) madoka magica layout

Tags: madoka magica, magical girls, anime, cute, pastel, soft

Description:

this is incredibly scuffed and I probably will fix it :^

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ⨂ valerie vengeance ⨂ (https://layouts.spacehey.com/layout?id=34136) -->

<style>
    table.details-table{
        
border: 3px solid rgba(255, 255, 255, 1) !important;   
        
    }
    .profile .details-table td{

border: 3px dashed rgba(255, 255, 255, 1) !important;   

    }
</style>

<style>

    .contact{
        
border: 3px dashed rgba(212, 228, 255, 1) !important;   
        
    }
</style>

<style>
    .table-section .heading{
        
    
background-color: #e1f5fa !important;
    background-image: url('https://i.makeagif.com/media/9-03-2018/Pb7ldU.gif');
    background-repeat: repeat;
    background-position: center;
    border-radius:15px;   

    }
</style>


<style>
    .contact{
        
    background-color: #ffffff !important;
    background-image: url('URL') !important;
    background-attachment: FIXED !important;
    background-repeat: NO-REPEAT !important;
    background-position: top !important;
    border-radius:15px;
    border: 2px dotted rgba(212, 228, 255, 1)        
    }
</style>

<style>
    .contact .heading{
        
    background-color: #e1f5fa !important;
    background-repeat: repeat;
    background-position: center;

    }
</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://dl.glitter-graphics.com/pub/575/575281br5nqkcttj.gif")
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* Add to Favorites */
content: URL("https://dl.glitter-graphics.com/pub/575/575281br5nqkcttj.gif")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* Send Message */
content: URL("https://dl.glitter-graphics.com/pub/575/575281br5nqkcttj.gif")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* Forward to Friend */
content: URL("https://dl.glitter-graphics.com/pub/575/575281br5nqkcttj.gif")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* Instant Message */
content: URL("https://dl.glitter-graphics.com/pub/575/575281br5nqkcttj.gif")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* Block User */
content: URL("https://dl.glitter-graphics.com/pub/575/575281br5nqkcttj.gif")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* Add to Group */
content: URL("https://dl.glitter-graphics.com/pub/575/575281br5nqkcttj.gif")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* Report Profile */
content: URL("https://dl.glitter-graphics.com/pub/575/575281br5nqkcttj.gif")
}
</style>


<style>
img:hover {
  animation: shake 1s;
 animation-iteration-count: infinite;
}


@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

.profile-pic{
}
img:hover {
  animation: shake 1s;
 animation-iteration-count: infinite;
}


@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}


  .contact img.icon { 
 display: none; 
}

.contact .inner a img {
    font-size: 0;
}
.contact .inner a img:before {
    font-size: 1em;
    display: block
}
</style>


<style>
table.comments-table{

display: block;
height: 250px!important;
overflow-y: scroll;

}
</style>

<style>
    .comments-table td{
        
    background-color: #ffffff !important;
    background-attachment: SCROLL !important;
    background-repeat: NO-REPEAT !important;
    background-position: CENTER !important;
        
    }
</style>

<style>
.profile .friends .person img {
   border-radius: 500px;
}

</style>

<style>
:root {

--lighter-blue: rgba(0, 0, 0, 0.0);
--dark-orange: rgba(255, 255, 255, 1);
--light-orange: rgba(225, 245, 250, 1);
--lightest-blue: rgba(255, 255, 255, 1);
}
</style>

<style>
    .profile .details-table td{
        
    background-color: transparent !important;
        
    }
</style>

<style>
    table.details-table{
        
    background-color: #ffffff !important;
    background-image: url('URL') !important;
    background-attachment: SCROLL !important;
    background-repeat: REPEAT !important;
    background-position: CENTER !important;
        
    }
</style>
<style>
.online{

content: url("https://i1.glitter-graphics.org/pub/767/767721re6qvcxrgu.gif") !important;

}
</style>
<style>
.blog-preview{display: none !important;}
</style>
<style>
    .links{
        
    background-color: transparent !important;
  
    }
</style>

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

<style>
    body{
        
    background-color: COLOR !important;
    background-image: url('https://gifdb.com/images/high/madoka-magica-kaname-kyubey-aesthetic-pose-v9vusqx3ninxx5ov.gif') !important;
    background-attachment: FIXED !important;
    background-repeat: NO-REPEAT !important;
    background-position: CENTER !important;
    background-size: 1500px !important;
        
    }
</style>

<style>
main {
background: rgba(205, 229, 255, 0.4);
border-radius:15px;
border: 3px dashed rgba(255, 255, 255, 1)
}
</style>

<style>
  @import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
h1, h4{
font-size: 15px !important;
font-family: 'Press Start 2P', cursive;	
text-transform: uppercase !important;
padding-left: 2px !important;
}
</style>

<style>
  @import url('https://fonts.googleapis.com/css2?family=Comfortaa&display=swap');
p, h2, h3, body{
font-size: 15px !important;
font-family: 'Comfortaa', cursive;
font-weight: bold;
text-transform: sentence case !important;
padding-left: 2px !important;
}
</style>

<style>
    .profile-info{

    background-image: url('https://pa1.aminoapps.com/6408/01490d2f9696c9dadcc76cfed6f0d7e47648a5d2_hq.gif') !important; 
    background-position: CENTER !important;
   border-radius:15px;       
   border: 4px dashed white !important;   
        
    }
</style>

<style>
a:hover {    
 cursor: url('http://www.rw-designer.com/cursor-view/175574.png'), auto;
}
* {
 cursor: url('http://www.rw-designer.com/cursor-view/175573.png'), auto;
}
</style>

<style>

.online{content:url("https://o.remove.bg/uploads/6f5e91b5-b7b5-408e-a041-a651968ae2cb/image__8_.png");
}
</style>

<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://giffiles.alphacoders.com/157/157974.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 2s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</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 20 of 22 comments ( View all | Add Comment )

mimi	1725487369 using! Report Comment
☆STARBUG☆	1724695409 usiing! Report Comment
pxvstll~★	1724576749 using!! Report Comment
Yukari	1724536209 using!!!! Report Comment
liaoux !	1722849071 USING! Report Comment
wrn	1722785685 using! Report Comment
✶ aki !! ⸝⸝ ۪ ✩ ᠉	1721688459 using! Report Comment
Vee	1720321587 Using Report Comment
Kaito	1719695477 Using Report Comment
sispuellamagica	1718179967 using!! Report Comment
Suitcase	1717960896 Using!! :) Report Comment
seth ᶻ 𝗓 𐰁	1710151637 using! Report Comment
owchie	1699739843 using! Report Comment
kassie	1695716134 Using!! Report Comment
Orpheus/Sylvester	1695456703 Using !! Report Comment
toffe	1694663129 this looks so cute!! Usingg!!! Report Comment
ash きらきら星	1693306945 used ! tysm Report Comment
inactive!!	1692210801 sooo cute!! i luv it!! using!! Report Comment
marzipan	1691981534 this iz sosososososo perfect i think i will use... ;3 Report Comment
Jules <3	1690735546 using !! Report Comment