vehicle | CR chart: P4esque

Guess what I've been playing recently! The idea has probably been done and done better elsewhere, but this one is my attempt - and if I say "inspired by", I can pretend the obvious fudges in this aren't things I spent a whole afternoon picking at before deciding they were close enough already and giving up \o/

picture of how it should look

0	Rank 1 ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ Ace Attorney • Phoenix Wright something something boot to the head
I	Rank 8 ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ Persona 4 • Yosuke Hanamura something something have to pee
XVI	Max ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ Fullmetal Alchemist 2003 • Ed Elric who are you calling filler text
XX	Rank 4 ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ Digimon Tamers • Guilmon pity this busy monster, manunkind

without border:

Rank 1-9

Max

<table><tr><td style="vertical-align:top; background-image:url('http://i.imgur.com/s6xRH4R.png'); background-color: #698ba4;"><center><img style="padding:3px 0px 3px 0px;" src="USERPIC"/>
<span style="color: #f5ffff; font-weight: bold; font-family: helvetica, sans-serif">IDEK
<br/></span></center></td>
<td><div style="padding:0px 0px 0px 5px; margin: 0 0 0 -6px; background:#fc9e00; border-width: 3px 0 3px 0; border-style: solid; border-color: #fffa71;"><span style="color: #fffdea; letter-spacing: 1px; font-weight: bold; font-family: verdana, geneva, sans-serif;"><span style="font-size:90%;">Rank <span style="font-weight: bolder; font-size:150%;"># <span style="font-weight: bolder;">━ <font color="#db7300">━ ━ ━ ━ ━ ━ ━ ━ ━</font></span></span></span></div><div style="margin: 1px 0px 5px -6px; padding: 1px 0 1px 5px; opacity: .9; background: #333333; color: #ffffff; font-size: 15px;"><span style="font-size: 90%; font-family: impact, charcoal, sans-serif">CANON</span> <font color="#72736e">•</font> <span style="font-weight: bold; font-family: geneva, verdana, sans-serif; letter-spacing: 1px;">NAME</span></div><div style="color: #fffefb; width: 500px; background: #615338; border-radius: 4px; box-shadow: #ff5c01 2px 1px 0px 1px; margin: 0 0 0 -2px; padding: 7px 25px 7px 15px; font-family: geneva, verdana, sans-serif; font-size: 12px; text-align: justify;">TEXT</div>
</td></tr></table>

<table><tr><td style="vertical-align:top; background-image:url('http://i.imgur.com/s6xRH4R.png'); background-color: #698ba4;"><center><img style="padding:3px 0px 3px 0px;" src="USERPIC"/>
<span style="color: #f5ffff; font-weight: bold; font-family: helvetica, sans-serif">IDEK
<br/></span></center></td>
<td><div style="padding:0px 0px 0px 5px; margin: 0 0 0 -6px; background:#646464; border-width: 3px 0 3px 0; border-style: solid; border-color: #fefeff;"><span style="color: #ffffff; letter-spacing: 1px; font-weight: bold; font-family: verdana, geneva, sans-serif;"><span style="font-weight: bolder; font-size:150%;">Max <span style="font-weight: bolder; color: #ffffff">━ ━ ━ ━ ━ ━ ━ ━ ━ ━</span></span></div><div style="margin: 1px 0px 5px -6px; padding: 1px 0 1px 5px; opacity: .9; background: #333333; color: #ffffff; font-size: 15px;"><span style="font-size: 90%; font-family: impact, charcoal, sans-serif">CANON</span> <font color="#72736e">•</font> <span style="font-weight: bold; font-family: geneva, verdana, sans-serif; letter-spacing: 1px;">NAME</span></div><div style="color: #fffefb; width: 500px; background: #615338; border-radius: 4px; box-shadow: #ff5c01 2px 1px 0px 1px; margin: 0 0 0 -2px; padding: 7px 25px 7px 15px; font-family: geneva, verdana, sans-serif; font-size: 12px; text-align: justify;">TEXT</div>
</td></tr></table>

