BAE JUN

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"><link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'><link href='http://sunshinepumpkin.b1.jcink.com/uploads/sunshinepumpkin/cell2.css' rel='stylesheet' type='text/css'>

<div class="onceupon"><div class="once"><div class="upon"><div class="atime"><div id="animatedcl-example" class="animatedcl pulsecl"></div><div class="storybook"><a href="http://athousandfireflies.jcink.net/index.php?showuser=17><img src="http://media.tumblr.com/2ddd20932b71c15e87d3ddeec6c9f367/tumblr_inline_njq754oRFC1scgyp8.gif"/></a></div><div class="ourfable"><i class="fa fa-exclamation-circle"></i></div><div class="memory">first last</div><div class="fiction">

<div class="fictions"> text huurrr </div>
<div class="fictions"> lol longer one huurrr or something idek </div>
<div class="fictions"> text huurrr </div>
<div class="fictions"> lol longer one huurrr or something idek </div>
<div class="fictions"> text huurrr </div>
<div class="fictions"> lol longer one huurrr or something idek </div>
<div class="fictions"> text huurrr </div>
<div class="fictions"> lol longer one huurrr or something idek </div>

</div></div></div></div></div>

[dohtml]<link href='http://fonts.googleapis.com/css?family=Oswald|Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
<style type="text/css">
.snaps { width:284px; height: 594px; background-image:url(http://imgur.com/Atr63LM.png); margin:auto;}
.snaps_not { font-family:oswald; text-align:center; padding-top:70px; font-size:30px; color:#8d6496; }
.snaps_play { border-radius:50%; background-color:#8d6496; font-size:40px; color:#fff; width:100px; padding-top:35px; padding-bottom:45px; margin:auto; text-align:center;}
.snap_logo { color:#fff; font-family:oswald; text-transform:uppercase; letter-spacing:2px; text-align:center; padding-top:94px;  }
.snap_container { width:243px; height:400px; overflow:hidden; z-index:3; position:relative; margin-left:23px; margin-top:2px;}
.snap_one { width:243px; height:400px; -moz-transition: all 0.9s ease-in-out; -webkit-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out;  }
.snap_two {width:243px; height:400px; -moz-transition: all 0.9s ease-in-out; -webkit-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out;  }
.snap_container:hover .snap_one { margin-left:243px; margin-top:-400px;}
.snap_container:hover .snap_two { }
.snap_pic { background-image:url(http://placehold.it/243x400); width:243px; height:400px;}
.snap_over { background-image:url(http://i.imgur.com/Jd8WqEb.png); width:243px; height:400px;  }
.snap_message { background-color:rgba(0,0,0,0.7); font-family:open sans condensed; font-size:12px; text-align:center; color:#fff; padding:5px; word-spacing:3px; letter-spacing:1px; }
.creds { font-family:calibri; font-size:7px; text-transform:uppercase; letter-spacing:1px;  margin-auto; text-align:right; width:200px; }
.creds a { color:#cccccc; }
</style>

<div class="snaps">
<div class="snap_logo"><img src="http://i.imgur.com/VXc7Pgy.png" height="20" /> SNAPCHAT</div>

<div class="snap_container">

<div class="snap_one">
<div class="snaps_not"> NEW SNAPCHAT</div>
<div style="padding-top:20px;"></div>
<div class="snaps_play">▶</div></div>

<div class="snap_two"><div class="snap_pic"><div class="snap_over">
<div style="padding-top:185px"></div>
<div class="snap_message">
I AM DA BEST THERE EVA WUZ
</div>
</div></div></div></div></div>

<center><div class="creds"><a href="http://athousandfireflies.jcink.net/index.php?showuser=18">© MERC</a></div></center>

[/dohtml]