Dessert Witch Labyrinth layout (charlotte/madoka)

Tags: kawaii, scene, cute, anime, animecore, sanrio, layout, pink, emo, madoka

Description:

EDIT: MOBILE SUPPORT ADDED (you may have to zoom out a bit but everything should be working now)

a very complex madoka layout, please view the live preview over here

features:
-- custom madoka font (changes to regular font on hover for some items)
-- collage of official gekidan inu curry art. character pngs are from the puella wiki, the rest of the pngs were edited by me just for the layout.
-- custom scrollbar
-- lace borders
-- no blurb titles
-- pink glow around charlotte
-- custom friend list pfps
-- custom friend list names
and a lot more i'm forgetting to list.

that's all, have fun.

Preview:

click on the image for a larger preview

Code:

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

<!-- start -->
<img style=" -webkit-filter: drop-shadow(5px 5px 5px black);&#10;  filter: drop-shadow(5px 5px 5px black);" src="https://64.media.tumblr.com/2eca17d1e79ca6e9c06799a8912e5c23/57e839d3749422ff-2b/s1280x1920/a04606004be539ca29d28b3a2413210df61dcffc.png"/>
<div class="uh"><a title="layout by /kento" href="https://spacehey.com/kento"><img width="20px" src="https://www.madoka-magica.com/tv/common/img/icon.png"/></a></div>
<div class="lace"></div>
<!-- lace was edited by me -->
<div class="lace2"></div><div class="lace3"></div>
<!-- gekidan inu curry art. triangles, cookie box, washi tape assets edited by me -->
<div class="geki"><img src="https://64.media.tumblr.com/400de3e5a2fc441ce456b4274849455c/15f7f13be4676ac7-e9/s2048x3072/719afd38d86b9f233612b857defec5fd7badf959.pnj"/></div>
<div class="geki2"></div>
<div class="geki3"></div>
<div class="geki4"><img src="https://64.media.tumblr.com/8b06c8786cf0a262992ca5f3a6cc7e46/2560fd895f788d64-62/s1280x1920/fc76c2bab9378029c0231f9f0f638a42e5bbd55f.pnj"/></div>
<div class="pol"><img style=" -webkit-filter: drop-shadow(5px 5px 5px black);&#10;  filter: drop-shadow(5px 5px 5px black);" width="1000px" src="https://64.media.tumblr.com/1c422af02dd52e702335675bd0d47f13/57e839d3749422ff-33/s1280x1920/bfd85723d49e6d748197bd257b1e0d1cf22d3459.png"/></div>
<div class="bun"><img style=" -webkit-filter: drop-shadow(5px 5px 5px black);&#10;  filter: drop-shadow(5px 5px 5px black);" src="https://cdn.mfjl.wiki/5/5a/%E7%AB%8B%E8%80%B3%E7%9A%84%E9%AD%94%E5%A5%B3.png"/></div>
<div class="fam"><img width="600px" style=" -webkit-filter: drop-shadow(5px 5px 5px black);&#10;  filter: drop-shadow(5px 5px 5px black);" src="https://64.media.tumblr.com/839bf024a6d0f6c755be9370ca809373/57e839d3749422ff-c9/s1280x1920/8452f6e3a12e91ba8683c5b31c832efc01d05ab8.png"/></div>
<style>
@media screen and (max-width: 480px) and (min-width: 320px) {
    html {
         max-width: 480px;
    }
.container{
max-width:480px;
}
.geki {
max-width:150px;
}
.pol{
max-width:150px;
}
.bun {
max-width:200px;
}
.fam{
max-width:150px;
bottom:0px;
right:0px;
margin-right:0px;
}
}

::-webkit-scrollbar {
    width: 20px;
    height: 20px;
    background: black;
}::-webkit-scrollbar-thumb {
background-color: hotpink;
box-shadow:inset 1px 1px 0px white;
-webkit-border-radius: 0ex;
border: 1px solid black;
}
.profile-info h3{
color:white;
}
nav input{
background:black url('https://64.media.tumblr.com/dc9c303eee77adcdc08797b8eb7dceb6/a0472fdca630bbe3-a7/s1280x1920/643f9bb67c791223453d6d8dfc23c9c6b3d149d1.pnj') repeat center;
border:1px solid white;
color:white;
padding:5px;
box-shadow:inset 0px 0px 10px white;
}

