Post by Alex Dragon on Aug 6, 2015 7:07:17 GMT -5
[dohtml]
<link href='http://fonts.googleapis.com/css?family=Tulpen+One' rel='stylesheet' type='text/css'>
<style type="text/css">
.shell { background-color:none; border: 0px solid #0e0e0e; padding: 10px; width: 550px; }
.conn { background-color:none; border: 1px solid #0e0e0e; width: 500px; overflow-x:auto; vertical-align:top; text-align: center; }
.char{ background-color:none; width: 125px; vertical-align:top; text-align: center; }
.title { background-color:none; padding: 5px; width: 500px; font-family:Tulpen One; font-weight:normal; color:#0e0e0e; font-size:40px; vertical-align:middle; text-transform: uppercase; text-align: center; }
.title2 { background-color:none; padding: 5px; width: 300px; font-family:Tulpen One; font-weight:normal; color:#0e0e0e; font-size:32px; vertical-align:middle; text-transform: uppercase; text-align: left; }
.active { background-color:none; border: 1px solid #0e0e0e; width: 500px; height: 100px; overflow-y:auto; text-align: left; font-size:10px;}
.finished{ background-color:none; border: 1px solid #0e0e0e; width: 500px; height: 200px; overflow-y:auto; text-align: left; font-size:10px;}
.cred { background-color:none; border: 1px solid #0e0e0e; width: 500px; vertical-align:top; text-align: center; }
</style>
<center><div class="shell">
<img src="TITLE IMAGE HERE">
<br><div class="title">Connections</div>
<div class="conn">
<table><tr><td><div class="char"><img src="100x100 Icon Here"><br><b>Character Name</b> <br>Connection</div></td>
<td><div class="char"><img src="100x100 Icon Here"><br><b>Character Name</b> <br>Connection</div></td>
<td><div class="char"><img src="100x100 Icon Here"><br><b>Character Name</b> <br>Connection</div></td>
<td><div class="char"><img src="100x100 Icon Here"><br><b>Character Name</b> <br>Connection</div></td>
</tr></table></div>
<br><div class="title">Active Threads</div>
<div class="active">
<p>Title
<br>Date :: Place :: Person
<p>Title
<br>Date :: Place :: Person
<p>Title
<br>Date :: Place :: Person
</div>
<br><div class="title">Finished Threads</div>
<div class="finished">
<div class="title2">Month</div>
<br>Title
<br>Date :: Place :: Person
<p>Title
<br>Date :: Place :: Person
<div class="title2">Month</div>
<br>Title
<br>Date :: Place :: Person
<p>Title
<br>Date :: Place :: Person
</div>
<br><div class="cred">Template by Chele of RPG-D</div>
</div></center>[/dohtml]