faderift cr chart

[voidtransport]

CR CHART

FAMILIARITY

LIKE

DISLIKE

AFFECTION

ATTRACTION

Loki

a friend

Astarion

hot voice, terrible sense of humor

NAME HERE

BLURB GOES HERE

NAME HERE

BLURB GOES HERE

code by marwood

source

Comments

[voidtransport]

code for additional characters
<div style="box-sizing: content-box; display: inline; width: 300px; margin-bottom: 30px;"> <div style="box-sizing: content-box; float: left; width: 110px;"><img src="ICONURL" style="width: 100px; border-radius: 10px;" ></div> <div style="box-sizing: content-box; margin-top: 8px; font-weight: bold; font-family: georgia; font-size: 15px;">NAME HERE</div> <div style="box-sizing: content-box; margin: 5px 0px 3px 110px; border: 1px solid #DDD; height: 10px; width: 170px; background: #EFEFEF; border-radius: 15px;"><div style="height: 100%; width: 50%; background: #58b4ba; border-radius: 10px 0px 0px 10px;"></div></div><div style="box-sizing: content-box; margin: 0px 0px 3px 110px; border: 1px solid #DDD; height: 10px; width: 170px; background: #EFEFEF; border-radius: 15px;"><div style="height: 100%; width: 50%; background: #78c76d; border-radius: 10px 0px 0px 10px;"></div></div><div style="box-sizing: content-box; margin: 5px 0px 3px 110px; border: 1px solid #DDD; height: 10px; width: 170px; background: #EFEFEF; border-radius: 15px;"><div style="height: 100%; width: 50%; background: #aa5e85; border-radius: 10px 0px 0px 10px;"></div></div><div style="box-sizing: content-box; margin: 5px 0px 3px 110px; border: 1px solid #DDD; height: 10px; width: 170px; background: #EFEFEF; border-radius: 15px;"><div style="height: 100%; width: 50%; background: #e96a9d; border-radius: 10px 0px 0px 10px;"></div></div> <div style="box-sizing: content-box; margin-top: 18px; padding-right: 20px; max-height: 55px; overflow-y: scroll; font-size: 11px; text-align: justify;">BLURB GOES HERE</div> </div>