pip-boy slider variant

<raw-code><center>

<table width="400"><tbody><tr><td style="box-shadow: #232222 1px 1px 1px;background: #214624;font-family: courier;padding: 10px;"><center><img src="https://v.dreamwidth.org/9969837/2463757" style="width: 80px;border-radius: 100px;margin-top: -50px;border: 5px solid #12ff19;box-shadow: #232222 1px 1px 1px 1px;"> 
<div style="line-height: 15px;">Zetta Reynolds </div>

<div style="border-top: 1px solid #12ff19;border-bottom: 1px solid #12ff19;padding: 2px;font-size: 11px;font-style: bold;color: #12ff19;letter-spacing: 1px;margin-top: 5px;margin-bottom: 5px;">SOLE SURVIVOR</div>

<table style="font-family: courier new;font-size: 14px;color: #12ff19;width:300px;line-height: 25px;font-weight: bold;text-shadow: #111 1px 1px 1px;"><tbody><tr><td>LAWFUL</td><td style="letter-spacing: -1px;color: #2c2f28;">████████████████</td><td>CHAOTIC</td></tr>

<tr><td>PRUDENT</td><td style="letter-spacing: -1px;color: #2c2f28;">████████████████</td><td>RECKLESS</td></tr>

<tr><td>SELFLESS</td><td style="letter-spacing: -1px;color: #2c2f28;">████████████████</td><td>SELF-SERVING</td></tr>

<tr><td>EMOTIONAL</td><td style="letter-spacing: -1px;color: #2c2f28;">████████████████</td><td>LOGICAL</td></tr>

<tr><td>TRUSTING</td><td style="letter-spacing: -1px;color: #2c2f28;">████████████████</td><td>SUSPICIOUS</td></tr>

<tr><td>HONEST</td><td style="letter-spacing: -1px;color: #2c2f28;">████████████████</td><td>DECEITFUL</td></tr>

<tr><td>AGREEABLE</td><td style="letter-spacing: -1px;color: #2c2f28;">████████████████</td><td>DISAGREEABLE</td></tr>

<tr><td>INTROVERTED</td><td style="letter-spacing: -1px;color: #2c2f28;">████████████████</td><td>EXTROVERTED</td></tr>

<tr><td>ENERGETIC</td><td style="letter-spacing: -1px;color: #2c2f28;">████████████████</td><td>INACTIVE</td></tr></tbody></table>

</td></tr></tbody></table></center>

(5 comments)

pip-boy slider variant

Post a comment in response: