Magical boy / grl layout ^_^

Tags: cute, cutecore, kawaii, pink, colorful, vibrant, magical girl, magical boy, anime, messy

Description:

(Comment if usin! or not,, ;^;) Not much 2 it,, jus sparkly n cute ! Most likely gnna add more things 2 this layout in da future :P

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ditzyboy ☆⌒(>﹏<) ⁺ . ⋆ (https://layouts.spacehey.com/layout?id=25055) -->

<style>
main:before {
 width:auto;
 margin-bottom:25px;
 border:1px ;
 height: 300px;
 display:block;
 content: "";
 box-shadow: 0px 0px 5px 1px rgba(118, 118, 118, 0.5);
 background-image: url('https://media.discordapp.net/attachments/955448110992228363/1051648414548504666/image.png');
 background-position: center center;
 background-size: cover;
}
</style>

<style>
main {
    background-image: url();
    background-repeat: cover;
    background-size: 100% ;
background-color:transparent;
  }  
</style>

<style>
.profile{
background-image:
url('https://media.discordapp.net/attachments/955448110992228363/1051602936477778012/image.pn')
</style>

<style>
*{
  border-radius: 9px;
}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading{
  border-radius: 6px 6px 9px 9px;
}
</style>

<style>
body{background:url("https://i.pinimg.com/564x/8e/44/2c/8e442cc8bba63617c16123831d1e2a85.jpg") no-repeat fixed; background-size:cover;}
</style>

<style>
/* use https://rgbacolorpicker.com/ to pick a different color and adjust it's opacity */
main {
background: rgba(255, 220, 238, 0.5);
border-radius:15px;
border: 2px dotted rgba(241, 190, 255, 1)
}
</style>

<style>


.profile .blurbs .heading, .profile .friends .heading {
  background-color: transparent;
  color: #0000;
}
</style>

<style>
nav .top{
background-color: rgba(255, 220, 238, 0.5);
border-radius: 20px;
border: 2px solid #;
box-shadow: inset 2px 3px 5px #;
margin: 1em 0;
}
</style>

<style>
nav .links{
background-color: rgba(255, 220, 238, 0.5);
border-radius: 20px;
border: 2px solid rgba(255, 220, 238, 0.5);
box-shadow: inset 2px 3px 5px #;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
font-style: ;
}
</style>

<style>
.online { visibility: hidden; } .online img { content: url("https://cdn.discordapp.com/emojis/955440889759662140.gif?size=56&quality=lossless"); animation-name: none; visibility: visible; height: 43px; width: 40px; }
</style>

<style>
nav img.logo{
    filter: brightness(0) saturate(100%) invert(%) sepia(0%) saturate(0%) hue-rotate(10deg) brightness(96%) contrast(89%); !important;}
nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: " ★ ";
    color: var(--text);
}
</style>

<style>

.profile .blurbs .section h4 {
color: rgba(255, 195, 226, 1);
}
</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://cdn.discordapp.com/emojis/969578087287255090.gif?size=56&quality=lossless")
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: url("https://cdn.discordapp.com/emojis/1040102449182154794.gif?size=56&quality=lossless")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url("https://cdn.discordapp.com/emojis/969465165647056946.gif?size=56&quality=lossless")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url("https://cdn.discordapp.com/emojis/971828770988245013.gif?size=56&quality=lossless")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url("https://cdn.discordapp.com/emojis/959857248086130809.gif?size=56&quality=lossless")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url("https://cdn.discordapp.com/emojis/959828050705535006.gif?size=56&quality=lossless")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url("https://cdn.discordapp.com/emojis/1040077458692657212.gif?size=56&quality=lossless")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url("https://cdn.discordapp.com/emojis/999328791790895144.gif?size=56&quality=lossless")
</style>

<style>

table.comments-table{
display: block;
height: 400px!important;
overflow-y: scroll;
}



</style>

<style>

    .comments-table td{

        

    background-color: transparent !important;

    background-image: !important;

    background-attachment: FIXED OR SCROLL !important;

    background-repeat: REPEAT OR NO-REPEAT !important;

    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;

        

    }

</style>

<style>



body  

    {

--lighter-blue: none;

--lightest-blue: none;





}



</style>

<style>

.profile .table-section .details-table td {

  background-color: transparent ;

  color: #;

}

</style>

<style>

body:before {



content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://images-ext-2.discordapp.net/external/qDXL47gL7uL0aTrcsIwPwJRjx2dgo8lmo5wPdOcjd58/%3Fto%3Dcrop%26type%3Dwebp%26r%3D40x40%26q%3D50/https/cdn140.picsart.com/321995524199201.gif');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation s ease 0s 1 normal forwards;

pointer-events: none;



}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>

<style>

    table.details-table{

        

border: 1px solid white !important;   

        

    }

    .profile .details-table td{



border: 1px solid white !important;   



    }

</style>

<style>

h1, h2, h3, h4,h5,a, p, nav label, .section {color: rgba(255, 93, 221, 1) ;}


h1, h2, h3, h4, h5, a, p, nav label, .section{ text-transform:lowerercase !important;
}

.online{
  color: rgba(255, 245, 91, 1) !important;  
}

</style>

<style>
.profile .friends .person img {

border-radius: 500px;

}
</style>

<style>
* {cursor: url(https://external-media.spacehey.net/media/sOyO4LJlieAah4BU3AOYb5SzDQ1nRqvCSOsA7LD0HX44=/https://64.media.tumblr.com/78fcf846c454c80fcfdfa3a2e9f8650a/tumblr_inline_p8c0ylqhHD1rhwzwl_75sq.gifv), url(https://external-media.spacehey.net/media/sOyO4LJlieAah4BU3AOYb5SzDQ1nRqvCSOsA7LD0HX44=/https://64.media.tumblr.com/78fcf846c454c80fcfdfa3a2e9f8650a/tumblr_inline_p8c0ylqhHD1rhwzwl_75sq.gifv), auto !important;}
</style>

<style>



    .url-info{

        

border: 1px solid white !important;   

        

    }

</style>

<style>



    .contact{

        

border: 1px solid white !important;   

        

    }

</style>

<style>



    .friends{

        

border: 1px solid white !important;   

        

    }

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

Serrgi	1738451873 using hehehe Report Comment
🎀Moetaku🦴	1738432414 using :3 Report Comment
Neko	1733353139 using Report Comment
V@amp1zer	1731868487 usjng :DD Report Comment
Neo <3	1715509599 using :3 Report Comment
☆˚🌈 jade! 🎀 ୧⋆｡˚	1711257348 usign Report Comment
possumsporch	1706550899 using! Report Comment
ʚ x u n !¡ ɞ	1703792466 using! Report Comment
ᜋᜃ᜔ᜀᜉᜄᜎ᜔	1690971129 UZING Report Comment
˚₊‧꒰ა mahouchan ໒꒱ ‧₊˚	1689802764 def using <33 Report Comment
moebun	1689044150 will use! Report Comment
nixie ☆	1688808542 USING!! x3 Report Comment
max	1686262002 using !! ^_^ Report Comment
skara !! ☆	1685407113 USING :33 Report Comment
Heartsfromandy☆	1684958759 Using! Report Comment
✩ silly guka !!	1682228793 im using it!! :3 Report Comment
amia 🎀	1682124442 using :D!!! Report Comment
Pluto	1679262340 Using c: Report Comment
P1K4TUN4	1677270317 does any1 know a code to just get the rainbow stars?? Report Comment