Holding back from that suffering
#1
[html]
<style>
@import url('https://fonts.googleapis.com/css?family=FONTS');
.Jacetablog {width:680px; padding:5px;text-align:center;}
dl.codebox {padding: 3px;background-color: #f9f9f9;border: 1px solid #000000;font-size: 12px;height: 100px;width: 200px;}
dl.codebox a { color: #000000}
dl.codebox dt {text-transform: uppercase;border-bottom: 1px solid #000000;margin-bottom: 3px;font-size: 0.8em;font-weight: bold;display: block;}
dl.codebox code {overflow: hidden;display: block;height: 80px;white-space: normal;padding-top: 5px;font: 0.9em Monaco, "Andale Mono","Courier New", Courier, mono;line-height: 1.3em;color: #333333;margin: 0px 0;}
.Jacetablog table {width:100%; text-align:center;}
.Jacetablog td {width:33%;text-align:center;overflow:auto;}
.Jacetablog tr.tabs {; width:33%; padding-top:35px; float:center;overflow:auto;font-family: 'nanookRegular',serif; font-size:18px;}
.Jacetablog textarea {width:100px; overflow:auto; height:40px;}
.Jacetablog tr.text {height:50px; width:33%; padding:5px; float:center;overflow:auto; font-size:15px; padding:30px;text-align:center;font-family:'Georgia', serif;}
</style>
<div class="Jacetablog"><center><table>
<tr class="tabs"><td><center><img src="https://images.pexels.com/photos/235621/pexels-photo-235621.jpeg?w=940&h=650&auto=compress&cs=tinysrgb" alt width="200px" align="middle" height="100"> </center></td> <td><center> <img src="https://images.pexels.com/photos/474107/cold-snow-forest-winter-474107.jpeg?w=940&h=650&auto=compress&cs=tinysrgb" alt width="200px" align="middle" height="100"></center></td><td><center><img src="https://images.pexels.com/photos/36032/alps-tree-snow-nature-landscape-flowers-grass.jpg?w=940&h=650&auto=compress&cs=tinysrgb" alt width="200px" align="middle" height="100"> </center></td></tr><td>
[/html]
Code:
[html] <center><table width="500px" cellpadding="0" cellspacing="0" style="border: 0px solid #eeeeee"><tr><td><table cellpadding="0" cellspacing="0" style="width:60px; border:0px solid #eee; padding-top:30px;padding-left:30px; padding-right:30px;padding-bottom:30px;background-color:#2C2D2F; background-position:top;background-image:url('https://images.pexels.com/photos/235621/pexels-photo-235621.jpeg?w=940&h=650&auto=compress&cs=tinysrgb'); background-repeat:no-repeat;"><tr><td><div align="justify"><div style="width: 500px; border: 0px solid #ffffff;background-image:url('http://i.imgur.com/BVbccgL.png'); background-repeat:repeat; padding:15px"><P></span>
    <font color=#808b96 style="font-family:georgia; font-size:11px; line-height:11px; letter-spacing:px;">

<p>
    Aliquam in neque vitae metus tempor laoreet. Curabitur ipsum libero, facilisis ac laoreet nec, pellentesque quis orci. Quisque eros nunc, blandit eget fermentum sed, lobortis vitae sem. Morbi quis risus id dolor gravida eleifend non quis ipsum. Fusce porttitor consectetur lacus, sed consequat quam porttitor ut. Integer dignissim rutrum iaculis. Fusce feugiat odio a odio sodales non tristique augue adipiscing. Proin fringilla eleifend odio, id ullamcorper libero fermentum sit amet.
    </p><p>

  Aliquam in neque vitae metus tempor laoreet. Curabitur ipsum libero, facilisis ac laoreet nec, pellentesque quis orci. Quisque eros nunc, blandit eget fermentum sed, lobortis vitae sem. Morbi quis risus id dolor gravida eleifend non quis ipsum. Fusce porttitor consectetur lacus, sed consequat quam porttitor ut. Integer dignissim rutrum iaculis. Fusce feugiat odio a odio sodales non tristique augue adipiscing. Proin fringilla eleifend odio, id ullamcorper libero fermentum sit amet.
    </p><p>
  Aliquam in neque vitae metus tempor laoreet. Curabitur ipsum libero, facilisis ac laoreet nec, pellentesque quis orci. Quisque eros nunc, blandit eget fermentum sed, lobortis vitae sem. Morbi quis risus id dolor gravida eleifend non quis ipsum. Fusce porttitor consectetur lacus, sed consequat quam porttitor ut. Integer dignissim rutrum iaculis. Fusce feugiat odio a odio sodales non tristique augue adipiscing. Proin fringilla eleifend odio, id ullamcorper libero fermentum sit amet.
    </p><p>


    </font></div></td></tr></table></div></tr></td></table></center>[/html]
[html]
</td><td>[/html]
Code:
[html] <center><table width="500px" cellpadding="0" cellspacing="0" style="border: 0px solid #eeeeee"><tr><td><table cellpadding="0" cellspacing="0" style="width:60px; border:0px solid #eee; padding-top:30px;padding-left:30px; padding-right:30px;padding-bottom:30px;background-color:#D8DBE2; background-position:top;background-image:url('https://images.pexels.com/photos/474107/cold-snow-forest-winter-474107.jpeg?w=940&h=650&auto=compress&cs=tinysrgb'); background-repeat:no-repeat;"><tr><td><div align="justify"><div style="width: 500px; border: 0px solid #ffffff;background-image:url('http://i.imgur.com/BVbccgL.png'); background-repeat:repeat; padding:15px"><P></span>
    <font color=#808b96 style="font-family:georgia; font-size:11px; line-height:11px; letter-spacing:px;">

<p>
    Aliquam in neque vitae metus tempor laoreet. Curabitur ipsum libero, facilisis ac laoreet nec, pellentesque quis orci. Quisque eros nunc, blandit eget fermentum sed, lobortis vitae sem. Morbi quis risus id dolor gravida eleifend non quis ipsum. Fusce porttitor consectetur lacus, sed consequat quam porttitor ut. Integer dignissim rutrum iaculis. Fusce feugiat odio a odio sodales non tristique augue adipiscing. Proin fringilla eleifend odio, id ullamcorper libero fermentum sit amet.
    </p><p>

  Aliquam in neque vitae metus tempor laoreet. Curabitur ipsum libero, facilisis ac laoreet nec, pellentesque quis orci. Quisque eros nunc, blandit eget fermentum sed, lobortis vitae sem. Morbi quis risus id dolor gravida eleifend non quis ipsum. Fusce porttitor consectetur lacus, sed consequat quam porttitor ut. Integer dignissim rutrum iaculis. Fusce feugiat odio a odio sodales non tristique augue adipiscing. Proin fringilla eleifend odio, id ullamcorper libero fermentum sit amet.
    </p><p>
  Aliquam in neque vitae metus tempor laoreet. Curabitur ipsum libero, facilisis ac laoreet nec, pellentesque quis orci. Quisque eros nunc, blandit eget fermentum sed, lobortis vitae sem. Morbi quis risus id dolor gravida eleifend non quis ipsum. Fusce porttitor consectetur lacus, sed consequat quam porttitor ut. Integer dignissim rutrum iaculis. Fusce feugiat odio a odio sodales non tristique augue adipiscing. Proin fringilla eleifend odio, id ullamcorper libero fermentum sit amet.
    </p><p>


    </font></div></td></tr></table></div></tr></td></table></center>[/html]
[html]
</td><td>[/html]
Code:
[html] <center><table width="500px" cellpadding="0" cellspacing="0" style="border: 0px solid #eeeeee"><tr><td><table cellpadding="0" cellspacing="0" style="width:60px; border:0px solid #eee; padding-top:30px;padding-left:30px; padding-right:30px;padding-bottom:30px;background-color:#D8DBE2; background-position:top;background-image:url('https://images.pexels.com/photos/36032/alps-tree-snow-nature-landscape-flowers-grass.jpg?w=940&h=650&auto=compress&cs=tinysrgb'); background-repeat:no-repeat;"><tr><td><div align="justify"><div style="width: 500px; border: 0px solid #ffffff;background-image:url('http://i.imgur.com/BVbccgL.png'); background-repeat:repeat; padding:15px"><P></span>
            <font color=#808b96 style="font-family:georgia; font-size:11px; line-height:11px; letter-spacing:px;">

        <p>
            Aliquam in neque vitae metus tempor laoreet. Curabitur ipsum libero, facilisis ac laoreet nec, pellentesque quis orci. Quisque eros nunc, blandit eget fermentum sed, lobortis vitae sem. Morbi quis risus id dolor gravida eleifend non quis ipsum. Fusce porttitor consectetur lacus, sed consequat quam porttitor ut. Integer dignissim rutrum iaculis. Fusce feugiat odio a odio sodales non tristique augue adipiscing. Proin fringilla eleifend odio, id ullamcorper libero fermentum sit amet.
            </p><p>

          Aliquam in neque vitae metus tempor laoreet. Curabitur ipsum libero, facilisis ac laoreet nec, pellentesque quis orci. Quisque eros nunc, blandit eget fermentum sed, lobortis vitae sem. Morbi quis risus id dolor gravida eleifend non quis ipsum. Fusce porttitor consectetur lacus, sed consequat quam porttitor ut. Integer dignissim rutrum iaculis. Fusce feugiat odio a odio sodales non tristique augue adipiscing. Proin fringilla eleifend odio, id ullamcorper libero fermentum sit amet.
            </p><p>
          Aliquam in neque vitae metus tempor laoreet. Curabitur ipsum libero, facilisis ac laoreet nec, pellentesque quis orci. Quisque eros nunc, blandit eget fermentum sed, lobortis vitae sem. Morbi quis risus id dolor gravida eleifend non quis ipsum. Fusce porttitor consectetur lacus, sed consequat quam porttitor ut. Integer dignissim rutrum iaculis. Fusce feugiat odio a odio sodales non tristique augue adipiscing. Proin fringilla eleifend odio, id ullamcorper libero fermentum sit amet.
            </p>
        


            </font></div></td></tr></table></div></tr></td></table></center>[/html]

[html]
</td></tr>
<tr class="tabs"><td><center><img src="https://images.pexels.com/photos/40660/rose-flower-flowers-plant-40660.jpeg?w=940&h=650&auto=compress&cs=tinysrgb" alt width="200px" align="middle" height="100"> </center></td> <td><center> <img src="https://images.pexels.com/photos/35637/alaska-glacier-ice-mountains.jpg?w=940&h=650&auto=compress&cs=tinysrgb" alt width="200px" align="middle" height="100"></center></td><td><center><img src="https://images.pexels.com/photos/33059/sleigh-ride-horses-the-horse-winter.jpg?w=940&h=650&auto=compress&cs=tinysrgb;" alt width="200px" align="middle" height="100"> </center></td></tr><td>
[/html]
Code:
[html] <center><table width="500px" cellpadding="0" cellspacing="0" style="border: 0px solid #eeeeee"><tr><td><table cellpadding="0" cellspacing="0" style="width:60px; border:0px solid #eee; padding-top:30px;padding-left:30px; padding-right:30px;padding-bottom:30px;background-color:#D8DBE2; background-position:top;background-image:url('https://images.pexels.com/photos/40660/rose-flower-flowers-plant-40660.jpeg?w=940&h=650&auto=compress&cs=tinysrgb'); background-repeat:no-repeat;"><tr><td><div align="justify"><div style="width: 500px; border: 0px solid #ffffff;background-image:url('http://i.imgur.com/BVbccgL.png'); background-repeat:repeat; padding:15px"><P></span>
            <font color=#808b96 style="font-family:georgia; font-size:11px; line-height:11px; letter-spacing:px;">

        <p>
            Aliquam in neque vitae metus tempor laoreet. Curabitur ipsum libero, facilisis ac laoreet nec, pellentesque quis orci. Quisque eros nunc, blandit eget fermentum sed, lobortis vitae sem. Morbi quis risus id dolor gravida eleifend non quis ipsum. Fusce porttitor consectetur lacus, sed consequat quam porttitor ut. Integer dignissim rutrum iaculis. Fusce feugiat odio a odio sodales non tristique augue adipiscing. Proin fringilla eleifend odio, id ullamcorper libero fermentum sit amet.
            </p><p>

          Aliquam in neque vitae metus tempor laoreet. Curabitur ipsum libero, facilisis ac laoreet nec, pellentesque quis orci. Quisque eros nunc, blandit eget fermentum sed, lobortis vitae sem. Morbi quis risus id dolor gravida eleifend non quis ipsum. Fusce porttitor consectetur lacus, sed consequat quam porttitor ut. Integer dignissim rutrum iaculis. Fusce feugiat odio a odio sodales non tristique augue adipiscing. Proin fringilla eleifend odio, id ullamcorper libero fermentum sit amet.
            </p><p>
          Aliquam in neque vitae metus tempor laoreet. Curabitur ipsum libero, facilisis ac laoreet nec, pellentesque quis orci. Quisque eros nunc, blandit eget fermentum sed, lobortis vitae sem. Morbi quis risus id dolor gravida eleifend non quis ipsum. Fusce porttitor consectetur lacus, sed consequat quam porttitor ut. Integer dignissim rutrum iaculis. Fusce feugiat odio a odio sodales non tristique augue adipiscing. Proin fringilla eleifend odio, id ullamcorper libero fermentum sit amet.
            </p>
        


            </font></div></td></tr></table></div></tr></td></table></center>[/html]
[html]
</td><td>[/html]
Code:
[html] <center><table width="500px" cellpadding="0" cellspacing="0" style="border: 0px solid #eeeeee"><tr><td><table cellpadding="0" cellspacing="0" style="width:60px; border:0px solid #eee; padding-top:30px;padding-left:30px; padding-right:30px;padding-bottom:100px;background-color:#D8DBE2; background-position:top;background-image:url('https://images.pexels.com/photos/35637/alaska-glacier-ice-mountains.jpg?w=940&h=650&auto=compress&cs=tinysrgb'); background-repeat:no-repeat;"><tr><td><div align="justify"><div style="width: 500px; border: 0px solid #ffffff;background-image:url('http://i.imgur.com/BVbccgL.png'); background-repeat:repeat; padding:15px"><P></span>
            <font color=#808b96 style="font-family:georgia; font-size:11px; line-height:11px; letter-spacing:px;">

        <p>
            Aliquam in neque vitae metus tempor laoreet. Curabitur ipsum libero, facilisis ac laoreet nec, pellentesque quis orci. Quisque eros nunc, blandit eget fermentum sed, lobortis vitae sem. Morbi quis risus id dolor gravida eleifend non quis ipsum. Fusce porttitor consectetur lacus, sed consequat quam porttitor ut. Integer dignissim rutrum iaculis. Fusce feugiat odio a odio sodales non tristique augue adipiscing. Proin fringilla eleifend odio, id ullamcorper libero fermentum sit amet.
            </p><p>

          Aliquam in neque vitae metus tempor laoreet. Curabitur ipsum libero, facilisis ac laoreet nec, pellentesque quis orci. Quisque eros nunc, blandit eget fermentum sed, lobortis vitae sem. Morbi quis risus id dolor gravida eleifend non quis ipsum. Fusce porttitor consectetur lacus, sed consequat quam porttitor ut. Integer dignissim rutrum iaculis. Fusce feugiat odio a odio sodales non tristique augue adipiscing. Proin fringilla eleifend odio, id ullamcorper libero fermentum sit amet.
            </p><p>
          Aliquam in neque vitae metus tempor laoreet. Curabitur ipsum libero, facilisis ac laoreet nec, pellentesque quis orci. Quisque eros nunc, blandit eget fermentum sed, lobortis vitae sem. Morbi quis risus id dolor gravida eleifend non quis ipsum. Fusce porttitor consectetur lacus, sed consequat quam porttitor ut. Integer dignissim rutrum iaculis. Fusce feugiat odio a odio sodales non tristique augue adipiscing. Proin fringilla eleifend odio, id ullamcorper libero fermentum sit amet.
            </p>
        


            </font></div></td></tr></table></div></tr></td></table></center>[/html]
[html]
</td><td>[/html]
Code:
[html] <center><table width="500px" cellpadding="0" cellspacing="0" style="border: 0px solid #eeeeee"><tr><td><table cellpadding="0" cellspacing="0" style="width:60px; border:0px solid #eee; padding-top:30px;padding-left:30px; padding-right:30px;padding-bottom:30px;background-color:#D8DBE2; background-position:top;background-image:url('https://images.pexels.com/photos/33059/sleigh-ride-horses-the-horse-winter.jpg?w=940&h=650&auto=compress&cs=tinysrgb;"><tr><td><div align="justify"><div style="width: 500px; border: 0px solid #ffffff;background-image:url('http://i.imgur.com/BVbccgL.png'); background-repeat:repeat; padding:15px"><P></span>
            <font color=#808b96 style="font-family:georgia; font-size:11px; line-height:11px; letter-spacing:px;">

        <p>
            Aliquam in neque vitae metus tempor laoreet. Curabitur ipsum libero, facilisis ac laoreet nec, pellentesque quis orci. Quisque eros nunc, blandit eget fermentum sed, lobortis vitae sem. Morbi quis risus id dolor gravida eleifend non quis ipsum. Fusce porttitor consectetur lacus, sed consequat quam porttitor ut. Integer dignissim rutrum iaculis. Fusce feugiat odio a odio sodales non tristique augue adipiscing. Proin fringilla eleifend odio, id ullamcorper libero fermentum sit amet.
            </p><p>

          Aliquam in neque vitae metus tempor laoreet. Curabitur ipsum libero, facilisis ac laoreet nec, pellentesque quis orci. Quisque eros nunc, blandit eget fermentum sed, lobortis vitae sem. Morbi quis risus id dolor gravida eleifend non quis ipsum. Fusce porttitor consectetur lacus, sed consequat quam porttitor ut. Integer dignissim rutrum iaculis. Fusce feugiat odio a odio sodales non tristique augue adipiscing. Proin fringilla eleifend odio, id ullamcorper libero fermentum sit amet.
            </p><p>
          Aliquam in neque vitae metus tempor laoreet. Curabitur ipsum libero, facilisis ac laoreet nec, pellentesque quis orci. Quisque eros nunc, blandit eget fermentum sed, lobortis vitae sem. Morbi quis risus id dolor gravida eleifend non quis ipsum. Fusce porttitor consectetur lacus, sed consequat quam porttitor ut. Integer dignissim rutrum iaculis. Fusce feugiat odio a odio sodales non tristique augue adipiscing. Proin fringilla eleifend odio, id ullamcorper libero fermentum sit amet.
            </p>
        


            </font></div></td></tr></table></div></tr></td></table></center>[/html]
<br>
[html]
<tr class="tabs"><td><center><img src="https://images.pexels.com/photos/511882/pexels-photo-511882.jpeg?w=940&h=650&auto=compress&cs=tinysrgb" alt width="200px" align="middle" height="100"> </center></td> <td><center> <img src="https://images.pexels.com/photos/220092/pexels-photo-220092.jpeg?w=940&h=650&auto=compress&cs=tinysrgb" alt width="200px" align="middle" height="100"></center></td><td><center><img src="https://images.pexels.com/photos/284712/pexels-photo-284712.jpeg?w=940&h=650&auto=compress&cs=tinysrgb" alt width="200px" align="middle" height="100"> </center></td></tr><td>
[/html]
Code:
[html] <center><table width="500px" cellpadding="0" cellspacing="0" style="border: 0px solid #eeeeee"><tr><td><table cellpadding="0" cellspacing="0" style="width:60px; border:0px solid #eee; padding-top:30px;padding-left:30px; padding-right:30px;padding-bottom:30px;background-color:#D8DBE2; background-position:top;background-image:url('https://images.pexels.com/photos/511882/pexels-photo-511882.jpeg?w=940&h=650&auto=compress&cs=tinysrgb'); background-repeat:no-repeat;"><tr><td><div align="justify"><div style="width: 500px; border: 0px solid #ffffff;background-image:url('http://i.imgur.com/BVbccgL.png'); background-repeat:repeat; padding:15px"><P></span>
            <font color=#808b96 style="font-family:georgia; font-size:11px; line-height:11px; letter-spacing:px;">

        <p>
            Aliquam in neque vitae metus tempor laoreet. Curabitur ipsum libero, facilisis ac laoreet nec, pellentesque quis orci. Quisque eros nunc, blandit eget fermentum sed, lobortis vitae sem. Morbi quis risus id dolor gravida eleifend non quis ipsum. Fusce porttitor consectetur lacus, sed consequat quam porttitor ut. Integer dignissim rutrum iaculis. Fusce feugiat odio a odio sodales non tristique augue adipiscing. Proin fringilla eleifend odio, id ullamcorper libero fermentum sit amet.
            </p><p>

          Aliquam in neque vitae metus tempor laoreet. Curabitur ipsum libero, facilisis ac laoreet nec, pellentesque quis orci. Quisque eros nunc, blandit eget fermentum sed, lobortis vitae sem. Morbi quis risus id dolor gravida eleifend non quis ipsum. Fusce porttitor consectetur lacus, sed consequat quam porttitor ut. Integer dignissim rutrum iaculis. Fusce feugiat odio a odio sodales non tristique augue adipiscing. Proin fringilla eleifend odio, id ullamcorper libero fermentum sit amet.
            </p><p>
          Aliquam in neque vitae metus tempor laoreet. Curabitur ipsum libero, facilisis ac laoreet nec, pellentesque quis orci. Quisque eros nunc, blandit eget fermentum sed, lobortis vitae sem. Morbi quis risus id dolor gravida eleifend non quis ipsum. Fusce porttitor consectetur lacus, sed consequat quam porttitor ut. Integer dignissim rutrum iaculis. Fusce feugiat odio a odio sodales non tristique augue adipiscing. Proin fringilla eleifend odio, id ullamcorper libero fermentum sit amet.
            </p>
        


            </font></div></td></tr></table></div></tr></td></table></center>[/html]
[html]
</td><td>[/html]
Code:
[html] <center><table width="500px" cellpadding="0" cellspacing="0" style="border: 0px solid #eeeeee"><tr><td><table cellpadding="0" cellspacing="0" style="width:60px; border:0px solid #eee; padding-top:30px;padding-left:30px; padding-right:30px;padding-bottom:30px;background-color:#D8DBE2; background-position:top;background-image:url('https://images.pexels.com/photos/220092/pexels-photo-220092.jpeg?w=940&h=650&auto=compress&cs=tinysrgb'); background-repeat:no-repeat;"><tr><td><div align="justify"><div style="width: 500px; border: 0px solid #ffffff;background-image:url('https://images.pexels.com/photos/284712/pexels-photo-284712.jpeg?w=940&h=650&auto=compress&cs=tinysrgb'); background-repeat:repeat; padding:15px"><P></span>
            <font color=#808b96 style="font-family:georgia; font-size:11px; line-height:11px; letter-spacing:px;">

        <p>
            Aliquam in neque vitae metus tempor laoreet. Curabitur ipsum libero, facilisis ac laoreet nec, pellentesque quis orci. Quisque eros nunc, blandit eget fermentum sed, lobortis vitae sem. Morbi quis risus id dolor gravida eleifend non quis ipsum. Fusce porttitor consectetur lacus, sed consequat quam porttitor ut. Integer dignissim rutrum iaculis. Fusce feugiat odio a odio sodales non tristique augue adipiscing. Proin fringilla eleifend odio, id ullamcorper libero fermentum sit amet.
            </p><p>

          Aliquam in neque vitae metus tempor laoreet. Curabitur ipsum libero, facilisis ac laoreet nec, pellentesque quis orci. Quisque eros nunc, blandit eget fermentum sed, lobortis vitae sem. Morbi quis risus id dolor gravida eleifend non quis ipsum. Fusce porttitor consectetur lacus, sed consequat quam porttitor ut. Integer dignissim rutrum iaculis. Fusce feugiat odio a odio sodales non tristique augue adipiscing. Proin fringilla eleifend odio, id ullamcorper libero fermentum sit amet.
            </p><p>
          Aliquam in neque vitae metus tempor laoreet. Curabitur ipsum libero, facilisis ac laoreet nec, pellentesque quis orci. Quisque eros nunc, blandit eget fermentum sed, lobortis vitae sem. Morbi quis risus id dolor gravida eleifend non quis ipsum. Fusce porttitor consectetur lacus, sed consequat quam porttitor ut. Integer dignissim rutrum iaculis. Fusce feugiat odio a odio sodales non tristique augue adipiscing. Proin fringilla eleifend odio, id ullamcorper libero fermentum sit amet.
            </p>
        


            </font></div></td></tr></table></div></tr></td></table></center>[/html]
[html]
</td><td>[/html]
Code:
[html] <center><table width="500px" cellpadding="0" cellspacing="0" style="border: 0px solid #eeeeee"><tr><td><table cellpadding="0" cellspacing="0" style="width:60px; border:0px solid #eee; padding-top:30px;padding-left:30px; padding-right:30px;padding-bottom:30px;background-color:#D8DBE2; background-position:top;background-image:url('https://images.pexels.com/photos/284712/pexels-photo-284712.jpeg?w=940&h=650&auto=compress&cs=tinysrgb'); background-repeat:no-repeat;"><tr><td><div align="justify"><div style="width: 500px; border: 0px solid #ffffff;background-image:url('http://i.imgur.com/BVbccgL.png'); background-repeat:repeat; padding:15px"><P></span>
            <font color=#808b96 style="font-family:georgia; font-size:11px; line-height:11px; letter-spacing:px;">

        <p>
            Aliquam in neque vitae metus tempor laoreet. Curabitur ipsum libero, facilisis ac laoreet nec, pellentesque quis orci. Quisque eros nunc, blandit eget fermentum sed, lobortis vitae sem. Morbi quis risus id dolor gravida eleifend non quis ipsum. Fusce porttitor consectetur lacus, sed consequat quam porttitor ut. Integer dignissim rutrum iaculis. Fusce feugiat odio a odio sodales non tristique augue adipiscing. Proin fringilla eleifend odio, id ullamcorper libero fermentum sit amet.
            </p><p>

          Aliquam in neque vitae metus tempor laoreet. Curabitur ipsum libero, facilisis ac laoreet nec, pellentesque quis orci. Quisque eros nunc, blandit eget fermentum sed, lobortis vitae sem. Morbi quis risus id dolor gravida eleifend non quis ipsum. Fusce porttitor consectetur lacus, sed consequat quam porttitor ut. Integer dignissim rutrum iaculis. Fusce feugiat odio a odio sodales non tristique augue adipiscing. Proin fringilla eleifend odio, id ullamcorper libero fermentum sit amet.
            </p><p>
          Aliquam in neque vitae metus tempor laoreet. Curabitur ipsum libero, facilisis ac laoreet nec, pellentesque quis orci. Quisque eros nunc, blandit eget fermentum sed, lobortis vitae sem. Morbi quis risus id dolor gravida eleifend non quis ipsum. Fusce porttitor consectetur lacus, sed consequat quam porttitor ut. Integer dignissim rutrum iaculis. Fusce feugiat odio a odio sodales non tristique augue adipiscing. Proin fringilla eleifend odio, id ullamcorper libero fermentum sit amet.
            </p>
        


            </font></div></td></tr></table></div></tr></td></table></center>[/html]
[html]
</td></tr>
</td></tr></table></div>[/html]
  Reply
#2
A - <!-- l --><a class="postlink-local" href="https://soulsrpg.com/forum/viewtopic.php?f=48&t=33906">viewtopic.php?f=48&t=33906</a><!-- l --> - Joiner
A - <!-- l --><a class="postlink-local" href="https://soulsrpg.com/forum/viewtopic.php?f=24&t=34087">viewtopic.php?f=24&t=34087</a><!-- l --> - Arlen - yoga
A - <!-- l --><a class="postlink-local" href="https://soulsrpg.com/forum/viewtopic.php?f=24&t=34088">viewtopic.php?f=24&t=34088</a><!-- l --> - Inca - returned to AT
P - <!-- l --><a class="postlink-local" href="https://soulsrpg.com/forum/viewtopic.php?f=48&t=34121">viewtopic.php?f=48&t=34121</a><!-- l --> - Lyris - hunting
A - <!-- l --><a class="postlink-local" href="https://soulsrpg.com/forum/viewtopic.php?f=24&t=34122">viewtopic.php?f=24&t=34122</a><!-- l --> - Myra - Dagger lessons 1
A - <!-- l --><a class="postlink-local" href="https://soulsrpg.com/forum/viewtopic.php?f=24&t=34123">viewtopic.php?f=24&t=34123</a><!-- l --> - Everett - Syndicate attack
A - <!-- l --><a class="postlink-local" href="https://soulsrpg.com/forum/viewtopic.php?f=24&t=34209">viewtopic.php?f=24&t=34209</a><!-- l --> - PAck thread - Syndicate
A - <!-- l --><a class="postlink-local" href="https://soulsrpg.com/forum/viewtopic.php?f=24&t=33997">viewtopic.php?f=24&t=33997</a><!-- l --> - Assiliak - Training
P - <!-- l --><a class="postlink-local" href="https://soulsrpg.com/forum/viewtopic.php?f=48&t=34216">viewtopic.php?f=48&t=34216</a><!-- l --> - Teagan - Syndicate attack 2
P - <!-- l --><a class="postlink-local" href="https://soulsrpg.com/forum/viewtopic.php?f=48&t=34295">viewtopic.php?f=48&t=34295</a><!-- l --> - Temo - Syndicate trap
A - <!-- l --><a class="postlink-local" href="https://soulsrpg.com/forum/viewtopic.php?f=24&t=34320">viewtopic.php?f=24&t=34320</a><!-- l --> - Assiliak - Training
P - <!-- l --><a class="postlink-local" href="https://soulsrpg.com/forum/viewtopic.php?f=48&t=34257">viewtopic.php?f=48&t=34257</a><!-- l --> - Veri - Feral fight training
P - <!-- l --><a class="postlink-local" href="https://soulsrpg.com/forum/viewtopic.php?f=53&t=34278">viewtopic.php?f=53&t=34278</a><!-- l --> - Syndicate Spy thread
A - <!-- l --><a class="postlink-local" href="https://soulsrpg.com/forum/viewtopic.php?f=24&t=34331">viewtopic.php?f=24&t=34331</a><!-- l --> - Night - Fishing
P - <!-- l --><a class="postlink-local" href="https://soulsrpg.com/forum/viewtopic.php?f=48&t=34333">viewtopic.php?f=48&t=34333</a><!-- l --> - Luca - Settling in
A - <!-- l --><a class="postlink-local" href="https://soulsrpg.com/forum/viewtopic.php?f=48&t=34334">viewtopic.php?f=48&t=34334</a><!-- l --> - Remus - War Horse training
A - <!-- l --><a class="postlink-local" href="https://soulsrpg.com/forum/viewtopic.php?f=24&t=34324">viewtopic.php?f=24&t=34324</a><!-- l --> - Iorek - Meeting
A - <!-- l --><a class="postlink-local" href="https://soulsrpg.com/forum/viewtopic.php?f=24&t=34460">viewtopic.php?f=24&t=34460</a><!-- l --> - Syndicate Battle 1
A - <!-- l --><a class="postlink-local" href="https://soulsrpg.com/forum/viewtopic.php?f=24&t=34490">viewtopic.php?f=24&t=34490</a><!-- l --> - Iorek - Groundskeeper corank
A - <!-- l --><a class="postlink-local" href="https://soulsrpg.com/forum/viewtopic.php?f=24&t=34443">viewtopic.php?f=24&t=34443</a><!-- l --> - Iorek - Rabbit discussion
A - <!-- l --><a class="postlink-local" href="https://soulsrpg.com/forum/viewtopic.php?f=24&t=34525">viewtopic.php?f=24&t=34525</a><!-- l --> - Callum
A - <!-- l --><a class="postlink-local" href="https://soulsrpg.com/forum/viewtopic.php?f=24&t=34526">viewtopic.php?f=24&t=34526</a><!-- l --> - Aldora
P - <!-- l --><a class="postlink-local" href="https://soulsrpg.com/forum/viewtopic.php?f=53&t=34894">viewtopic.php?f=53&t=34894</a><!-- l --> - Avinalora - AT discussion
P - <!-- l --><a class="postlink-local" href="https://soulsrpg.com/forum/viewtopic.php?f=48&t=34733">viewtopic.php?f=48&t=34733</a><!-- l --> - Moon/Orin -Meet and Greet
P - <!-- l --><a class="postlink-local" href="https://soulsrpg.com/forum/viewtopic.php?f=48&t=35002">viewtopic.php?f=48&t=35002</a><!-- l --> - Raine/Guin - Sword training
P - <!-- l --><a class="postlink-local" href="https://soulsrpg.com/forum/viewtopic.php?f=48&t=35039">viewtopic.php?f=48&t=35039</a><!-- l --> - Everett - Training
P - <!-- l --><a class="postlink-local" href="https://soulsrpg.com/forum/viewtopic.php?f=48&t=34838">viewtopic.php?f=48&t=34838</a><!-- l --> - Night - Training
P - <!-- l --><a class="postlink-local" href="https://soulsrpg.com/forum/viewtopic.php?f=48&t=35040">viewtopic.php?f=48&t=35040</a><!-- l --> - Rat - Archery Lesson
P - <!-- l --><a class="postlink-local" href="https://soulsrpg.com/forum/viewtopic.php?f=48&t=34728">viewtopic.php?f=48&t=34728</a><!-- l --> - Syndicate Battle 2
P - <!-- l --><a class="postlink-local" href="https://soulsrpg.com/forum/viewtopic.php?f=48&t=35102">viewtopic.php?f=48&t=35102</a><!-- l --> - Rurik - drinkenness
P - <!-- l --><a class="postlink-local" href="https://soulsrpg.com/forum/viewtopic.php?f=48&t=35133">viewtopic.php?f=48&t=35133</a><!-- l --> - Iorek/Iofur - Joining
P - <!-- l --><a class="postlink-local" href="https://soulsrpg.com/forum/viewtopic.php?f=48&t=35187">viewtopic.php?f=48&t=35187</a><!-- l --> - Callum - Archery Sparring
P - <!-- l --><a class="postlink-local" href="https://soulsrpg.com/forum/viewtopic.php?f=48&t=35080">viewtopic.php?f=48&t=35080</a><!-- l --> - Rohan - Punishment/Horse birth
P - <!-- l --><a class="postlink-local" href="https://soulsrpg.com/forum/viewtopic.php?f=48&t=35204">viewtopic.php?f=48&t=35204</a><!-- l --> - Myra - Horse visit
P - <!-- l --><a class="postlink-local" href="https://soulsrpg.com/forum/viewtopic.php?f=48&t=35172">viewtopic.php?f=48&t=35172</a><!-- l --> - Veri/Night - Healer thread
P - <!-- l --><a class="postlink-local" href="https://soulsrpg.com/forum/viewtopic.php?f=48&t=35144">viewtopic.php?f=48&t=35144</a><!-- l --> - Luca/Minerva - Introduction
P - <!-- l --><a class="postlink-local" href="https://soulsrpg.com/forum/viewtopic.php?f=48&t=35124">viewtopic.php?f=48&t=35124</a><!-- l --> - Sniki - Stable-Master corank
  Reply
#3
[html]<div class="jace-b01-border"><div class="jace-b01">
<p class="ooc">this is ooc!</p>
<div class="separator"></div>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla id mi lorem. Quisque scelerisque hendrerit purus. Sed mi urna, laoreet nec metus a, sodales ultrices tellus. Pellentesque posuere fermentum laoreet. Quisque in rutrum nulla. Nulla non purus euismod, suscipit est nec, consequat nisi. Nam a tempor leo, id porttitor elit. Ut ullamcorper lobortis dignissim. Praesent lectus sem, eleifend vel semper vitae, pulvinar id enim. Vestibulum vulputate condimentum semper. Nulla egestas mollis purus auctor ultricies. Nullam sollicitudin sapien eu lobortis dignissim. Aenean quis gravida odio. Vivamus pellentesque, neque at commodo feugiat, lorem magna malesuada elit, a pretium ipsum risus eu dolor. Nulla a orci et purus porttitor facilisis. Morbi sed nibh ut augue fermentum scelerisque id non sapien.
</p><p>
Donec at elit nec ipsum tristique fermentum quis id nisl. Praesent aliquam lorem vitae tellus pellentesque, in varius diam rutrum. Maecenas pharetra non erat id fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer eget felis in dui eleifend vulputate vitae quis urna. Nulla sit amet tortor blandit, semper felis ut, tempus tellus. Proin ac dictum massa. Praesent nulla arcu, dapibus sit amet suscipit sit amet, tincidunt et libero. Phasellus convallis placerat congue. Nam convallis tortor et sapien placerat, ac molestie elit ultrices. Donec sagittis tortor dolor, vitae congue ante convallis vel. Maecenas porta fermentum justo in semper. Donec vitae ultrices massa.</p>


</div></div>
<style>
.jace-b01 .ooc {font-style:italic; }
.jace-b01 p {padding:0px 35px 5px 35px; margin:0px; text-indent:35px;}
.jace-b01 b {color:#fff; text-shadow:1px 1px 2px #000;}
.jace-b01 {background-color:#010123; background-image:url("http://i.imgur.com/KPM6Q.png"); background-position:bottom center; background-repeat:no-repeat; padding:10px 0px 50px 0px; border:1px solid #D0D9E1; font-family: georgia, serif; font-size:11px; line-height:13px; color:#442833; width:475px; text-align:justify; }
.jace-b01-border {width:477px; border:1px solid #000000; margin:0 auto; }
.jace-b01 .separator{width:322px; border-bottom:1px dashed #fff; margin:0 auto 5px auto;}
</style>[/html]



~~~~~~~~~~~~~ WIP

Code:
[html]
    <div class="Temp5">
    <div class="L1">Now some saint got the job of writing down my sins</div>
    <div class="Temp5-img"> </div>
    <div class="L2">  
    <div class="ooc"><span class="wc">Word Count &rarr; 000</span> :: OOC Text  </div></div>

    <div class="Temp5-in">


    <p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at tincidunt nunc. Maecenas nec convallis ipsum. Aliquam at purus convallis, scelerisque urna a, congue sapien. Nam elementum mauris felis, non accumsan tortor pharetra vel. Vestibulum fringilla volutpat odio, non rhoncus erat aliquam sed. Fusce scelerisque molestie nisl, non rutrum ante congue vel. Etiam scelerisque turpis vel turpis porta, ut facilisis nunc commodo. Fusce vel ex fermentum, lobortis nibh in, congue neque. Donec quis molestie elit. Nunc aliquet finibus tristique. Morbi nec orci a tortor egestas egestas ut ac ex. Ut vehicula, augue non venenatis auctor, velit arcu eleifend massa, id vulputate mauris nunc a dolor. Phasellus tincidunt eu velit varius elementum.
</p><p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec. Donec purus ipsum, tincidunt vitae tincidunt et, ornare sit amet dolor. Donec eget aliquam est. Praesent aliquet pretium pellentesque. Quisque nec imperdiet quam. Etiam consequat aliquam aliquet. Sed hendrerit risus vitae velit vulputate laoreet. Nunc ullamcorper placerat ultrices. Duis congue nisl eu turpis mollis mollis a sed felis. Suspendisse eu porttitor felis, cursus placerat eros. Integer sit amet ultricies massa. Duis rutrum at augue id accumsan. Nunc sit amet lectus quis erat ultrices tristique.
<B>Speech</b>. <i>Thinking</i>.</p>

    </div></div>
    <p class="Kcredit">Template by <a href="http://www.soulsrpg.com/forum/viewtopic.php?f=37&t=16460">Kitty</a>.</p>

    <style type="text/css">

    @import url('https://fonts.googleapis.com/css?family=IM+Fell+Great+Primer:400i|Roboto+Slab');

    .Temp5 {width:600px; padding:0px; margin:0px auto; text-align:justify; background-color:#d0eef0; color:#000; font-size:14px; font-family: 'Roboto Slab', serif;  box-shadow:2px 2px 3px #1d1d1d; -moz-box-shadow:2px 2px 3px #1d1d1d; -webkit-box-shadow:2px 2px 3px #1d1d1d; color:#000; outline:1px solid #000; border:2px solid #abd6d9;}
    .Temp5 p {text-indent:50px;  padding-top:8px; text-align:justify; margin:0px auto;}
    .Temp5 p:first-letter {font-size:2em; color:#2f4569; font-weight:bold;}
    .Temp5 b:before { content:open-quote; }
    .Temp5 b:after { content:close-quote; }
    .Temp5 .L1 {border-top:20px solid #2e3b4e; border-bottom:20px solid #2e3b4e;  background-color:#2e3b4e; text-align:center; padding:0px; font-size:20px; line-height:15px; font-family: 'IM Fell Great Primer', serif; color:#FFF;  text-shadow:#2B2B2B 0 0 4px; letter-spacing:3px;}
    .Temp5 .L2 {text-indent:20px; border-top:10px solid #69aab6; border-bottom:10px solid #69aab6; background-color:#69aab6; padding:0px; color:#FFF; }
    .Temp5-img {height:350px; background-image:url('https://cdn.discordapp.com/attachments/299785096591048704/366103965173284866/Honrinfield.png'); background-position:top; background-repeat:no-repeat; border:0px; margin 0px auto;}
    .Temp5 .ooc {opacity:0.7;}
    .Temp5 .ooc + p {padding:0px 5px;}
    .Temp5 .wc {text-transform: uppercase; font-weight:bold; }
    .Temp5-in {padding:20px; margin:0px auto;  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );  }
    p.Kcredit {text-indent:0px; text-align:center; font-size:10px; width:425px; text-align:center; margin:0px auto;}</style>
    [/html]
  Reply
#4
[html]<div class="jaceypoo">
<p class="ooc">OOC: Word Count: </p>
<hr width=80%>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla id mi lorem. Quisque scelerisque hendrerit purus. Sed mi urna, laoreet nec metus a, sodales ultrices tellus. Pellentesque posuere fermentum laoreet. Quisque in rutrum nulla. Nulla non purus euismod, suscipit est nec, consequat nisi. Nam a tempor leo, id porttitor elit. Ut ullamcorper lobortis dignissim. Praesent lectus sem, eleifend vel semper vitae, pulvinar id enim. Vestibulum vulputate condimentum semper. Nulla egestas mollis purus auctor ultricies. Nullam sollicitudin sapien eu lobortis dignissim. Aenean quis gravida odio. Vivamus pellentesque, neque at commodo feugiat, lorem magna malesuada elit, a pretium ipsum risus eu dolor. Nulla a orci et purus porttitor facilisis. Morbi sed nibh ut augue fermentum scelerisque id non sapien.
</p><p>
Donec at elit nec ipsum tristique fermentum quis id nisl. Praesent aliquam lorem vitae tellus pellentesque, in varius diam rutrum. Maecenas pharetra non erat id fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer eget felis in dui eleifend vulputate vitae quis urna. Nulla sit amet tortor blandit, semper felis ut, tempus tellus. Proin ac dictum massa. Praesent nulla arcu, dapibus sit amet suscipit sit amet, tincidunt et libero. Phasellus convallis placerat congue. Nam convallis tortor et sapien placerat, ac molestie elit ultrices. Donec sagittis tortor dolor, vitae congue ante convallis vel. Maecenas porta fermentum justo in semper. Donec vitae ultrices massa.</p>
<p>Jace walks. <b>"Jace talks."</b></p>

</div>
<style type="text/css">
.jaceypoo b {font-weight:bold; color:#fec953; letter-spacing:1px; }
.jaceypoo .ooc { font-style:italic; font-family:verdana, sans-serif; font-size:11px;}
.jaceypoo p {text-indent:25px; padding:5px 10px; margin:0px;}
.jaceypoo {margin:0px auto; width:400px; background-color:#c46d2b; background-image:url("http://i55.tinypic.com/2912jid.png"); background-position:top center; background-repeat:no-repeat; border:1px solid #000000; padding: 250px 0px 10px 0px; font-family: georgia, sans-serif; font-size:12px; color:#452004; line-height:16px; letter-spacing:.5px; text-align:justify;}
</style>[/html]

[html] <div class="content"> <div class="GEMSDB-e05-b"><sub>ooc text. Set to 14th june, afternoon time. 417</sub><div class="GEMSDB-e05"> <div class="GEMSDB-e05-name"></div> <div class="GEMSDB-e05-name"></div>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla id mi lorem. Quisque scelerisque hendrerit purus. Sed mi urna, laoreet nec metus a, sodales ultrices tellus. Pellentesque posuere fermentum laoreet. Quisque in rutrum nulla. Nulla non purus euismod, suscipit est nec, consequat nisi. Nam a tempor leo, id porttitor elit. Ut ullamcorper lobortis dignissim. Praesent lectus sem, eleifend vel semper vitae, pulvinar id enim. Vestibulum vulputate condimentum semper. Nulla egestas mollis purus auctor ultricies. Nullam sollicitudin sapien eu lobortis dignissim. Aenean quis gravida odio. Vivamus pellentesque, neque at commodo feugiat, lorem magna malesuada elit, a pretium ipsum risus eu dolor. Nulla a orci et purus porttitor facilisis. Morbi sed nibh ut augue fermentum scelerisque id non sapien.
</p><p>
Donec at elit nec ipsum tristique fermentum quis id nisl. Praesent aliquam lorem vitae tellus pellentesque, in varius diam rutrum. Maecenas pharetra non erat id fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer eget felis in dui eleifend vulputate vitae quis urna. Nulla sit amet tortor blandit, semper felis ut, tempus tellus. Proin ac dictum massa. Praesent nulla arcu, dapibus sit amet suscipit sit amet, tincidunt et libero. Phasellus convallis placerat congue. Nam convallis tortor et sapien placerat, ac molestie elit ultrices. Donec sagittis tortor dolor, vitae congue ante convallis vel. Maecenas porta fermentum justo in semper. Donec vitae ultrices massa.</p>

<style> .GEMSDB-e05 p {padding:0px 20px 10px 20px; margin:0px; text-indent:30px;} .GEMSDB-e05 b {color:#cceeee;text-shadow:#2277bb 0px 0px 5px;} .GEMSDB-e05-b {width:452px; border:0px solid #000000; margin:0px auto;-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius:6px;} .GEMSDB-e05-name {font-family:georgia, serif;} .GEMSDB-e05-ooc {font-family:arial, helvetica, sans-serif; font-size:12px; letter-spacing:.4px; font-style:italic; } .GEMSDB-e05 {background-color:#8ec7ef; border:1px solid #8ec7ef; background-image:url("http://i.imgur.com/qce1w.png"); background-position:top center; background-repeat:no-repeat;font-family: georgia, serif; font-size:12px; color:#ccffff; letter-spacing:.3px; word-spacing:2px; line-height:14px; width:450px; text-align:justify; padding:330px 0px 10px 0px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius:6px;} </style> </div></div></div>[/html]

~
[html]<div class="Enzoethereal1"><link href="https://fonts.googleapis.com/css?family=Princess+Sofia" rel="stylesheet"> <div class="Enzoethereal1-name">Lorenzo Knight</div> <div class="Enzoethereal1-in">

<div class="Enzoethereal1-ooc" style="float:right;">
<ul><li>Word Count: <b>[242]</b></li>
<li>Date: <b>21st Sep</b></li>
<li>Time: <b>1pm</b></li>
<li>Form: <b>Optime</b></li></ul>
OOC goes here and other shizz</div>

<p>
Aliquam in neque vitae metus tempor laoreet. Curabitur ipsum libero, facilisis ac laoreet nec, pellentesque quis orci. Quisque eros nunc, blandit eget fermentum sed, lobortis vitae sem. Morbi quis risus id dolor gravida eleifend non quis ipsum. Fusce porttitor consectetur lacus, sed consequat quam porttitor ut. Integer dignissim rutrum iaculis. Fusce feugiat odio a odio sodales non tristique augue adipiscing. Proin fringilla eleifend odio, id ullamcorper libero fermentum sit amet.
</p><p>
Vestibulum dignissim quam nec lectus imperdiet at molestie libero ornare. Donec imperdiet malesuada risus id dignissim. Nullam ligula dolor, interdum in fringilla eu, lobortis eu metus. Nunc vulputate, arcu eu ullamcorper hendrerit, ante sapien blandit libero, et sollicitudin nunc lectus at velit. Aliquam erat volutpat. Sed vel mi sapien, ut ornare est. Nunc a nunc diam. Nunc accumsan justo quis justo vestibulum sit amet eleifend ante iaculis. Cras ante nisl, dictum eu tristique a, egestas at felis. Aliquam commodo porta libero, nec malesuada nunc sodales quis.

<font style="font-family:georgia; color: #f1c40f; font-size:8px; text-transform: uppercase; letter-spacing: 3px; text-shadow: 1px 1px 4px #eddaa3; ">"gemǣlan"</font>
</p><p>

</div>
<div class="Enzoethereal1-lyrics">Then I am still and wait here in the silence</div></div>

<p class="Enzoethereal1-credit">Template by <a href="http://www.soulsrpg.com/forum/viewtopic.php?f=37&t=16460">Kitty</a> and <a href="http://soulsrpg.com/forum/viewtopic.php?f=37&t=3676">Aso</a>, image by <a href="http://www.deviantart.com/art/Rainy-day-475264112">Sergiba</a></p>

<style type="text/css">
@import url('http://fonts.googleapis.com/css?family=Cinzel');
@import url('http://fonts.googleapis.com/css?family=Cinzel+Decorative');

.Enzoethereal1 {width:580px; background-image:url('https://image.ibb.co/h0uyX5/lorenzosmall.png'); background-position:top center; background-color:#044233; background-repeat:no-repeat; border:1px solid #000; padding:310px 20px 10px 20px; margin:0px auto; text-align:justify; box-shadow:2px 2px 3px #1d1d1d; -moz-box-shadow:2px 2px 3px #1d1d1d; -webkit-box-shadow:2px 2px 3px #1d1d1d;}
.Enzoethereal1 b {color:#044233;}
.Enzoethereal1 p {text-indent:50px; color:#000; font-size:11px; letter-spacing:1px; margin:0px; padding-top:8px;}
.Enzoethereal1-in {padding:10px; margin:0px auto; background-color:rgba(215, 215, 215, 0.3); border:1px solid#000;}
p.Enzoethereal1-credit {text-indent:0px; text-align:center; font-size:10px; width:425px; margin:0px auto;}
.Enzoethereal1-name {font-family:'Cinzel Decorative'; font-size:45px; letter-spacing:8px; text-align:center; color:#a569bd; text-shadow:#6c3483 0px 0px 4px; line-height:45px;}
.Enzoethereal1-lyrics {font-family: 'Princess Sofia', cursive; font-size:18px; letter-spacing:1px; text-align:center; color:#9b59b6; text-shadow:#6c3483 0px 0px 4px; line-height:15px; padding-top:2px;}
.Enzoethereal1-ooc {text-align:left; width:150px; float:right; margin:7px; background-color:rgba(215, 215, 216, 0.3); font-size:9px; Padding:5px; border:1px solid#000;} </style>[/html]

Code:
[html]<div class="Enzoethereal1"><link href="https://fonts.googleapis.com/css?family=Princess+Sofia" rel="stylesheet"> <div class="Enzoethereal1-name">Lorenzo Knight</div> <div class="Enzoethereal1-in">  

    <div class="Enzoethereal1-ooc" style="float:right;">
    <ul><li>Word Count: <b>[242]</b></li>
    <li>Date: <b>21st Sep</b></li>
    <li>Time: <b>1pm</b></li>
    <li>Form: <b>Optime</b></li></ul>
    OOC goes here and other shizz</div>

<p>
Aliquam in neque vitae metus tempor laoreet. Curabitur ipsum libero, facilisis ac laoreet nec, pellentesque quis orci. Quisque eros nunc, blandit eget fermentum sed, lobortis vitae sem. Morbi quis risus id dolor gravida eleifend non quis ipsum. Fusce porttitor consectetur lacus, sed consequat quam porttitor ut. Integer dignissim rutrum iaculis. Fusce feugiat odio a odio sodales non tristique augue adipiscing. Proin fringilla eleifend odio, id ullamcorper libero fermentum sit amet.
</p><p>
Vestibulum dignissim quam nec lectus imperdiet at molestie libero ornare. Donec imperdiet malesuada risus id dignissim. Nullam ligula dolor, interdum in fringilla eu, lobortis eu metus. Nunc vulputate, arcu eu ullamcorper hendrerit, ante sapien blandit libero, et sollicitudin nunc lectus at velit. Aliquam erat volutpat. Sed vel mi sapien, ut ornare est. Nunc a nunc diam. Nunc accumsan justo quis justo vestibulum sit amet eleifend ante iaculis. Cras ante nisl, dictum eu tristique a, egestas at felis. Aliquam commodo porta libero, nec malesuada nunc sodales quis.

<font style="font-family:georgia; color: #f1c40f; font-size:8px; text-transform: uppercase; letter-spacing: 3px; text-shadow: 1px 1px 4px #eddaa3; ">"gemǣlan"</font>
</p><p>  

    </div>
    <div class="Enzoethereal1-lyrics">Then I am still and wait here in the silence</div></div>

    <p class="Enzoethereal1-credit">Template by <a href="http://www.soulsrpg.com/forum/viewtopic.php?f=37&t=16460">Kitty</a> and <a href="http://soulsrpg.com/forum/viewtopic.php?f=37&t=3676">Aso</a>, image by <a href="http://www.deviantart.com/art/Rainy-day-475264112">Sergiba</a></p>

    <style type="text/css">
    @import url('http://fonts.googleapis.com/css?family=Cinzel');
    @import url('http://fonts.googleapis.com/css?family=Cinzel+Decorative');

    .Enzoethereal1 {width:580px; background-image:url('https://image.ibb.co/h0uyX5/lorenzosmall.png'); background-position:top center; background-color:#044233; background-repeat:no-repeat; border:1px solid #000; padding:310px 20px 10px 20px; margin:0px auto; text-align:justify; box-shadow:2px 2px 3px #1d1d1d; -moz-box-shadow:2px 2px 3px #1d1d1d; -webkit-box-shadow:2px 2px 3px #1d1d1d;}
    .Enzoethereal1 b {color:#044233;}
    .Enzoethereal1 p {text-indent:50px; color:#000; font-size:11px; letter-spacing:1px; margin:0px; padding-top:8px;}
    .Enzoethereal1-in {padding:10px; margin:0px auto; background-color:rgba(215, 215, 215, 0.3);  border:1px solid#000;}
    p.Enzoethereal1-credit {text-indent:0px; text-align:center; font-size:10px; width:425px; margin:0px auto;}
    .Enzoethereal1-name {font-family:'Cinzel Decorative'; font-size:45px; letter-spacing:8px; text-align:center; color:#a569bd; text-shadow:#6c3483 0px 0px 4px; line-height:45px;}
    .Enzoethereal1-lyrics {font-family: 'Princess Sofia', cursive; font-size:18px; letter-spacing:1px; text-align:center; color:#9b59b6; text-shadow:#6c3483 0px 0px 4px; line-height:15px; padding-top:2px;}
    .Enzoethereal1-ooc {text-align:left;  width:150px; float:right; margin:7px; background-color:rgba(215, 215, 216, 0.3); font-size:9px; Padding:5px; border:1px solid#000;} </style>[/html]


~


~



~
  Reply
#5
[html]<div class="jwtxt">
<div class="jwtxt-box"></div>
<div class="lyrics">Jace Wolfe </div>
<div class="ooc"><p>Word Count:: 000 || OOC:: Hullo!</p></div>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla id mi lorem. Quisque scelerisque hendrerit purus. Sed mi urna, laoreet nec metus a, sodales ultrices tellus. Pellentesque posuere fermentum laoreet. Quisque in rutrum nulla. Nulla non purus euismod, suscipit est nec, consequat nisi. Nam a tempor leo, id porttitor elit. Ut ullamcorper lobortis dignissim. Praesent lectus sem, eleifend vel semper vitae, pulvinar id enim. Vestibulum vulputate condimentum semper. Nulla egestas mollis purus auctor ultricies. Nullam sollicitudin sapien eu lobortis dignissim. Aenean quis gravida odio. Vivamus pellentesque, neque at commodo feugiat, lorem magna malesuada elit, a pretium ipsum risus eu dolor. Nulla a orci et purus porttitor facilisis. Morbi sed nibh ut augue fermentum scelerisque id non sapien.
</p><p>
Donec at elit nec ipsum tristique fermentum quis id nisl. Praesent aliquam lorem vitae tellus pellentesque, in varius diam rutrum. Maecenas pharetra non erat id fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer eget felis in dui eleifend vulputate vitae quis urna. Nulla sit amet tortor blandit, semper felis ut, tempus tellus. Proin ac dictum massa. Praesent nulla arcu, dapibus sit amet suscipit sit amet, tincidunt et libero. Phasellus convallis placerat congue. Nam convallis tortor et sapien placerat, ac molestie elit ultrices. Donec sagittis tortor dolor, vitae congue ante convallis vel. Maecenas porta fermentum justo in semper. Donec vitae ultrices massa.</p>
</div>
<style>
.jwtxt .lyrics {font-size:38px; font-weight:bold; font-family: 'Zeyada' , cursive, serif; letter-spacing:-1px; word-spacing:4px; text-transform:uppercase; text-align:center;}
.jw-box {background-image:url(); background-repeat:no-repeat; background-position: top center; width:200px; height:200px; float:right; margin:3px; }
.jwtxt {font-family:'times new roman', times, serif; font-size: 14px; letter-spacing:0px; word-spacing:2px; text-align: left; margin:0px 25px;}
.jwtxt p.ooc {font-style:italic; font-family:arial, helvetica, sans-serif; font-size:12px; text-align:justify; text-indent:0px; padding:0px 5px;}
.jwtxt p.ooc + p {padding:0px 5px;}
.jwtxt .wc {text-transform: uppercase; font-weight:bold;}
.jwtxt p {text-indent: 25px; margin:0px; padding:10px 5px;}
.jwtxt b {letter-spacing:1px; font-family:times new roman, serif; font-size:16px; letter-spacing:-.05em;}
</style><link href='http://fonts.googleapis.com/css?family=Zeyada' rel='stylesheet' type='text/css'>[/html]
  Reply
#6
[html] <center><div style="width:420px; padding: 3px 0px 3px 0px; font-size:11px; font-family: Georgia,serif; letter-spacing:.6px; word-spacing:.9x; line-height:6px; font-style:italic; text-align:right;">OOC sup bitches? / +yo numbah!</div></center>

<div class="jacebot">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit eleifend placerat. In metus felis, auctor id lacinia non, consequat ac justo. Ut nec lacus mi. Sed bibendum laoreet nibh, sit amet ullamcorper nibh hendrerit a. Aliquam erat volutpat. Vestibulum condimentum tempor malesuada. <b>Nam nibh magna, tempor in ornare elementum,</b> eleifend a sem. Vivamus eget fringilla sapien. Duis commodo justo sit amet nisl varius tempor. Morbi condimentum leo ut ante rhoncus accumsan. Suspendisse ac ullamcorper turpis. Duis ornare consequat eleifend. Quisque euismod facilisis sapien, <p>

Eget sagittis nunc auctor id. Aenean enim risus, accumsan et imperdiet id, vulputate in ante. Nunc mattis imperdiet sagittis. Pellentesque et vestibulum enim. Morbi semper, nunc eget laoreet congue, purus nisl aliquet purus, eget rhoncus ante nibh in augue.<p>

In tristique orci ut tellus mattis at condimentum odio laoreet. In sit amet metus odio. Vestibulum enim felis, blandit hendrerit faucibus in, consectetur molestie urna. Vestibulum purus turpis, porttitor eget bibendum vitae, ultricies nec eros. Aenean ultricies cursus ipsum, vel adipiscing magna dapibus quis. Duis molestie nisi vel eros sodales sed tincidunt ipsum bibendum. Curabitur tristique rutrum ornare. Nullam dignissim tortor eu erat commodo semper. Cras dapibus, dui ac feugiat varius, magna sapien condimentum quam, in hendrerit mauris lectus non lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. <b>Sed lectus sapien, tincidunt feugiat sagittis vitae, commodo quis est.</b> Mauris tincidunt bibendum arcu, a ultrices justo hendrerit eu. Duis quis lectus sed mi venenatis sodales.
</p>
</div>
<style type="text/css">
.jacebot b {font-weight:bold; color:#eca105; letter-spacing:1px; text-shadow: 0.1em 0.1em 0.2em #2e0503; }
.jacebot p {text-indent:0px; padding:5px 16px; margin:0px;}
.jacebot {margin:0 auto; width:420px; background-color:#721313; background-image:url("http://i54.tinypic.com/33y13rl.png"); background-position:top center; background-repeat:no-repeat; border:1px solid #0b052c; padding: 310px 0px 7px 0px; font-family: Georgia, serif; font-size:12px; color:#b8491f; text-shadow: 0.1em 0.1em 0.2em #; letter-spacing:.6px; word-spacing:.9x; line-height:13.3px; text-align:justify;}
.jacebot p b:before { content: open-quote; }
.jacebot p b:after {content: close-quote; }
</style>
[/html]
  Reply
#7
[html] <center><div style="width:400px; padding: 3px 0px 3px 0px; font-size:11px; font-family: Georgia,serif; letter-spacing:.6px; word-spacing:.9x; line-height:5px; font-style:italic; text-align:right;">OOC sup bitches? / +yo numbah!</div></center>

<div class="jaceyboo">
<p></p>
</div>
<style type="text/css">
.jaceyboo b {font-weight:bold; color:#81314a; letter-spacing:1px; text-shadow: 0.1em 0.1em 0.2em #390c1a; }
.jaceyboo p {text-indent:0px; padding:5px 16px; margin:0px;}
.jaceyboo {margin:0 auto; width:440px; background-color:#67263a; background-image:url("http://i56.tinypic.com/5zo1om.png"); background-position:top center; background-repeat:no-repeat; border:1px solid #0b052c; padding: 227px 0px 7px 0px; font-family: Georgia, serif; font-size:12px; color:#7f4959; text-shadow: 0.1em 0.1em 0.2em #; letter-spacing:.6px; word-spacing:.9x; line-height:13.3px; text-align:justify;}
.jaceyboo p b:before { content: open-quote; }
.jaceyboo p b:after {content: close-quote; }
</style>
[/html]
  Reply
#8
[html]<div class="jacemountain">
<p class="ooc">out of character text</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dapibus bibendum metus, maximus ullamcorper nibh consequat ornare. Pellentesque quis laoreet sapien. Ut cursus turpis nisl, nec laoreet sapien sodales quis. Donec porta vitae risus sit amet porta. Praesent placerat nisi et consectetur pretium. Vestibulum eget congue lectus. Vestibulum tincidunt quam id turpis mattis ultricies a et sapien. Sed maximus, lorem feugiat scelerisque faucibus, dui ipsum maximus mauris, quis porttitor erat turpis ut turpis. Etiam vestibulum ligula mi, porta dictum mauris imperdiet non. Aliquam vel maximus nisi. In in maximus nibh. Aliquam erat volutpat. Quisque id feugiat tortor.
</p>

<p>Nullam eget luctus urna, ut hendrerit nisl. Sed tempor ex ipsum, sed ornare est sollicitudin sed. Nullam auctor sagittis nulla, eget sagittis turpis tempor vitae. Praesent nibh sem, pellentesque ut maximus eu, dignissim vitae sapien. Duis feugiat tellus et leo blandit molestie. Nunc eu urna a dui sodales condimentum. Vestibulum commodo, risus suscipit pellentesque egestas, nisi metus luctus libero, eu vehicula risus diam et ipsum. Mauris vehicula ante at erat eleifend, et fringilla massa semper. Nunc vitae fringilla purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis dictum ultrices sodales. Ut consectetur varius lacinia. Duis eget luctus mauris. Nunc sagittis metus ac felis viverra convallis non nec arcu.
</p>
<p>Nunc rutrum mattis massa non porttitor. In a justo eget neque sodales congue in vitae nunc. Pellentesque sed neque eget massa ullamcorper elementum id in massa. In sed mauris quis nibh vehicula faucibus. Etiam leo quam, tincidunt eget blandit nec, vestibulum et tellus. Sed vel nunc tempor, vulputate enim vitae, vestibulum neque. Etiam pretium mi eu hendrerit sagittis. Vivamus dui magna, malesuada quis ex ac, vulputate mattis metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla augue felis, venenatis ut cursus et, fringilla id turpis. Ut posuere tortor eu rutrum tempor. Morbi vehicula mauris nulla, eget pellentesque sapien aliquam eget. Nulla dictum justo volutpat purus molestie, id auctor augue luctus. Aenean facilisis aliquam nulla, a sodales nunc vehicula vitae. Nullam tortor dolor, porta in lectus eget, egestas placerat erat. Integer iaculis luctus dolor, et bibendum eros fermentum quis.
</p>

<style type="text/css">
.jacemountain b {font-weight:bold; color:#142d45; letter-spacing:1px;}
.jacemountain .ooc { font-style:italic; padding:0px 10px; font-family:verdana, sans-serif; font-size:11px; text-align:right;}
.jacemountain p {text-indent:25px; padding:5px 10px; margin:0px;}
.jacemountain {margin:0px auto; width:475px; background-color:#476b85; background-image:url("http://i55.tinypic.com/15mczo6.jpg");
background-position:top center; background-repeat:no-repeat; border:1px solid #000000; padding: 450px 0px 3px 0px; font-family: georgia, sans-serif;
font-size:12px; color:#fef4e7; line-height:16px; letter-spacing:.5px; text-align:justify;}
</style></div>[/html]
  Reply
#9
[html]
<div class="jacedove">
<p class="ooc">out of character text</p>
<p></p>
<style type="text/css">
.jacedove b {font-weight:bold; color:#ffffff; letter-spacing:1px; }
.jacedove .ooc { font-style:italic; padding:0px; font-family:verdana, sans-serif; font-size:11px;}
.jacedove p {text-indent:25px; padding:5px 10px; margin:0px;}
.jacedove {margin:0px auto; width:391px; background-color:#000000; background-image:url("http://i.imgur.com/VZZH2.png"); background-position:bottom center; background-repeat:no-repeat; border:1px solid #000000; padding: 10px 0px 300px 0px; font-family: georgia, sans-serif; font-size:12px; color:#f0e3d1; line-height:16px; letter-spacing:.5px; text-align:justify;-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius:6px;}
</style></div>
[/html]


[html]<div class="Hontable001"> <div class="Hontable001-name">Honrin Wolfe-Denahlii</div> <div class="Hontable001-in">

<div class="ooc"><span class="wc">Word Count &rarr; 310</span> :: Out of Character text</div>

<b>"Aenean blandit libero neque, tempus auctor ex condimentum et. Vivamus quam metus, interdum in risus eget, mattis tincidunt augue."</b> Morbi quam ipsum, volutpat malesuada dolor sit amet, maximus tristique odio. Vivamus auctor non nunc non eleifend. Morbi quam justo, sollicitudin feugiat mauris ut, cursus ullamcorper metus. Curabitur bibendum mattis nulla vitae rhoncus. Nullam semper diam vel pretium vestibulum. Morbi gravida, tellus a faucibus pellentesque, elit velit egestas leo, rhoncus sollicitudin metus nibh et tellus.
</p><p>
<b>"Aenean blandit libero neque, tempus auctor ex condimentum et. Vivamus quam metus, interdum in risus eget, mattis tincidunt augue."</b> Morbi quam ipsum, volutpat malesuada dolor sit amet, maximus tristique odio. Vivamus auctor non nunc non eleifend. Morbi quam justo, sollicitudin feugiat mauris ut, cursus ullamcorper metus. Curabitur bibendum mattis nulla vitae rhoncus. Nullam semper diam vel pretium vestibulum. Morbi gravida, tellus a faucibus pellentesque, elit velit egestas leo, rhoncus sollicitudin metus nibh et tellus.
</p><p>
Morbi tristique massa a porttitor euismod. Curabitur cursus facilisis mauris, eget feugiat purus elementum accumsan. Curabitur suscipit dui eget sapien sagittis dictum. Suspendisse potenti. Phasellus ultricies enim purus, eget pretium augue semper a. Sed imperdiet scelerisque odio, quis eleifend ante posuere non. Etiam porta metus vitae diam imperdiet malesuada. Cras ultricies rutrum justo ut iaculis.
</p>

</div>
<div class="Hontable001-lyrics">And he became the sun, to shine upon the worthy</div></div>

<p class="Kcredit">Template by <a href="http://www.soulsrpg.com/forum/viewtopic.php?f=37&t=16460">Kitty</a>, image by Ales Krivec.</p>

<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|PT+Sans|Roboto+Slab');

.Hontable001 {width:580px; background: #F3F1DC url("https://cdn.discordapp.com/attachments/299785096591048704/436242256903798784/horsetexture.png") no-repeat top center; background-size: 700px; padding:180px 20px 10px 20px; margin:0px auto; text-align:justify; box-shadow:2px 2px 3px #1d1d1d; -moz-box-shadow:2px 2px 3px #1d1d1d; -webkit-box-shadow:2px 2px 3px #1d1d1d; color:#e1e3ec; outline:1px solid #000; border:2px solid #f3f1dc;}
.Hontable001 b {color:#D3D92A;}
.Hontable001 p {text-indent:50px; font:13px 'Roboto Slab', serif;}
.Hontable001-in {padding:10px 20px 10px 20px; margin:0px auto; background-color:#879271; opacity: 0.9; border:1px dotted #e1e3ec;}
.Hontable001-name {font: 60px/55px 'Open Sans Condensed', sans-serif; color:#f3f1dc; text-align:left; text-shadow: 2px 2px 2px rgba(44, 57, 75, 0.9); }
.Hontable001-lyrics {font: small-caps 16px/14px 'PT Sans', sans-serif; color:#D2E732 ; letter-spacing:5px; text-align:center; text-shadow: 2px 2px 2px #000000 ; padding-top:7px;}
.Hontable001 .ooc {opacity:0.7; text-indent:0px; padding:0px; border-bottom:2px dashed #e1e3ec; margin-bottom:10px;}
.Hontable001 .ooc + p {padding:0px 5px;}
.Hontable001 .wc {text-transform: uppercase; font-weight:bold; color:#9cc2f2;}
p.Kcredit {text-indent:0px; text-align:center; font-size:10px; width:425px; text-align:center; margin:0px auto;} </style>
[/html]



[html]<div class="content">
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/thao-sao" type="text/css"/>
<div class="Kjintable001out"> <div class="Kjintable001name"><i>Kjintora</i></div><div class="Kjintable001in"> <p class="ooc"><b>ooc here</b></p>

<p>
<b>"Aenean blandit libero neque, tempus auctor ex condimentum et. Vivamus quam metus, interdum in risus eget, mattis tincidunt augue."</b> Morbi quam ipsum, volutpat malesuada dolor sit amet, maximus tristique odio. Vivamus auctor non nunc non eleifend. Morbi quam justo, sollicitudin feugiat mauris ut, cursus ullamcorper metus. Curabitur bibendum mattis nulla vitae rhoncus. Nullam semper diam vel pretium vestibulum. Morbi gravida, tellus a faucibus pellentesque, elit velit egestas leo, rhoncus sollicitudin metus nibh et tellus.
</p><p>
<b>"Aenean blandit libero neque, tempus auctor ex condimentum et. Vivamus quam metus, interdum in risus eget, mattis tincidunt augue."</b> Morbi quam ipsum, volutpat malesuada dolor sit amet, maximus tristique odio. Vivamus auctor non nunc non eleifend. Morbi quam justo, sollicitudin feugiat mauris ut, cursus ullamcorper metus. Curabitur bibendum mattis nulla vitae rhoncus. Nullam semper diam vel pretium vestibulum. Morbi gravida, tellus a faucibus pellentesque, elit velit egestas leo, rhoncus sollicitudin metus nibh et tellus.
</p><p>
Morbi tristique massa a porttitor euismod. Curabitur cursus facilisis mauris, eget feugiat purus elementum accumsan. Curabitur suscipit dui eget sapien sagittis dictum. Suspendisse potenti. Phasellus ultricies enim purus, eget pretium augue semper a. Sed imperdiet scelerisque odio, quis eleifend ante posuere non. Etiam porta metus vitae diam imperdiet malesuada. Cras ultricies rutrum justo ut iaculis.
</p>

</div>

</div>

<div class="footer" style="text-align:center;font-size:11px;"></a>.

Table coded by <a href="http://wiki.soulsrpg.com/index.php?n=Players.Katie2">Katie</a> from a table by <a href="http://wiki.soulsrpg.com/index.php?n=Players.Kite">Kite</a>.</div>
<style type="text/css">

.Kjintable001out {width:620px; padding: 20px 10px 300px 10px; background-image:url('https://cdn.discordapp.com/attachments/299785096591048704/433836505920700426/grey-692410_960_720.jpg'); background-repeat:no-repeat; background-position:bottom ; background-color:#9A9FA2; margin:0px auto; border:1px solid black; }
.Kjintable001in {width:600; padding:6px 6px 6px 6px; background-image:url('http://i.imgur.com/gnxtKrM.png'); margin:0px auto; border:1px solid black; }
.Kjintable001name {font: 55px/35px 'ThaoSaoRegular'; font-weight: normal; font-style: cursive; padding-right: 20px; color:#6D7174; text-align:right; text-shadow: 2px 2px 2px rgba(16, 9, 10, 1);}
.Kjintable001in p.ooc {padding:0px 2px 2px 2px; font-family:'Arial'; color:#000000; font-size:11px; border-bottom:1px solid black; } .Kjintable001in p {text-indent:10px; color:#000000; font-size:12px; text-align:justify; line-height:180%; }
.Kjintable001in b {font-size:14px; color:##73787F; font-family:'Times'; font-weight:normal; letter-spacing:1px; text-shadow:1px 2px 5px rgba(0, 0, 0, .6); } </style></div>[/html]


[html]<link href="https://fonts.googleapis.com/css?family=Kumar+One+Outline" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab"rel="stylesheet">
<style>.Honrinsides {width:650px; font:16px/1.50 Times New Roman; text-align:left; margin:0px auto;}
.Honrinsides1 { background-image:url('https://cdn.discordapp.com/attachments/299785096591048704/431145749213085707/chandelier-525405_960_720.jpg'); background-position:center; background-repeat:no-repeat; border:1px #F4D65A; width:170px; height:600px; border:1px solid white; outline:1px solid black; float:right; margin:30px; }
.Honrinsides-ooc{font-family: 'Artifika', serif; font-size:13px; border-top:none; text-align:center;}
.Honrinsides p {text-indent:40px; font:14px 'Roboto Slab', serif; padding-top:8px;}
.Honrinsides-ly {font-family: 'Kumar One Outline', cursive; font-size:1.5em; text-align:center; border-bottom:none; }</style>

<div class="Honrinsides">
<div class="Honrinsides-ly">And ever just as sure<br>
As the sun will rise</div>
<div class="Honrinsides1"></div>
~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_

<b>"Aenean blandit libero neque, tempus auctor ex condimentum et. Vivamus quam metus, interdum in risus eget, mattis tincidunt augue."</b> Morbi quam ipsum, volutpat malesuada dolor sit amet, maximus tristique odio. Vivamus auctor non nunc non eleifend. Morbi quam justo, sollicitudin feugiat mauris ut, cursus ullamcorper metus. Curabitur bibendum mattis nulla vitae rhoncus. Nullam semper diam vel pretium vestibulum. Morbi gravida, tellus a faucibus pellentesque, elit velit egestas leo, rhoncus sollicitudin metus nibh et tellus.
</p><p>
<b>"Aenean blandit libero neque, tempus auctor ex condimentum et. Vivamus quam metus, interdum in risus eget, mattis tincidunt augue."</b> Morbi quam ipsum, volutpat malesuada dolor sit amet, maximus tristique odio. Vivamus auctor non nunc non eleifend. Morbi quam justo, sollicitudin feugiat mauris ut, cursus ullamcorper metus. Curabitur bibendum mattis nulla vitae rhoncus. Nullam semper diam vel pretium vestibulum. Morbi gravida, tellus a faucibus pellentesque, elit velit egestas leo, rhoncus sollicitudin metus nibh et tellus.
</p><p>
Morbi tristique massa a porttitor euismod. Curabitur cursus facilisis mauris, eget feugiat purus elementum accumsan. Curabitur suscipit dui eget sapien sagittis dictum. Suspendisse potenti. Phasellus ultricies enim purus, eget pretium augue semper a. Sed imperdiet scelerisque odio, quis eleifend ante posuere non. Etiam porta metus vitae diam imperdiet malesuada. Cras ultricies rutrum justo ut iaculis.
</p>

</p>
<p><B>Speech</b>. <i>Thinking</i>.</p>

<div class="Honrinsides-ooc">This Song - credit given to artist | <b>[wc &mdash;]</b> template by <a href="http://www.soulsrpg.com/forum/viewtopic.php?f=37&t=12002">hilli</a></div>
</div>
[/html]

~~~~~~~~~~~~~~~~~~
[html]<div class="JaceNo001">
<div class="ooc"><span class="wc">Word Count &rarr; </span> :: </div>
<img src="https://cdn.discordapp.com/attachments/299706487779885056/437641066695622667/NoRaze.png" class="shargrawr">

<p> <b>Aenean blandit libero neque, tempus auctor ex condimentum et. Vivamus quam metus, interdum in risus eget, mattis tincidunt augu.</b> Morbi quam ipsum, volutpat malesuada dolor sit amet, maximus tristique odio. Vivamus auctor non nunc non eleifend. Morbi quam justo, sollicitudin feugiat mauris ut, cursus ullamcorper metus. Curabitur bibendum mattis nulla vitae rhoncus. Nullam semper diam vel pretium vestibulum. Morbi gravida, tellus a faucibus pellentesque, elit velit egestas leo, rhoncus sollicitudin metus nibh et tellus.
</p><p>
<b>Aenean blandit libero neque, tempus auctor ex condimentum et. Vivamus quam metus, interdum in risus eget, mattis tincidunt augue.</b> Morbi quam ipsum, volutpat malesuada dolor sit amet, maximus tristique odio. Vivamus auctor non nunc non eleifend. Morbi quam justo, sollicitudin feugiat mauris ut, cursus ullamcorper metus. Curabitur bibendum mattis nulla vitae rhoncus. Nullam semper diam vel pretium vestibulum. Morbi gravida, tellus a faucibus pellentesque, elit velit egestas leo, rhoncus sollicitudin metus nibh et tellus.
</p><p>
Morbi tristique massa a porttitor euismod. Curabitur cursus facilisis mauris, eget feugiat purus elementum accumsan. Curabitur suscipit dui eget sapien sagittis dictum. Suspendisse potenti. Phasellus ultricies enim purus, eget pretium augue semper a. Sed imperdiet scelerisque odio, quis eleifend ante posuere non. Etiam porta metus vitae diam imperdiet malesuada. Cras ultricies rutrum justo ut iaculis.
</p>

</div>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');
.JaceNo001 {width:90%; margin:15px;}
.JaceNo001 p {font:14px 'Roboto Slab', serif; line-height:180%; text-indent:50px; text-align:justify; }
.JaceNo001 b {color:#447DA5; text-shadow:#ffffff 0 0 4px; letter-spacing:1px;}
.JaceNo001 b:before { contentHuhpen-quote; }
.JaceNo001 b:after { content:close-quote; }
.JaceNo001 NPC {color:#be9531; font-weight: bold; text-align:justify; font-style: italic; text-shadow:#d6ae4d 0 0 4px}
.JaceNo001 NPC:before { contentHuhpen-quote; }
.JaceNo001 NPC:after { content:close-quote; }
.JaceNo001 .ooc {opacity:0.7; text-indent:15px; padding:0px; border-bottom:1px dotted #000; margin-bottom:10px;}
.JaceNo001 .ooc + p {padding:0px 5px;}
.JaceNo001 .wc {text-transform: uppercase; font-weight:bold;}
.shargrawr {width:250px; padding:15px; float:right;}
</style>[/html]
  Reply
#10
[html]<table cellpadding="0" cellspacing="0" class="KanaOcn">
<tr>
<td class="KanaOcntop" colspan="4">
<div class="KanaOcnname">Kanamori Takekuro
<div class="KanaOcnlyrics">thy humble worshipers may meet in love, joy, and bliss</div></div>
</td>
</tr>
<tr>
<td class="KanaOcnpost" colspan="4">

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at tincidunt nunc. Maecenas nec convallis ipsum. Aliquam at purus convallis, scelerisque urna a, congue sapien. Nam elementum mauris felis, non accumsan tortor pharetra vel. Vestibulum fringilla volutpat odio, non rhoncus erat aliquam sed. Fusce scelerisque molestie nisl, non rutrum ante congue vel. Etiam scelerisque turpis vel turpis porta, ut facilisis nunc commodo. Fusce vel ex fermentum, lobortis nibh in, congue neque. Donec quis molestie elit. Nunc aliquet finibus tristique. Morbi nec orci a tortor egestas egestas ut ac ex. Ut vehicula, augue non venenatis auctor, velit arcu eleifend massa, id vulputate mauris nunc a dolor. Phasellus tincidunt eu velit varius elementum.</p>

<p><b>"Donec purus ipsum, tincidunt vitae tincidunt et, ornare sit amet dolor. Donec eget aliquam est."</b> Praesent aliquet pretium pellentesque. Quisque nec imperdiet quam. Etiam consequat aliquam aliquet. Sed hendrerit risus vitae velit vulputate laoreet. Nunc ullamcorper placerat ultrices. Duis congue nisl eu turpis mollis mollis a sed felis. Suspendisse eu porttitor felis, cursus placerat eros. Integer sit amet ultricies massa. Duis rutrum at augue id accumsan. Nunc sit amet lectus quis erat ultrices tristique.</p>

</td></tr>
<tr class="KanaOcnooc">
<td colspan="4">ooc text here</td></tr>
<tr class="KanaOcnnotes">
<td>Word Count: <strong>[000]</strong></td>
<td>Form: <strong>Optime</strong></td>
<td>Date: <strong>DD/MM/YY</strong></td>
<td>Time: <strong>00 AM/PM</strong></td>
</tr>
</table>

<p class="KanaOcncredit">Table by <a href="http://www.soulsrpg.com/forum/memberlist.php?mode=viewprofile&u=1766">Kitty</a> | Image Credits: <a href="https://www.flickr.com/photos/arttmiss/">Artt Miss</a> | Texture Credits: <a href="https://summer--moon.deviantart.com">Summer--Moon</a></p>

<style>
@import url('https://fonts.googleapis.com/css?family=Dawning+of+a+New+Day|Roboto+Condensed');

.KanaOcn {border-collapse:collapse; width:650px; margin:10px auto; outline:1px solid #000; border:2px solid #5b6194; box-shadow:2px 2px 3px #1d1d1d; -moz-box-shadow:2px 2px 3px #1d1d1d; -webkit-box-shadow:2px 2px 3px #1d1d1d; background: #5b4c7b url("https://images.imgbox.com/f6/88/MVqZIwl6_o.png") no-repeat top center; font-family:verdana, sans-serif; text-align:justify;}
.KanaOcn td {background-color:transparent;}
.KanaOcn td p {text-indent:30px; color:#b4afc7; font-size:12px; vertical-align:top; line-height:16px; margin:0px; padding-top:8px;}
.KanaOcn td b {color:#d8c9ca; }
.KanaOcn .KanaOcntop {padding-top:155px; padding-bottom:0px;}
tr.KanaOcnnotes td {width:25%; text-align:center; font-size:10px; color:#000; padding:3px; border:1px solid #000; background-color:#8393b9;}
tr.KanaOcnooc td {text-align:center; font-size:10px; color:#000; padding:3px; border:1px solid #000; background-color:#abb2cb;}
.KanaOcn .KanaOcnpost {background-color:transparent; padding:85px 20px 15px 20px; border:0px;}
.KanaOcnname {font: 70px/20px 'Dawning of a New Day', cursive; color:#d8c9ca; letter-spacing:4px; text-align:left; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1); border:0px; padding-left:20px;}
.KanaOcnlyrics {font: 14px/10px 'Roboto Condensed', serif; color:#FFF; letter-spacing:2px; word-spacing:1px; text-align:left; text-shadow:#000 1px 1px 2px; text-transform:uppercase; border:0px; padding-top:25px; padding-left:110px;}
p.KanaOcncredit {text-indent:0px; text-align:center; font-size:10px; width:650px; text-align:center; margin:0px auto;}
</style>[/html]
  Reply
#11
[html]<link href="https://fonts.googleapis.com/css?family=Kumar+One+Outline" rel="stylesheet">
<style>.Honrinsides {width:650px; font:16px/1.50 Times New Roman; text-align:left; margin:0px auto;}
.Honrinsides1 { background-image:url('https://cdn.discordapp.com/attachments/299785096591048704/366472605181542400/Honrin.png'); background-position:center; background-repeat:no-repeat; border:1px #F4D65A; width:150px; height:569px; border:1px solid white; outline:1px solid black; float:right; margin:30px; }
.Honrinsides-ooc{font-family: 'Artifika', serif; font-size:13px; border-top:none; text-align:center;}
.Honrinsides p {text-indent:60px;}
.Honrinsides-ly {font-family: 'Kumar One Outline', cursive; font-size:2em; text-align:center left; border-bottom:none; }</style>

<div class="Honrinsides">
<div class="Honrinsides-ly">That's how country boys roll</div>
<div class="Honrinsides1"></div>
~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_
<p>

</p><p>

</p><p>
<B>Speech</b>. <i>Thinking</i>.</p>

<div class="Honrinsides-ooc"> Jisspo | <b>[wc &mdash;]</b> template by <a href="http://www.soulsrpg.com/forum/viewtopic.php?f=37&t=12002">hilli</a></div>
</div>
[/html]
  Reply
#12
[html]<link href='//fonts.googleapis.com/css?family=Spectral SC' rel='stylesheet' type='text/css'>
<style>.DiaCressides {width:550px; font:16px/1.50 Times New Roman; text-align:left; margin:0px auto;}
.DiaCressides1 { background-image:url('https://cdn.discordapp.com/attachments/299785096591048704/407643179492311053/fire-171229_960_720.jpg'); background-position:center; background-repeat:no-repeat; border:1px solid #000; width:550px; height:100px; border:1px solid black; outline:1px solid white; float:center; margin:0px; }
.DiaCressides-ooc{font-family: 'Spectral SC', serif; font-size:13px; border-top:1px dotted; text-align:center;}
.DiaCressides p {text-indent:60px;}
.DiaCressides-ly {font-family: 'Spectral SC', serif; font-size:24px; text-align:center; border-bottom:1px dotted;}</style>

<div class="DiaCressides">
<div class="DiaCressides-ly">scorch into your veins</div>
<div class="DiaCressides1"></div>
<p>
<b>Lorem ipsum dolor sit amet,</b> consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc.
<p>
<b>Curabitur tortor. Pellentesque nibh. Aenean quam.</b> In scelerisque sem at dolor. Mauris massa. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit.
<p>
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit. Sed lectus. Integer euismod lacus luctus magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque cursus, metus vitae pharetra auctor, se
</p>
<div class="DiaCressides-ooc">ooc stuff here | <b>[wc &mdash; --]</b> template by <a href="http://www.soulsrpg.com/forum/viewtopic.php?f=37&t=12002">hilli</a></div>
</div>
[/html]

Code:
[html]<link href='//fonts.googleapis.com/css?family=Spectral SC' rel='stylesheet' type='text/css'>
<style>.DiaCressides {width:550px; font:16px/1.50 Times New Roman; text-align:left; margin:0px auto;}
.DiaCressides1 { background-image:url('https://cdn.discordapp.com/attachments/299785096591048704/407643179492311053/fire-171229_960_720.jpg'); background-position:center; background-repeat:no-repeat; border:1px solid #000; width:550px; height:100px; border:1px solid black; outline:1px solid white; float:center; margin:0px; }
.DiaCressides-ooc{font-family: 'Spectral SC', serif; font-size:13px; border-top:1px dotted; text-align:center;}
.DiaCressides p {text-indent:60px;}
.DiaCressides-ly {font-family: 'Spectral SC', serif; font-size:24px; text-align:center; border-bottom:1px dotted;}</style>

<div class="DiaCressides">
<div class="DiaCressides-ly">scorch into your veins</div>
<div class="DiaCressides1"></div>
<p>
<b>Lorem ipsum dolor sit amet,</b> consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc.
<p>
<b>Curabitur tortor. Pellentesque nibh. Aenean quam.</b> In scelerisque sem at dolor. Mauris massa. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit.
<p>
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit. Sed lectus. Integer euismod lacus luctus magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque cursus, metus vitae pharetra auctor, se
</p>
<div class="DiaCressides-ooc">ooc stuff here | <b>[wc &mdash; --]</b> template by <a href="http://www.soulsrpg.com/forum/viewtopic.php?f=37&t=12002">hilli</a></div>
</div>
[/html]


*****************


[html]<link href='//fonts.googleapis.com/css?family=Spectral SC' rel='stylesheet' type='text/css'>
<style>.DiaCres1sides {width:550px; font:16px/1.50 Times New Roman; text-align:left; margin:0px auto;}
.DiaCres1sides1 { background-image:url('https://cdn.discordapp.com/attachments/299785096591048704/407643188870774806/styggkarret-433688_960_720.jpg'); background-position:center; background-repeat:no-repeat; border:1px solid #000; width:550px; height:100px; border:1px solid black; outline:1px solid white; float:center; margin:0px; }
.DiaCres1sides-ooc{font-family: 'Spectral SC', serif; font-size:13px; border-top:1px dotted; text-align:center;}
.DiaCres1sides p {text-indent:60px;}
.DiaCres1sides-ly {font-family: 'Spectral SC', serif; font-size:24px; text-align:center; border-bottom:1px dotted;}</style>

<div class="DiaCres1sides">
<div class="DiaCres1sides-ly">this smoke on my breath</div>
<div class="DiaCres1sides1"></div>
<p>
<b>Lorem ipsum dolor sit amet,</b> consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc.
<p>
<b>Curabitur tortor. Pellentesque nibh. Aenean quam.</b> In scelerisque sem at dolor. Mauris massa. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit.
<p>
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit. Sed lectus. Integer euismod lacus luctus magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque cursus, metus vitae pharetra auctor, se
</p>
<div class="DiaCres1sides-ooc">ooc stuff here | <b>[wc &mdash; --]</b> template by <a href="http://www.soulsrpg.com/forum/viewtopic.php?f=37&t=12002">hilli</a></div>
</div>
[/html]

Code:
[html]<link href='//fonts.googleapis.com/css?family=Spectral SC' rel='stylesheet' type='text/css'>
<style>.DiaCres1sides {width:550px; font:16px/1.50 Times New Roman; text-align:left; margin:0px auto;}
.DiaCres1sides1 { background-image:url('https://cdn.discordapp.com/attachments/299785096591048704/407643188870774806/styggkarret-433688_960_720.jpg'); background-position:center; background-repeat:no-repeat; border:1px solid #000; width:550px; height:100px; border:1px solid black; outline:1px solid white; float:center; margin:0px; }
.DiaCres1sides-ooc{font-family: 'Spectral SC', serif; font-size:13px; border-top:1px dotted; text-align:center;}
.DiaCres1sides p {text-indent:60px;}
.DiaCres1sides-ly {font-family: 'Spectral SC', serif; font-size:24px; text-align:center; border-bottom:1px dotted;}</style>

<div class="DiaCres1sides">
<div class="DiaCres1sides-ly">this smoke on my breath</div>
<div class="DiaCres1sides1"></div>
<p>
<b>Lorem ipsum dolor sit amet,</b> consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc.
<p>
<b>Curabitur tortor. Pellentesque nibh. Aenean quam.</b> In scelerisque sem at dolor. Mauris massa. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit.
<p>
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit. Sed lectus. Integer euismod lacus luctus magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque cursus, metus vitae pharetra auctor, se
</p>
<div class="DiaCres1sides-ooc">ooc stuff here | <b>[wc &mdash; --]</b> template by <a href="http://www.soulsrpg.com/forum/viewtopic.php?f=37&t=12002">hilli</a></div>
</div>
[/html]


*****************


[html]<link href='//fonts.googleapis.com/css?family=Spectral SC' rel='stylesheet' type='text/css'>
<style>.DiaCres2sides {width:550px; font:16px/1.50 Times New Roman; text-align:left; margin:0px auto;}
.DiaCres2sides1 { background-image:url('https://cdn.discordapp.com/attachments/299785096591048704/407643178083287060/apocalypse-2459465_960_720.jpg'); background-position:bottom; background-repeat:no-repeat; border:1px solid #000; width:550px; height:100px; border:1px solid black; outline:1px solid white; float:center; margin:0px; }
.DiaCres2sides-ooc{font-family: 'Spectral SC', serif; font-size:13px; border-top:1px dotted; text-align:center;}
.DiaCres2sides p {text-indent:60px;}
.DiaCres2sides-ly {font-family: 'Spectral SC', serif; font-size:24px; text-align:center; border-bottom:1px dotted;}</style>

<div class="DiaCres2sides">
<div class="DiaCres2sides-ly">crushed by this rubble</div>
<div class="DiaCres2sides1"></div>
<p>
<b>Lorem ipsum dolor sit amet,</b> consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc.
<p>
<b>Curabitur tortor. Pellentesque nibh. Aenean quam.</b> In scelerisque sem at dolor. Mauris massa. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit.
<p>
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit. Sed lectus. Integer euismod lacus luctus magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque cursus, metus vitae pharetra auctor, se
</p>
<div class="DiaCres2sides-ooc">ooc stuff here | <b>[wc &mdash; --]</b> template by <a href="http://www.soulsrpg.com/forum/viewtopic.php?f=37&t=12002">hilli</a></div>
</div>
[/html]

Code:
[html]<link href='//fonts.googleapis.com/css?family=Spectral SC' rel='stylesheet' type='text/css'>
<style>.DiaCres2sides {width:550px; font:16px/1.50 Times New Roman; text-align:left; margin:0px auto;}
.DiaCres2sides1 { background-image:url('https://cdn.discordapp.com/attachments/299785096591048704/407643178083287060/apocalypse-2459465_960_720.jpg'); background-position:bottom; background-repeat:no-repeat; border:1px solid #000; width:550px; height:100px; border:1px solid black; outline:1px solid white; float:center; margin:0px; }
.DiaCres2sides-ooc{font-family: 'Spectral SC', serif; font-size:13px; border-top:1px dotted; text-align:center;}
.DiaCres2sides p {text-indent:60px;}
.DiaCres2sides-ly {font-family: 'Spectral SC', serif; font-size:24px; text-align:center; border-bottom:1px dotted;}</style>

<div class="DiaCres2sides">
<div class="DiaCres2sides-ly">crushed by this rubble</div>
<div class="DiaCres2sides1"></div>
<p>
<b>Lorem ipsum dolor sit amet,</b> consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc.
<p>
<b>Curabitur tortor. Pellentesque nibh. Aenean quam.</b> In scelerisque sem at dolor. Mauris massa. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit.
<p>
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit. Sed lectus. Integer euismod lacus luctus magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque cursus, metus vitae pharetra auctor, se
</p>
<div class="DiaCres2sides-ooc">ooc stuff here | <b>[wc &mdash; --]</b> template by <a href="http://www.soulsrpg.com/forum/viewtopic.php?f=37&t=12002">hilli</a></div>
</div>
[/html]
[html]<style>
.Diasig1 { background-image:url('https://cdn.discordapp.com/attachments/299785096591048704/407643183430893568/smoke-2152833_960_720.jpg'); background-position:center; background-repeat:no-repeat; border:1px solid #000; width:550px; height:75px; border:1px solid grey; outline: none; float:center; margin:0px; } </style>
<center><div class="Diasig1"></div></center>
[/html]
  Reply
#13
[html]<div class="content"> <div class="Jace_SecuiRage"><link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/smartryck" type="text/css"/> <div class="Jace_SecuiRage-name">Jace Wolfe</div> <div class="Jace_SecuiRage-in"> <div class="ooc"><span class="wc">Word Count ♞ </span> :: </div>



</div> </div>

<p class="Kcredit">Template by <a href="http://www.soulsrpg.com/forum/viewtopic.php?f=37&t=16460">Kitty</a></p>

<style type="text/css">

@import url('https://fonts.googleapis.com/css?family=Fondamento|PT+Sans|Roboto+Slab|Amarante');

.Jace_SecuiRage {width:580px; background: #CDCDCB url("https://cdn.discordapp.com/attachments/310103165775249408/356563939204792350/JaceSecui.png") no-repeat top left; background-size: 500px; padding:100px 20px 20px 20px; margin:0px auto; text-align:justify; color:#000; outline:2px solid #000; border:3px solid #8B5723;}
.Jace_SecuiRage b {color:#b85233; text-shadow: 2px 2px 2px rgba(24, 45, 64, 0.5);}
.Jace_SecuiRage b:before { contentHuhpen-quote; }
.Jace_SecuiRage b:after { content:close-quote; }
.Jace_SecuiRage p {text-indent:50px; font:14px 'Roboto Slab', serif; padding-top:8px;}
.Jace_SecuiRage-in {padding:10px 20px 10px 20px; margin:0px auto; background-color:rgba(255, 255, 255, 0.1); -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%) border:2px solid#213f52; -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); filter: progidSmileXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );}
.Jace_SecuiRage-name {font: 60px/55px 'SmartryckRegular'; color:#766d9b; text-align:right; text-shadow: 2px 2px 2px rgba(49, 36, 62, 0.9); }
.Jace_SecuiRage-lyrics {font: small-caps 16px/14px 'PT Sans', sans-serif; color:#ffda96; letter-spacing:5px; text-align:left; text-shadow: 3px 2px 2px rgba(10, 36, 50, 0.9); padding-top:7px;}
.Jace_SecuiRage .ooc {opacity:0.7; text-indent:0px; padding:0px; border-bottom:1px dotted #000; margin-bottom:10px;} .Jace_SecuiRage .ooc + p {padding:0px 5px;}
.Jace_SecuiRage .wc {text-transform: uppercase; font-weight:bold; color:#8B5723;}
p.Kcredit {text-indent:0px; text-align:center; font-size:10px; width:425px; text-align:center; margin:0px auto;} </style>
</div>
[/html]
  Reply
#14
[html]<link href='//fonts.googleapis.com/css?family=Spectral SC' rel='stylesheet' type='text/css'>
<style>.John001 {width:550px; font:16px/1.50 Times New Roman; text-align:left; margin:0px auto;}
.John0011 { background-image:url('https://cdn.discordapp.com/attachments/299785096591048704/442585984593428501/industry-sunrise-clouds-fog-39553.jpeg'); background-position:center; background-repeat:no-repeat; border:1px solid #000; width:550px; height:150px; border:1px solid black; outline:1px solid white; float:center; margin:0px; }
.John001-ooc{font-family: 'Spectral SC', serif; font-size:13px; border-top:1px dotted; text-align:center;}
.John001 p {text-indent:60px;}
.John001-ly {font-family: 'Spectral SC', serif; font-size:24px; text-align:center; border-bottom:1px dotted; text-shadow: 2px 2px 2px #480607;}
.John001-ly2 {font-family: 'Spectral SC', serif; font-size:24px; text-align:center; border-bottom:none; text-shadow: 2px 2px 2px #FFF56B;}
</style>

<div class="John001">
<div class="John0011"></div>
<div class="John001-ly2"><span title="and Golden">The Magnificent</span></div>

<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ornare, lectus quis adipiscing fermentum, libero nibh auctor neque, vel iaculis metus nisl id enim. Praesent sollicitudin ligula vel ligula viverra quis gravida est dapibus. Pellentesque scelerisque, nibh sit amet facilisis tristique, purus nibh scelerisque purus, vitae fringilla quam mi non tortor. <b>"Phasellus tincidunt facilisis felis. Nam facilisis leo non urna sollicitudin adipiscing."</b> Donec pretium suscipit auctor. Nam cursus, sapien eu dictum scelerisque, tellus orci consectetur libero, vitae ultricies nisi urna lacinia mauris. Suspendisse porta aliquam neque a fringilla. Phasellus lacinia semper neque. Cras at nibh nisi, id euismod nisi.</p>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ornare, lectus quis adipiscing fermentum, libero nibh auctor neque, vel iaculis metus nisl id enim. Praesent sollicitudin ligula vel ligula viverra quis gravida est dapibus. Pellentesque scelerisque, nibh sit amet facilisis tristique, purus nibh scelerisque purus, vitae fringilla quam mi non tortor. <b>"Phasellus tincidunt facilisis felis. Nam facilisis leo non urna sollicitudin adipiscing."</b> Donec pretium suscipit auctor. Nam cursus, sapien eu dictum scelerisque, tellus orci consectetur libero, vitae ultricies nisi urna lacinia mauris. Suspendisse porta aliquam neque a fringilla. Phasellus lacinia semper neque. Cras at nibh nisi, id euismod nisi.</p>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ornare, lectus quis adipiscing fermentum, libero nibh auctor neque, vel iaculis metus nisl id enim. Praesent sollicitudin ligula vel ligula viverra quis gravida est dapibus. Pellentesque scelerisque, nibh sit amet facilisis tristique, purus nibh scelerisque purus, vitae fringilla quam mi non tortor. <b>"Phasellus tincidunt facilisis felis. Nam facilisis leo non urna sollicitudin adipiscing."</b> Donec pretium suscipit auctor. Nam cursus, sapien eu dictum scelerisque, tellus orci consectetur libero, vitae ultricies nisi urna lacinia mauris. Suspendisse porta aliquam neque a fringilla. Phasellus lacinia semper neque. Cras at nibh nisi, id euismod nisi.</p>
<div class="John001-ooc">Dated 1st March | <b>[wc &mdash; --]</b> template by <a href="http://www.soulsrpg.com/forum/viewtopic.php?f=37&t=12002">hilli</a></div>
</div>
[/html]

Code:
[html]<link href='//fonts.googleapis.com/css?family=Spectral SC' rel='stylesheet' type='text/css'>
<style>.John001 {width:550px; font:16px/1.50 Times New Roman; text-align:left; margin:0px auto;}
.John0011 { background-image:url('https://cdn.discordapp.com/attachments/299785096591048704/442585984593428501/industry-sunrise-clouds-fog-39553.jpeg'); background-position:center; background-repeat:no-repeat; border:1px solid #000; width:550px; height:150px; border:1px solid black; outline:1px solid white; float:center; margin:0px; }
.John001-ooc{font-family: 'Spectral SC', serif; font-size:13px; border-top:1px dotted; text-align:center;}
.John001 p {text-indent:60px;}
.John001-ly {font-family: 'Spectral SC', serif; font-size:24px; text-align:center; border-bottom:1px dotted; text-shadow: 2px 2px 2px #480607;}
.John001-ly2 {font-family: 'Spectral SC', serif; font-size:24px; text-align:center; border-bottom:none; text-shadow: 2px 2px 2px #FFF56B;}
</style>

<div class="John001">
<div class="John0011"></div>
<div class="John001-ly2"><span title="and Golden">[u][i]The Magnificent[/i][/u]</span></div>

<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ornare, lectus quis adipiscing fermentum, libero nibh auctor neque, vel iaculis metus nisl id enim. Praesent sollicitudin ligula vel ligula viverra quis gravida est dapibus. Pellentesque scelerisque, nibh sit amet facilisis tristique, purus nibh scelerisque purus, vitae fringilla quam mi non tortor. <b>"Phasellus tincidunt facilisis felis. Nam facilisis leo non urna sollicitudin adipiscing."</b> Donec pretium suscipit auctor. Nam cursus, sapien eu dictum scelerisque, tellus orci consectetur libero, vitae ultricies nisi urna lacinia mauris. Suspendisse porta aliquam neque a fringilla. Phasellus lacinia semper neque. Cras at nibh nisi, id euismod nisi.</p>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ornare, lectus quis adipiscing fermentum, libero nibh auctor neque, vel iaculis metus nisl id enim. Praesent sollicitudin ligula vel ligula viverra quis gravida est dapibus. Pellentesque scelerisque, nibh sit amet facilisis tristique, purus nibh scelerisque purus, vitae fringilla quam mi non tortor. <b>"Phasellus tincidunt facilisis felis. Nam facilisis leo non urna sollicitudin adipiscing."</b> Donec pretium suscipit auctor. Nam cursus, sapien eu dictum scelerisque, tellus orci consectetur libero, vitae ultricies nisi urna lacinia mauris. Suspendisse porta aliquam neque a fringilla. Phasellus lacinia semper neque. Cras at nibh nisi, id euismod nisi.</p>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ornare, lectus quis adipiscing fermentum, libero nibh auctor neque, vel iaculis metus nisl id enim. Praesent sollicitudin ligula vel ligula viverra quis gravida est dapibus. Pellentesque scelerisque, nibh sit amet facilisis tristique, purus nibh scelerisque purus, vitae fringilla quam mi non tortor. <b>"Phasellus tincidunt facilisis felis. Nam facilisis leo non urna sollicitudin adipiscing."</b> Donec pretium suscipit auctor. Nam cursus, sapien eu dictum scelerisque, tellus orci consectetur libero, vitae ultricies nisi urna lacinia mauris. Suspendisse porta aliquam neque a fringilla. Phasellus lacinia semper neque. Cras at nibh nisi, id euismod nisi.</p>
<div class="John001-ooc">Dated 1st March | <b>[wc &mdash; --]</b> template by <a href="http://www.soulsrpg.com/forum/viewtopic.php?f=37&t=12002">hilli</a></div>
</div>
[/html]
[html]<div class="content">
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/smartryck" type="text/css"/>
<div class="John002out"> <div class="John002name"><i>Johnathan Winthrop</i></div><div class="John002in"> <p class="ooc">ooc</p>

<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ornare, lectus quis adipiscing fermentum, libero nibh auctor neque, vel iaculis metus nisl id enim. Praesent sollicitudin ligula vel ligula viverra quis gravida est dapibus. Pellentesque scelerisque, nibh sit amet facilisis tristique, purus nibh scelerisque purus, vitae fringilla quam mi non tortor. <b>"Phasellus tincidunt facilisis felis. Nam facilisis leo non urna sollicitudin adipiscing."</b> Donec pretium suscipit auctor. Nam cursus, sapien eu dictum scelerisque, tellus orci consectetur libero, vitae ultricies nisi urna lacinia mauris. Suspendisse porta aliquam neque a fringilla. Phasellus lacinia semper neque. Cras at nibh nisi, id euismod nisi.</p>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ornare, lectus quis adipiscing fermentum, libero nibh auctor neque, vel iaculis metus nisl id enim. Praesent sollicitudin ligula vel ligula viverra quis gravida est dapibus. Pellentesque scelerisque, nibh sit amet facilisis tristique, purus nibh scelerisque purus, vitae fringilla quam mi non tortor. <b>"Phasellus tincidunt facilisis felis. Nam facilisis leo non urna sollicitudin adipiscing."</b> Donec pretium suscipit auctor. Nam cursus, sapien eu dictum scelerisque, tellus orci consectetur libero, vitae ultricies nisi urna lacinia mauris. Suspendisse porta aliquam neque a fringilla. Phasellus lacinia semper neque. Cras at nibh nisi, id euismod nisi.</p>

</div>
<div class="John002-lyrics">What despicable lies you hide</div>
</div>


<style type="text/css">

.John002out {width:620px; padding: 50px 10px 50px 10px; background-image:url('https://cdn.discordapp.com/attachments/299785096591048704/442585987491692547/pexels-photo.jpg'); background-repeat:no-repeat; background-position:top; background-color:#FFFFFF; margin:0px auto; border:1px solid black; }
.John002in {width:600; padding:6px 6px 6px 6px; background-image:url('http://i.imgur.com/gnxtKrM.png'); opacity:0.9; margin:0px auto; border:1px solid black; }
.John002name {font: 75px/35px 'SmartryckRegular'; color:#7B451B; font-weight: normal; font-style: cursive; padding-right: 20px; text-align:center; text-shadow: 2px 2px 2px #000000;}
.John002-lyrics {font: small-caps 15px/13px 'PT Sans', sans-serif; color:#ffda96; letter-spacing:5px; text-align:center; text-shadow: 3px 2px 2px #231E20; padding-top:25px;}
.John002in p.ooc {padding:0px 2px 2px 2px; font-family:'Arial'; color:#241F21; text-align:right; font-size:11px; border-bottom:1px solid black; }
.John002 b:before { contentHuhpen-quote; }
.John002 b:after { content:close-quote; }
.John002in p {text-indent:10px; color:#000000; font-size:12px; text-align:justify; line-height:180%;}
.John002in b {font-size:14px; color:#000000; font-family:'Times'; font-weight:normal; letter-spacing:1px; text-shadow:1px 1px 2px #e25822 ;} </style></div>[/html]
Code:
[html]<div class="content">
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/smartryck" type="text/css"/>
<div class="John002out"> <div class="John002name"><i>Johnathan Winthrop</i></div><div class="John002in">  <p class="ooc">ooc</p>

   <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ornare, lectus quis adipiscing fermentum, libero nibh auctor neque, vel iaculis metus nisl id enim. Praesent sollicitudin ligula vel ligula viverra quis gravida est dapibus. Pellentesque scelerisque, nibh sit amet facilisis tristique, purus nibh scelerisque purus, vitae fringilla quam mi non tortor. <b>"Phasellus tincidunt facilisis felis. Nam facilisis leo non urna sollicitudin adipiscing."</b> Donec pretium suscipit auctor. Nam cursus, sapien eu dictum scelerisque, tellus orci consectetur libero, vitae ultricies nisi urna lacinia mauris. Suspendisse porta aliquam neque a fringilla. Phasellus lacinia semper neque. Cras at nibh nisi, id euismod nisi.</p>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ornare, lectus quis adipiscing fermentum, libero nibh auctor neque, vel iaculis metus nisl id enim. Praesent sollicitudin ligula vel ligula viverra quis gravida est dapibus. Pellentesque scelerisque, nibh sit amet facilisis tristique, purus nibh scelerisque purus, vitae fringilla quam mi non tortor. <b>"Phasellus tincidunt facilisis felis. Nam facilisis leo non urna sollicitudin adipiscing."</b> Donec pretium suscipit auctor. Nam cursus, sapien eu dictum scelerisque, tellus orci consectetur libero, vitae ultricies nisi urna lacinia mauris. Suspendisse porta aliquam neque a fringilla. Phasellus lacinia semper neque. Cras at nibh nisi, id euismod nisi.</p>

</div>
<div class="John002-lyrics">What despicable lies you hide</div>
</div>


<style type="text/css">  

.John002out {width:620px; padding: 50px 10px 50px 10px; background-image:url('https://cdn.discordapp.com/attachments/299785096591048704/442585987491692547/pexels-photo.jpg'); background-repeat:no-repeat; background-position:top; background-color:#FFFFFF; margin:0px auto; border:1px solid black; }
.John002in {width:600; padding:6px 6px 6px 6px; background-image:url('http://i.imgur.com/gnxtKrM.png'); opacity:0.9; margin:0px auto; border:1px solid black; }  
.John002name {font: 75px/35px 'SmartryckRegular'; color:#7B451B; font-weight: normal; font-style: cursive; padding-right: 20px; text-align:center; text-shadow: 2px 2px 2px #000000;}
  .John002-lyrics {font: small-caps 15px/13px 'PT Sans', sans-serif; color:#ffda96; letter-spacing:5px; text-align:center; text-shadow: 3px 2px 2px #231E20; padding-top:25px;}    
.John002in p.ooc {padding:0px 2px 2px 2px; font-family:'Arial'; color:#241F21; text-align:right; font-size:11px; border-bottom:1px solid black; }  
.John002   b:before { content:open-quote; }    
.John002   b:after { content:close-quote; }  
.John002in p {text-indent:10px; color:#000000; font-size:12px; text-align:justify; line-height:180%;}  
.John002in b {font-size:14px; color:#000000; font-family:'Times'; font-weight:normal; letter-spacing:1px; text-shadow:1px 1px 2px #e25822 ;}  </style></div>[/html]

[html]<div class="content">
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/dancing" type="text/css"/>
<div class="John003out"> <div class="John003name"><i>Johnathan Winthrop</i></div><div class="John003in"> <p class="ooc">ooc</p>

<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ornare, lectus quis adipiscing fermentum, libero nibh auctor neque, vel iaculis metus nisl id enim. Praesent sollicitudin ligula vel ligula viverra quis gravida est dapibus. Pellentesque scelerisque, nibh sit amet facilisis tristique, purus nibh scelerisque purus, vitae fringilla quam mi non tortor. <b>"Phasellus tincidunt facilisis felis. Nam facilisis leo non urna sollicitudin adipiscing."</b> Donec pretium suscipit auctor. Nam cursus, sapien eu dictum scelerisque, tellus orci consectetur libero, vitae ultricies nisi urna lacinia mauris. Suspendisse porta aliquam neque a fringilla. Phasellus lacinia semper neque. Cras at nibh nisi, id euismod nisi.</p>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ornare, lectus quis adipiscing fermentum, libero nibh auctor neque, vel iaculis metus nisl id enim. Praesent sollicitudin ligula vel ligula viverra quis gravida est dapibus. Pellentesque scelerisque, nibh sit amet facilisis tristique, purus nibh scelerisque purus, vitae fringilla quam mi non tortor. <b>"Phasellus tincidunt facilisis felis. Nam facilisis leo non urna sollicitudin adipiscing."</b> Donec pretium suscipit auctor. Nam cursus, sapien eu dictum scelerisque, tellus orci consectetur libero, vitae ultricies nisi urna lacinia mauris. Suspendisse porta aliquam neque a fringilla. Phasellus lacinia semper neque. Cras at nibh nisi, id euismod nisi.</p>

</div>
<div class="John003-lyrics">That I must bow so low</div>
</div>


<style type="text/css">

.John003out {width:620px; padding: 25px 10px 300px 10px; background-image:url('https://cdn.discordapp.com/attachments/299785096591048704/442586229893234698/pexels-photo-997443.jpeg'); background-repeat:no-repeat; background-position:bottom; background-color:#2A2A2A; margin:0px auto; border:1px solid black; }
.John003in {width:600; padding:6px 6px 6px 6px; background-image:url('http://i.imgur.com/gnxtKrM.png'); opacity:0.9; margin:0px auto; border:1px solid black; }
.John003name {font: 75px/35px 'DancingScriptRegular'; color:#231E20; font-weight: normal; font-style: cursive; padding-bottom: 20px; text-align:center; text-shadow: 2px 2px 2px #CAC5BB;}
.John003-lyrics {font: small-caps 15px/13px 'PT Sans', sans-serif; color:#E9EDF2; letter-spacing:5px; text-align:center; text-shadow: 3px 2px 2px #231E20; padding-top:25px; opacity:0.4;}
.John003in p.ooc {padding:0px 2px 2px 2px; font-family:'Arial'; color:#241F21; text-align:left; font-size:11px; border-bottom:1px solid black; }
.John003 b:before { contentHuhpen-quote; }
.John003 b:after { content:close-quote; }
.John003in p {text-indent:10px; color:#000000; font-size:12px; text-align:justify; line-height:180%;}
.John003in b {font-size:14px; color:#000000; font-family:'Times'; font-weight:normal; letter-spacing:1px; text-shadow:1px 1px 2px #CAC5BB ;} </style></div>[/html]

Code:
[html]<div class="content">
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/dancing" type="text/css"/>
<div class="John003out"> <div class="John003name"><i>Johnathan Winthrop</i></div><div class="John003in">  <p class="ooc">ooc</p>

   <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ornare, lectus quis adipiscing fermentum, libero nibh auctor neque, vel iaculis metus nisl id enim. Praesent sollicitudin ligula vel ligula viverra quis gravida est dapibus. Pellentesque scelerisque, nibh sit amet facilisis tristique, purus nibh scelerisque purus, vitae fringilla quam mi non tortor. <b>"Phasellus tincidunt facilisis felis. Nam facilisis leo non urna sollicitudin adipiscing."</b> Donec pretium suscipit auctor. Nam cursus, sapien eu dictum scelerisque, tellus orci consectetur libero, vitae ultricies nisi urna lacinia mauris. Suspendisse porta aliquam neque a fringilla. Phasellus lacinia semper neque. Cras at nibh nisi, id euismod nisi.</p>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ornare, lectus quis adipiscing fermentum, libero nibh auctor neque, vel iaculis metus nisl id enim. Praesent sollicitudin ligula vel ligula viverra quis gravida est dapibus. Pellentesque scelerisque, nibh sit amet facilisis tristique, purus nibh scelerisque purus, vitae fringilla quam mi non tortor. <b>"Phasellus tincidunt facilisis felis. Nam facilisis leo non urna sollicitudin adipiscing."</b> Donec pretium suscipit auctor. Nam cursus, sapien eu dictum scelerisque, tellus orci consectetur libero, vitae ultricies nisi urna lacinia mauris. Suspendisse porta aliquam neque a fringilla. Phasellus lacinia semper neque. Cras at nibh nisi, id euismod nisi.</p>

</div>
<div class="John003-lyrics">That I must bow so low</div>
</div>


<style type="text/css">  

.John003out {width:620px; padding: 25px 10px 300px 10px; background-image:url('https://cdn.discordapp.com/attachments/299785096591048704/442586229893234698/pexels-photo-997443.jpeg'); background-repeat:no-repeat; background-position:bottom; background-color:#2A2A2A; margin:0px auto; border:1px solid black; }
.John003in {width:600; padding:6px 6px 6px 6px; background-image:url('http://i.imgur.com/gnxtKrM.png'); opacity:0.9; margin:0px auto; border:1px solid black; }  
.John003name {font: 75px/35px 'DancingScriptRegular'; color:#231E20; font-weight: normal; font-style: cursive; padding-bottom: 20px; text-align:center; text-shadow: 2px 2px 2px #CAC5BB;}
  .John003-lyrics {font: small-caps 15px/13px 'PT Sans', sans-serif; color:#E9EDF2; letter-spacing:5px; text-align:center; text-shadow: 3px 2px 2px #231E20; padding-top:25px; opacity:0.4;}    
.John003in p.ooc {padding:0px 2px 2px 2px; font-family:'Arial'; color:#241F21; text-align:left; font-size:11px; border-bottom:1px solid black; }  
.John003   b:before { content:open-quote; }    
.John003   b:after { content:close-quote; }  
.John003in p {text-indent:10px; color:#000000; font-size:12px; text-align:justify; line-height:180%;}  
.John003in b {font-size:14px; color:#000000; font-family:'Times'; font-weight:normal; letter-spacing:1px; text-shadow:1px 1px 2px #CAC5BB ;}  </style></div>[/html]

[html]<div class="content"> <div class="John004"><link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/smartryck" type="text/css"/> <div class="John004-lyrics">Drifting through the winds, wanting to start again</div> <div class="John004-in"> <div class="ooc"><span class="wc">Word Count ♞ </span> :: </div>

<p>An putent ceteros cum, sit ut quod nibh erroribus. Eros reformidans ius et, cum exerci utamur ne, eum te putant disputationi. Solum iuvaret eloquentiam qui at, oratio officiis efficiendi eos et. Sea clita delenit in. Impetus epicuri nam no. Ad has scaevola scribentur, lorem referrentur et vel.
<P>
Summo adipiscing reprimique eum ad, et duo quis tacimates eloquentiam. Facilis facilisi persequeris at duo, invidunt detraxit no sit. Te minim platonem mea. Vidit ipsum ei mea, eu has summo tacimates scribentur, eu quo integre officiis. Meliore indoctum no has, mollis rationibus ius te. Sit ea ancillae sententiae.
<p>
<b>"Cum case copiosae id."</b> Soleat ocurreret vel in. Ex pri tation ocurreret. At vim essent meliore, ex eos ludus albucius sententiae, in eos scripta moderatius. At eleifend laboramus delicatissimi vix. <i>Ad vel iusto essent.</i> </p>

<p>
<b>"Cum case copiosae id."</b> Soleat ocurreret vel in. Ex pri tation ocurreret. At vim essent meliore, ex eos ludus albucius sententiae, in eos scripta moderatius. At eleifend laboramus delicatissimi vix. <i>Ad vel iusto essent.</i> </p>

</div> </div>

<p class="Kcredit">Template by <a href="http://www.soulsrpg.com/forum/viewtopic.php?f=37&t=16460">Kitty</a></p>

<style type="text/css">

@import url('https://fonts.googleapis.com/css?family=Fondamento|PT+Sans|Roboto+Slab|Amarante');

.John004 {width:580px; background: #010101 url("https://cdn.discordapp.com/attachments/299785096591048704/442585992323661825/pexels-photo-256229.jpeg") no-repeat bottom; padding: 20px 20px 250px 20px; margin:0px auto; text-align:justify; color:#000; outline:2px solid #000; border:3px solid #282529;}
.John004 b {color:#000000; text-shadow: 2px 2px 2px rgba(24, 45, 64, 0.8);}
.John004 b:before { contentHuhpen-quote; }
.John004 b:after { content:close-quote; }
.John004 p {text-indent:50px; font:14px 'Roboto Slab', serif; padding-top:8px;}
.John004-in {padding:10px 20px 10px 20px; margin:0px auto; background-color:rgba(255, 255, 255, 0.1); -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%) border:2px solid#213f52; -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%); filter: progidSmileXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );}
.John004-name {font: 60px/55px 'SmartryckRegular'; color:#766d9b; text-align:right; text-shadow: 2px 2px 2px rgba(49, 36, 62, 0.9); }
.John004-lyrics {font: small-caps 14px/14px 'PT Sans', sans-serif; color:#ffda96; letter-spacing:5px; text-align:left; text-shadow: 3px 2px 2px rgba(255,255,255, 0.9); padding-bottom:20px;}
.John004 .ooc {opacity:0.7; text-indent:0px; padding:0px; border-bottom:1px dotted #000; margin-bottom:10px;}
.John004 .ooc + p {padding:0px 5px;}
.John004 .wc {text-transform: uppercase; font-weight:bold; color:#241E21;}
p.Kcredit {text-indent:0px; text-align:center; font-size:10px; width:425px; text-align:center; margin:0px auto;} </style>
</div>
[/html]

Code:
[html]<div class="content"> <div class="John004"><link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/smartryck" type="text/css"/> <div class="John004-lyrics">Drifting through the winds, wanting to start again</div>      <div class="John004-in">     <div class="ooc"><span class="wc">Word Count ♞  </span> :: </div>  

<p>An putent ceteros cum, sit ut quod nibh erroribus. Eros reformidans ius et, cum exerci utamur ne, eum te putant disputationi. Solum iuvaret eloquentiam qui at, oratio officiis efficiendi eos et. Sea clita delenit in. Impetus epicuri nam no. Ad has scaevola scribentur, lorem referrentur et vel.
<P>
Summo adipiscing reprimique eum ad, et duo quis tacimates eloquentiam. Facilis facilisi persequeris at duo, invidunt detraxit no sit. Te minim platonem mea. Vidit ipsum ei mea, eu has summo tacimates scribentur, eu quo integre officiis. Meliore indoctum no has, mollis rationibus ius te. Sit ea ancillae sententiae.
<p>
<b>"Cum case copiosae id."</b> Soleat ocurreret vel in. Ex pri tation ocurreret. At vim essent meliore, ex eos ludus albucius sententiae, in eos scripta moderatius. At eleifend laboramus delicatissimi vix. <i>Ad vel iusto essent.</i> </p>

<p>
<b>"Cum case copiosae id."</b> Soleat ocurreret vel in. Ex pri tation ocurreret. At vim essent meliore, ex eos ludus albucius sententiae, in eos scripta moderatius. At eleifend laboramus delicatissimi vix. <i>Ad vel iusto essent.</i> </p>

</div>     </div>  

   <p class="Kcredit">Template by <a href="http://www.soulsrpg.com/forum/viewtopic.php?f=37&t=16460">Kitty</a></p>  

    <style type="text/css">    

@import url('https://fonts.googleapis.com/css?family=Fondamento|PT+Sans|Roboto+Slab|Amarante');    

.John004 {width:580px; background: #010101 url("https://cdn.discordapp.com/attachments/299785096591048704/442585992323661825/pexels-photo-256229.jpeg") no-repeat bottom; padding: 20px 20px 250px 20px; margin:0px auto; text-align:justify; color:#000; outline:2px solid #000; border:3px solid #282529;}    
.John004 b {color:#000000; text-shadow: 2px 2px 2px rgba(24, 45, 64, 0.8);}    
.John004   b:before { content:open-quote; }    
.John004   b:after { content:close-quote; }    
.John004 p {text-indent:50px; font:14px 'Roboto Slab', serif;  padding-top:8px;}    
.John004-in {padding:10px 20px 10px 20px; margin:0px auto; background-color:rgba(255, 255, 255, 0.1); -moz-linear-gradient(top,  rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%) border:2px solid#213f52;  -webkit-linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%);  background: linear-gradient(to bottom,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );}        
.John004-name {font: 60px/55px 'SmartryckRegular'; color:#766d9b; text-align:right; text-shadow: 2px 2px 2px rgba(49, 36, 62, 0.9); }    
.John004-lyrics {font: small-caps 14px/14px 'PT Sans', sans-serif; color:#ffda96; letter-spacing:5px; text-align:left; text-shadow: 3px 2px 2px rgba(255,255,255, 0.9); padding-bottom:20px;}    
.John004 .ooc {opacity:0.7; text-indent:0px; padding:0px; border-bottom:1px dotted #000; margin-bottom:10px;}    
.John004 .ooc + p {padding:0px 5px;}    
.John004 .wc {text-transform: uppercase; font-weight:bold; color:#241E21;}  
   p.Kcredit {text-indent:0px; text-align:center; font-size:10px; width:425px; text-align:center; margin:0px auto;} </style>
    </div>
[/html]
  Reply
#15
[html]<div class="content"> <div class="John004"><link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/smartryck" type="text/css"/> <div class="John004-lyrics">Drifting through the winds, wanting to start again</div> <div class="John004-in"> <div class="ooc"><span class="wc">Word Count ♞ </span> :: </div>

<p>An putent ceteros cum, sit ut quod nibh erroribus. Eros reformidans ius et, cum exerci utamur ne, eum te putant disputationi. Solum iuvaret eloquentiam qui at, oratio officiis efficiendi eos et. Sea clita delenit in. Impetus epicuri nam no. Ad has scaevola scribentur, lorem referrentur et vel.
<P>
Summo adipiscing reprimique eum ad, et duo quis tacimates eloquentiam. Facilis facilisi persequeris at duo, invidunt detraxit no sit. Te minim platonem mea. Vidit ipsum ei mea, eu has summo tacimates scribentur, eu quo integre officiis. Meliore indoctum no has, mollis rationibus ius te. Sit ea ancillae sententiae.
<p>
<b>"Cum case copiosae id."</b> Soleat ocurreret vel in. Ex pri tation ocurreret. At vim essent meliore, ex eos ludus albucius sententiae, in eos scripta moderatius. At eleifend laboramus delicatissimi vix. <i>Ad vel iusto essent.</i> </p>

<p>
<b>"Cum case copiosae id."</b> Soleat ocurreret vel in. Ex pri tation ocurreret. At vim essent meliore, ex eos ludus albucius sententiae, in eos scripta moderatius. At eleifend laboramus delicatissimi vix. <i>Ad vel iusto essent.</i> </p>

</div> </div>

<p class="Kcredit">Template by <a href="http://www.soulsrpg.com/forum/viewtopic.php?f=37&t=16460">Kitty</a></p>

<style type="text/css">

@import url('https://fonts.googleapis.com/css?family=Fondamento|PT+Sans|Roboto+Slab|Amarante');

.John004 {width:580px; background: #010101 url("https://cdn.discordapp.com/attachments/299785096591048704/442591370138484737/pexels-photo-266604.jpeg") no-repeat top; padding: 70px 20px 20px 20px; margin:0px auto; text-align:justify; color:#000; outline:2px solid #000; border:3px solid #282529;}
.John004 b {color:#000000; text-shadow: 2px 2px 2px rgba(24, 45, 64, 0.8);}
.John004 b:before { contentHuhpen-quote; }
.John004 b:after { content:close-quote; }
.John004 p {text-indent:50px; font:14px 'Roboto Slab', serif; padding-top:8px;}
.John004-in {padding:10px 20px 10px 20px; margin:0px auto; background-color:rgba(255, 255, 255, 0.1); -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%) border:2px solid#213f52; -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%); filter: progidSmileXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );}
.John004-name {font: 60px/55px 'SmartryckRegular'; color:#766d9b; text-align:right; text-shadow: 2px 2px 2px rgba(49, 36, 62, 0.9); }
.John004-lyrics {font: small-caps 14px/14px 'PT Sans', sans-serif; color:#ffda96; letter-spacing:5px; text-align:left; text-shadow: 3px 2px 2px rgba(255,255,255, 0.9); padding-bottom:20px;}
.John004 .ooc {opacity:0.7; text-indent:0px; padding:0px; border-bottom:1px dotted #000; margin-bottom:10px;}
.John004 .ooc + p {padding:0px 5px;}
.John004 .wc {text-transform: uppercase; font-weight:bold; color:#241E21;}
p.Kcredit {text-indent:0px; text-align:center; font-size:10px; width:425px; text-align:center; margin:0px auto;} </style>
</div>
[/html]

~~~~~~~

[html]

<div style="background: url('http://i41.tinypic.com/11t69v4.jpg') #292421 no-repeat top center; width:480px; margin:10px auto; padding:300px 10px 10px 10px; color:#ddd; border: 4px double #000;">

<div style="text-align:right; font-size:32px; margin:5px; text-shadow: 1px 1px 1px #000; color:#889c2e;font-family:cambria;"> Title goes here,</div>
<div style=" text-align:right;font-size:9px; letter-spacing:3px; text-transform:uppercase; margin:5px 5px 5px 90px; line-height:100%; text-shadow: 1px 1px 1px #000; color:#ffffff;font-family:arial;"> some quotes or lyrics or details or something go here. enjoy! some quotes or lyrics or details or something go here.</div>

<div style="padding:10px; border: 4px double #000; background:#483f3a; color:#dfd1bb; opacity: 0.6; filter: alpha(opacity = 60); line-height:120%;font-family:cambria;">

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br /><br />

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br /><br />

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br /><br />

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
.</div>
<div style=" font-size:9px; letter-spacing:3px; text-transform:uppercase; margin:5px; line-height:100%; text-shadow: 1px 1px 1px #000;font-family:arial;color:#ffffff"> some quotes or lyrics or details or something go here. enjoy! some quotes or lyrics or details or something.</div>

<div style=" text-align:right; font-size:8px; letter-spacing:3px; text-transform:uppercase; margin:5px; line-height:100%; text-shadow: 1px 1px 1px #000; color:#889c2e; font-weight:bolder;font-family:arial;"> template by revo. <3</div>
</div>

[/html]

~~~~~~~


<style>
.hidden
{background: url('http://i41.tinypic.com/11t69v4.jpg') #566f4c no-repeat top center; width:480px; margin:10px auto; padding:300px 10px 10px 10px; color:#ddd; border: 4px double #000;}
.hiddentitle
{text-align:right; font-size:32px; margin:5px; text-shadow: 1px 1px 1px #000; color:#889c2e;font-family:cambria;}
.hiddenly{text-align:right;font-size:9px; letter-spacing:3px; text-transform:uppercase; margin:5px 5px 5px 90px; line-height:100%; text-shadow: 1px 1px 1px #000; color:#ffffff;font-family:arial;}
.hiddenin
{padding:10px; border: 4px double #000; background:#483f3a; color:#dfd1bb; opacity: 0.6; filter: alpha(opacity = 60); line-height:120%;font-family:cambria;}
.hiddenq
{font-size:9px; letter-spacing:3px; text-transform:uppercase; margin:5px; line-height:100%; text-shadow: 1px 1px 1px #000;font-family:arial;color:#ffffff"}
.hiddencred
{text-align:right; font-size:8px; letter-spacing:3px; text-transform:uppercase; margin:5px; line-height:100%; text-shadow: 1px 1px 1px #000; color:#889c2e; font-weight:bolder;font-family:arial;}
</style>
<div class="hidden">

<div class="hiddentitle"> Title goes here,</div>
<div class="hiddenly"> some quotes or lyrics or details or something go here. enjoy! some quotes or lyrics or details or something go here.</div>

<div class="hiddenin">

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br /><br />

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br /><br />

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br /><br />

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
.</div>
<div class="hiddenq"> some quotes or lyrics or details or something go here. enjoy! some quotes or lyrics or details or something.</div>

<div class="hiddencred"> template by revo. <3</div>
</div>

~~~~~~~

[html]<div class="CHARboxout"><div class="CHARboxpic"></div><BR><div class="CHARboxin" style="border-right:10px solid gray;">
<p>Words <b>speech</b></p>

<div class="CHARbox-ooc">ooc text <b>[word count]</b></div>
</div><BR><div class="CHARboxpic CHARboxpic2"></div></div>

<style>
.CHARboxout {background-color:black; width:600px; margin:0px auto; text-indent:50px; color:#000; font:15px/1.50 Pt Serif; padding:20px; }
.CHARboxin {background-color:#E4E4E4; padding:20px; text-align:justify;}
.CHARboxin p {text-indent:60px; margin:0px;}
.CHARboxpic {background-image:url('http://ghostecho.net/wolf/bellatrix.png'); background-repeat:no repeat; height:70px; background-position: top center; border-right:10px solid gray;}
.CHARboxpic2 {background-position:bottom center;}
.CHARboxin b {font-weight:600; color:#628922;}
.CHARbox-ooc {font-size:11px; padding:3px; font-style:italic; text-align:right;}
</style>

<link href='http://fonts.googleapis.com/css?family=PT+Serif' rel='stylesheet' type='text/css'>[/html]


~~~~~~~~
  Reply
#16
[html]<table cellpadding="0" cellspacing="0" class="QuinnLeap-Light">
<tr>
<td class="QuinnLeap-Lighttop" colspan="4"><div class="QuinnLeap-Lightlyrics">Gotta break it loose<BR>
Gonna keep 'em movin' wild<BR>
Gonna keep a swingin' baby<BR>
I'm a real wild child</div>
<div class="QuinnLeap-Lightname">
</div>
</td>
</tr>
<tr>
<td class="QuinnLeap-Lightpost" colspan="4">

<p>PUT YOUR WORDS HERE.</p>

</td></tr>
<tr class="QuinnLeap-Lightnotes">
<td>Word Count: <strong>[000]</strong></td>
<td>Form: <strong>Optime</strong></td>
<td>Date: <strong>DD/MM/YY</strong></td>
<td>Time: <strong>00 AM/PM</strong></td>
</tr>
</table>

<p class="QuinnLeap-Lightcredit">Table by <a href="http://www.soulsrpg.com/forum/memberlist.php?mode=viewprofile&u=1766">Kitty</a>. Edits by Nuki. Stock image from <a href="https://depositphotos.com/home.html">Deposit Photos</a>. </p>

<style>
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville|Poiret+One|Manuale|Berkshire+Swash');

.QuinnLeap-Light {border-collapse:collapse; width:650px; margin:10px auto; outline:1px solid #000; border:2px solid #1
861; box-shadow:2px 2px 3px #1d1d1d; -moz-box-shadow:2px 2px 3px #1d1d1d; -webkit-box-shadow:2px 2px 3px #1d1d1d; background: #fce2a9 url("https://i.imgur.com/brVYEop.png") no-repeat top center;}
.QuinnLeap-Light td {background-color:transparent;}
.QuinnLeap-Light td p {text-indent:50px; color:#180703; font-size:17px; font-family:times new roman, sans serif; vertical-align:top; margin:0px; padding-top:8px;}
.QuinnLeap-Light td b {color:#8d1500; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);}
.QuinnLeap-Light td b:before { contentHuhpen-quote; }
.QuinnLeap-Light td b:after { content:close-quote; }
.QuinnLeap-Light .QuinnLeap-Lighttop {padding-top:140px; padding-bottom:0px;}
tr.QuinnLeap-Lightnotes td {width:25%; text-align:center; font-size:10px; color:#000; padding:3px; border:1px solid #000; background-color:#f2a32b;}
.QuinnLeap-Light .QuinnLeap-Lightpost {padding:10px 20px 10px 20px; margin:0px auto; background-color:rgba(252, 226, 159, 0.4); border:0px solid#000;}
.QuinnLeap-Lightname {font: 50px/20px 'Berkshire Swash', cursive; color:#bfb287; letter-spacing:4px; text-align:left; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1); border:0px; padding-left:40px;}
.QuinnLeap-Lightlyrics {font: 12px/15px 'Libre Baskerville', serif; color:#fef7ce; letter-spacing:1px; word-spacing:.5px; text-align:left; text-shadow:#000 1px 1px 2px; border:0px; padding-top:25px; padding-left:5px; padding-bottom:5px;}
p.QuinnLeap-Lightcredit {text-indent:0px; text-align:center; font-size:10px; width:425px; text-align:center; margin:0px auto;}
</style>[/html]


[html]<table cellpadding="0" cellspacing="0" class="QuinnLeap-Dark">
<tr>
<td class="QuinnLeap-Darktop" colspan="4"><div class="QuinnLeap-Darklyrics">Gotta break it loose<BR>
Gonna keep 'em movin' wild<BR>
Gonna keep a swingin' baby<BR>
I'm a real wild child</div>
<div class="QuinnLeap-Darkname">
</div>
</td>
</tr>
<tr>
<td class="QuinnLeap-Darkpost" colspan="4">

<p>PUT YOUR WORDS HERE</P>

</td></tr>
<tr class="QuinnLeap-Darknotes">
<td>Word Count: <strong>[000]</strong></td>
<td>Form: <strong>Optime</strong></td>
<td>Date: <strong>DD/MM/YY</strong></td>
<td>Time: <strong>00 AM/PM</strong></td>
</tr>
</table>

<p class="QuinnLeap-Darkcredit">Table by <a href="http://www.soulsrpg.com/forum/memberlist.php?mode=viewprofile&u=1766">Kitty</a>. Edits by Nuki. Stock image from <a href="https://depositphotos.com/home.html">Deposit Photos</a>. </p>

<style>
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville|Poiret+One|Manuale|Berkshire+Swash');

.QuinnLeap-Dark {border-collapse:collapse; width:650px; margin:10px auto; outline:1px solid #000; border:2px solid #1
861; box-shadow:2px 2px 3px #1d1d1d; -moz-box-shadow:2px 2px 3px #1d1d1d; -webkit-box-shadow:2px 2px 3px #1d1d1d; background: #1a0500 url("https://i.imgur.com/brVYEop.png") no-repeat top center;}
.QuinnLeap-Dark td {background-color:transparent;}
.QuinnLeap-Dark td p {text-indent:50px; color:#fef7ce; font-size:17px; font-family:times new roman, sans serif; vertical-align:top; margin:0px; padding-top:8px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.9);}
.QuinnLeap-Dark td b {color:#f2a32b; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.9);}
.QuinnLeap-Dark td b:before { contentHuhpen-quote; }
.QuinnLeap-Dark td b:after { content:close-quote; }
.QuinnLeap-Dark .QuinnLeap-Darktop {padding-top:140px; padding-bottom:0px;}
tr.QuinnLeap-Darknotes td {width:25%; text-align:center; font-size:10px; color:#000; padding:3px; border:1px solid #000; background-color:#f2a32b;}
.QuinnLeap-Dark .QuinnLeap-Darkpost {padding:10px 20px 10px 20px; margin:0px auto; background-color:rgba(26, 5, 0, 0.4); border:0px solid#000;}
.QuinnLeap-Darkname {font: 50px/20px 'Berkshire Swash', cursive; color:#bfb287; letter-spacing:4px; text-align:left; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1); border:0px; padding-left:40px;}
.QuinnLeap-Darklyrics {font: 12px/15px 'Libre Baskerville', serif; color:#fef7ce; letter-spacing:3px; word-spacing:1px; text-align:left; text-shadow:#000 1px 1px 2px; border:0px; padding-top:25px; padding-left:5px; padding-bottom:10px;}
p.QuinnLeap-Darkcredit {text-indent:0px; text-align:center; font-size:10px; width:425px; text-align:center; margin:0px auto;}
</style>[/html]
  Reply
#17
[html]<div class="content"> <div class="Jacestorm"><link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/smartryck" type="text/css"/><div class="Jacestorm-name">Jace wolfe</div> <div class="Jacestorm-in"> <div class="ooc"><span class="wc">Word Count ♞ </span> :: </div>
<div class="Jacestorm-notes" style="float:right;">
⟿ Word Count: [000] <BR>
⟿ Date: 20st Jul <BR>
⟿ Time: day <BR>
⟿ Form: Optime</div>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sit amet pretium purus. Nunc sit amet diam augue. Fusce quis vehicula ipsum, ac viverra libero. Donec pellentesque nisi massa. Aliquam fringilla metus vitae tortor tincidunt placerat a ac leo. Nunc <b>massa dui, iaculis sit amet</b> mi non, ultricies porta nulla. Nulla ullamcorper sem velit, eget consequat augue dictum non.</p>

<p>Mauris aliquam dolor orci, at aliquam nibh tincidunt nec. Suspendisse lacinia neque orci, id lacinia risus bibendum at. Aenean nec felis luctus lectus lacinia aliquet vel nec metus. Aenean ut enim odio. Donec sapien lorem, fermentum sit amet arcu vestibulum, tempus aliquet sapien. Mauris consequat neque id <b>vulputate pulvinar. Cras scelerisque sem massa, non aliquet arcu dictum sed. Aenean viverra lorem ut dolor fringilla ornare. Donec tristique vel erat eget congue. Quisque et ligula arcu. Donec id lacus eros. Nunc non erat mollis, vulputate lacus ac,</b> posuere lectus.</p>

</div>
<div class="Jacestorm-lyrics">If you can hear me now, I'm reaching out</div>
</div>

<p class="Kcredit">Template by <a href="http://www.soulsrpg.com/forum/viewtopic.php?f=37&t=16460">Kitty</a></p>

<style type="text/css">

@import url('https://fonts.googleapis.com/css?family=Fondamento|PT+Sans|Roboto+Slab|Amarante');

.Jacestorm {width:580px; background: #000000 url("https://i.imgur.com/BLId0Aj.jpg?1") no-repeat top center; background-size: 650px; padding: 170px 20px 20px 20px; margin:0px auto; text-align:justify; color:#000; outline:2px solid #000; }
.Jacestorm b {color:#8F4099; text-shadow: 2px 2px 2px #7D6786;}
.Jacestorm b:before { contentHuhpen-quote; }
.Jacestorm b:after { content:close-quote; }
.Jacestorm p {text-indent:50px; font:14px 'Roboto Slab', serif; padding-top:8px;}
.Jacestorm-in {padding:15px 20px 10px 20px; margin:0px auto; background-color: #e6b8f9; opacity: 0.7;}
.Jacestorm-notes {text-align:left; width:110px; padding:10px; float:right; margin:12px; background-color:rgba(255, 255, 255, 0.3); font-size:9px; border:2px solid#848d91; -webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}
.Jacestorm-name {font: 60px/55px 'SmartryckRegular', cursive; color:#471B4E; text-align:left; text-shadow: 3px 3px 3px #F3E6F0; }
.Jacestorm-lyrics {font: small-caps 16px/14px 'PT Sans', sans-serif; color:#E6C5E4; letter-spacing:5px; text-align:center; text-shadow: 3px 2px 2px #491D52; padding-top:7px;}
.Jacestorm .ooc {opacity:0.7; text-indent:0px; padding:0px; border-bottom:1px dotted #000; margin-bottom:10px;}
.Jacestorm .ooc + p {padding:0px 5px;}
.Jacestorm .wc {text-transform: uppercase; font-weight:bold; color:#381841;}
p.Kcredit {text-indent:0px; text-align:center; font-size:10px; width:425px; text-align:center; margin:0px auto;} </style>
</div>
[/html]
  Reply
#18
[html]
<div class="content">
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/precious-regular" type="text/css"/>
<div class="JaceStayWithMe-out">
<div class="JaceName"><i>Jace Wolfe</i>
<div class="JaceStayWithMe-lyrics">I am his, and he is mine</div>
</div>
<div class="JaceStayWithMe-in"> <p class="ooc">ooc</p>

<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ornare, lectus quis adipiscing fermentum, libero nibh auctor neque, vel iaculis metus nisl id enim. Praesent sollicitudin ligula vel ligula viverra quis gravida est dapibus. Pellentesque scelerisque, nibh sit amet facilisis tristique, purus nibh scelerisque purus, vitae fringilla quam mi non tortor. <b>"Phasellus tincidunt facilisis felis. Nam facilisis leo non urna sollicitudin adipiscing."</b> Donec pretium suscipit auctor. Nam cursus, sapien eu dictum scelerisque, tellus orci consectetur libero, vitae ultricies nisi urna lacinia mauris. Suspendisse porta aliquam neque a fringilla. Phasellus lacinia semper neque. Cras at nibh nisi, id euismod nisi.</p>

</div>
<div class="JaceStayWithMe-lyrics">To my lover I'd never lie</div>
<div class="JaceStayWithMe-lowerlyrics">Cross my heart, hope to die</div>
<div class="JaceStayWithMe-lowerlowerlyrics">In the end, it's him and I</div>
</div>


<style type="text/css">

.JaceStayWithMe-out {width:620px; padding: 25px 10px 40px 10px; background-image:url('https://i.imgur.com/NhTAJpT.png'); background-size: 640px ; background-repeat:no-repeat; background-position:bottom; background-color:#000000; margin:0px auto; border:1px solid black; }
.JaceStayWithMe-in {width:600; padding:6px 6px 100px 6px; background-image:url('http://i.imgur.com/gnxtKrM.png'); opacity:0.7; margin:0px auto; -webkit-linear-gradient(top, rgba(0,153,102,1) 0%,rgba(0,153,102,0) 100%); background: linear-gradient(to bottom, rgba(0,153,102,1) 0%,rgba(0,153,102,0) 100%); filter: progidSmileXImageTransform.Microsoft.gradient( startColorstr='#009966', endColorstr='#009966',GradientType=0 );}
.JaceName {font: 75px/35px 'PreciousRegular'; color:#E5BB59; font-weight: normal; font-style: cursive; padding-top: 15px; text-align:center; text-shadow: 2px 2px 2px #CAC5BB;}
.JaceStayWithMe-lyrics {font: small-caps 15px/13px 'PT Sans', sans-serif; color:#ABAA7A; letter-spacing:5px; text-align:center; text-shadow: 3px 2px 2px #781317; padding-top:25px; padding-bottom:25px; opacity:1;}
.JaceStayWithMe-lowerlyrics {font: small-caps 15px/13px 'PT Sans', sans-serif; color:#ABAA7A; letter-spacing:5px; text-shadow: 3px 2px 2px #781317; padding-top:30px; padding-bottom:120px; padding-left: 30px; opacity:0.6;}
.JaceStayWithMe-lowerlowerlyrics {font: small-caps 15px/13px 'PT Sans', sans-serif; color:#ABAA7A; letter-spacing:5px; text-shadow: 3px 2px 2px #781317; padding-top:200px; padding-bottom:10px; padding-left: 260px; opacity:0.6;}
.JaceStayWithMe p.ooc {padding:0px 2px 2px 2px; font-family:'Arial'; color:#241F21; text-align:left; font-size:11px; border-bottom:1px solid black; }
.JaceStayWithMe b:before { contentHuhpen-quote; }
.JaceStayWithMe b:after { content:close-quote; }
.JaceStayWithMe-in p {text-indent:10px; color:#FFFFCC; font-size:12px; text-align:justify; line-height:180%;}
.JaceStayWithMe-in b {font-size:14px; color:#CCAA00; font-family:'Times'; font-weight:normal; letter-spacing:1px; text-shadow:3px 1px 2px #761C1C ;} </style></div>[/html]
  Reply
#19
[html]<div class="Lucia-Halleluja1"> <div class="Lucia-Halleluja1-name"><div><span style="color:#df9623;">L</span><span style="color:#e4a11d;">u</span><span style="color:#eaad17;">c</span><span style="color:#efb812;">i</span><span style="color:#f4c30c;">a</span><span style="color:#facf06;"> </span><span style="color:#ffda00;">A</span><span style="color:#f9cc07;">m</span><span style="color:#f2bf0e;">a</span><span style="color:#ecb115;">r</span><span style="color:#e5a41c;">o</span><span style="color:#df9623;">k</span></div></div> <div class="Lucia-Halleluja1-in">

<div class="ooc"><span class="wc">Word Count &rarr; 310</span> :: Out of Character text</div>

<p>In my younger and more vulnerable years my father gave me some advice that I’ve been turning over in my mind ever since. <B>Whenever you feel like criticizing any one,” he told me, “just remember that all the people in this world haven’t had the advantages that you’ve had.</B></p><p>
He didn’t say any more, but we’ve always been unusually communicative in a reserved way, and I understood that he meant a great deal more than that. In consequence, I’m inclined to reserve all judgments, a habit that has opened up many curious natures to me and also made me the victim of not a few veteran bores.</p><p> The abnormal mind is quick to detect and attach itself to this quality when it appears in a normal person, and so it came about that in college I was unjustly accused of being a politician, because I was privy to the secret griefs of wild, unknown men. <B>Most of the confidences were unsought — frequently I have feigned sleep,</B> preoccupation, or a hostile levity when I realized by some unmistakable sign that an intimate revelation was quivering on the horizon; for the intimate revelations of young men, or at least the terms in which they express them, are usually plagiaristic and marred by obvious suppressions.
</p>
<p>In my younger and more vulnerable years my father gave me some advice that I’ve been turning over in my mind ever since. </p>


</div>
<div class="Lucia-Halleluja1-lyrics"><strong>And from your lips she drew the Hallelujah</strong></div></div>

<p class="Kcredit">Template by <a href="http://www.soulsrpg.com/forum/viewtopic.php?f=37&t=16460">Kitty</a>, artwork by <a href="https://www.furaffinity.net/user/toast4nat">Nat</a>, edits by Nuki.</p>

<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Special+Elite|Cinzel+Decorative');

.Lucia-Halleluja1 {width:650px; background: url("https://i.imgur.com/cTfyIpw.png") no-repeat top right; padding:175px 20px 10px 20px; margin:0px auto; text-align:justify; outline:0px solid #000; border:0px solid #f3f1dc;}
.Lucia-Halleluja1 b {color:#000; text-shadow: 1px 1px 1px rgba(223, 150, 35, 0.9);}
.Lucia-Halleluja1 p {text-indent:50px; }
.Lucia-Halleluja1 p b:before {content: open-quote;}
.Lucia-Halleluja1 p b:after {content: close-quote;}
.Lucia-Halleluja1-in {padding:10px 10px 10px 10px; margin:0px auto; background-color:rgba(243, 243, 243, 0.8); border:1px dotted #e1e3ec;}
.Lucia-Halleluja1-name {font: 50px/40px 'Cinzel Decorative', sans-serif; color:#50395b; text-align:left; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);}
.Lucia-Halleluja1-lyrics {font-weight:bold; font: 14px 'special elite', sans-serif; color:#df9623; letter-spacing:5px; text-align:center; padding-top:7px; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(250, 250, 250, 0.9);}
.Lucia-Halleluja1 .ooc {opacity:0.7; text-indent:0px; padding:0px; border-bottom:2px dashed #000; margin-bottom:10px;}
.Lucia-Halleluja1 .ooc + p {padding:0px 5px;}
.Lucia-Halleluja1 .wc {text-transform: uppercase; font-weight:bold; color:#df9623; font-family: 'special elite';}
p.Kcredit {text-indent:0px; text-align:center; font-size:10px; width:425px; text-align:center; margin:0px auto;} </style>
[/html]
  Reply
#20
[html]<table cellpadding="0" cellspacing="0" class="JaceSnow">
<tr>
<td class="JaceSnowtop" colspan="4">
<div class="JaceSnowname">Jace Wolfe
<div class="JaceSnowlyrics">Life is a game, one that everyone will lose</div></div>
</td>
</tr>
<tr>
<td class="JaceSnowpost" colspan="4">

<p>Post here.</p>

</td></tr>
<tr class="JaceSnownotes">
<td>OOC: <strong>---</strong></td>
<td>Word Count: <strong>[000]</strong></td>
</tr>
</table>

<p class="JaceSnowcredit">Credits: <a href="http://www.soulsrpg.com/forum/memberlist.php?mode=viewprofile&u=1766">Kitty</a> (Table) | <a href="https://imgur.com/gallery/jwGCmcS">Chefheath</a> (Image) | <a href="https://wiki.soulsrpg.com/index.php?n=Players.Nat">Nat</a> (Edits)</p>

<style>
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville|Poiret+One');

.JaceSnow {border-collapse:collapse; width:650px; margin:10px auto; outline:1px solid #000; border:2px solid #4c3828; box-shadow:2px 2px 3px #1d1d1d; -moz-box-shadow:2px 2px 3px #1d1d1d; -webkit-box-shadow:2px 2px 3px #1d1d1d; background: #D8D7D5 url("https://i.imgur.com/xLJTpUC.png") no-repeat top center;}
.JaceSnow td {background-color:transparent;}
.JaceSnow td p {text-indent:50px; color:#3B372E; font-size:15px; vertical-align:top; margin:0px; padding-top:8px;}
.JaceSnow td b {color:#49638D; text-shadow:#fff 3px 3px 3px;}
.JaceSnow .JaceSnowtop {padding-top:190px; padding-bottom:0px;}
tr.JaceSnownotes td {width:25%; text-align:center; font-size:10px; color:#fff; padding:3px; border:1px solid #000; background-color:#5d5942;}
.JaceSnow .JaceSnowpost {background-color:transparent; padding:10px 35px 15px 35px; border:0px;}
.JaceSnowname {font: 70px/20px 'Poiret One', cursive; color:#49638D; letter-spacing:4px; text-align:left; text-shadow:#fff 2px 1px 1px; border:0px; padding-left:35px;}
.JaceSnowlyrics {font: 12px/15px 'Libre Baskerville', serif; color:#000; letter-spacing:3px; word-spacing:1px; text-align:left; text-shadow:#fff 3px 3px 3px; border:0px; padding-top:80px; padding-left:90px;}
p.JaceSnowcredit {text-indent:0px; text-align:center; font-size:10px; width:425px; text-align:center; margin:0px auto;}
</style>[/html]

Code:
[html]<table cellpadding="0" cellspacing="0" class="JaceSnow">
                 <tr>
                 <td class="JaceSnowtop" colspan="4">
                 <div class="JaceSnowname">Jace Wolfe
                 <div class="JaceSnowlyrics">Life is a game, one that everyone will lose</div></div>
                 </td>
                  </tr>      
        <tr>
                  <td class="JaceSnowpost" colspan="4">

        <p>Post here.</p>

        </td></tr>
                  <tr class="JaceSnownotes">
                              <td>OOC:  <strong>---</strong></td>
                              <td>Word Count: <strong>[000]</strong></td>
                  </tr>
        </table>

        <p class="JaceSnowcredit">Credits: <a href="http://www.soulsrpg.com/forum/memberlist.php?mode=viewprofile&u=1766">Kitty</a> (Table) | <a href="https://imgur.com/gallery/jwGCmcS">Chefheath</a> (Image) | <a href="https://wiki.soulsrpg.com/index.php?n=Players.Nat">Nat</a> (Edits)</p>

        <style>
        @import url('https://fonts.googleapis.com/css?family=Libre+Baskerville|Poiret+One');

        .JaceSnow {border-collapse:collapse; width:650px; margin:10px auto; outline:1px solid #000; border:2px solid #4c3828; box-shadow:2px 2px 3px #1d1d1d; -moz-box-shadow:2px 2px 3px #1d1d1d; -webkit-box-shadow:2px 2px 3px #1d1d1d; background: #D8D7D5 url("https://i.imgur.com/xLJTpUC.png") no-repeat top center;}
        .JaceSnow td {background-color:transparent;}
        .JaceSnow td p {text-indent:50px;  color:#3B372E; font-size:15px; vertical-align:top;  margin:0px; padding-top:8px;}
        .JaceSnow td b {color:#49638D; text-shadow:#fff 3px 3px 3px;}
        .JaceSnow .JaceSnowtop {padding-top:190px; padding-bottom:0px;}
        tr.JaceSnownotes td {width:25%; text-align:center; font-size:10px; color:#fff; padding:3px; border:1px solid #000; background-color:#5d5942;}
        .JaceSnow .JaceSnowpost {background-color:transparent; padding:10px 35px 15px 35px; border:0px;}
        .JaceSnowname {font: 70px/20px 'Poiret One', cursive; color:#49638D; letter-spacing:4px; text-align:left; text-shadow:#fff 2px 1px 1px; border:0px; padding-left:35px;}
        .JaceSnowlyrics {font: 12px/15px 'Libre Baskerville', serif; color:#000; letter-spacing:3px; word-spacing:1px; text-align:left;  text-shadow:#fff 3px 3px 3px; border:0px; padding-top:80px; padding-left:90px;}
        p.JaceSnowcredit {text-indent:0px; text-align:center; font-size:10px; width:425px; text-align:center; margin:0px auto;}
        </style>[/html]
  Reply


Forum Jump: