OOC: CR Chart (wip)

[ispyforthefbi]

CR CHART

FAMILIARITY

LIKE

DISLIKE

TRUST

ATTRACTION

Dana Scully

 

 

 

 

"You are my constant, my touchstone."

Tenth Doctor

 

 

 

 

"The good kind of alien."

NAME HERE

 

 

 

 

BLURB GOES HERE

NAME HERE

 

 

 

 

BLURB GOES HERE

NAME HERE

 

 

 

 

BLURB GOES HERE

NAME HERE

 

 

 

 

BLURB GOES HERE

code by marwood

Comments

New Rows of 6

[ispyforthefbi]

<lj-raw> <div style="text-align: center; font-size: 25px; font-family: georgia; letter-spacing: 1px;">CR CHART</div> <div style="text-align: center; font-family: georgia; letter-spacing: 1px; padding: 15px 0px 35px 0px;"> <div style="display: inline-block; background-color: #58b4ba; color: #fff; padding: 2px 5px 2px 5px; margin-right: 15px;">FAMILIARITY</div> <div style="display: inline-block; background-color: #78c76d; color: #fff; padding: 2px 5px 2px 5px; margin-right: -4px;">LIKE</div> <div style="display: inline-block; background-color: #b53737; color: #fff; padding: 2px 5px 2px 5px; margin-right: 15px;">DISLIKE</div> <div style="display: inline-block; background-color: #aa5e85; color: #fff; padding: 2px 5px 2px 5px; margin-right: 15px;">AFFECTION</div> <div style="display: inline-block; background-color: #e96a9d; color: #fff; padding: 2px 5px 2px 5px;">ATTRACTION</div> </div> <div style="max-width: 900px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: top; font-family: helvetica, arial; -webkit-font-smoothing: antialiased; line-height: 120%;"> <div style="display: inline; width: 300px; margin-bottom: 30px;"> <div style="float: left; width: 110px;"><img src="ICONURL" style="width: 100px; border-radius: 10px;" ></div> <div style="margin-top: 8px; font-weight: bold; font-family: georgia; font-size: 15px;">NAME HERE</div> <div style="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="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="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="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="margin-top: 18px; padding-right: 20px; max-height: 55px; overflow-y: scroll; font-size: 11px; text-align: justify;">BLURB GOES HERE</div> </div> <div style="display: inline; width: 300px; margin-bottom: 30px;"> <div style="float: left; width: 110px;"><img src="ICONURL" style="width: 100px; border-radius: 10px;" ></div> <div style="margin-top: 8px; font-weight: bold; font-family: georgia; font-size: 15px;">NAME HERE</div> <div style="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="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="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="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="margin-top: 18px; padding-right: 20px; max-height: 55px; overflow-y: scroll; font-size: 11px; text-align: justify;">BLURB GOES HERE</div> </div> <div style="display: inline; width: 300px; margin-bottom: 30px;"> <div style="float: left; width: 110px;"><img src="ICONURL" style="width: 100px; border-radius: 10px;" ></div> <div style="margin-top: 8px; font-weight: bold; font-family: georgia; font-size: 15px;">NAME HERE</div> <div style="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="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="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="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="margin-top: 18px; padding-right: 20px; max-height: 55px; overflow-y: scroll; font-size: 11px; text-align: justify;">BLURB GOES HERE</div> </div> <div style="display: inline; width: 300px; margin-bottom: 30px;"> <div style="float: left; width: 110px;"><img src="ICONURL" style="width: 100px; border-radius: 10px;" ></div> <div style="margin-top: 8px; font-weight: bold; font-family: georgia; font-size: 15px;">NAME HERE</div> <div style="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="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="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="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="margin-top: 18px; padding-right: 20px; max-height: 55px; overflow-y: scroll; font-size: 11px; text-align: justify;">BLURB GOES HERE</div> </div> <div style="display: inline; width: 300px; margin-bottom: 30px;"> <div style="float: left; width: 110px;"><img src="ICONURL" style="width: 100px; border-radius: 10px;" ></div> <div style="margin-top: 8px; font-weight: bold; font-family: georgia; font-size: 15px;">NAME HERE</div> <div style="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="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="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="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="margin-top: 18px; padding-right: 20px; max-height: 55px; overflow-y: scroll; font-size: 11px; text-align: justify;">BLURB GOES HERE</div> </div> <div style="display: inline; width: 300px; margin-bottom: 30px;"> <div style="float: left; width: 110px;"><img src="ICONURL" style="width: 100px; border-radius: 10px;" ></div> <div style="margin-top: 8px; font-weight: bold; font-family: georgia; font-size: 15px;">NAME HERE</div> <div style="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="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="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="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="margin-top: 18px; padding-right: 20px; max-height: 55px; overflow-y: scroll; font-size: 11px; text-align: justify;">BLURB GOES HERE</div> </div> </div> <div style="margin-bottom: 20px; text-align: center; font-family: helvetica; -webkit-font-smoothing: antialiased; font-size: 8px; color: #777; text-transform: uppercase; letter-spacing: 2px;">code by <a href="https://withnails.dreamwidth.org/868.html" style="color: #777; text-decoration: none; font-weight: bold;">marwood</a></div> </lj-raw>

New Character

[ispyforthefbi]

<div style="display: inline; width: 300px; margin-bottom: 30px;"> <div style="float: left; width: 110px;"><img src="ICONURL" style="width: 100px; border-radius: 10px;" ></div> <div style="margin-top: 8px; font-weight: bold; font-family: georgia; font-size: 15px;">NAME HERE</div> <div style="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="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="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="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="margin-top: 18px; padding-right: 20px; max-height: 55px; overflow-y: scroll; font-size: 11px; text-align: justify;">BLURB GOES HERE</div> </div>