- Oct 12, 2015
- 443
- Pronouns
- He/They
- Posting Status
- Hiatus
Nix Holmes
Griffin Holmes
Tay Archer
Dr. Thor Chase
Ash Jarvis
Macbeth Mac Mcbeth
Tony Knight
Dr. Alec Umbra
Fitz Umbra
Maz/Mason Knight
Blaze Ignis
Tracker Code!
Griffin Holmes
Tay Archer
Dr. Thor Chase
Ash Jarvis
Macbeth Mac Mcbeth
Tony Knight
Dr. Alec Umbra
Fitz Umbra
Maz/Mason Knight
Blaze Ignis
Tracker Code!
Code:
[parsehtml]
<center><link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Merriweather:400italic,400,700,700italic' rel='stylesheet' type='text/css'>
<style>
#the { width:400px; height:400px; background-image:url('http://subtlepatterns.com/patterns/p5.png'); padding:50px; line-height:110%; }
#the .kids { height:400px; border:5px solid #C5A888; background-size:cover; background-position:center; position:relative; overflow:hidden; }
#the .slideone { background-color:#C5A888; position:absolute; top:0px; left:-400px; width:400px; height:400px; opacity:0.5; transition:1s all ease-in-out 1s; -webkit-transition:1s all ease-in-out 1s; -moz-transition:1s all ease-in-out 1s; }
#the:hover .slideone { left:0px; transition:1s all ease-in-out; -webkit-transition:1s all ease-in-out; -moz-transition:1s all ease-in-out; }
#the .slidetwo { background-color:#C5A888; position:absolute; top:0px; right:-400px; width:400px; height:400px; opacity:0.5; transition:1s all ease-in-out 1s; -webkit-transition:1s all ease-in-out 1s; -moz-transition:1s all ease-in-out 1s; }
#the:hover .slidetwo { right:0px; transition:1s all ease-in-out; -webkit-transition:1s all ease-in-out; -moz-transition:1s all ease-in-out; }
#the .arentalright { position:absolute; width:400px; height:400px; top:25px; left:-5px; transform:scale(0,0); -webkit-transform:scale(0,0); -moz-transform:scale(0,0); transition:1s all ease-in-out; -webkit-transition:1s all ease-in-out; -moz-transition:1s all ease-in-out; }
#the:hover .arentalright { transform:scale(1,1); -moz-transform:scale(1,1); -webkit-transform:scale(1,1); transition:1s all ease-in-out 1s; -webkit-transition:1s all ease-in-out 1s; -moz-transition:1s all ease-in-out 1s; }
#the .gifimg { background-size:cover; background-position:center; width:150px; height:106px; border:5px solid #ffffff; }
#the .boxesyay { width:140px; height:150px; padding:10px; background-color:#ffffff; }
#the .yey { padding:5px; height:110px; overflow:auto; font-family:merriweather; font-size:9px; }
#the .yey::-webkit-scrollbar { width:3px; height:3px; }
#the .yey::-webkit-scrollbar-track { background-color:#fff; }
#the .yey::-webkit-scrollbar-thumb { background-color:#f0f0f0; }
#the .yey b { font-size:10px; color:#C5A888; }
#the .yey a { font-weight:bold; font-size:10px; color:#C5A888; }
#the .boxesyay span { display:block; color:#C5A888; padding:5px; border-bottom:1px solid #C5A888; font-size:12px; font-family:raleway; text-transform:uppercase; text-align:center; }
#the .daname { padding:5px; width:150px; background-color:#C5A888; text-align:center; color:#ffffff; font-size:12px; font-family:raleway; text-transform:uppercase; }
#the .dalinkies { padding:5px; width:150px; color:#C5A888; text-align:center; background-color:#ffffff; font-size:8px; font-family:calibri; }
</style>
<div id="the"><div class="kids" style="background-image:url('IMAGE HERE!!!!!!!!!!!!! WILL RESIZE');"><div class="slideone"></div><div class="slidetwo"></div><div class="arentalright"><table><tr><td>
<div class="gifimg" style="background-image:url('GIF HERE!!!!!!!!!!! WILL RESIZE');"></div>
<div class="daname">FIRST LAST.</div>
<div class="dalinkies">APP. WANT AD.<br>DEVELOPMENT: 1. 2. 3. 4. 5.</div>
<div style="height:7px;"></div></td><td><div style="width:5px;"></div></td><td>
<div class="boxesyay"><span>relationships.</span>
<div class="yey">
<b>first last</b> - relationship.<br>
<b>first last</b> - relationship.<br>
<b>first last</b> - relationship.<br>
<b>first last</b> - relationship.<br>
<b>first last</b> - relationship.<br>
<b>first last</b> - relationship.<br>
<b>first last</b> - relationship.<br>
<b>first last</b> - relationship.<br>
<b>first last</b> - relationship.<br>
<b>first last</b> - relationship.<br>
<b>first last</b> - relationship.<br></div></div>
<div style="height:7px;"></div></td></tr><tr><td>
<div class="boxesyay"><span>current threads.</span>
<div class="yey">
<a href="/">link</a> - first last.<br>
<a href="/">link</a> - first last.<br>
<a href="/">link</a> - first last.<br>
<a href="/">link</a> - first last.<br>
<a href="/">link</a> - first last.<br>
<a href="/">link</a> - first last.<br>
<a href="/">link</a> - first last.<br>
<a href="/">link</a> - first last.<br>
<a href="/">link</a> - first last.<br>
<a href="/">link</a> - first last.<br></div></div>
</td><td><div style="width:5px;"></div></td><td>
<div class="boxesyay"><span>dead threads.</span>
<div class="yey">
<a href="/">link</a> - first last.<br>
<a href="/">link</a> - first last.<br>
<a href="/">link</a> - first last.<br>
<a href="/">link</a> - first last.<br>
<a href="/">link</a> - first last.<br>
<a href="/">link</a> - first last.<br>
<a href="/">link</a> - first last.<br>
<a href="/">link</a> - first last.<br>
<a href="/">link</a> - first last.<br>
<a href="/">link</a> - first last.<br></div></div>
</td></tr></table></div></div></div>
<a href="http://shine.b1.jcink.com/index.php?showuser=570"><div style="padding:1px; border:1px solid #f0f0f0; font-size:8px; text-transform:uppercase; text-align:center; width:50px; color:#000000; margin-top:5px; font-family:calibri;">© fleur</div></a>
</center>
[/parsehtml]