.profile .mood b a{
font-family:MadokaRunes;
letter-spacing:1px;
text-shadow:0px 0px 5px hotpink;
}
.profile .mood b a:hover{
font-family:consolas;
text-shadow:0px 0px 5px white;
}
 .profile .table-section .heading h4{
font-size:30px;
text-shadow:0px 0px 10px hotpink;
}
 .profile .table-section .heading{
background:none;
}
.profile .table-section a{
text-shadow:none;
}
.profile .table-section td{
background:none;
text-shadow:0px 0px 5px white;
color:white;
font-size:17px;
}
.profile .table-section tr{
background:none;
}
.profile .contact .f-row a{
font-family:MadokaRunes;
letter-spacing:1px;
color:hotpink;
text-shadow:0px 0px 10px hotpink;
}
.profile .contact .f-row a:hover{
font-family:consolas;
color:white;
text-shadow:0px 0px 10px white;
}
.online{
font-family: MadokaRunes;
color:white;
text-shadow:0px 0px 10px hotpink;
letter-spacing:2px;
font-size:20px;
}
.online:hover{
font-family:consolas;
}
.online img{
content:url('https://64.media.tumblr.com/04d22b5faf6478c6300819cabaef1b7d/812f703863aa9e7d-c2/s1280x1920/ca859a00483c010c286c686a4d88b83e80cd6712.gifv');
}
button:hover{
background:url('https://64.media.tumblr.com/dc9c303eee77adcdc08797b8eb7dceb6/a0472fdca630bbe3-a7/s1280x1920/643f9bb67c791223453d6d8dfc23c9c6b3d149d1.pnj') repeat center;
box-shadow:0px 0px 8px white inset;
color:white;
border:1px solid white;
}
nav .top .right button:hover{
box-shadow:none;
background:none;
border:none;
}
button{
border:1px solid white;
background:white;
color:black;
padding:5px;
}
.search-wrapper{
}
.general-about .details{
font-size:16px;
margin-top:20px;
display:grid;
border:1px solid black;
box-shadow:0px 0px 20px black;
border-radius:20px;
background:black 
url('https://64.media.tumblr.com/dc9c303eee77adcdc08797b8eb7dceb6/a0472fdca630bbe3-a7/s1280x1920/643f9bb67c791223453d6d8dfc23c9c6b3d149d1.pnj') repeat center fixed;
color:white;
}
.icon, .award img{
display:none;
}
.profile .contact .heading h4{
font-size:25px;
letter-spacing:2px;
}
.friends{
background:url('https://64.media.tumblr.com/dc9c303eee77adcdc08797b8eb7dceb6/a0472fdca630bbe3-a7/s1280x1920/643f9bb67c791223453d6d8dfc23c9c6b3d149d1.pnj')repeat center center fixed;
border-radius:20px;
color:white;
margin-bottom:20px;
}
.profile .contact .heading{
text-shadow:0px 0px 10px hotpink;
background:black 
url('https://64.media.tumblr.com/dc9c303eee77adcdc08797b8eb7dceb6/a0472fdca630bbe3-a7/s1280x1920/643f9bb67c791223453d6d8dfc23c9c6b3d149d1.pnj') repeat center fixed;
}
 a{
color:hotpink;
}
a:hover{
color:white;
text-shadow:0px 0px 10px white;
}
.f-col{
font-size:15px;
}
.profile .table-section{
background:url('https://64.media.tumblr.com/dc9c303eee77adcdc08797b8eb7dceb6/a0472fdca630bbe3-a7/s1280x1920/643f9bb67c791223453d6d8dfc23c9c6b3d149d1.pnj') repeat center fixed;
box-shadow:0px 0px 20px black;
border:none;
}
.f-col:nth-child(odd)::before{
content:url('https://64.media.tumblr.com/a4c0d48b7f8877a250575df16bacc5ab/948454ca4f3c9c7f-7c/s1280x1920/869d2f650f130637cb63f232c91464a3dbeb0586.gifv');
}
.f-col:nth-child(even)::before{
content:url('https://64.media.tumblr.com/01258a82f751d033f26a9e0786bfd3dc/948454ca4f3c9c7f-5e/s1280x1920/cbdad6beb80184284321cd74156f538c86936e74.gifv');
}
.profile .mood{
font-family:consolas;
font-size:18px;
color:white;
margin-top:20px;
margin-bottom:20px;
padding:10px;
border:1px solid black;
box-shadow:0px 0px 20px black;
border-radius:20px;
background:black 
url('https://64.media.tumblr.com/dc9c303eee77adcdc08797b8eb7dceb6/a0472fdca630bbe3-a7/s1280x1920/643f9bb67c791223453d6d8dfc23c9c6b3d149d1.pnj') repeat center fixed;
}
nav, footer, .profile .contact{
overflow:hidden;
border:1px solid black;
box-shadow:0px 0px 20px black;
border-radius:20px;
background:black 
url('https://64.media.tumblr.com/dc9c303eee77adcdc08797b8eb7dceb6/a0472fdca630bbe3-a7/s1280x1920/643f9bb67c791223453d6d8dfc23c9c6b3d149d1.pnj') repeat center fixed;
color:white;
}
.general-about .profile-pic img{
content:url('https://64.media.tumblr.com/b0569b2e02670c76a9c672f2eec48794/tumblr_orjwmv6twx1w8x2g9o1_1280.pnj');
max-height:400px;
max-width:400px;
animation: charl 02s infinite;
}
.profile .friends .heading h4{
background:none;
text-align:center;
font-size:30px;
}
.profile .friends .heading {
color:white;
text-shadow:0px 0px 10px hotpink;
background:none;
}
.blog-preview h4{
font-size:20px;
color:white;
}