with "card" border:

Rank 1-9

Max

<table><tr><td style="border: 1px solid #2d414a; vertical-align:top; background-image:url('http://i.imgur.com/s6xRH4R.png'); background-color: #698ba4;"><center><img style="padding:3px 0px 3px 0px;" src="USERPIC"/>
<span style="color: #f5ffff; font-weight: bold; font-family: helvetica, sans-serif">IDEK
<br/></span></center></td>
<td><div style="padding:0px 0px 0px 5px; margin: 0 0 0 -6px; background:#fc9e00; border-width: 3px 0 3px 0; border-style: solid; border-color: #fffa71;"><span style="color: #fffdea; letter-spacing: 1px; font-weight: bold; font-family: verdana, geneva, sans-serif;"><span style="font-size:90%;">Rank <span style="font-weight: bolder; font-size:150%;"># <span style="font-weight: bolder;">━ <font color="#db7300">━ ━ ━ ━ ━ ━ ━ ━ ━</font></span></span></span></div><div style="margin: 1px 0px 5px -6px; padding: 1px 0 1px 5px; opacity: .9; background: #333333; color: #ffffff; font-size: 15px;"><span style="font-size: 90%; font-family: impact, charcoal, sans-serif">CANON</span> <font color="#72736e">•</font> <span style="font-weight: bold; font-family: geneva, verdana, sans-serif; letter-spacing: 1px;">NAME</span></div><div style="color: #fffefb; width: 500px; background: #615338; border-radius: 4px; box-shadow: #ff5c01 2px 1px 0px 1px; margin: 0 0 0 -2px; padding: 7px 25px 7px 15px; font-family: geneva, verdana, sans-serif; font-size: 12px; text-align: justify;">TEXT</div>
</td></tr></table>

<table><tr><td style="border: 1px solid #2d414a; vertical-align:top; background-image:url('http://i.imgur.com/s6xRH4R.png'); background-color: #698ba4;"><center><img style="padding:3px 0px 3px 0px;" src="USERPIC"/>
<span style="color: #f5ffff; font-weight: bold; font-family: helvetica, sans-serif">IDEK
<br/></span></center></td>
<td><div style="padding:0px 0px 0px 5px; margin: 0 0 0 -6px; background:#646464; border-width: 3px 0 3px 0; border-style: solid; border-color: #fefeff;"><span style="color: #ffffff; letter-spacing: 1px; font-weight: bold; font-family: verdana, geneva, sans-serif;"><span style="font-weight: bolder; font-size:150%;">Max <span style="font-weight: bolder; color: #ffffff">━ ━ ━ ━ ━ ━ ━ ━ ━ ━</span></span></div><div style="margin: 1px 0px 5px -6px; padding: 1px 0 1px 5px; opacity: .9; background: #333333; color: #ffffff; font-size: 15px;"><span style="font-size: 90%; font-family: impact, charcoal, sans-serif">CANON</span> <font color="#72736e">•</font> <span style="font-weight: bold; font-family: geneva, verdana, sans-serif; letter-spacing: 1px;">NAME</span></div><div style="color: #fffefb; width: 500px; background: #615338; border-radius: 4px; box-shadow: #ff5c01 2px 1px 0px 1px; margin: 0 0 0 -2px; padding: 7px 25px 7px 15px; font-family: geneva, verdana, sans-serif; font-size: 12px; text-align: justify;">TEXT</div>
</td></tr></table>

For best chances of displaying this properly, switch off custom styles for journal entry pages.

Code modified from this CR chart by

jerky and "charted" by

pastries. Texture is "wild flowers" from Subtle Patterns.

As well as those, credit to

vehicle/

blitzente would be nice!

If you have problems, feel free to let me know! ... Although I can't promise much.