Persona 5

Tags: video game, persona 5, p5, persona 5 royal, p5r

Description:

Layout I made based on the video game Persona 5! You never saw it coming....

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ꜱʜᴇʟʙᴢ (https://layouts.spacehey.com/layout?id=210) -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Anonymous+Pro&display=swap');
body{
background-color: red;
background-image: url("https://i.redd.it/fjkr8z1rp7p31.png");
repeat-x: repeat;
background-size: 100% auto;
background-attachment: fixed;
}

.online { visibility: hidden; } .online img { content: url("https://pa1.narvii.com/7205/6dd838b6dfcf582212acbaef567e5767a178911fr1-672-522_128.gif"); animation-name: none; visibility: visible; height: 90px; width: 90px; }

a {
color: white;
}

main {
font-family: 'Anonymous Pro', monospace;;
color: red;
background-color: black;
border-color: red;
border-style: dashed;}

.general-about .profile-pic img{
background-color: red;
-webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

img:hover {
-webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.5;
}

nav .links {
background-color: black;
text-align: center;
}

div.col h1 {
color: #FFFFFF;
font-stretch: expanded;
  animation-duration: 3s;
  animation-name: slidein;
animation-iteration-count: infinite;
text-shadow: 0 0 3px #FF0000;
}

@keyframes slidein {
  from {
    margin-left: 100%;
    width: 300%; 
  }

  to {
    margin-left: 0%;
    width: 100%;
  }}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
background-color: red;
 }

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
border-color:red; 
border-radius: 4px;}

.profile .blurbs .heading, .profile .friends .heading {
background-color: white;
border-radius: 4px;
border: 3px inset red;}

div.row {
background-color: black;
border-radius: 4px; }

}


element.style {
}
.details-table td p {
    margin: 0;
    word-break: break-word;
}
p, ol li {
    font-size: 0.875em;
}
* {
    box-sizing: border-box;
}
user agent stylesheet
p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.details-table td:first-child {
background-color: Red;
color: white;}

.details-table td:nth-child(2) {
background-color: white;
color: black;
}

.comments-table {
border-color: black;
}

.comments-table td:first-child {
background-color: red
}

.comments-table td:nth-child(2) {
background-color: white;
color: black;
}

.profile .friends .person p {
color: red;
}

footer .links a {
color: red; }

footer .copyright a {
color: red }

.details-table td p a {
color: red }

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

☆ RAY	1712233691 USING THIS!! ty ^_^ Report Comment
aesop :3	1711881240 IM SO USING TYYYY Report Comment
Mollettze	1708632695 Using! Report Comment
EliJah :3	1708458978 USING :3c Report Comment
EliJah :3	1708458978 USING :3c Report Comment
EliJah :3	1708458978 USING :3c Report Comment
EliJah :3	1708458978 USING :3c Report Comment
EliJah :3	1708458978 USING :3c Report Comment
EliJah :3	1708458978 USING :3c Report Comment
EliJah :3	1708458965 USING :3c Report Comment
Kaki	1708298677 USINGG TY Report Comment
elias !!! ☆	1706060809 using! thank uu:33 Report Comment
vqanne_	1699814281 using :p Report Comment
silkyYash1o	1699722665 Using :33 Report Comment
IAN+ REN? FAN	1695868160 THANK YOU RANDOM PERSON ONLINE!!! Report Comment
remska	1695009178 may or may not use - still going thru layouts, but this is rlly cool! Report Comment
octofins	1687622012 usingg! Report Comment
luka	1687361742 Using, tyyyy :3 Report Comment
Cher(ry)	1685656519 using this, tysm x) Report Comment
GeekyAmericanOtaku	1685325278 I am thou...thou art I... Report Comment