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

joel ᶻ 𝗓 𐰁	1710151637 using! Report Comment
owchie	1699739843 using! Report Comment
sunsetiza	1695716134 Using!! Report Comment
Tomo!!	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
Juno⭐️	1688774237 CUTEEE OMG might use Report Comment
Yutaka ヽ(｡•ω •｡) 🎀⚰️	1688141533 Cute ! Report Comment