Tracey's Threads

[Tracey Wyvern]

<center><div style="width: 465px; margin-top: 10px; margin-bottom: 10px;"><table cellspacing="0" cellpadding="0"><tr><td valign="top"><a href="http://forums.athousandfireflies.com/index.php?showuser=14914"><div style="width: 10px; height: 300px; background-color: #000; border-right: solid 5px #fff;"></div></a></td>

<td valign="top"><div style="width: 200px; height: 300px; background-image: url(<!— m —><a class="postlink" href="http://i.imgur.com/idtIXkQ.png">http://i.imgur.com/idtIXkQ.png</a><!— m —>); border-left: dotted 1px #000;"></div></td><td valign="top"><div style="width: 250px; height: 300px; background-color: transparent;">

<div class="basicinfo">BASIC<div class="text" style="margin-top: 5px;">

<a href='http://z12.invisionfree.com/Manta_Carlos_Islands/index.php?showtopic=5538' target='_blank' rel='nofollow'>■</a> Tracey Ann Wyvern - APPLICATION

<a href='http://z12.invisionfree.com/Manta_Carlos_Islands/index.php?showtopic=5541' target='_blank' rel='nofollow'>■</a> And it all goes down - PLOTTER

<a href='http://z12.invisionfree.com/Manta_Carlos_Islands/index.php?showtopic=5542' target='_blank' rel='nofollow'>■</a> Save me from this nightmare - INTRODUCTION

</div></div>
<div class="current">CURRENT<div class="text"><div class="trackscroll" style="height: 238px; width: 240px; overflow: auto; padding-right: 5px; margin-top: 5px;">

■ THREAD TITLE - first last

■ THREAD TITLE - first last

■ THREAD TITLE - first last

■ THREAD TITLE - first last

■ THREAD TITLE - first last

</div></div></div>
<div class="inactive">INACTIVE<div class="text"><div class="trackscroll" style="height: 238px; width: 240px; overflow: auto; padding-right: 5px; margin-top: 5px;">

■ THREAD TITLE - first last

■ THREAD TITLE - first last

■ THREAD TITLE - first last

■ THREAD TITLE - first last

■ THREAD TITLE - first last

</div></div></div></div></td></tr></table></div>

<style type='text/css'>
.basicinfo { width: 100px; height: 15px; background-color: transparent; padding-left: 10px; -webkit-transition: 0.8s ease-out; -moz-transition: 0.8s ease-out; -o-transition: 0.8s ease-out; transition: 0.8s ease-out; overflow: hidden; }
.current { width: 100px; height: 15px; background-color: transparent; padding-left: 10px; -webkit-transition: 0.8s ease-out; -moz-transition: 0.8s ease-out; -o-transition: 0.8s ease-out; transition: 0.8s ease-out; overflow: hidden; }
.inactive { width: 100px; height: 15px; background-color: transparent; padding-left: 10px; -webkit-transition: 0.8s ease-out; -moz-transition: 0.8s ease-out; -o-transition: 0.8s ease-out; transition: 0.8s ease-out; overflow: hidden; }

.basicinfo:hover { width: 250px; height: 100px; background-color: #fff; border: dotted 1px #000; padding-top: 5px; -webkit-transition: 0.8s ease-out; -moz-transition: 0.8s ease-out; -o-transition: 0.8s ease-out; transition: 0.8s ease-out; }
.current:hover { width: 250px; height: 265px; background-color: #fff; border: dotted 1px #000; padding-top: 5px; -webkit-transition: 0.8s ease-out; -moz-transition: 0.8s ease-out; -o-transition: 0.8s ease-out; transition: 0.8s ease-out; }
.inactive:hover { width: 250px; height: 264px; background-color: #fff; border: dotted 1px #000; padding-top: 5px; -webkit-transition: 0.8s ease-out; -moz-transition: 0.8s ease-out; -o-transition: 0.8s ease-out; transition: 0.8s ease-out; }

.text { text-align: justify; font-family: tahoma, verdana; font-size: 10px; color: #000; line-height: 110%; padding-right: 10px; }

.trackscroll::-webkit-scrollbar { width: 5px; }
.trackscroll::-webkit-scrollbar-track { background-color: #fefefe; }
.trackscroll::-webkit-scrollbar-thumb { background-color: #ccc; }
</style></center>