Puella Magi Madoka Magica

Tags: pink, magic, white, anime, manga, cute

Description:

This layout was based on a friend’s PFP!

Preview:

click on the image for a larger preview

Code:

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

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

<style>
/*** GD-MADOMARUGOJA FONT ***/
@font-face {
font-family: "GD-MadoMaruGoJA";
src: url('https://dl.dropbox.com/s/jw7da2jevt4m7mx/GD-MadoMaruGoJA-Rev001.otf');
}
</style>

<style>
/*** BODY ***/
body {
    background:
url(https://wallpapercave.com/wp/wp10113781.jpg) no-repeat rgba(255,141,199);
    background-attachment: fixed;
    background-size: cover;
    background-position: center top;
}
</style>

<style>
/*** PROFILE BACKGROUND ***/
.profile {
 background: rgba(255,255,255,0.64);
}
</style>

<style>
/*** MAIN ***/
main {
    background: url(https://i.pinimg.com/originals/54/24/f8/5424f8e95e26885dd5ec68579b14a7ec.jpg);
    padding: 0;
    color: black;
    text-color: black;
    border-radius: 8px;
    border: 5px solid rgba(191,63,108);
}
</style>

<style>
/*** LINK COLOR ***/
a{
  color: rgba(255,141,199) !important;
</style>

<style>
/*** FOOTER ***/
footer:before {
    content: "This layout is based on Puella Magi Madoka Magica.";
    font-family: 'GD-MadoMaruGoJA' !important;
    text-transform: uppercase !important;
    font-weight: bolder;
    font-size: 20px;
    color: pink;
}
footer {
    background: rgba(255,255,255,0.64);
}
</style>

<style>
/*** STAR PFP ***/
.general-about .profile-pic img{
  clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%);
}
</style>

<style>
/*** LOGO ***/
.logo {
content:url("https://static.wikia.nocookie.net/logopedia/images/6/6c/Madoka_logo.svg/revision/latest?cb=20140818151836")
}
</style>

<style>
/*** NAV ***/
nav .top {
    background:transparent;
}
nav .links {
    background: rgba(255,255,255,0.64);
    border-top: 1px solid rgba(191,63,108);
}
nav .links .special a {
    color: pink;
}

nav ul.links a {
    color: pink;
    font-family: 'GD-MadoMaruGoJA' !important;
    text-transform: uppercase !important;
    text-shadow: 0px 0px 5px pink;
}
nav ul.links {
    padding-top: 10px;
}
nav ul.links li:not(:last-child)::after {
    content: "○";
    color: pink;
    font-size: 20px;
    padding-left: 5px;
}
input#q {
    background: rgba(255,255,255,0.64);
    color: rgba(191,63,108);
    border: 3px solid rgba(191,63,108);
    font-family: 'GD-MadoMaruGoJA' !important;
    text-transform: uppercase !important;
}
</style>

<style>
/*** BUTTON ***/
button {
    background: rgba(255,255,255,0.64);
    color: rgba(191,63,108);
    border: 3px solid rgba(191,63,108);
    font-family: 'GD-MadoMaruGoJA' !important;
    text-transform: uppercase !important;
}

button:hover {
    color: pink;
}
</style>

<style>
/*** FRIEND IMAGES AND NAMES ***/
.person img {
  clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%);
}
.friends a p{
  color: rgba(255,141,199) !important;
  font-family: 'GD-MadoMaruGoJA' !important;
  text-transform: uppercase !important;
  text-shadow: 0px 0px 5px pink !important;
}
</style>

<style>
/*** PROFILE ***/
.profile-info {
    border: 5px solid rgba(255,153,240) !important;
    border-radius: 50px !important;
    font-family: 'GD-MadoMaruGoJA' !important;
    text-transform: uppercase !important;
}
.profile-info a{
    color: rgba(255,153,240) !important;
}
.profile h1 {
    font-size: 50px;
    font-family: 'GD-MadoMaruGoJA' !important;
    text-transform: uppercase !important;
    color: rgba(255,153,240);
    text-align: center !important;
}
</style>

