madoka kaname cherry blossom/sakura layout 🌸

Tags: pink, cute, aesthetic, madoka magica, anime, kawaii, nature

Description:

ignore some of the messy code lol credit is not needed, but appreciated

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by r✦wan (view on pc) (https://layouts.spacehey.com/layout?id=25739) -->

<style>
.profile h1 {
    font-family: 'Delius Swash Caps';
    font-weight: 200;
    text-align: center;
    font-size: 40px;
    color: rgb(198, 228, 255);
}
<style><style>
}
<style>
p {
    font-family: Verdana;
    font-size: 11px;
}

a {
    color: pink;
}

a:hover, .count {
    color: palevioletred;
    font-style: italic;
    text-decoration: none;

<style></style>
<style>
nav .top {
    display: block;
    background-color: rgb(249, 209, 209);

}
main:before {
    width: auto;
    margin-bottom: 25px;
    border: 1px solid pink;
    height: 250px;
    display: block;
    content: "";
    background-image: url(https://th.bing.com/th/id/R.29b3f26d73250185e0f03e23f709663d?rik=Qu4duMVuTbbqPQ&riu=http%3a%2f%2fpa1.narvii.com%2f6382%2fbd381671df6a1585c7cb0fee4f6310f32efa72be_hq.gif&ehk=5pyumRUaCERRdxx9g%2f%2fN%2f4EGkA4sO0gXykeViQB40mM%3d&risl=&pid=ImgRaw&r=0);
    background-position: center center;
    background-size: cover;
}

nav .links {
    display: block;
    background-color: rgb(235, 166, 173);
    font-family: monospace;
    font-weight: 300;
    font-size: 12px;
    text-align: center;
}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
  background-color: rgb(209, 233, 255);
  color: rgb(122, 179, 255);
}
.profile .blurbs .heading, .profile .friends .heading {
  background-color: rgb(235, 166, 173);
  color: rgb(255, 255, 255);
}
body{background:url("https://i.pinimg.com/originals/49/76/10/497610c5fcfda68d40e73c7980b65ece.gif") no-repeat fixed; background-size:cover;}
<style>
</style>

<style>
.details-table td {
    background-color: mistyrose;

}

.details-table td:first-child {
    background: lightpink;
    border-color: lightpink;
    color: floralwhite;
    font-family: 'Lekton';
    font-size: 11.5px;
    font-weight: 400;
}
.details-table td:first-child a {
    color: floralwhite;
}
<style></style>
<style>
.general-about .profile-pic img{
  clip-path: polygon(49% 28%, 89% 0, 87% 46%, 100% 79%, 76% 100%, 18% 100%, 0 76%, 11% 44%, 11% 0);
}
</style>
<style>
    .blurbs{
    
    color: color !important;
    background-color: rgb(209, 233, 255); !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }


<style></style>
<style>
.online {
    color: lightpink;
}

.online img {
   content: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/dfd16f08-c410-4a71-bc5e-def86b691e78/dc9jq8c-7fa9b7ca-cc39-4fa8-9826-8cfe5dccc39a.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2RmZDE2ZjA4LWM0MTAtNGE3MS1iYzVlLWRlZjg2YjY5MWU3OFwvZGM5anE4Yy03ZmE5YjdjYS1jYzM5LTRmYTgtOTgyNi04Y2ZlNWRjY2MzOWEucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.DHXlrPV53kmhmBvhs07Pszw4sgfkyOWvzv6NTqdqHOQ");
    animation-name: blink;
<style></style>
<style>
.profile .friends .person p {
     font-family: 'Lekton';
     color: rgb(122, 179, 255);
<style></style>

<style>
}
</style>
<style>
}
</style>
<style>
}
.comments-table, .comment-replies {
  border: none;
}
.profile-info, .comments-table td:first-child, .music-table td:first-child, .comments-table td, .music-table td {
  background: none;
  border: none;
}
#comments {
  height: 400px;
  overflow-y: scroll;
}
.comments-table td:first-child img:not(.icon), .bulletin-table td:first-child img:not(.icon){
  border: 1px solid black;
  border-radius: 180px;
}
.comments-table td:first-child img:not(.icon):hover {
  animation: shake 0.5s;
  animation-iteration-count: infinite;
<style></style>
<style>
h4 {
    font-family: 'Lekton';
    font-weight: 400;
    font-size: 16px;
    color: rgb(122, 179, 255);
}
.profile .blurbs .inner h4 {
    color: rgb(122, 179, 255);
    font-weight: 700;

<style></style>
<img src="https://media.giphy.com/media/dtr0h32ub9BiVxqU1f/giphy.gif"/>
<style></style>
<style>
* { 
 cursor: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/48770ec0-4a22-40b0-be3e-05112972d3ca/d8qe2x1-f7ef582d-cdb6-4698-b04f-8f3589b0770f.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzQ4NzcwZWMwLTRhMjItNDBiMC1iZTNlLTA1MTEyOTcyZDNjYVwvZDhxZTJ4MS1mN2VmNTgyZC1jZGI2LTQ2OTgtYjA0Zi04ZjM1ODliMDc3MGYuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.usnnn9ZAN2IUxOJokUqSJ-C254GVfg_OqDk0nndUfnQ"), auto !important;
<style>
</style>
<style>
nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/8e6c4685-be35-41fb-aad5-1167aec1ca62/dadbsi8-5f13cc26-f351-45b7-8581-f0138cd43b03.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzhlNmM0Njg1LWJlMzUtNDFmYi1hYWQ1LTExNjdhZWMxY2E2MlwvZGFkYnNpOC01ZjEzY2MyNi1mMzUxLTQ1YjctODU4MS1mMDEzOGNkNDNiMDMucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.q4bu6wU1RWS-VPFK8mplOdkaljinDcNlDzmYNMX5T3I");
<style></style>
<style>
.col.left:after {
  pointer-events: none;
  content: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/38ccaeea-90de-4926-a713-148166a17a9b/dcnzlvv-0169019b-eaf2-4df4-a24b-a0c27fb040cd.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzM4Y2NhZWVhLTkwZGUtNDkyNi1hNzEzLTE0ODE2NmExN2E5YlwvZGNuemx2di0wMTY5MDE5Yi1lYWYyLTRkZjQtYTI0Yi1hMGMyN2ZiMDQwY2QucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.QvvxHc44lYNUqXR7-TtVy-RbeH8oV2aM5L4BUkt7flc);
<style>
</style>
<style>
footer::after{
  bottom: 0;
  font-size:0;
  left: 0%;
  position:fixed;
  pointer-events: none;
  content:url("https://im2.ezgif.com/tmp/ezgif-2-1e3036905b.gif");
<style></style>
<style>
}

.profile .contact, .profile .table-section,  .profile .blurbs .section, .friends  {
 border: var(--borders) solid 1px;
 box-shadow: 4px 4px 0px var(--shadows);
}
.contact .inner a img {
  font-size: 0;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before,
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before,
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before,
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before,
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before,
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before,
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before,
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before,
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
  /*changes the icons*/
 content: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/c570b84a-ec04-421d-86e1-b862f3f04383/dd1df4e-6ac8a0b1-8385-43fd-99aa-25d710e44374.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2M1NzBiODRhLWVjMDQtNDIxZC04NmUxLWI4NjJmM2YwNDM4M1wvZGQxZGY0ZS02YWM4YTBiMS04Mzg1LTQzZmQtOTlhYS0yNWQ3MTBlNDQzNzQucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0._QjvZGbIV3r1_Q_Uv-wKA-_s3QFKagCMqNRfrv4ficU);
 margin-right: -6px;
}
.contact a, .table-section a {
  color: var(--links);
}
.contact a:hover, .table-section a:hover {
  color: var(--shift);
  text-decoration: none;
  transition: 0.2s;
<style></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 58 comments ( View all | Add Comment )

зефирка !	2 weeks ago using Report Comment
sally	1 month ago juro que esse eh uns dos banners mais bonitinhos q eu vi hj vei, adorei mesmo:3 Report Comment
sally	1 month ago juro que esse eh uns dos banners mais bonitinhos q eu vi hj vei, adorei mesmo:3 Report Comment
sally	1 month ago juro que esse eh uns dos banners mais bonitinhos q eu vi hj vei, adorei mesmo:3 Report Comment
sally	1 month ago juro que esse eh uns dos banners mais bonitinhos q eu vi hj vei, adorei mesmo:3 Report Comment
Y0M1	1 month ago using Report Comment
𝔅𝔩𝔬𝔬𝔪𝔶!~ °❀⋆.ೃ࿔*:･	1 month ago Using!! Report Comment
cassadaga	2 months ago using~ changed the gifs tho lol <3 Report Comment
Ryuu	3 months ago using Report Comment
emiz <3	3 months ago usingg ! Report Comment
Quxi ໒꒰ྀི´ ˘ ` ꒱ྀིა	4 months ago Using! Report Comment
𝒮𝓉𝓇𝒶𝓌𝒷𝑒𝓇𝓎 ✧･ﾟ: *	5 months ago usingg!!! Report Comment
ruki! ❀	6 months ago Using Report Comment
loelia ♰	7 months ago USING AA Report Comment
𝜗𝜚 ana🧬🎀 ᶻ 𝗓 𐰁 .ᐟ	7 months ago USING DEF Report Comment
vivi ₊‧°𐐪♡𐑂°‧₊	7 months ago usingg Report Comment
daffs !!	8 months ago using!! ^>^ Report Comment
CareBerry	8 months ago using <3 Report Comment
Carequinhadokurapika	8 months ago usandooo Report Comment