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

𝓥𝓲𝓪𝓽𝓻𝓲𝔁 𝓛𝓸𝓻𝓭	1724216608 Using!!! Report Comment
nathan	1722106318 using !! Report Comment
Akechi	1720757719 Using for a blog post!!! Report Comment
chibbiiyo	1719804292 using! Report Comment
🅰️sadafita	1719445993 Using Report Comment
detective prince	1718505546 usin <3!! Report Comment
Sammy	1717473203 Using Report Comment
;; LOKI . // autoplay	1717272408 using >_< Report Comment
maykimi	1717093041 using Report Comment
nelon ✦	1716722709 USING!! thank you!! Report Comment
bedowedo / calxology	1715627912 using!! Report Comment
CyberStyopa	1715538121 USING THIS!! Report Comment
bastard †	1715298436 using Report Comment
confetti >_<	1715253878 USING THISSS Report Comment
" Kaita # "	1715145731 USING!!! TYY Report 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