<style>
/*** ONLINE ***/
.online {
content:url("http://dl9.glitter-graphics.net/pub/272/272679lz7b9hcea1.gif");
}
</style>

<style>
/*** CONTACT ***/
.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: "○";
    color: pink;
    font-size: 20px;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
    content: "○";
    color: pink;
    font-size: 20px;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
    content: "○";
    color: pink;
    font-size: 20px;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
    content: "○";
    color: pink;
    font-size: 20px;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
    content: "○";
    color: pink;
    font-size: 20px;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
    content: "○";
    color: pink;
    font-size: 20px;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
    content: "○";
    color: pink;
    font-size: 20px;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
    content: "○";
    color: pink;
    font-size: 20px;
}
</style>

<style>
/*** URL EDIT ***/
.url-info {
    border: 5px solid rgba(255,153,240) !important;
    border-radius: 50px !important;
    font-family: 'GD-MadoMaruGoJA' !important;
    text-transform: uppercase !important;
    color: rgba(255,153,240) !important;
}
</style>

<style>
/*** COMMENTS ***/
.comments-table a:hover {
    color: pink;
}

.comments-table td:first-child {
   background: white;
    text-align: center;
    width: 30%;
    font-family: 'GD-MadoMaruGoJA' !important;
    text-transform: uppercase !important;
    color: pink;
}

.comments-table img:not(.icon) {
  clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%);
}

.comments-table a {
    color: pink;
    font-style: normal;

}
.comments-table a:hover {
    text-shadow: 0px 0px 5px black;
    text-decoration: none;
}

.comments-table button {
    box-shadow: 0px 0px 5px black;
}

.comments-table td {
    background: white;
    border: 1px solid pink;
}
</style>

<style>
/*** BORDER ON COMMENTS ***/
.comments-table{
   border: 1px solid pink;
}
</style>

<style>
/*** HEADERS ***/
.profile .contact, .profile .table-section, .profile .url-info {
    border: none;
}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
   background: none;
  color: rgba(255,153,240);
}

.profile .table-section .details-table td {
  background: rgba(255,153,240);
  color: white;
}

.profile .blurbs .heading, .profile .friends .heading {
   background: none;
  color: rgba(255,153,240);
}

.profile .friends .comments-table td {
   background: none;
}

.comments-table a {
    color: hotpink;
    font-style: normal;
}

.comments-table a:hover {
    text-decoration: none;
}

.comments-table button {
    box-shadow: 1px 1px 15px hotpink;
}

.comments-table td {
   background: white;
   border: 1px solid hotpink;
   border-radius: 0px;
}
</style>

<style>
/*** HEADER ***/
h1,h2,h3,h4,h5{
  font-family: 'GD-MadoMaruGoJA' !important;
  text-transform: uppercase !important;
  font-size: 20px;
  color: rgba(255,141,199);
}
</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 )

HA4TO(>_<)	1754918155 Usiiinnng ^_^ Report Comment
kayla	1751852207 using Report Comment
CB	1748290788 using Report Comment
iza	1745624005 using Report Comment
stirkles :3	1727994923 using! :3 Report Comment
Maple	1724534486 using! Report Comment
APOLLO	1717554265 using ! Report Comment
Sp1n3ripp3r	1716602986 Using Report Comment
Sam ⭑	1706123325 Usando Report Comment
‎ ‎ ‎ ‎ ‎ ‎ . ̫. cherie	1703281919 usinggg Report Comment
erie	1694195770 using !! ^_^ Report Comment
silkyYash1o	1694017827 Using! Report Comment
amia 🎀	1691616587 using! Report Comment
weedinducedpie	1691351596 Using 4 a blog!^_^ Report Comment
Andy!	1691335291 YAYAYAYYAYAYA TYSMMMMMM MM Report Comment Np! by doomteensy; 1691341692; Report
mob !	1691187994 using. Report Comment Thank you for using this layout! 💜💜💜 by doomteensy; 1691194870; Report