Diah Profile

<style>
.con {background-color: rgba(0,0,0,0.9); width: 1400px; height: 710px; border: 8px double#AA00AA; border-radius: 16px 16px}
.out {width: 1298px; height: 560px; overflow-y: hidden;}
.in {width: 1294px; height: 560px; overflow-y: auto;}
.btn {font-weight: bold; font-size:16px; width:80px; height:30px; display:table-cell; vertical-align:middle; border: 3px solid #FF00FF;}
.btn:hover {background:#FF00FF}

body {font-size:16px; font-family: 'Neucha', cursive; color: #CC00CC;}

table {border-collapse:collapse; width:1290px;}
table, th, td {font-size:12px; border: 1px solid #FF00FF;}
th,td {color:#990099}
td {text-align: center; vertical-align: center;}
body {background-image:url('http://i.picpar.com/967c.jpg'); background-repeat:no-repeat;
 background-position:absolute;
 background-attachment:absolute;
 background-size:cover;}
a:link {color: #BB00BB; text-decoration: none;}
a:visited {color: #990099; text-decoration: none;}
a:hover {color: #000000; background-color:#FF00FF; text-decoration: none;}
a:active {color: #000000; background-color:#000000; text-decoration: underline;}

</style>
<style>
@import url('https://fonts.googleapis.com/css?family=Julee|Neucha');
</style>
<center>
 <div class="con">
 <b><span style="font-size: 36px; font-family: 'Julee', cursive;">✴ Diah Ellen Pitaloka ✴</span></b>
 <hr color="#990099" width="95%">
 <table style="width:800; height:70; border:0px;">
 <tr>
 <td rowspan="2" width="100" style="border:0px">NAVIGATION<br>GUIDE</td>
 <td width="100" style="border:0px"><a href="#T01"><div class="btn">INFO</div></a></td>
 <td width="100" style="border:0px"><a href="#T02"><div class="btn">OOC</div></a></td>
 <td width="100" style="border:0px"><a href="https://roleplay.chat/profile.php?user=Hero+Of+Stars" target="_blank" title="Copyright 2017 Trip Dering - Do Not Steal"><div class="btn">CODER</div></a></td>
 <td rowspan="2" width="100" style="border:0px">NAVIGATION<br>GUIDE</td>
 </tr>
 </table>
 <hr color="#909" width="95%">
<div class="out">


 <a name="T01"></a>
 <div class="in">
 <table cellpadding="5">
 <tr>
 <th width="496">Profile</th>
 <th width="496">Picture</th>
 </tr>
 <tr>
 <td width="496" height="520"><font size="5"><u>Species</u>: Human (Female)<br>
 <u>Age</u>: Ten<br>
 <u>Height</u>: 140cm<br>
 <u>Weight</u>: Light<br>
 <u>Preference</u>: Males<br>
 <u>Family</u>: Mom and Dad<br>
 <u>Status</u>: Single<br><br>
 <i>Pics</i>:<br>
 <b><u><a href="http://i.picpar.com/D67c.jpg" target="_blank" tabindex="-1">Pretty Whistle!</a></u></b> (shown)<br>
<b><u><a href="http://i.picpar.com/B67c.jpg" target="_blank" tabindex="-1">My Teddy!</a></u>
 </td>
 <td width="496" height="520">
<img id="pic" src="http://i.picpar.com/D67c.png" width="500">
 </td>
 </tr>
 </table>
 </div>

 <a name="T02"></a>
 <div class="in">
 <center>
<font size="10">Out of Character</font><br><hr color="#990099" width="85%">
<font size="5">Character Reference: <a href="tamakomarket.wikia.com/wiki/Choi_Mochimazzi" target="_blank" tabindex="-1">Choi</a><br><br>
Time Zone: GMT+7 (Indonesia)<br><br>
I may have to leave from time to time so if I do, please don't feel bad. I'll try to get back as soon as I can.<br><br>
Images are not mine and will be taken down on request.<br><br>
Work in progress.

 </center>
 </div>

</div>
</div>