Mafuyu Asahina - Escape from Rain/Our Escape for Survival Layout

Tags: project sekai, mafuyu asahina, simple, layout, rain

Description:

(re-upload) I don't think I've seen any pjsekai layouts so far (except for mine) so here's a Mafuyu one! Feel free to change and use as a base or inspo, you don't need credit me!! ^^ also the final product looks different from the img I used I just zoomed out so you can see everything :D

Preview:

click on the image for a larger preview

Code:

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

<style>
 .logo {
content:url("https://cdn.discordapp.com/attachments/888819682826657814/1105408150682734592/Titelloses_528_20230509101711.png")
  }
   </style>

<style>
  @import url('https://fonts.googleapis.com/css2?family=David+Libre:wght@500&display=swap');
p{
font-family: 'David Libre', cursive;
font-size: 15px

}
h1,h2,h3,h4,h5{
   font-family: 'David Libre', cursive;
   font-size: 150%
</style>

<style>
body {
    background-color: #e3e3e3;
    background-image: url(https://i.pinimg.com/originals/a1/8e/d7/a18ed7d8a6618c9d81fda57c011b91cb.jpg);
    background-size: 1350px;
    background-attachment: fixed;
}
:root{
--logo-blue: none;
  --darker-blue: #904690; 
  --lighter-blue: #679AC3;
  --even-lighter-blue: #B9D6EC;
  --lightest-blue: #B9D6EC;
  --dark-orange: #B9D6EC;
  --light-orange: #B9D6EC;
  --even-lighter-orange: #87adcc;
  --green: #136126;

}

footer {
        border-radius: 15px;
background-image: url(https://static.wikia.nocookie.net/projectsekai/images/d/d8/Escape_from_rain_Gacha_Logo.png/revision/latest?cb=20230430030008);
background-repeat: no-repeat;
background-color: #000000;
background-position: top 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 {
content: "🌧️"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
content: "☔"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "🌂"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
content: "🎹"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
content: "🎵"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
content: "🎼"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
content: "🕞"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
content: "💜"
}   
</style>

<style>
main:before {
 width: 100%;
 height: 300px;
 display: block;
 content: "";
 background-image: url('https://static.wikia.nocookie.net/projectsekai/images/4/45/The_Road_That_Has_Been_Cut_Off_T.png/revision/latest?cb=20230430030034');
 background-position: center center;
 background-size: cover;
 </style>

 <style>
.profile {
background:#2D2935;
 }
.online{content:url("https://cdn.discordapp.com/attachments/888819682826657814/1105404567136501830/Titelloses_530_20230509100258.png");
}
 </style>

 <style>
.profile-pic {
border-radius: 500px;
overflow: hidden;

}

.profile .friends .person img {
border-radius: 500px;

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

Rio

1685321082

i tried 2 add this 2 tumblr but 4 some reason it only shows the background image and nothing else :,( do u know how 2 fix that?

Report Comment

Hi! Thank you for reaching out to me for this! My layouts are designed for spacehey specifically ,but I could try to add it to tumblr but I'm not sure how the site works... I will need some time to figure everything out, I wil contact you again if you have don't mind waiting! ^v^

by GioGio; 1685384874; Report

i dont mind waiting, tyvm!

by Rio; 1685388762; Report

Ruiyu

1683792265

WOOOOOO PJSK TYSMM

Report Comment