Wax and wane
#1
[size=150]Everett[/size]

Starters owed:

Starters waiting on: Honrin gardening/chess thread, Veri pressure point training

Current:

Thread link here
Date:
With:
Points: +

Completed:



[size=150]Bastien[/size]

Starters owed:

Starters waiting on:

Current

Completed:
)
Avatar by Lin <3
#2
Simple text tables with side image:

Nat art

Code:
[html]
    <div class="raze-txt14-1">
    <div class="raze-txt14-1-box"></div>
    <p class="ooc"><span class="wc">Word Count &rarr; 310</span> :: Out of Character text</p>
    <p>POST HERE</p>
    </div>
    <style>
    .raze-txt14-1-box {background-image:url('https://image.ibb.co/g8GFGa/bastien.png'); background-repeat:no-repeat; background-position:top center; background-size: 200px 231px; width:200px; height:231px; float:right; margin:3px;}
    .raze-txt14-1 {font-family:'Palatino Linotype', times, serif; font-size: 17px; text-align: left; margin:0 auto; width:95%; line-height:25px;}
    .raze-txt14-1 p.ooc {opacity:0.7; font-family:arial, helvetica, sans-serif; text-indent:0px; padding:10px 5px;}
    .raze-txt14-1 p.ooc + p {padding:0px 5px;}
    .raze-txt14-1 .wc {text-transform: uppercase; font-weight:bold;}
    .raze-txt14-1 p {text-indent: 25px; margin:0px; padding:10px 5px;}
    </style>
<link href="https://fonts.googleapis.com/css?family=Gentium+Basic" rel="stylesheet">
    [/html]

***

ParadiseLights

Code:
[html]
    <div class="bun-text">
    <div class="bun-text"></div>
    <p class="ooc"><span class="wc">Word Count &rarr; 310</span> :: Out of Character text</p>
    <img src="https://image.ibb.co/fMvP9m/Bun_chibi_by_paradiselights_dbx25m1.png">
    <p>POST HERE</p>
    </div>
    <style>
    .bun-text {font-family:'Open Sans', sans-serif; font-size: 17px; text-align: left; margin:0 auto; width:95%; line-height:25px;}
    .bun-text p.ooc {opacity:0.7; font-family:arial, helvetica, sans-serif; text-indent:0px; padding:10px 5px;}
    .bun-text p.ooc + p {padding:0px 5px;}
    .bun-text .wc {text-transform: uppercase; font-weight:bold;}
    .bun-text p {text-indent: 25px; margin:0px; padding:10px 5px;}
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
.bun-text" img {margin:5px; float:right; max-width:250px;max-height:500px;}
    </style>
    [/html]

***
JMonster

Code:
[html]<div class="Kettext2">
<div class="Kettext2-post"><img src="https://image.ibb.co/fiq9FH/Bastien_comfy_jacoby.png">
<p>
FEED ME WORDS.
</p>
</div>
<table class="ooc">
<td class="chat">OOC</td> <td class="wc">+000</td>
</table>
</div>
<style>
.Kettext2 {width:100%;margin:0px auto; float:center;}
.Kettext2-post {border-top: 1px dashed;margin:10px;}
.Kettext2 p {font-family: 'Arial', sans-serif; font-size:15px;text-align:left; text-indent:30px;line-height:120%;}
.Kettext2 b {font-family: 'Times', serif;font-size:18px;}
.Kettext2 table.ooc {width:100%;text-align:center; border-top:1px dashed;}
.Kettext2 td.chat {width:75%; font-family: 'Courier', monospace; font-size:15px;}
.Kettext2 td.wc {font-family: 'Times New Roman'; font-size:18px;text-align:right;padding-right:15px;}
.Kettext2 img {margin:5px; float:right; max-width:184px;max-height:237;}
</style>
<p style="text-align:center; font-size:12px;">Art by <a href="http://www.furaffinity.net/user/jmonster/">JMonster</a></p>
[/html]

***
Ben
Code:
[html]<div class="bastien-ben">
<div class="bastien-ben-name">Holy water cannot help you now</div>
<div class="bastien-ben-lyrics">
</div>
<div class="bastien-ben-post"><img src="https://image.ibb.co/d2Fzr8/bun_Ben_bust.png">
<p>
I thought today we would do a happy little picture. Look around, look at what we have. Beauty is everywhere, you only have to look to see it. Everything is happy if you choose to make it that way.
<p>
With something so strong, a little bit can go a long way. We don't make mistakes we just have happy little accidents. Everyone wants to enjoy the good parts - but you have to build the framework first. You have freedom here. The only guide is your heart.
<p>
If there's two big trees invariably sooner or later there's gonna be a little tree. [b]"I'll go over the colors one more time that we use: Titanium white, Thalo green, Prussian blue, Van Dyke brown, Alizarin crimson, Sap green, Cad yellow, and Permanent red. All kinds of happy little splashes."[/b]
<p>
You can create anything that makes you happy. It's important to me that you're happy. Even trees need a friend. [i]We all need friends. I spend a lot of time walking around in the woods and talking to trees, and squirrels, and little rabbits and stuff.[/i] I'm going to mix up a little color. We’ll use Van Dyke Brown, Permanent Red, and a little bit of Prussian Blue. Trees live in your fan brush, but you have to scare them out.
</p>
</div>
<table class="ooc">
<td class="chat">OOC</td> <td class="wc">+000</td>
</table>
</div>
<style>
.bastien-ben {width:100%;margin:0px auto; float:center;}
.bastien-ben-name {font-size:30px; text-align:center; font-family: Loved by the King; cursive}
.bastien-ben-post {border-top: 1px dashed;margin:10px;}
.bastien-ben p {font-family: 'Montserrat', sans-serif; font-size:16px;text-align:left; text-indent:30px;line-height:120%;}
.bastien-ben b {font-family: 'Times', serif;font-size:18px;}
.bastien-ben table.ooc {width:100%;text-align:center; border-top:1px dashed;}
.bastien-ben td.chat {width:75%; font-family: 'Courier', monospace; font-size:15px;}
.bastien-ben td.wc {font-family: 'Times'; font-size:18px;text-align:right;padding-right:15px;}
.bastien-ben img {margin:5px; float:right; max-width:250px;max-height:400px;}
</style>
<style>
@import url('https://fonts.googleapis.com/css?family=Loved+by+the+King|Montserrat');
</style>
<p style="text-align:center; font-size:12px;">Art by Ben @SoulsRPG</a></p>
[/html]

