relationships

[yasei]

romantic | positive | neutral | negative | gone

Master Ronald

Mistress Celestia

Miss Chinatsu

Mister Hakkai

Little Mister

Mister Yuuri

Cú Chulainn

Miss Yona

Miss Hibiki

Mister Jakob

Mister Rasu

Mister Snake

Mister Zetta

Little Mister Ebisu

Little Miss Ammy

Mister Hak

Master Yumoto

Mister

Miss Minako

Mister Ren

Mister

Miss

Mister Iskandar

Miss Kuroyukihime

Comments

[yasei]

code by bread at vuvuzela, slightly tweaked

NEUTRAL
<!-- START of code that's meant to be repeated --> <div style="vertical-align:top;display:inline-block;margin:10px 2px;"><div style="background:url('https://i.imgur.com/TGSTWsg.png');border-radius:100%;padding:0px;border:1px #CCC solid;"> <img src="https://i.imgur.com/0q6v4SI.png" style="width: 100px; height: 100px; border-radius:50%;margin:10px 10px 8px 10px ;opacity: 0.4;"></div> <div style="background:url('http://i.imgur.com/1bvmU2L.png');color:#ABC97A;font:10px courier;text-align:center;border-radius:10px;display:inline;float:right;margin:-50px -5px 0 0;padding:3px;position:relative;z-index:100;"> Izuku<br /> <div style="width:50px;height:2px;float:right;margin:0px 5px;"><div style="height:100%; <!-- BAR --> width:90%;background-color:#ABC97A;float:right;"></div></div></div> </div></div></div> <!-- END of the code that's meant to be repeated -->

POSITIVE
<!-- START of code that's meant to be repeated --> <div style="vertical-align:top;display:inline-block;margin:10px 2px;"><div style="background:url('https://i.imgur.com/RSScgmk.png');border-radius:100%;padding:0px;border:1px #CCC solid;"> <img src="https://i.imgur.com/0q6v4SI.png" style="width: 100px; height: 100px; border-radius:50%;margin:10px 10px 8px 10px ;opacity: 0.4;"></div> <div style="background:url('http://i.imgur.com/1bvmU2L.png');color:#ABC97A;font:10px courier;text-align:center;border-radius:10px;display:inline;float:right;margin:-50px -5px 0 0;padding:3px;position:relative;z-index:100;"> Izuku<br /> <div style="width:50px;height:2px;float:right;margin:0px 5px;"><div style="height:100%; <!-- BAR --> width:90%;background-color:#ABC97A;float:right;"></div></div></div> </div></div></div> <!-- END of the code that's meant to be repeated -->

ROMANTIC
<!-- START of code that's meant to be repeated --> <div style="vertical-align:top;display:inline-block;margin:10px 2px;"><div style="background:url('https://i.imgur.com/0g8Qw9D.png');border-radius:100%;padding:0px;border:1px #CCC solid;"> <img src="https://i.imgur.com/0q6v4SI.png" style="width: 100px; height: 100px; border-radius:50%;margin:10px 10px 8px 10px ;opacity: 0.4;"></div> <div style="background:url('http://i.imgur.com/1bvmU2L.png');color:#ABC97A;font:10px courier;text-align:center;border-radius:10px;display:inline;float:right;margin:-50px -5px 0 0;padding:3px;position:relative;z-index:100;"> Izuku<br /> <div style="width:50px;height:2px;float:right;margin:0px 5px;"><div style="height:100%; <!-- BAR --> width:90%;background-color:#ABC97A;float:right;"></div></div></div> </div></div></div> <!-- END of the code that's meant to be repeated -->

NEGATIVE
<!-- START of code that's meant to be repeated --> <div style="vertical-align:top;display:inline-block;margin:10px 2px;"><div style="background:url('https://i.imgur.com/DI63KWh.png');border-radius:100%;padding:0px;border:1px #CCC solid;"> <img src="https://i.imgur.com/0q6v4SI.png" style="width: 100px; height: 100px; border-radius:50%;margin:10px 10px 8px 10px ;opacity: 0.4;"></div> <div style="background:url('http://i.imgur.com/1bvmU2L.png');color:#ABC97A;font:10px courier;text-align:center;border-radius:10px;display:inline;float:right;margin:-50px -5px 0 0;padding:3px;position:relative;z-index:100;"> Izuku<br /> <div style="width:50px;height:2px;float:right;margin:0px 5px;"><div style="height:100%; <!-- BAR --> width:90%;background-color:#ABC97A;float:right;"></div></div></div> </div></div></div> <!-- END of the code that's meant to be repeated -->

GONE
<!-- START of code that's meant to be repeated --> <div style="vertical-align:top;display:inline-block;margin:10px 2px;"><div style="background:url('https://i.imgur.com/CoZKWUz.png');border-radius:100%;padding:0px;border:1px #CCC solid;"> <img src="https://i.imgur.com/0q6v4SI.png" style="width: 100px; height: 100px; border-radius:50%;margin:10px 10px 8px 10px ;opacity: 0.4;"></div> <div style="background:url('http://i.imgur.com/1bvmU2L.png');color:#ABC97A;font:10px courier;text-align:center;border-radius:10px;display:inline;float:right;margin:-50px -5px 0 0;padding:3px;position:relative;z-index:100;"> Izuku<br /> <div style="width:50px;height:2px;float:right;margin:0px 5px;"><div style="height:100%; <!-- BAR --> width:90%;background-color:#ABC97A;float:right;"></div></div></div> </div></div></div> <!-- END of the code that's meant to be repeated -->