If You Build It-

S

Sencillo

Well-Known Member
Inactive
Sep 11, 2013
159
<center><link href='http://fonts.googleapis.com/css?family=Wire+One|Advent+Pro:500' rel='stylesheet' type='text/css'><style type="text/css">

.aflipper { -webkit-perspective:1000; -moz-perspective:1000; -o-perspective:1000; perspective:1000; width:370px; height:570px; } .aflipswitch { -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; transition:all 2s ease-in-out; -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -o-transform-style:preserve-3d; transform-style:preserve-3d; width:370px; height:570px; }

.aflipper:hover .aflipswitch { -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -o-transform:rotateY(180deg); transform:rotateY(180deg); } .afront { overflow:hidden; -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -o-transition all 2s ease-in-out; transition:all 2s ease-in-out; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; position:absolute; }

.aback { overflow:hidden; -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -o-transform:rotateY(180deg); transform:rotateY(180deg); opacity:0; -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; transition:all 2s ease-in-out; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; position:absolute; width:350px; height:550px; padding:10px; background-color:#F3F4F6; }

.aflipper:hover .aback { -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; transition:all 2s ease-in-out; opacity:1; background-color:#F3F4F6; }

.adetails { width:170px; height:33px; background-color:#0A1D42; text-align:center; display:table-cell; vertical-align:middle; color:#F3F4F6; font-family:Wire One,sans-serif; font-size:25px; letter-spacing:1; line-height:100%; text-transform:uppercase; border-top:1px solid #F3F4F6; border-bottom:1px solid #F3F4F6; }

.aapp { width:340px; height:325px; text-align:justify; font-family:calibri; font-size:11px; color:#030813; line-height:95%; padding:5px; letter-spacing:0; word-spacing:0; overflow:auto; }

.aplayer { width:350px; height:30px; background-color:#0A1D42; text-align:center; display:table-cell; vertical-align:middle; color:#F3F4F6; font-family:Wire One,sans-serif; font-size:25px; letter-spacing:1; line-height:100%; text-transform:uppercase; }

.ascrolls ::-webkit-scrollbar { width:5px; } .ascrolls ::-webkit-scrollbar-track { background-color:#F3F4F6; } .ascrolls ::-webkit-scrollbar-thumb { background-color:#0A1D42; }

</style><div style="width:370px; height:570px; border:10px inset #0A1D42;" class="ascrolls"><div class="aflipper"><div class="aflipswitch">


<div class="afront"><div style="background-image:url(<!— m —><a class="postlink" href="http://i.imgur.com/eLAnwbS.png">http://i.imgur.com/eLAnwbS.png</a><!— m —>); width:350px; height:550px; border:10px solid #F3F4F6;">
<div style="width:300px; padding:450px 0px 0px 0px;"><div style="padding:3px; background-color:#F3F4F6; border:2px solid #0A1D42; text-align:center; color:#0A1D42; font-family:Wire One,sans-serif; font-size:40px; letter-spacing:1; line-height:100%; text-transform:uppercase; font-weight:bold; text-shadow:1px 1px 2px #6F7073;">


olwen c. yates


</div></div></div></div><div class="aback">
<TABLE cellpadding="0" cellspacing="0">


<td><a href="http://shine.b1.jcink.com/index.php?showuser=2147"><div style="background-image:url(<!— m —><a class="postlink" href="http://i.imgur.com/cm7vPQH.gif">http://i.imgur.com/cm7vPQH.gif</a><!— m —>); width:175px; height:175px;"></div></a></td><td><div style="width:5px;"></div><td><table cellspacing="0" cellpadding="0">
<tr><td><div class="adetails">


caring


</div></td></tr><tr><td>
<div class="adetails">


friendly


</div></td></tr><tr><td>
<div class="adetails">


open-minded


</div></td></tr><tr><td>
<div class="adetails">


patient


</div></td></tr><tr><td>
<div class="adetails">


slow to anger


</div></td></tr></table></td></TABLE>
<div style="height:5px;"></div><div class="aapp">

<font style="color:#0A1D42; font-size:12px;">✖ OPEN THREADS</font>
<a href="http://159.65.241.122/index.php?showtopic=6590">FOR WANT OF A ROOMMATE</a> <img src="http://i.imgur.com/GoTXtUk.gif">» DORMS - OPEN - PAIGE TURNER & ORION

<a href="#">THREAD NAME HERE</a> <img src="http://i.imgur.com/GoTXtUk.gif"> » LOCATION - OPEN - CHARACTERS

<a href="#">THREAD NAME HERE</a> <img src="http://i.imgur.com/GoTXtUk.gif"> » LOCATION - OPEN - CHARACTERS
<p>

<font style="color:#0A1D42; font-size:12px;">✖ CLOSED THREADS</font>
<a href="http://159.65.241.122/index.php?showtopic=6565">"LATE NIGHT SNACK - MAYBE"</a> <img src="http://i.imgur.com/GoTXtUk.gif">» CAFETERIA - CLOSED - JOYCE LANCASTER

<a href="http://159.65.241.122/index.php?showtopic=6618">"WHAT A HANCOCK-"</a> <img src="http://i.imgur.com/GoTXtUk.gif"> » DOWNTOWN - CLOSED - ALEXANDER NOVIKOV

<a href="http://159.65.241.122/index.php?showtopic=6681">TO EACH THEIR OWN</a> <img src="http://i.imgur.com/GoTXtUk.gif"> » THE GATHERER'S CHEST - CLOSED - ATHELSTEIN<p>

<font style="color:#0A1D42; font-size:12px;">✖ FINISHED THREADS</font>
<a href="#">THREAD NAME HERE</a> <img src="http://i.imgur.com/GoTXtUk.gif">» LOCATION - FINISHED - CHARACTERS

<a href="#">THREAD NAME HERE</a> <img src="http://i.imgur.com/GoTXtUk.gif"> » LOCATION - FINISHED - CHARACTERS

<a href="#">THREAD NAME HERE</a> <img src="http://i.imgur.com/GoTXtUk.gif"> » LOCATION - FINISHED - CHARACTERS<p>


</div><div style="height:5px;"></div>
<div class="aplayer">


sencillo | eastern | mary kozakura


</div></div></div></div></div></center>
 
You must log in or register to reply here.
Top Bottom
Forgot your password?