***
[html]<table cellpadding="0" cellspacing="0" class="Bumpkin">
<tr>
<td class="Bumpkintop" colspan="4">
<div class="Bumpkinname">Sebastien Stone
<div class="Bumpkinlyrics">Paranoia's all I got left</div></div>
</td>
</tr>
<tr class="Bumpkinnotes">
<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>
<tr>
<td class="Bumpkinpost" colspan="4">

<p>

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

</td></tr>
</table>

<p class="Bumpkincredit">Table by <a href="http://www.soulsrpg.com/forum/memberlist.php?mode=viewprofile&u=1766">Kitty</a>. Image Credits: </p>

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

.Bumpkin {border-collapse:collapse; width:650px; height: 200px; 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: #2b1100 url("https://cdn.discordapp.com/attachments/299785096591048704/431561286329958400/pexels-photo-214334crop.png") no-repeat top center;}
.Bumpkin td {background-color:transparent;}
.Bumpkin td p {text-indent:50px; color:#8e8a7e; font-size:13px; vertical-align:top; margin:0px; padding-top:8px;}
.Bumpkin td b {color:#DEC0B0; }
.Bumpkin .Bumpkintop {padding-top:350px; padding-bottom:0px;}
tr.Bumpkinnotes td {width:25%; text-align:center; font-size:10px; color:#000; padding:3px; border:1px solid #000; background-color:#84402F;}
.Bumpkin .Bumpkinpost {background-color:transparent; padding:15px 35px 15px 35px; border:0px;}
.Bumpkinname {font: 55px/20px 'Poiret One', cursive; color:#DEC0B0; letter-spacing:4px; text-align:left; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1); border:0px; padding-left:40px;}
.Bumpkinlyrics {font: 12px/15px 'Libre Baskerville', serif; color:#E9A165; letter-spacing:3px; word-spacing:1px; text-align:left; text-shadow:#000 1px 1px 2px; border:0px; padding-top:25px; padding-left:190px;}
p.Bumpkincredit {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="Bumpkin">
             <tr>
             <td class="Bumpkintop" colspan="4">
             <div class="Bumpkinname">Sebastien Stone
             <div class="Bumpkinlyrics">Paranoia's all I got left</div></div>
             </td>
              </tr>  
                        <tr class="Bumpkinnotes">
                          <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>
    <tr>
              <td class="Bumpkinpost" colspan="4">

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

    </td></tr>
    </table>

    <p class="Bumpkincredit">Table by <a href="http://www.soulsrpg.com/forum/memberlist.php?mode=viewprofile&u=1766">Kitty</a>. Image Credits: </p>

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

    .Bumpkin {border-collapse:collapse; width:650px; height: 200px; 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: #2b1100 url("https://cdn.discordapp.com/attachments/299785096591048704/431561286329958400/pexels-photo-214334crop.png") no-repeat top center;}
    .Bumpkin td {background-color:transparent;}
    .Bumpkin td p {text-indent:50px;  color:#8e8a7e; font-size:13px; vertical-align:top;  margin:0px; padding-top:8px;}
    .Bumpkin td b {color:#DEC0B0; }
    .Bumpkin .Bumpkintop {padding-top:350px; padding-bottom:0px;}
    tr.Bumpkinnotes td {width:25%; text-align:center; font-size:10px; color:#000; padding:3px; border:1px solid #000; background-color:#84402F;}
    .Bumpkin .Bumpkinpost {background-color:transparent; padding:15px 35px 15px 35px; border:0px;}
    .Bumpkinname {font: 55px/20px 'Poiret One', cursive; color:#DEC0B0; letter-spacing:4px; text-align:left; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1); border:0px; padding-left:40px;}
    .Bumpkinlyrics {font: 12px/15px 'Libre Baskerville', serif; color:#E9A165; letter-spacing:3px; word-spacing:1px; text-align:left;  text-shadow:#000 1px 1px 2px; border:0px; padding-top:25px; padding-left:190px;}
    p.Bumpkincredit {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/ravali" type="text/css"/>
<div class="Sebtab2out"><div class="Sebtab2name2">Sebastien Stone</div><div class="Sebtab2name">Sebastien Stone</div> <div class="Sebtab2in"> <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><p>

</p>

</div>
<div class="Sebtab2lyrics">Every turn I take, every trail I track</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> & <a href="http://wiki.soulsrpg.com/index.php?n=Players.Jace">Jace</a> from a table by <a href="http://wiki.soulsrpg.com/index.php?n=Players.Kite">Kite</a>.</div>
<style type="text/css">

.Sebtab2out {width:620px; padding: 195px 10px 10px 10px; background-image:url('https://cdn.discordapp.com/attachments/299785096591048704/431592702401052672/candles.png'); background-repeat:no-repeat; background-position:top; background-color:#1D1D1D; margin:0px auto; border:1px solid black; }
.Sebtab2in {width:600; padding:6px 6px 6px 6px; background-image:url('http://i.imgur.com/gnxtKrM.png'); margin:10px auto; border:1px solid black; }
.Sebtab2in p.ooc {padding:0px 2px 2px 2px; font-family:'Arial'; color:#000000; text-align:right; font-size:11px; border-bottom:1px dotted grey; } .Iorekflowerin p {text-indent:10px; color:#000000; font-size:12px; text-align:justify; line-height:180%; }
.Sebtab2in b {font-size:14px; color:#492615; font-family:'Times'; font-weight:normal; font-style: italic; letter-spacing:1px; text-shadow:1px 2px 5px rgba(0, 0, 0, .6); }
.Sebtab2name {font: 75px/35px 'RavaliItalic'; font-weight: normal; padding-left: 20px; font-style: italic, cursive; color:#C45655; text-align:left; text-shadow: 2px 2px 2px rgba(16, 9, 10, 1);}
.Sebtab2name2 {font: 75px/35px 'RavaliItalic'; font-weight: normal; padding-left: 25px; font-style: italic, cursive; color:#C45655; text-align:left; opacity:0.3; text-shadow: 2px 2px 2px rgba(16, 9, 10, 1);}
.Sebtab2lyrics {font: 35px/16px 'RavaliItalic'; cursive; color:#C45655; letter-spacing:1px; text-align:center; text-shadow: 2px 2px 2px rgba(16, 9, 10, 1); padding-top:10px;}
</style></div>[/html]

Code:
[html]<div class="content">
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/ravali" type="text/css"/>
<div class="Sebtab2out"><div class="Sebtab2name2">Sebastien Stone</div><div class="Sebtab2name">Sebastien Stone</div> <div class="Sebtab2in">  <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><p>

</p>

</div>
<div class="Sebtab2lyrics">Every turn I take, every trail I track</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> & <a href="http://wiki.soulsrpg.com/index.php?n=Players.Jace">Jace</a> from a table by <a href="http://wiki.soulsrpg.com/index.php?n=Players.Kite">Kite</a>.</div>  
<style type="text/css">  

.Sebtab2out {width:620px; padding: 195px 10px 10px 10px; background-image:url('https://cdn.discordapp.com/attachments/299785096591048704/431592702401052672/candles.png'); background-repeat:no-repeat; background-position:top; background-color:#1D1D1D; margin:0px auto; border:1px solid black; }
.Sebtab2in {width:600; padding:6px 6px 6px 6px; background-image:url('http://i.imgur.com/gnxtKrM.png'); margin:10px auto; border:1px solid black; }  
.Sebtab2in p.ooc {padding:0px 2px 2px 2px; font-family:'Arial'; color:#000000; text-align:right;  font-size:11px; border-bottom:1px dotted grey; }  .Iorekflowerin p {text-indent:10px; color:#000000; font-size:12px; text-align:justify; line-height:180%; }  
.Sebtab2in b {font-size:14px; color:#492615; font-family:'Times'; font-weight:normal; font-style: italic; letter-spacing:1px; text-shadow:1px 2px 5px rgba(0, 0, 0, .6); }
.Sebtab2name {font: 75px/35px 'RavaliItalic'; font-weight: normal;  padding-left: 20px; font-style: italic, cursive; color:#C45655; text-align:left; text-shadow: 2px 2px 2px rgba(16, 9, 10, 1);}
.Sebtab2name2 {font: 75px/35px 'RavaliItalic'; font-weight: normal;  padding-left: 25px; font-style: italic, cursive; color:#C45655; text-align:left; opacity:0.3; text-shadow: 2px 2px 2px rgba(16, 9, 10, 1);}
.Sebtab2lyrics {font: 35px/16px  'RavaliItalic'; cursive; color:#C45655; letter-spacing:1px; text-align:center; text-shadow: 2px 2px 2px rgba(16, 9, 10, 1); padding-top:10px;}
</style></div>[/html]

***

[html]<link href='//fonts.googleapis.com/css?family=Spectral SC' rel='stylesheet' type='text/css'>
<style>.Sebtab3 {width:550px; font:16px/1.50 Times New Roman; text-align:left; margin:0px auto;}
.Sebtab31 { background-image:url('https://cdn.discordapp.com/attachments/299785096591048704/431599294156374016/candles2.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; }
.Sebtab3-ooc{font-family: 'Spectral SC', serif; font-size:13px; border-top:1px dotted; text-align:center;}
.Sebtab3 p {text-indent:60px;}
.Sebtab3-ly {font-family: 'Spectral SC', serif; font-size:23px; cursive; text-align:center; border-bottom:1px dotted; text-shadow: 2px 2px 2px #492615;}
.Sebtab3-ly2 {font-family: 'Spectral SC', serif; font-size:23px; cursive; text-align:center; border-bottom:1px dotted; text-shadow: 2px 2px 2px #492615;}
.Sebtab3-ly3 {font-family: 'Spectral SC', serif; font-size:33px; cursive; text-align:center; border-bottom:1px dotted; text-shadow: 3px 3px 3px #492615;}
</style>

<div class="Sebtab3">
<div class="Sebtab3-ly"><i>It's like I can't stop what I'm hearing within</i></div>
<div class="Sebtab31"></div>
<div class="Sebtab3-ly2"><i>It's like the face inside is right beneath my skin</i></div>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu sem sagittis, commodo sapien quis, consectetur odio. Maecenas sapien enim, iaculis eget dui hendrerit, malesuada rutrum augue. Quisque pulvinar vitae purus id tincidunt. Etiam ullamcorper pulvinar sem. Vestibulum luctus eros in est molestie, vel accumsan augue scelerisque. Morbi faucibus est magna, pretium pulvinar massa ultricies in. Aenean blandit libero neque, tempus auctor ex condimentum et. Vivamus quam metus, interdum in risus eget, mattis tincidunt augue. Morbi quam ipsum, volutpat malesuada dolor sit amet, maximus tristique odio.
</p><p>
<b>"Etiam vitae hendrerit lacus. Integer eget justo aliquam, tincidunt tellus eget, rhoncus odio. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nam ac efficitur urna."</b> Morbi neque tellus, lacinia nec tellus pellentesque, finibus scelerisque ligula. Nunc eu elit eget arcu aliquam imperdiet. Etiam nec pellentesque tortor, at mattis nibh. Quisque venenatis lacinia odio, ac egestas dui pellentesque eget. Morbi tristique massa a porttitor euismod. Curabitur cursus facilisis mauris, eget feugiat purus elementum accumsan. Curabitur suscipit dui eget sapien sagittis dictum.
</p>

<div class="Sebtab3-ly3"><i>[size=150]S[/size]ebastien [size=150]S[/size]tone</i></div>
<div class="Sebtab3-ooc">Dated 1st April | <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>.Sebtab3 {width:550px; font:16px/1.50 Times New Roman; text-align:left; margin:0px auto;}
.Sebtab31 { background-image:url('https://cdn.discordapp.com/attachments/299785096591048704/431599294156374016/candles2.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; }
.Sebtab3-ooc{font-family: 'Spectral SC', serif; font-size:13px; border-top:1px dotted; text-align:center;}
.Sebtab3 p {text-indent:60px;}
.Sebtab3-ly {font-family: 'Spectral SC', serif; font-size:23px; cursive; text-align:center; border-bottom:1px dotted; text-shadow: 2px 2px 2px #492615;}
.Sebtab3-ly2 {font-family: 'Spectral SC', serif; font-size:23px; cursive; text-align:center; border-bottom:1px dotted; text-shadow: 2px 2px 2px #492615;}
.Sebtab3-ly3 {font-family: 'Spectral SC', serif; font-size:33px; cursive; text-align:center; border-bottom:1px dotted; text-shadow: 3px 3px 3px #492615;}
</style>

<div class="Sebtab3">
<div class="Sebtab3-ly"><i>It's like I can't stop what I'm hearing within</i></div>
<div class="Sebtab31"></div>
<div class="Sebtab3-ly2"><i>It's like the face inside is right beneath my skin</i></div>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu sem sagittis, commodo sapien quis, consectetur odio. Maecenas sapien enim, iaculis eget dui hendrerit, malesuada rutrum augue. Quisque pulvinar vitae purus id tincidunt. Etiam ullamcorper pulvinar sem. Vestibulum luctus eros in est molestie, vel accumsan augue scelerisque. Morbi faucibus est magna, pretium pulvinar massa ultricies in. Aenean blandit libero neque, tempus auctor ex condimentum et. Vivamus quam metus, interdum in risus eget, mattis tincidunt augue. Morbi quam ipsum, volutpat malesuada dolor sit amet, maximus tristique odio.
</p><p>
<b>"Etiam vitae hendrerit lacus. Integer eget justo aliquam, tincidunt tellus eget, rhoncus odio. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nam ac efficitur urna."</b> Morbi neque tellus, lacinia nec tellus pellentesque, finibus scelerisque ligula. Nunc eu elit eget arcu aliquam imperdiet. Etiam nec pellentesque tortor, at mattis nibh. Quisque venenatis lacinia odio, ac egestas dui pellentesque eget. Morbi tristique massa a porttitor euismod. Curabitur cursus facilisis mauris, eget feugiat purus elementum accumsan. Curabitur suscipit dui eget sapien sagittis dictum.
</p>

<div class="Sebtab3-ly3"><i>[size=150]S[/size]ebastien [size=150]S[/size]tone</i></div>
<div class="Sebtab3-ooc">Dated 1st April | <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="BunSun"> <div class="BunSun-name">Sebastien</div> <div class="BunSun-in">

<div class="ooc"><span class="wc">Word Count &rarr; 000</span> :: Out of Character text</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>POST. <B>"Speech"</b>. <i>Thinking</i>.</p>

</div>
<div class="BunSun-lyrics">I can see the sunset in your eyes</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=Nothing+You+Could+Do|PT+Sans|Roboto+Slab');

.BunSun {width:580px; background: #ba744e url("https://image.ibb.co/cbZDin/beach_test.png") no-repeat top center; 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:#000; outline:1px solid #000; border:2px solid #f3f1dc;}
.BunSun b {color:#46454B;}
.BunSun p {text-indent:50px; font:13px 'Roboto Slab', serif;}
.BunSun-in {padding:10px 20px 10px 20px; margin:0px auto; background-color:rgba(235, 231, 196, 0.6); border:1px solid#000;}
.BunSun-name {font: 60px/55px 'Nothing You Could Do', cursive; sans-serif; color:#f3f1dc; text-align:left; text-shadow: 2px 2px 2px rgba(127, 59, 66, 0.9);}
.BunSun-lyrics {font: small-caps 16px/14px 'PT Sans', sans-serif; color:#f3f1dc; letter-spacing:5px; text-align:center; text-shadow: 2px 2px 2px rgba(127, 59, 66, 0.9); padding-top:7px;}
.BunSun .ooc {opacity:0.7; text-indent:0px; padding:0px; border-bottom:1px dotted #000; margin-bottom:10px;}
.BunSun .ooc + p {padding:0px 5px;}
.BunSun .wc {text-transform: uppercase; font-weight:bold; color:#46454B;}
p.Kcredit {text-indent:0px; text-align:center; font-size:10px; width:425px; text-align:center; margin:0px auto;} </style>[/html]

Code:
[html]<div class="BunSun"> <div class="BunSun-name">Sebastien</div> <div class="BunSun-in">  

    <div class="ooc"><span class="wc">Word Count &rarr; 000</span> :: Out of Character text</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>POST. <B>"Speech"</b>. <i>Thinking</i>.</p>        

    </div>
    <div class="BunSun-lyrics">I can see the sunset in your eyes</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=Nothing+You+Could+Do|PT+Sans|Roboto+Slab');

    .BunSun {width:580px; background: #ba744e url("https://image.ibb.co/cbZDin/beach_test.png") no-repeat top center;  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:#000; outline:1px solid #000; border:2px solid #f3f1dc;}
    .BunSun b {color:#46454B;}
    .BunSun p {text-indent:50px; font:13px 'Roboto Slab', serif;}
    .BunSun-in {padding:10px 20px 10px 20px; margin:0px auto; background-color:rgba(235, 231, 196, 0.6); border:1px solid#000;}
.BunSun-name {font: 60px/55px 'Nothing You Could Do', cursive; sans-serif; color:#f3f1dc; text-align:left; text-shadow: 2px 2px 2px rgba(127, 59, 66, 0.9);}
    .BunSun-lyrics {font: small-caps 16px/14px 'PT Sans', sans-serif; color:#f3f1dc; letter-spacing:5px; text-align:center; text-shadow: 2px 2px 2px rgba(127, 59, 66, 0.9); padding-top:7px;}
    .BunSun .ooc {opacity:0.7; text-indent:0px; padding:0px; border-bottom:1px dotted #000; margin-bottom:10px;}
    .BunSun .ooc + p {padding:0px 5px;}
    .BunSun .wc {text-transform: uppercase; font-weight:bold; color:#46454B;}
    p.Kcredit {text-indent:0px; text-align:center; font-size:10px; width:425px; text-align:center; margin:0px auto;} </style>
    [/html]

***

[html]<div class="SebDuck"> <div class="SebDuck-name">Sebastien</div> <div class="SebDuck-in">

<div class="ooc">➧➧ Out of Character text</div>

<div class="SebDuck-notes" style="float:right;">
⟿ Word Count: <b>+000</b> <BR>
⟿ Date: <b>DD MM</b> <BR>
⟿ Time: <b>AM/PM</b> <BR>
⟿ Form: <b>Optime</b></div>

<p>The more we do this - the more it will do good things to our heart. Just let this happen. We just let this flow right out of our minds. Let's put some happy trees and bushes back in here.</p>

<p>Didn't you know you had that much power? You can move mountains. You can do anything. You've got to learn to fight the temptation to resist these things. Just let them happen. There are no mistakes. You can fix anything that happens.</p>

<p><b>"See there how easy that is."</b> The first step to doing anything is to believe you can do it. See it finished in your mind before you ever start. <i>We'll throw some old gray clouds in here just sneaking around and having fun.</i></p>


</div>
<div class="SebDuck-lyrics">Today I will shine</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=Special+Elite|Oswald|Roboto+Slab');

.SebDuck {width:580px; background: #1d1216 url("https://image.ibb.co/cAfFG7/duck_3148162_1280.jpg") no-repeat top center; padding:200px 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:#000; outline:1px solid #000; border:2px solid #9ea8a9;}
.SebDuck b {color:#c8580c;}
.SebDuck p {text-indent:50px; font:13px 'Roboto Slab', serif;}
.SebDuck-in {padding:10px 20px 10px 20px; margin:0px auto; background-color:rgba(255, 255, 255, 0.7); border:2px solid #9ea8a9;}
.SebDuck-name {font: 60px/55px 'Special Elite', cursive; color:#e4f0f1; text-align:left; text-shadow: 2px 2px 2px rgba(16, 9, 10, 1);}
.SebDuck-lyrics {font: 18px/16px 'Oswald', sans serif; color:#e4f0f1; letter-spacing:1px; text-align:center; text-shadow: 2px 2px 2px rgba(16, 9, 10, 1); padding-top:10px;}
.SebDuck-notes {text-align:left; width:100px; padding:10px; float:right; margin:12px; background-color:rgba(255, 255, 255, 0.3); font-size:10px; border:2px solid#848d91; -webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}
.SebDuck .ooc {opacity:0.7; text-indent:0px; padding:0px; border-bottom:1px dotted #000; margin-bottom:10px;}
.SebDuck.ooc + p {padding:0px 5px;}
p.Kcredit {text-indent:0px; text-align:center; font-size:10px; width:425px; text-align:center; margin:0px auto;}
.notice {display:none;}</style>[/html]

Code:
[html]<div class="SebDuck"> <div class="SebDuck-name">Sebastien</div> <div class="SebDuck-in">  

<div class="ooc">➧➧  Out of Character text</div>

<div class="SebDuck-notes" style="float:right;">
⟿ Word Count: <b>+000</b> <BR>
⟿ Date: <b>DD MM</b> <BR>
⟿ Time: <b>AM/PM</b> <BR>
⟿ Form: <b>Optime</b></div>

<p>The more we do this - the more it will do good things to our heart. Just let this happen. We just let this flow right out of our minds. Let's put some happy trees and bushes back in here.</p>

<p>Didn't you know you had that much power? You can move mountains. You can do anything. You've got to learn to fight the temptation to resist these things. Just let them happen. There are no mistakes. You can fix anything that happens.</p>

<p><b>"See there how easy that is."</b> The first step to doing anything is to believe you can do it. See it finished in your mind before you ever start. <i>We'll throw some old gray clouds in here just sneaking around and having fun.</i></p>


</div>
<div class="SebDuck-lyrics">Today I will shine</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=Special+Elite|Oswald|Roboto+Slab');

.SebDuck {width:580px; background: #1d1216 url("https://image.ibb.co/cAfFG7/duck_3148162_1280.jpg") no-repeat top center;  padding:200px 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:#000; outline:1px solid #000; border:2px solid #9ea8a9;}
.SebDuck b {color:#c8580c;}
.SebDuck p {text-indent:50px; font:13px 'Roboto Slab', serif;}
.SebDuck-in {padding:10px 20px 10px 20px; margin:0px auto; background-color:rgba(255, 255, 255, 0.7); border:2px solid #9ea8a9;}
.SebDuck-name {font: 60px/55px 'Special Elite', cursive; color:#e4f0f1; text-align:left; text-shadow: 2px 2px 2px rgba(16, 9, 10, 1);}
.SebDuck-lyrics {font: 18px/16px 'Oswald', sans serif; color:#e4f0f1; letter-spacing:1px; text-align:center; text-shadow: 2px 2px 2px rgba(16, 9, 10, 1); padding-top:10px;}
.SebDuck-notes {text-align:left; width:100px; padding:10px; float:right; margin:12px; background-color:rgba(255, 255, 255, 0.3); font-size:10px; border:2px solid#848d91; -webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}
.SebDuck .ooc {opacity:0.7; text-indent:0px; padding:0px; border-bottom:1px dotted #000; margin-bottom:10px;}
.SebDuck.ooc + p {padding:0px 5px;}
p.Kcredit {text-indent:0px; text-align:center; font-size:10px; width:425px; text-align:center; margin:0px auto;}
.notice {display:none;}</style>[/html]
Avatar by Marcy! ♥


[html]<div class="Bunsig">
<img src="https://image.ibb.co/iGed7w/Bun_lupus_by_J.png" style="height:150px; z-index:-1; margin: 0px 300px -100px;" />
<div class="title">Sebastien Stone</div>

<div class="bottom">
<div class="sigicons" id="signature-icons">
<a href="https://wiki.soulsrpg.com/index.php?n=Players.Ketsuki" target="_blank" title="Ketsuki's Wiki" class="player-wiki"></a>

<a href="#" class="reply-slow" title="REPLY SPEED: SLOW- Up to 2 weeks"></a>
<a href="#" title="I will roleplay mature material.Fade-to-black preferred." class="will-mature"></a>
<a href="#" title="I will roleplay LASKY." class="will-lasky"></a>
<br>
<a href="https://wiki.soulsrpg.com/index.php?n=Sebastien" target="_blank" title="Bastien's Wiki" class="character-wiki"></a>
<a href="LINK" title="OPEN FOR THREADS!" class="open-for-threads"></a>
<a href="#!" class="apparel-accessories" title="Typically wears plaid scarves and studded leather bracelets."></a>
<a href="#" class="references-okay" title="OOC references okay. Specific conversations please PM me first."></a>
<a href="#" class="optime-preference" title="OPTIME unless otherwise stated."></a>
<a href="#!" class="accompaniment" title="Typically accompanied by two Indian runner ducks, Myrkr and Tara."></a>
<a href="#" class="skill-trade" title="Offers animal feed, dye, tattoos, art, charms, fortunes etc."></a>
<a href="#!" class="skill-animals" title="Skilled with small domestic animals such as goats and ducks."></a>
<a href="#!" class="skill-spirituality" title="Follower of an eclectic faith."></a>
[size=50]
Art Credit: Jacoby![/size]
</div>
</div>
</div>

<style>
@import url('/images/icons/postsig/signature-icons.css');
</style>
<style type="text/css">
.Bunsig {
width:60%;
margin:0px auto;
}
.Bunsig .title {
margin:0px auto;
text-align:left;
padding:0px 5px 3px 5px;
border-bottom:1px dashed rgba(0, 0, 0, 0.75);
font-family:'Garamond', serif;
font-size:18pt;
text-shadow:0px 0px 3px rgba(0, 0, 0, 0.75);
letter-spacing:2px;
word-spacing:4px;
text-transform:uppercase;
}
.Bunsig #signature-icon {margin:0px auto; text-align:center;}
.Bunsig .sigicons {
text-align:left;
margin:0px auto;
line-height:1em;
padding:2px 0px 2px 0px;
}
.Bunsig .packicons {
text-align:left;
margin:0px auto;
line-height:1em;
padding:2px 0px 2px 0px;
}
.Bunsig a {
-webkit-opacity: 0.25;
-moz-opacity: 0.25;
opacity: 0.25;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.Bunsig a:hover {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
</style>
[/html]
#3
[html]
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
<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:150px;background-color:#1D1C21; background-position:bottom;background-image:url('https://cdn.discordapp.com/attachments/299785096591048704/365583062437986306/Everett.jpeg'); 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:14px; line-height:11px; letter-spacing:px;">

<p>
POST. </p>

</font>
<br>
<br>
<br>
<p>
<font color=#AAAAC4 style="font-family: 'Lobster', cursive; font-size:24px; line-height:11px; letter-spacing:px;">
<center>Everett Moreau</center></p>
<p>
<font color=#AAAAC4 style="font-family: 'Lobster', cursive; font-size:19px; line-height:11px; letter-spacing:px;">
<center>Today is where your book begins; The rest is still unwritten.</center></p>
</div></td></tr></table></div></tr></td></table></center>[/html]

Code:
[html]
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
<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:150px;background-color:#1D1C21; background-position:bottom;background-image:url('https://cdn.discordapp.com/attachments/299785096591048704/365583062437986306/Everett.jpeg'); 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:14px; line-height:11px; letter-spacing:px;">

            <p>
POST.                </p>
      
</font>
<br>
<br>
<br>
<p>
  <font color=#AAAAC4 style="font-family: 'Lobster', cursive; font-size:24px; line-height:11px; letter-spacing:px;">
<center>Everett Moreau</center></p>
<p>
  <font color=#AAAAC4 style="font-family: 'Lobster', cursive; font-size:19px; line-height:11px; letter-spacing:px;">
<center>Today is where your book begins; The rest is still unwritten.</center></p>
</div></td></tr></table></div></tr></td></table></center>[/html]

***

With Nat art

[html]
<div class="eveNatxt">
<div class="eveNatxt-box"></div>
<p class="ooc"><span class="wc">Word Count &rarr; +000</span> :: OOC</p>
<p>Another day in the Vale presented another chance at exploration.</p>
</div>
<style>
.eveNatxt-box {background-image:url('http://i67.tinypic.com/sqjscp.jpg'); min-height:490px; background-repeat:no-repeat; background-position: top center; background-size:150px; width:200px; height:490px; float:right; margin:3px; }
.eveNatxt {font-family:'Merriweather', serif; font-size: 15px; text-align: left; margin:0 auto; width:95%; line-height:25px;}
.eveNatxt p.ooc {opacity:0.7; font-family:arial, helvetica, sans-serif; text-indent:0px; padding:10px 5px;}
.eveNatxt p.ooc + p {padding:0px 5px;}
.eveNatxt .wc {text-transform: uppercase; font-weight:bold;}
.eveNatxt p {text-indent: 25px; margin:0px; padding:10px 5px;}
</style>
<style>
@import url('https://fonts.googleapis.com/css?family=Merriweather');
</style>
<p style="text-align:center; font-size:12px;">Art by <a href="https://toast4nat.deviantart.com/">Nat</a></p>
[/html]

Code:
[html]
    <div class="eveNatxt">
    <div class="eveNatxt-box"></div>
    <p class="ooc"><span class="wc">Word Count &rarr; +000</span> :: OOC</p>
    <p>Another day in the Vale presented another chance at exploration.</p>
</div>
    <style>
    .eveNatxt-box {background-image:url('http://i67.tinypic.com/sqjscp.jpg'); min-height:490px; background-repeat:no-repeat; background-position: top center; background-size:150px; width:200px; height:490px; float:right; margin:3px; }
    .eveNatxt {font-family:'Merriweather',  serif; font-size: 15px; text-align: left; margin:0 auto; width:95%; line-height:25px;}
    .eveNatxt p.ooc {opacity:0.7; font-family:arial, helvetica, sans-serif; text-indent:0px; padding:10px 5px;}
    .eveNatxt p.ooc + p {padding:0px 5px;}
    .eveNatxt .wc {text-transform: uppercase; font-weight:bold;}
    .eveNatxt p {text-indent: 25px; margin:0px; padding:10px 5px;}
    </style>
<style>
@import url('https://fonts.googleapis.com/css?family=Merriweather');
</style>
<p style="text-align:center; font-size:12px;">Art by <a href="https://toast4nat.deviantart.com/">Nat</a></p>
    [/html]

***

With paradiselights art

[html]<div class="Kettext2">
<div class="Kettext2-post"><img src="https://image.ibb.co/i2LJ0G/do_re_mi_fa_so_by_paradiselights.png">
<p>
FEED ME WORDS.
</p>
</div>
<table class="ooc">
<td class="chat">OOC</td> <td class="wc">+000</td>
</table>
</div>
<style>
.Kettext2 {width:100%;margin:0px auto; float:center;}
.Kettext2-post {border-top: 1px dashed;margin:10px;}
.Kettext2 p {font-family: 'Georgia', serif; font-size:15px;text-align:left; text-indent:30px;line-height:120%;}
.Kettext2 b {font-family: 'Times', serif;font-size:18px;}
.Kettext2 table.ooc {width:100%;text-align:center; border-top:1px dashed;}
.Kettext2 td.chat {width:75%; font-family: 'Courier', monospace; font-size:15px;}
.Kettext2 td.wc {font-family: 'Times New Roman'; font-size:18px;text-align:right;padding-right:15px;}
.Kettext2 img {margin:5px; float:right; max-width:150px;max-height:500px;}
</style>
<p style="text-align:center; font-size:12px;">Art by <a href="https://paradiselights.deviantart.com/">ParadiseLights</a></p>
[/html]

Code:
[html]<div class="Kettext2">
<div class="Kettext2-post"><img src="https://image.ibb.co/i2LJ0G/do_re_mi_fa_so_by_paradiselights.png">
<p>
FEED ME WORDS.
</p>
</div>
<table class="ooc">
<td class="chat">OOC</td> <td class="wc">+000</td>
</table>
</div>
<style>
.Kettext2 {width:100%;margin:0px auto; float:center;}
.Kettext2-post {border-top: 1px dashed;margin:10px;}
.Kettext2 p {font-family: 'Georgia', serif; font-size:15px;text-align:left; text-indent:30px;line-height:120%;}
.Kettext2 b {font-family: 'Times', serif;font-size:18px;}
.Kettext2 table.ooc {width:100%;text-align:center; border-top:1px dashed;}
.Kettext2 td.chat {width:75%; font-family: 'Courier', monospace; font-size:15px;}
.Kettext2 td.wc {font-family: 'Times New Roman'; font-size:18px;text-align:right;padding-right:15px;}
.Kettext2 img {margin:5px; float:right; max-width:150px;max-height:500px;}
</style>
<p style="text-align:center; font-size:12px;">Art by <a href="https://paradiselights.deviantart.com/">ParadiseLights</a></p>
[/html]

***

[html]
<div class="embooktab"><table class="oocst"><tr class="oocshiz">
<td class="ooc">OOC</td><td class="wc">437</td>
</tr></table><div class="embooktab-in">
<p>

</p>
</div>
<div class="lyrics"> It's better to face these kinds of things with a sense of poise and rationality</div></div>
<style>
@import url('https://fonts.googleapis.com/css?family=Droid+Serif|Jim+Nightshade|Josefin+Slab|Old+Standard+TT|Amatic+SC+|Glass Antiqua|Sacramento|Bad+Script|Lora');
.embooktab {width:600px;margin:0px auto; float:center;background-image: url('http://i.imgur.com/zBlrLzu.png?1'); background-repeat:no-repeat; background-position:top center;padding-top:285px;border:1px solid #850d1e ;background-color:#fff;}
.embooktab-in {background-color:#fff; padding:0px;}
.embooktab table.oocst {width:100%;background-color:#850d1e;border:2px dotted #850d1e ;color:#83B9D1;}
.embooktab td.ooc {width:75%; text-align:center;padding:5px;}
.embooktab td.wc {width:25%; font-family: 'Sacramento', serif; font-size:20px; float:right;padding-right:25px; font-style:bold; }
.embooktab p {font-family: 'Old Standard TT', serif; font-size:19px; text-align:left; text-indent:20px;padding: 5px;font-weight:590;}
.embooktab table.notes {width:100%;background-color: #850d1e;border-collapse:collapse;border-spacing:0;}
.embooktab tr.lable {padding:0px;line-height:1.7; font-family: 'Lora', serif; font-size:15px;text-align:center;margin: 0px auto; float:center;width:25%;}
.lyrics {background-color:#790919; text-align:center;padding:0px;font-family: 'Jim Nightshade', serif; font-size:25px;line-height:1.5;color:#83B9D1;width:100%;}
.embooktab b {font-family: 'Glass Antiqua', serif; font-size:20px; color:#000;letter-spacing:1px;}
</style>
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/nanook" type="text/css"/><link href="https://fonts.googleapis.com/css?family=Bad+Script|Dancing+Script|Gloria+Hallelujah|Indie+Flower|Laila|Lora|Nothing+You+Could+Do|Ruthie|Sacramento|Shadows+Into+Light|Tangerine" rel="stylesheet">
[/html]

Code:
[html]
<div class="embooktab"><table class="oocst"><tr class="oocshiz">
<td class="ooc">OOC</td><td class="wc">437</td>
</tr></table><div class="embooktab-in">
<p>

</p>
</div>
<div class="lyrics"> It's better to face these kinds of things with a sense of poise and rationality</div></div>
    <style>
@import url('https://fonts.googleapis.com/css?family=Droid+Serif|Jim+Nightshade|Josefin+Slab|Old+Standard+TT|Amatic+SC+|Glass Antiqua|Sacramento|Bad+Script|Lora');
.embooktab {width:600px;margin:0px auto; float:center;background-image: url('http://i.imgur.com/zBlrLzu.png?1'); background-repeat:no-repeat; background-position:top center;padding-top:285px;border:1px solid #850d1e ;background-color:#fff;}
.embooktab-in {background-color:#fff; padding:0px;}
.embooktab table.oocst {width:100%;background-color:#850d1e;border:2px dotted #850d1e ;color:#83B9D1;}
.embooktab td.ooc {width:75%; text-align:center;padding:5px;}
.embooktab td.wc {width:25%; font-family: 'Sacramento', serif; font-size:20px; float:right;padding-right:25px; font-style:bold; }
.embooktab p {font-family: 'Old Standard TT', serif; font-size:19px; text-align:left; text-indent:20px;padding: 5px;font-weight:590;}
.embooktab table.notes {width:100%;background-color: #850d1e;border-collapse:collapse;border-spacing:0;}
.embooktab tr.lable {padding:0px;line-height:1.7; font-family: 'Lora', serif; font-size:15px;text-align:center;margin: 0px auto; float:center;width:25%;}
.lyrics {background-color:#790919; text-align:center;padding:0px;font-family: 'Jim Nightshade', serif; font-size:25px;line-height:1.5;color:#83B9D1;width:100%;}
.embooktab b {font-family: 'Glass Antiqua', serif; font-size:20px; color:#000;letter-spacing:1px;}
    </style>
    <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/nanook" type="text/css"/><link href="https://fonts.googleapis.com/css?family=Bad+Script|Dancing+Script|Gloria+Hallelujah|Indie+Flower|Laila|Lora|Nothing+You+Could+Do|Ruthie|Sacramento|Shadows+Into+Light|Tangerine" rel="stylesheet">
    [/html]
Avatar by Lin <3


Forum Jump: