10-11-2016, 02:24 PM
<style type="text/css">.harmonia_container {position: relative;z-index: 1;width: 420px;height: 740px; padding: 0px;background: #000 url('http://s19.postimg.org/bra3chkyb/harmonia.jpg') no-repeat;background-position: bottom;border: 2px solid#010B15;box-shadow: 0px 0px 8px #000;}.harmonia_container p {margin: 0;}.harmonia_gradient{position: relative;z-index: 4;width: 420px;height: 100px;margin-top: 320px;background:rgba(0,0,0,1);background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 4%, rgba(0,0,0,0.71) 32%, rgba(0,0,0,0.51) 51%, rgba(0,0,0,0.3) 71%, rgba(0,0,0,0) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(4%, rgba(0,0,0,1)), color-stop(32%, rgba(0,0,0,0.71)), color-stop(51%, rgba(0,0,0,0.51)), color-stop(71%, rgba(0,0,0,0.3)), color-stop(100%, rgba(0,0,0,0)));background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 4%, rgba(0,0,0,0.71) 32%, rgba(0,0,0,0.51) 51%, rgba(0,0,0,0.3) 71%, rgba(0,0,0,0) 100%);background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 4%, rgba(0,0,0,0.71) 32%, rgba(0,0,0,0.51) 51%, rgba(0,0,0,0.3) 71%, rgba(0,0,0,0) 100%);background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 4%, rgba(0,0,0,0.71) 32%, rgba(0,0,0,0.51) 51%, rgba(0,0,0,0.3) 71%, rgba(0,0,0,0) 100%);background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 4%, rgba(0,0,0,0.71) 32%, rgba(0,0,0,0.51) 51%, rgba(0,0,0,0.3) 71%, rgba(0,0,0,0) 100%);
filter: progid
XImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );}.harmonia_messagebox {position: relative;margin-top: -410px;margin-right: 3px;z-index: 8;width: 400px;height: 240px; text-align: justify;background: rgba(114,51,98,0.3);font: 12px 'Times New Roman', serif; padding: 12px 0;color: #fff; visibility: hidden;}.harmonia_messagebox {visibility: visible;}.harmonia_message {height: 210px;width: 380px;overflow: auto;padding: 15px;padding-left:10px;}.harmonia_message::-webkit-scrollbar {width: 1px;background: transparent;}.harmonia_quote {position: relative;text-align: right;z-index: 17;font-family: 'Times New Roman', serif;font-size: 14px;color: #723362;padding-right: 140px;margin-top: -10px;}.harmonia_fade{position: relative;text-align: right;font-size: 24px;font-family: 'Times New Roman';height: 40px;width: 140px;margin-top: 8px;background: -webkit-linear-gradient(315deg, #000, #000);
background: linear-gradient(135deg, #723362, #000);overflow: hidden;color: #fff;}.letter {position: relative;top: -webkit-calc(50% - 10px);top: calc(50% - 10px);text-shadow: 0px 0px 3px #fff;}.letter:nth-child(1) {-webkit-animation: fade 4s infinite 200ms;animation: fade 4s infinite 200ms;}.letter:nth-child(2) {-webkit-animation: fade 4s infinite 400ms;animation: fade 4s infinite 400ms;}.letter:nth-child(3) {-webkit-animation: fade 4s infinite 600ms;animation: fade 4s infinite 600ms;}.letter:nth-child(4) {-webkit-animation: fade 4s infinite 800ms;animation: fade 4s infinite 800ms;}.letter:nth-child(5) {-webkit-animation: fade 4s infinite 1000ms;animation: fade 4s infinite 1000ms;}.letter:nth-child(6) {-webkit-animation: fade 4s infinite 1200ms;animation: fade 4s infinite 1200ms;}.letter:nth-child(7) {-webkit-animation: fade 4s infinite 1400ms;animation: fade 4s infinite 1400ms;}@-webkit-keyframes fade {50% {opacity: 0.02;}}@keyframes fade {50% {opacity: 0.02;}}</style><center><div class="harmonia_container"><div class="harmonia_gradient"></div><div class="harmonia_messagebox"><p class="harmonia_message">For a moment she forgets to be angry.
For a moment the sensation of loss, of hatred, of bitterness leaves her body and lets her to float happily atop the Mountain, levitating just inches from the ground, glad to not have to walk. Walking was a rather silly task for her these days - why do it? Why ever do it? When you can fly with such painless ease? It made her transition back to the magicless <i>thing</i> from before that much more challenging. Her muscles were not used to the exertion from walking. Her mind was sharp and strong but her body? Weak. Tired. Painful.
She is in her moment of rapture when she hears another cry out, and she zooms toward her, levitating as if on a magic carpet. Her ears flick toward the mare as chain mail crawls along her legs and up her body. Harmonia lowers herself to the ground and copies the mare, though her armor is a thick snake skin, scaled and hard, the same palomino color as Harmonia.
Despite her last few - mandatory - years as a magicless creature she forget all of this. She is returned to her faux-simpleton exterior, with wide bubble eyes and childish impishness. She smiles a vacant smile and, with a flourish of her magic, she turns the others mares' chainmail into the color of bright, sparkling purple. She laughs at this, merry in the moment. </p></div><div class="harmonia_fade"><span class='letter'>H</span><span class='letter'>A</span><span class='letter'>R</span><span class='letter'>M</span><span class='letter'>O</span><span class='letter'>N</span><span class='letter'>IA</span></div><div class="harmonia_quote">the pied piper</div></div></center>
filter: progid
XImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );}.harmonia_messagebox {position: relative;margin-top: -410px;margin-right: 3px;z-index: 8;width: 400px;height: 240px; text-align: justify;background: rgba(114,51,98,0.3);font: 12px 'Times New Roman', serif; padding: 12px 0;color: #fff; visibility: hidden;}.harmonia_messagebox {visibility: visible;}.harmonia_message {height: 210px;width: 380px;overflow: auto;padding: 15px;padding-left:10px;}.harmonia_message::-webkit-scrollbar {width: 1px;background: transparent;}.harmonia_quote {position: relative;text-align: right;z-index: 17;font-family: 'Times New Roman', serif;font-size: 14px;color: #723362;padding-right: 140px;margin-top: -10px;}.harmonia_fade{position: relative;text-align: right;font-size: 24px;font-family: 'Times New Roman';height: 40px;width: 140px;margin-top: 8px;background: -webkit-linear-gradient(315deg, #000, #000);background: linear-gradient(135deg, #723362, #000);overflow: hidden;color: #fff;}.letter {position: relative;top: -webkit-calc(50% - 10px);top: calc(50% - 10px);text-shadow: 0px 0px 3px #fff;}.letter:nth-child(1) {-webkit-animation: fade 4s infinite 200ms;animation: fade 4s infinite 200ms;}.letter:nth-child(2) {-webkit-animation: fade 4s infinite 400ms;animation: fade 4s infinite 400ms;}.letter:nth-child(3) {-webkit-animation: fade 4s infinite 600ms;animation: fade 4s infinite 600ms;}.letter:nth-child(4) {-webkit-animation: fade 4s infinite 800ms;animation: fade 4s infinite 800ms;}.letter:nth-child(5) {-webkit-animation: fade 4s infinite 1000ms;animation: fade 4s infinite 1000ms;}.letter:nth-child(6) {-webkit-animation: fade 4s infinite 1200ms;animation: fade 4s infinite 1200ms;}.letter:nth-child(7) {-webkit-animation: fade 4s infinite 1400ms;animation: fade 4s infinite 1400ms;}@-webkit-keyframes fade {50% {opacity: 0.02;}}@keyframes fade {50% {opacity: 0.02;}}</style><center><div class="harmonia_container"><div class="harmonia_gradient"></div><div class="harmonia_messagebox"><p class="harmonia_message">For a moment she forgets to be angry.
For a moment the sensation of loss, of hatred, of bitterness leaves her body and lets her to float happily atop the Mountain, levitating just inches from the ground, glad to not have to walk. Walking was a rather silly task for her these days - why do it? Why ever do it? When you can fly with such painless ease? It made her transition back to the magicless <i>thing</i> from before that much more challenging. Her muscles were not used to the exertion from walking. Her mind was sharp and strong but her body? Weak. Tired. Painful.
She is in her moment of rapture when she hears another cry out, and she zooms toward her, levitating as if on a magic carpet. Her ears flick toward the mare as chain mail crawls along her legs and up her body. Harmonia lowers herself to the ground and copies the mare, though her armor is a thick snake skin, scaled and hard, the same palomino color as Harmonia.
Despite her last few - mandatory - years as a magicless creature she forget all of this. She is returned to her faux-simpleton exterior, with wide bubble eyes and childish impishness. She smiles a vacant smile and, with a flourish of her magic, she turns the others mares' chainmail into the color of bright, sparkling purple. She laughs at this, merry in the moment. </p></div><div class="harmonia_fade"><span class='letter'>H</span><span class='letter'>A</span><span class='letter'>R</span><span class='letter'>M</span><span class='letter'>O</span><span class='letter'>N</span><span class='letter'>IA</span></div><div class="harmonia_quote">the pied piper</div></div></center>