.blog-preview{
color:white;
font-size:18px;
}
.profile-info{
border:none;
font-size:15px;
}
.profile .blurbs .section {
font-size:18px;
text-shadow:0px 0px 5px black;
border-radius:50px;
box-shadow:0px 0px 30px black;
color:white;
padding-bottom:20px;
padding-top:20px;
}

.profile .blurbs{
border-radius:20px;
background:url('https://64.media.tumblr.com/dc9c303eee77adcdc08797b8eb7dceb6/a0472fdca630bbe3-a7/s1280x1920/643f9bb67c791223453d6d8dfc23c9c6b3d149d1.pnj')repeat center center fixed;
box-shadow:0px 0px 30px black;
text-shadow:0px 0px 10px white;
}
.general-about .profile-pic{
height:400px;
}
nav .links .icon{
display:none;
}
nav .top .center form{
margin-top:5px;
}
.profile .url-info{
border:none;
background:none;
color:white;
}
nav .top .center form label{
display:none;
}
nav .links{
padding:20px;
height:100px;
text-align:center;
background:url('https://64.media.tumblr.com/dc9c303eee77adcdc08797b8eb7dceb6/a0472fdca630bbe3-a7/s1280x1920/643f9bb67c791223453d6d8dfc23c9c6b3d149d1.pnj') repeat top center fixed;
}
nav .links a{
font-family: MadokaRunes;
font-size:15px;
letter-spacing:2px;
}
nav .links a:hover{
font-family: consolas;
font-size:15px;
color:white;
text-shadow:0px 0px 10px hotpink;
}
.geki4{
position:fixed;
z-index:-4;
margin-right:240px;
margin-bottom:-10px;
right:0px;
bottom:0px;
width:400px;
}
.geki{
position:fixed;
left:0px;
top:0px;
z-index:1;
-webkit-filter: drop-shadow(0px 5px 5px black);&#10;  filter: drop-shadow(0px 5px 5px black);
width:300px;
}
.geki2{
z-index:-2;
background:url('https://64.media.tumblr.com/a89660c92fbb892104801566c407539f/fb4bd68fed84a77e-f2/s2048x3072/094cb53969879e0aa7248c266614f2e30da23e3b.pnj') no-repeat;
margin-right:-100px;
right:0px;
background-size:contain;
border:2px solid black;
position:fixed;
box-shadow:0px 0px 10px black inset;
height:100%;
width:300px;
bottom:0px;
}
.geki3{
z-index:-3;
background:url('https://64.media.tumblr.com/2e0f28f04f42c9e10bbfece43e969dae/af681c8c7e3fbfd8-6f/s640x960/3409db2e2cfdf8b5201f529cc668ea1ec3b6be4d.pnj');
right:0px;
margin-right:200px;
background-size:contain;
border:4px solid black;
position:fixed;
box-shadow:0px 0px 10px black inset;
height:100%;
width:45px;
bottom:0px;
}
.lace3{
z-index:-1;
position:fixed;
height:100%;
background:url('https://64.media.tumblr.com/ff29a8448444c3ade4446f85ecd15c20/f7d1cbe9a141fd69-0c/s2048x3072/af64641c4cc3b34ca189700683d9ac54cae52ebe.pnj');
background-repeat:repeat-y;
background-size:contain;
margin-left:540px;
width:50px;
top:0px;
}
.lace2{
z-index:-1;
position:fixed;
height:100%;
background:url('https://64.media.tumblr.com/8cb8277679cdcc5c6d822bb3c0b59096/c3d7c9eae0a6aa9f-90/s2048x3072/32c1b9d434b61cb7e49f4e2d273418b971f5bc1c.pnj');
background-repeat:repeat-y;
background-size:contain;
margin-left:-50px;
width:50px;
top:0px;
}
.lace{
z-index:1;
position:fixed;
width:100%;
top:0px;
margin-top:-10px;
left:0px;
height:60px;
background:url('https://64.media.tumblr.com/0b320fd65a77983691c4bd50474c475f/de3806085997d66d-70/s1280x1920/48ab227ebe1b46ecd24dd4eaced8b78ce425301b.png') top center;
background-repeat:repeat-x;

}
nav .top .left{
margin-top:20px;
}
nav .top .left .logo{
content:url('https://64.media.tumblr.com/8d0065da172cf60cf38fea1346fa5e7e/tumblr_mrp2ooEWLJ1s5yr73o1_1280.jpg');
height:200px;
width:500px;
margin-left:-10px;
margin-top:-15px;
}
nav .top .right{
margin-top:10px;
text-align:center;
}
nav .top{ background:black; text-align:center; flex-direction: column;
} @font-face{font-family:MadokaRunes;src:url('https://dl.dropboxusercontent.com/s/n6ys414nviitr9y/MadokaRunes-2.0.ttf')} body{ font-family:consolas; background:url('https://64.media.tumblr.com/37358448ddd96e62868e6e5b6c5a05c1/c1487f8f5a45a32f-0b/s1280x1920/5b405339d62780a516dcebd8a3bcea477d27c1f5.pnj') no-repeat center fixed;background-size:cover;} @keyframes charl{
50% {-webkit-filter: drop-shadow(0px 0px 20px hotpink);&#10;  filter: drop-shadow(0px 0px 20px hotpink);}
100% {50% {-webkit-filter: drop-shadow(0px 0px 0px hotpink);&#10;  filter: drop-shadow(0px 0px 0px hotpink);}}
}
@keyframes hithere {
20% {transform: rotate(-20deg)}
40% { transform: rotate(0deg)  }
60% { transform: rotate(20deg) }
80% { transform: rotate(0deg) }
100% {}
}
@keyframes hithere2 {
20% {transform: rotate(20deg)}
40% { transform: rotate(0deg)  }
60% { transform: rotate(-20deg) }
80% { transform: rotate(0deg) }
100% {}
}
@keyframes gelatine {
from, to { transform: scale(1, 1); }
25% { transform: scale(0.9, 1.1); }
50% { transform: scale(1.1, 0.9); }
75% { transform: scale(0.95, 1.05); }
}
.fam{
margin-right:20px;
position:fixed;
right:0px;
bottom:0px;
animation: gelatine 02s infinite;
}
.pol{
margin-left:-80px;
 animation: hithere 5s ease infinite;
margin-bottom:-50px;
z-index:-2;
position:fixed;
left:0px;
bottom:0px;
}
.bun2{
position:fixed;
right:0px;
z-index:-2;
margin-right:200px;
animation: hithere2 5s ease infinite;
bottom:0px;
}
.bun{
position:fixed;
left:0px;
animation: gelatine 02s infinite;
margin-left:-70px;
margin-bottom:-50px;
bottom:0px;
}
footer p{
font-size:13px;
}
footer{
bottom:0px;
margin: 10px 0 0px;
background:black;
color:white;
}
.container{
background:black;
width:600px;
box-shadow:0px 0px 50px black;
border-left:20px solid black;
border-right:20px solid black;
margin: 0 auto 0px;
}
.general-about{
display:grid;
}
.profile .blurbs .inner{
margin-top:20px;
}
main{
background:url('https://i.pinimg.com/originals/b6/a2/1e/b6a21e19fb7ffd9355a7ee40a032bbeb.jpg') repeat top center;
text-align:center;
padding-top:10px;
border-top-left-radius:100px;
border-top-right-radius:100px;
box-shadow: inset 0px 0px 20px black;
}
.col.w-40{
width:100%;
}
.row{
display:grid;
}
.profile h1{
font-size:60px;
color:white;
text-shadow:0px 0px 20px hotpink;
}
h1{
font-family: MadokaRunes;
letter-spacing:2px;
font-size:20px;
}
.profile .blurbs .section h4{
display:none;
}
.profile .blurbs .heading{
background:none;
color:white;
}
.profile .blurbs .heading h4{
background:none;
font-size:30px;
text-shadow:0px 0px 10px hotpink;
}
h4{
font-family:MadokaRunes;
letter-spacing:1px;
font-size:15px;
}
.profile .friends .person{
font-size:20px;
color:pink;
text-shadow:0px 0px 10px hotpink;
}
.profile .friends .person:first-child img:not(.icon){
content:url('https://64.media.tumblr.com/d1e6d8fd047bf9b1584d05d3f65d6696/a0c1f97fed150c56-b4/s1280x1920/461d4e858e4d2ee5909aafbc6e19c9353309fd02.pnj');
border-radius:100px;
}
.profile .friends .person:nth-child(2) img:not(.icon){
content:url('https://64.media.tumblr.com/c21a41e6655e8f1791bfc67d16ee480e/a0c1f97fed150c56-37/s1280x1920/5483e474188e3aad9c7da246a982086a5650e72a.pnj');
border-radius:100px;
}
.profile .friends .person:nth-child(3) img:not(.icon){
content:url('https://64.media.tumblr.com/d7628ede57f83252d4321857e789977d/a0c1f97fed150c56-46/s1280x1920/d0fe7bdb6d6bafeec7ba931b5857e3bfe0a07c59.pnj');
border-radius:100px;
}
.profile .friends .person:nth-child(4) img:not(.icon){
content:url('https://64.media.tumblr.com/8f0887c7a9e7ed4273a0bd7cda644204/a0c1f97fed150c56-cb/s1280x1920/3bdef2185f8d6483a441542d90f4f919589310ac.pnj');
border-radius:100px;
}
.profile .friends .person:nth-child(5) img:not(.icon){
content:url('https://64.media.tumblr.com/3f1ec585c4a72c334493c2ad5f87cff1/6bf7969fc1a93024-00/s2048x3072/0f83b2b3c9ef0fc861f5f229371835a6198f6791.pnj');
border-radius:100px;
}
.profile .friends .person:nth-child(6) img:not(.icon){
content:url('https://64.media.tumblr.com/c415d15d28666b012f9d11426d91eec5/6bf7969fc1a93024-7f/s2048x3072/3c153e862b172b6075560b1d390f5a45b86a9214.pnj');
border-radius:100px;
}
.profile .friends .person:nth-child(7) img:not(.icon){
content:url('https://64.media.tumblr.com/ee2009aa509dace947f808bd716a772b/6bf7969fc1a93024-c2/s400x600/70e76e0006bf526887ffc8e4eb00e7bff914cd11.pnj');
border-radius:100px;
}
footer .copyright{
text-decoration:none;
font-size:13px;
}
footer .copyright::before{
margin-right:20px;
content:"layout by /kento";
text-decoration:none;
}
.profile .friends .person img:not(.icon){
content:url('https://64.media.tumblr.com/7d5e8c7732da3975e072ba9e17c0e90d/6bf7969fc1a93024-d4/s1280x1920/63146bf85064be091c9b7547d84148adea6155d0.pnj');
border-radius:100px;
} 
.profile .friends .person p{
display:none; 
}

.comments-table td:first-child{ border:none; }.comments-table td, .music-table td{ background:black; font-size:15px; padding:10px;}.comments-table td img:not(.icon){ height:100px; width:130px; content:url('https://64.media.tumblr.com/80855966119f6ae86d0814328b18b8c7/aa3b73bf564ca1d1-41/s500x750/65d9a329e2ffcff369571715d394b53be4d9e190.png');
} .comments-table{ border:none; } tbody { border:none; padding:10px;} td{ border:none;} tr { border:none;} .comment-replies{ border-top:1px dashed white;border-right:none; border-bottom:none; border-left:none;} .comments-table td:first-child, .music-table td:first-child{
background:url('https://64.media.tumblr.com/dc9c303eee77adcdc08797b8eb7dceb6/a0472fdca630bbe3-a7/s1280x1920/643f9bb67c791223453d6d8dfc23c9c6b3d149d1.pnj') repeat center fixed;} .comments-table td:first-child a{ font-family:MadokaRunes; font-size:20px; color:white;}.comments-table td:first-child a:hover{ font-family:consolas; font-size:20px; color:white;}
.profile .friends .person:nth-child(1)::before{
content:"homura";
font-family:MadokaRunes;
letter-spacing:1px;
}
.profile .friends .person:nth-child(2)::before{
content:"mami";
font-family:MadokaRunes;
letter-spacing:1px;
}
.profile .friends .person:nth-child(3)::before{
content:"madoka";
font-family:MadokaRunes;
letter-spacing:1px;
}
.profile .friends .person:nth-child(4)::before{
content:"kyoko";
font-family:MadokaRunes;
letter-spacing:1px;
}
.profile .friends .person:nth-child(5)::before{
content:"akuma";
font-family:MadokaRunes;
letter-spacing:1px;
}
.profile .friends .person:nth-child(6)::before{
content:"sayaka";
font-family:MadokaRunes;
letter-spacing:1px;
}
.profile .friends .person:nth-child(7)::before{
content:"kami";
font-family:MadokaRunes;
letter-spacing:1px;
}
.uh{
width:auto;
height:auto;
position:fixed;
left:10px;
border-radius:100px;
padding:5px;
padding-bottom:2px;
bottom:10px;
z-index:9999999999999999999999999999;
}
.profile .friends .person:nth-child(8)::before{
content:"nagisa";
font-family:MadokaRunes;
letter-spacing:1px;
}
</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 46 comments ( View all | Add Comment )

Silly_Sockzzz	1744000389 USIIIING Report Comment
Silly_Sockzzz	1744000389 USIIIING Report Comment
SAMUELSEOSGF	1739765462 Using !! THIS IS SO GOOD !!! Report Comment
Eoyx Angel >__<	1739730263 Using >__< Report Comment
Certified Sewer Rat	1739482702 USING!!! Report Comment
CraftyCritterrr	1739242338 USING XD Report Comment
hyp3rROTTT	1737241295 USINGG Report Comment
Setsuna	1736741734 using!! Report Comment
Yuki	1736492619 using <3 Report Comment
Anged1ternet⊹ 🦴	1734216076 using Report Comment
ariane	1733825110 usinggg Report Comment
𝖕𝖊𝖊𝖕	1733522640 omg thats so fucking amazing!!! Report Comment
!RoY!	1732998324 using <333 Report Comment
*ੈ . ✦₊𝘛𝘦𝘢𝘒𝘪𝘵	1732616504 Using! Report Comment
kitty girl 🐾	1730197839 using!! Report Comment
Xan	1724677506 using <3 Report Comment
princess miffy	1723896786 Usingg Report Comment
LEVI :3 (poop lord)	1722370677 using tysm!! Report Comment
PICHIPI ≧◉◡◉≦	1716815709 using Report Comment
‧˚꒰🌸 SugarKitty ୭ ᵎᵎ 🍡 (ON BREAK)	1714159805 using Report Comment