sunsari | muselist code: primary colors

This is a primary colors themed muselist. Feel free to edit as necessary, but please leave the credit link if possible. The muselist uses flexbox, so adding and removing characters should be relatively easy.

If you have any problems, feel free to ask me for help. The live preview is just below, and here is the copy-paste code:

<lj-raw><h3><div style="font-size:40px;font-face:arial black;text-transform:uppercase;text-align:center;color:#CF2406;">►ACTIVE</div></h3>

<div style="height:200px;width:200px;background:url(USERPIC);text-align:center;box-shadow: #CF2406 2px 2px 2px; display:inline-block;margin:.5%;"><div style="width:190px;height:28px;padding:5px;background: rgba(207, 36, 6, 0.8);margin-top:144px;line-height:.8;"><div style="margin-top:-4px;"><span style="font: bold 12pt helvetica, arial, sans-serif; color: #FFF; text-shadow: #000 1px 1px 0px;text-transform:lowercase;">character name</span><br /><span style="font: 8pt helvetica, arial, sans-serif; color: #FFF; text-shadow: #000 1px 1px 0px; text-transform: lowercase;">( canon )</span><br/><a href="http://USERNAME.dreamwidth.org/profile" style="position:relative;bottom:-10px;font: 8pt helvetica, arial, sans-serif;color: #FFF;text-transform:lowercase;text-decoration:none;text-shadow: 1px 1px 1px #000">USERNAME</a></div></div></div>

</div><h3><div style="font-size:40px;font-face:arial black;text-transform:uppercase;text-align:center;color:#21BBEF;">►SEMI-ACTIVE</div></h3>

<div style="height:100px;width:100px;background:url(USERPIC);text-align:center;box-shadow: #21BBEF 2px 2px 2px; display:inline-block;margin:.5%;"><div style="width:90px;height:15px;padding:5px;background: rgba(33, 187, 239, 0.8);margin-top:64px;line-height:.8;"><div style="margin-top:-4px;"><span style="font: bold 7pt helvetica, arial, sans-serif; color: #FFF; text-shadow: #000 1px 1px 0px;text-transform:lowercase;">character name</span><br /><span style="font: 7pt helvetica, arial, sans-serif; color: #FFF; text-shadow: #000 1px 1px 0px; text-transform: lowercase;">( canon )</span><br/><a href="http://USERNAME.dreamwidth.org/profile" style="position:relative;bottom:-1px;font: 6pt helvetica, arial, sans-serif;color: #FFF;text-transform:lowercase;text-decoration:none;text-shadow: 1px 1px 1px #000">USERNAME</a></div></div></div>

</div><h3><div style="font-size:40px;font-face:arial black;text-transform:uppercase;text-align:center;color:#F7D258;">►INACTIVE</div></h3>

<div style="height:100px;width:100px;background:url(USERPIC);text-align:center;box-shadow: #F7D258 2px 2px 2px; display:inline-block;margin:.5%;"><div style="width:90px;height:15px;padding:5px;background: rgba(247, 210, 88, 0.8);margin-top:64px;line-height:.8;"><div style="margin-top:-4px;"><span style="font: bold 7pt helvetica, arial, sans-serif; color: #FFF; text-shadow: #000 1px 1px 0px;text-transform:lowercase;">character name</span><br /><span style="font: 7pt helvetica, arial, sans-serif; color: #FFF; text-shadow: #000 1px 1px 0px; text-transform: lowercase;">( canon )</span><br/><a href="http://USERNAME.dreamwidth.org/profile" style="position:relative;bottom:-1px;font: 6pt helvetica, arial, sans-serif;color: #FFF;text-transform:lowercase;text-decoration:none;text-shadow: 1px 1px 1px #000">USERNAME</a></div></div></div>

</div><div style="text-align:center;color:#666;font-family:helvetica,arial,sans-serif;font-size:9px;padding-top:5px"><a href="https://sunsari.dreamwidth.org/1522.html" style="text-decoration:none;" target="_blank"><font color="#C6C6C6">© SUNSARI</font></a></div></lj-raw>

►ACTIVE

character name
( canon )
USERNAME

►SEMI-ACTIVE

character name
( canon )
USERNAME

►INACTIVE

character name
( canon )
USERNAME