09-02-2016, 11:38 AM
<style type="text/css">.josiewrapper { position: relative; width: 650px; height: 475px; overflow: hidden; border-radius: 5em 0 0 5em ;}.josieaccent { position: absolute; top: 40px; left: 300px; width: 4px; height: 370px; background: #d189a1; z-index: 1; border-right: 2px solid #5fb39a; border-left: 2px solid #fff; opacity: .6; transition: all 2s ease;}.josiewrapper:hover .josieaccent { opacity: 0;}.josieexpand { position: relative; top: 0; left: 0; width: 350px; height: 459px; background: url('https://s6.postimg.org/cmwdgs40x/josie2_cropped_650.jpg'); overflow: hidden; border-radius: 5em; /*border: 6px solid #5fb39a;*/ transition: all 2s ease; box-shadow: 1px 1px 5px #000000; box-shadow: inset -5px -5px 5px #555555;}.josiewrapper:hover .josieexpand { width: 650px; border-radius: 5em 0 0 5em;}.josiecontent { position: absolute; right: 15px; top: 40px; background: rgba(225, 225, 225, .8); height: 400px; width: 340px; opacity: .88; border-radius: .5em; overflow: hidden; box-shadow: 1px 1px 8px #000000; opacity: 0; transition: all 2s ease .5s;}.josiewrapper:hover .josiecontent { opacity: 1;}.josiename { position: absolute; top: 25px; left: 30px; font: 34px 'Lobster'; color: #d189a1; text-shadow: 2px 4px 8px #7bc2cd; letter-spacing: 1px; font-weight: bold;}.josieecho { position: absolute; top: 28.5px; left: 32.5px; letter-spacing: 3.5px; font: 29px 'Lobster'; color: #fff;}.josiedancer { position: relative; top: 0; left: 0; background: #7bc2cd; font: 20px 'Yellowtail'; color: #fff; text-align: center; width: 100%; border-bottom: 3px dashed #fff; letter-spacing: 2px;}.josiespost { position: relative; left: 5px; width: 320px; height: 365px; color: #d189a1; padding-right: 15px; overflow: auto; font: 14px 'Vollkorn';}.josiespost::first-letter { font-size: 18px;}.josiespost span { color: #5fb39a;}</style><link href="https://fonts.googleapis.com/css?family=Lobster|Vollkorn|Yellowtail" rel="stylesheet"> <div class="josiewrapper"><div class="josieaccent"></div> <div class="josieexpand"><div class="josiename">Josie</div><div class="josieecho">Josie</div> <div class="josiecontent"> <div class="josiedancer">Like the dancer before me</div> <div class="josiespost">
It was almost as if she was paralyzed, unable to move. She just stared and watched as the world around her changed, she wanted to screaming, no she was screaming you just couldn't hear her. Everything was gone, her home was gone, she couldn't find anyone, she was all alone.
She stepped forward to the new world of Beqanna, she knew the lands inhabited magic, but magic to change the shape of everything? She stood around a mountain, she watched as the faerie molded it. What did the equines of Beqanna do to make the faerie so mad?
She stepped forward once again, this time she frantically let a whinny escape her maw. Was she alone? Surely the others had to be around, was she just in the wrong place at the wrong time? Another whinny escaped her maw <b> Anyone </b> she screamed, her voice trembled with fear.
</div> </div> </div> </div>
OOC: idkk trying out this new world? ;p
It was almost as if she was paralyzed, unable to move. She just stared and watched as the world around her changed, she wanted to screaming, no she was screaming you just couldn't hear her. Everything was gone, her home was gone, she couldn't find anyone, she was all alone.
She stepped forward to the new world of Beqanna, she knew the lands inhabited magic, but magic to change the shape of everything? She stood around a mountain, she watched as the faerie molded it. What did the equines of Beqanna do to make the faerie so mad?
She stepped forward once again, this time she frantically let a whinny escape her maw. Was she alone? Surely the others had to be around, was she just in the wrong place at the wrong time? Another whinny escaped her maw <b> Anyone </b> she screamed, her voice trembled with fear.
</div> </div> </div> </div>
OOC: idkk trying out this new world? ;p