09-03-2016, 03:34 PM
<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">
She wasn’t alone for long, others appeared, climbing down from the mountain top. To be honest she doesn’t remember how she got down, she just woke up at the bottom. Her call was answered, another spoke to her. The voice was friendly, she looked for the source but it was too foggy to see anyone. The voice spoke up again, announcing they were going to find Josie, so she stood still.
A darker paint appeared and a gentle smile appeared on Josies face, It was nice to not be alone. She wished it was Akkadian but it was good enough to not be alone. The mare introduces herself as ‘Djinni’ it was an odd name but Josie repeated the name in her head. Her gaze looked for hers when she asked for Josie’s name <b> Josie </b> her voice was gentle. She looked around before setting her gaze on Djinni's <b> Do you know what happend?</b> her eyes were filled with hope.
</div> </div> </div> </div>
She wasn’t alone for long, others appeared, climbing down from the mountain top. To be honest she doesn’t remember how she got down, she just woke up at the bottom. Her call was answered, another spoke to her. The voice was friendly, she looked for the source but it was too foggy to see anyone. The voice spoke up again, announcing they were going to find Josie, so she stood still.
A darker paint appeared and a gentle smile appeared on Josies face, It was nice to not be alone. She wished it was Akkadian but it was good enough to not be alone. The mare introduces herself as ‘Djinni’ it was an odd name but Josie repeated the name in her head. Her gaze looked for hers when she asked for Josie’s name <b> Josie </b> her voice was gentle. She looked around before setting her gaze on Djinni's <b> Do you know what happend?</b> her eyes were filled with hope.
</div> </div> </div> </div>