CR Chart Code

[lovelledup]

Category

Name (AU Name)
⚔ Persona | Arcana
username

AU Relationship: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus.
Awakened Relationship: Sed sit amet ipsum mauris. Maecenas congue ligula ac quam viverra nec consectetur ante hendrerit.

Threads: ⚬ ⚬ ⚬ ⚬ ⚬ ⚬ ⚬

Chart made by Wei for Recursion. Code can be found here.

Code:
<raw-code><!-- CATEGORY LABEL --> <span style="font-family:palatino; font-variant:small-caps; font-size:35px; color:#ff6600; text-shadow: 1px 1px black;">Category</span><div style="display: flex; flex-wrap: wrap;"><br/> <!-- ADD CLOSE DIV TAG AT THE END OF THE CATEGORY> <!-- ENTRY START --> <div style="width:400px; min-height: 10px; background-color:black; border:1px #CCC solid;border-radius: 25px; padding:10px;"><div style="background-image:url('ICON URL'); background-repeat:no-repeat; width: 400px; height: 100px;"><div style="position: relative; left: 0; top: 0;"><img src="https://i.imgur.com/jidFv6X.png" style="position: relative; top: 0; left: 0; width: 129px; height: 100px; float: left;"/><center><span style="font-family:palatino; font-variant:small-caps; font-size:25px; color:#ff6600; text-shadow: 1px 1px #f7d3b3;">NAME (AU NAME)</span><br/><span style="font-family:palatino; font-variant:small-caps; font-size:15px; color:#ff6600;">⚔☸<!-- DELETE UNNEEDED SYMBOL --> PERSONA | ARCANA</span><br/><a href="JOURNAL URL"><span style="font-family:palatino; font-variant:small-caps; font-size:15px; color:#ff6600;">USERNAME</span></a></center></div></div><div style="height:10px;width:400px;background-color:#f7d3b3;border-bottom:2px black solid;"> <!-- PRE-AWAKENING CLOSENESS --> <div style="height:100%;width:50%;background-color:#ff6600;"></div></div><div style="height:10px;width:400px;background-color:#f7d3b3;border-bottom:2px black solid;"> <!-- CURRENT CLOSENESS --> <div style="height:100%;width:50%;background-color:#ff6600;"></div></div> <div style="font-family:palatino; font-size:11px; color:#fbe6d3; margin:3px;"> <span style="font-family:palatino; font-variant:small-caps; font-size:11px; color:#ff6600;">AU Relationship:</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. <br/> <span style="font-family:palatino; font-variant:small-caps; font-size:11px; color:#ff6600;">Awakened Relationship:</span> Sed sit amet ipsum mauris. Maecenas congue ligula ac quam viverra nec consectetur ante hendrerit. <br/><br/> <!-- THREADS WITH THE CHARACTER --> <center><span style="font-family:palatino; font-variant:small-caps; font-size:11px; color:#ff6600;">Threads: </span></a><a href="URL1" style="text-decoration:none;"><span style="font-family:palatino; font-size:11px; color:#ff6600;">⚬</span></a> <a href="URL2" style="text-decoration:none;"><span style="font-family:palatino; font-size:11px; color:#ff6600;">⚬</span></a> <a href="URL3" style="text-decoration:none;"><span style="font-family:palatino; font-size:11px; color:#ff6600;">⚬</span></a> <a href="URL4" style="text-decoration:none;"><span style="font-family:palatino; font-size:11px; color:#ff6600;">⚬</span></a> <a href="URL5" style="text-decoration:none;"><span style="font-family:palatino; font-size:11px; color:#ff6600;">⚬</span></a> <a href="URL6" style="text-decoration:none;"><span style="font-family:palatino; font-size:11px; color:#ff6600;">⚬</span></a> <a href="URL7" style="text-decoration:none;"><span style="font-family:palatino; font-size:11px; color:#ff6600;">⚬</span></a></center></div></div> <!-- ENTRY END --> <br/> <span style="font-family:palatino; font-variant:small-caps; font-size:15px; color:black;">Chart made by Wei for <a href="http://tornheart.dreamwidth.org/"><span style="font-family:palatino; font-variant:small-caps; font-size:15px; color:#ff6600;">Recursion</span></a>. Code can be found <a href="http://lovelledup.dreamwidth.org/2199.html"><span style="font-family:palatino; font-variant:small-caps; font-size:15px; color:#ff6600;">here</span>.</span> </raw-code>