ꜱʜᴇʟʙᴢ's profile picture

Published by

published
updated

Category: Web, HTML, Tech

persona 5 profile code


Just thought I would share the love!


<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>


4 Kudos

Comments

Displaying 2 of 2 comments ( View all | Add Comment )

Zauberer

Zauberer's profile picture

OMG. Just going through Persona 5 right now after the 2 Duology and 3, this is amazing! Great job :D


Report Comment



thank you!!! :) P5 is a great game

by ꜱʜᴇʟʙᴢ; ; Report

L. Staples

L. Staples's profile picture

Wow can i use this until i figure out this stuff?


Report Comment



of course!! :)

by ꜱʜᴇʟʙᴢ; ; Report

Thank you so much! Its wonderful and i feel like i belong now. yay!

by L. Staples; ; Report