We'll Let the Fires Just Bathe Us
#1
[html]<div class="content"><style>@import url('/forum/headers/extracode/singleColumn.css');</style> <div class="SalStudioTitle">SALENA'S LOG HUB</div> <div class="SalStudio"> <div id="codemenu"> <ul> <li class="hass-sub"><a href="https://wiki.soulsrpg.com/index.php?n=Players.Salena">Player Wiki</a> <ul> <li><a href="https://soulsrpg.com/forum/ucp.php?i=pm&amp;mode=compose&amp;u=5320">PM</a> </li> <li><a href="mailtoConfusedalenakingston@aim.com">EMAIL</a></li> </ul></li> <li><a href="https://wiki.soulsrpg.com/index.php?n=Players.SalenaAdoptions">Adoptables</a> </li> <li class="hass-sub"><a href="">Off Board Accounts</a> <ul> <li><a href="https://www.deviantart.com/salenakingston">DeviantArt Account</a> </li> <li><a href="https://twitter.com/Salena_Kingston">Twitter Account</a> </li> </ul> </li> </ul> </div> <div class="SalStudio-in"> <center> <table class="sallog" id="sallog" cellpadding="5" cellspacing="15" style="width:95%; margin:0;"> <tbody><tr> <td width="25%"> <div class="CharName"><span class="sl">Idrieus Eternity</span></div> <ul> <li><a href="https://soulsrpg.com/forum/memberlist.php?mode=viewprofile&amp;u=3516">Character Profile</a></li> <li><a href="https://wiki.soulsrpg.com/index.php?n=Characters.Idrieus">Character Wiki</a></li> <li><a href="https://soulsrpg.com/forum/search.php?st=0&sk=t&sd=d&sr=topics&author_id=3516&fid[]=45&fid[]=46&fid[]=47&fid[]=48&fid[]=14&fid[]=39&fid[]=40&fid[]=42&fid[]=56&fid[]=23&fid[]=51&fid[]=52&fid[]=53&fid[]=54&fid[]=55&fid[]=87&fid[]=107&fid[]=120&fid[]=124&fid[]=139&sc=0">Active Threads</a></li> <li><a href="https://soulsrpg.com/forum/search.php?keywords=&terms=all&author_id=3516&fid[]=45&fid[]=46&fid[]=47&fid[]=48&fid[]=14&fid[]=39&fid[]=40&fid[]=42&fid[]=56&fid[]=23&fid[]=51&fid[]=52&fid[]=53&fid[]=54&fid[]=55&fid[]=87&fid[]=107&fid[]=24&fid[]=120&fid[]=124&&fid[]=139sc=0&sf=all&sr=topics&sk=t&sd=d&st=0&ch=300&t=0&submit=Search#page-body">All Threads</a></li> </ul> </td> <td width="25%"> <div class="CharName"><span class="dcg">Dahlia Winthrop</span></div> <ul> <li><a href="https://soulsrpg.com/forum/memberlist.php?mode=viewprofile&amp;u=5320">Character Profile</a></li> <li><a href="https://wiki.soulsrpg.com/index.php?n=Characters.DahliaDeLePoer">Character Wiki</a></li> <li><a href="https://soulsrpg.com/forum/search.php?st=0&sk=t&sd=d&sr=topics&author_id=5320&fid[]=45&fid[]=46&fid[]=47&fid[]=48&fid[]=14&fid[]=39&fid[]=40&fid[]=42&fid[]=56&fid[]=23&fid[]=51&fid[]=52&fid[]=53&fid[]=54&fid[]=55&fid[]=87&fid[]=107&fid[]=120&fid[]=124&fid[]=139&sc=0">Active Threads</a></li> <li><a href="https://soulsrpg.com/forum/search.php?keywords=&terms=all&author_id=5320&fid[]=45&fid[]=46&fid[]=47&fid[]=48&fid[]=14&fid[]=39&fid[]=40&fid[]=42&fid[]=56&fid[]=23&fid[]=51&fid[]=52&fid[]=53&fid[]=54&fid[]=55&fid[]=87&fid[]=107&fid[]=24&fid[]=120&fid[]=124&&fid[]=139sc=0&sf=all&sr=topics&sk=t&sd=d&st=0&ch=300&t=0&submit=Search#page-body">All Threads</a></li> </ul> </td> <td width="25%"> <div class="CharName"><span class="mv">Zuri Acidic-Trombetta</span></div> <ul> <li><a href="https://soulsrpg.com/forum/memberlist.php?mode=viewprofile&amp;u=4510">Character Profile</a></li> <li><a href="https://wiki.soulsrpg.com/index.php?n=Characters.ZuriAcidic-Trombetta">Character Wiki</a></li> <li><a href="https://soulsrpg.com/forum/search.php?st=0&sk=t&sd=d&sr=topics&author_id=4510&fid[]=45&fid[]=46&fid[]=47&fid[]=48&fid[]=14&fid[]=39&fid[]=40&fid[]=42&fid[]=56&fid[]=23&fid[]=51&fid[]=52&fid[]=53&fid[]=54&fid[]=55&fid[]=87&fid[]=107&fid[]=120&fid[]=124&fid[]=139&sc=0">Active Threads</a></li> <li><a href="https://soulsrpg.com/forum/search.php?keywords=&terms=all&author_id=4510&fid[]=45&fid[]=46&fid[]=47&fid[]=48&fid[]=14&fid[]=39&fid[]=40&fid[]=42&fid[]=56&fid[]=23&fid[]=51&fid[]=52&fid[]=53&fid[]=54&fid[]=55&fid[]=87&fid[]=107&fid[]=24&fid[]=120&fid[]=124&&fid[]=139sc=0&sf=all&sr=topics&sk=t&sd=d&st=0&ch=300&t=0&submit=Search#page-body">All Threads</a></li> </ul> </td> <td width="25%"> <div class="CharName"><span class="ln">Hibiki</span></div> <ul> <li><a href="https://soulsrpg.com/forum/memberlist.php?mode=viewprofile&u=4224">Character Profile</a></li> <li><a href="https://wiki.soulsrpg.com/index.php?n=Characters.Kaimu?from=Characters.Hibiki">Character Wiki</a></li> <li><a href="https://soulsrpg.com/forum/search.php?st=0&sk=t&sd=d&sr=topics&author_id=4224&fid[]=45&fid[]=46&fid[]=47&fid[]=48&fid[]=14&fid[]=39&fid[]=40&fid[]=42&fid[]=56&fid[]=23&fid[]=51&fid[]=52&fid[]=53&fid[]=54&fid[]=55&fid[]=87&fid[]=107&fid[]=120&fid[]=124&fid[]=139&sc=0">Active Threads</a></li> <li><a href="https://soulsrpg.com/forum/search.php?keywords=&terms=all&author_id=4224&fid[]=45&fid[]=46&fid[]=47&fid[]=48&fid[]=14&fid[]=39&fid[]=40&fid[]=42&fid[]=56&fid[]=23&fid[]=51&fid[]=52&fid[]=53&fid[]=54&fid[]=55&fid[]=87&fid[]=107&fid[]=24&fid[]=120&fid[]=124&&fid[]=139sc=0&sf=all&sr=topics&sk=t&sd=d&st=0&ch=300&t=0&submit=Search#page-body">All Threads</a></li> </ul> </td> </tr> <tr> <td width="25%"> <div class="CharName"><span class="sl">Silas del Morte</span></div> <ul> <li><a href="https://soulsrpg.com/forum/memberlist.php?mode=viewprofile&amp;u=4179">Character Profile</a></li> <li><a href="https://wiki.soulsrpg.com/index.php?n=Characters.SilasDelMorte">Character Wiki</a></li> <li><a href="https://soulsrpg.com/forum/search.php?st=0&sk=t&sd=d&sr=topics&author_id=4179&fid[]=45&fid[]=46&fid[]=47&fid[]=48&fid[]=14&fid[]=39&fid[]=40&fid[]=42&fid[]=56&fid[]=23&fid[]=51&fid[]=52&fid[]=53&fid[]=54&fid[]=55&fid[]=87&fid[]=107&fid[]=120&fid[]=124&fid[]=139&sc=0">Active Threads</a></li> <li><a href="https://soulsrpg.com/forum/search.php?keywords=&terms=all&author_id=4179&fid[]=45&fid[]=46&fid[]=47&fid[]=48&fid[]=14&fid[]=39&fid[]=40&fid[]=42&fid[]=56&fid[]=23&fid[]=51&fid[]=52&fid[]=53&fid[]=54&fid[]=55&fid[]=87&fid[]=107&fid[]=24&fid[]=120&fid[]=124&&fid[]=139sc=0&sf=all&sr=topics&sk=t&sd=d&st=0&ch=300&t=0&submit=Search#page-body">All Threads</a></li> </ul> </td> <td width="25%"> <div class="CharName"><span class="cdc">Nora Knight</span></div> <ul> <li><a href="https://soulsrpg.com/forum/memberlist.php?mode=viewprofile&amp;u=4939">Character Profile</a></li> <li><a href="https://wiki.soulsrpg.com/index.php?n=Characters.NoraKnight">Character Wiki</a></li> <li><a href="https://soulsrpg.com/forum/search.php?st=0&sk=t&sd=d&sr=topics&author_id=4939&fid[]=45&fid[]=46&fid[]=47&fid[]=48&fid[]=14&fid[]=39&fid[]=40&fid[]=42&fid[]=56&fid[]=23&fid[]=51&fid[]=52&fid[]=53&fid[]=54&fid[]=55&fid[]=87&fid[]=107&fid[]=120&fid[]=124&fid[]=139&sc=0">Active Threads</a></li> <li><a href="https://soulsrpg.com/forum/search.php?keywords=&terms=all&author_id=4939&fid[]=45&fid[]=46&fid[]=47&fid[]=48&fid[]=14&fid[]=39&fid[]=40&fid[]=42&fid[]=56&fid[]=23&fid[]=51&fid[]=52&fid[]=53&fid[]=54&fid[]=55&fid[]=87&fid[]=107&fid[]=24&fid[]=120&fid[]=124&&fid[]=139sc=0&sf=all&sr=topics&sk=t&sd=d&st=0&ch=300&t=0&submit=Search#page-body">All Threads</a></li> </ul> </td> <td width="25%"> <div class="CharName"><span class="sl">Eden de le Ulrich</span></div> <ul> <li><a href="https://soulsrpg.com/forum/memberlist.php?mode=viewprofile&amp;u=5420">Character Profile</a></li> <li><a href="https://wiki.soulsrpg.com/index.php?n=Characters.EdenDeLeUlrich">Character Wiki</a></li> <li><a href="https://soulsrpg.com/forum/search.php?st=0&sk=t&sd=d&sr=topics&author_id=5420&fid[]=45&fid[]=46&fid[]=47&fid[]=48&fid[]=14&fid[]=39&fid[]=40&fid[]=42&fid[]=56&fid[]=23&fid[]=51&fid[]=52&fid[]=53&fid[]=54&fid[]=55&fid[]=87&fid[]=107&fid[]=120&fid[]=124&fid[]=139&sc=0">Active Threads</a></li> <li><a href="https://soulsrpg.com/forum/search.php?keywords=&terms=all&author_id=5420&fid[]=45&fid[]=46&fid[]=47&fid[]=48&fid[]=14&fid[]=39&fid[]=40&fid[]=42&fid[]=56&fid[]=23&fid[]=51&fid[]=52&fid[]=53&fid[]=54&fid[]=55&fid[]=87&fid[]=107&fid[]=24&fid[]=120&fid[]=124&&fid[]=139sc=0&sf=all&sr=topics&sk=t&sd=d&st=0&ch=300&t=0&submit=Search#page-body">All Threads</a></li> </ul> </td> <td width="25%"> <div class="CharName"><span class="sl">Ossidael Lykoi</span></div> <ul> <li><a href="https://soulsrpg.com/forum/memberlist.php?mode=viewprofile&amp;u=5256">Character Profile</a></li> <li><a href="https://wiki.soulsrpg.com/index.php?n=Characters.OssidaelLykoi">Character Wiki</a></li> <li><a href="https://soulsrpg.com/forum/search.php?st=0&sk=t&sd=d&sr=topics&author_id=5256&fid[]=45&fid[]=46&fid[]=47&fid[]=48&fid[]=14&fid[]=39&fid[]=40&fid[]=42&fid[]=56&fid[]=23&fid[]=51&fid[]=52&fid[]=53&fid[]=54&fid[]=55&fid[]=87&fid[]=107&fid[]=120&fid[]=124&fid[]=139&sc=0">Active Threads</a></li> <li><a href="https://soulsrpg.com/forum/search.php?keywords=&terms=all&author_id=5256&fid[]=45&fid[]=46&fid[]=47&fid[]=48&fid[]=14&fid[]=39&fid[]=40&fid[]=42&fid[]=56&fid[]=23&fid[]=51&fid[]=52&fid[]=53&fid[]=54&fid[]=55&fid[]=87&fid[]=107&fid[]=24&fid[]=120&fid[]=124&&fid[]=139sc=0&sf=all&sr=topics&sk=t&sd=d&st=0&ch=300&t=0&submit=Search#page-body">All Threads</a></li> </ul> </td> </tr> <tr> <td width="25%"> <div class="CharName"><span class="sl">Sanguine Valentine</span></div> <ul> <li><a href="https://soulsrpg.com/forum/memberlist.php?mode=viewprofile&u=5491">Character Profile</a></li> <li><a href="https://wiki.soulsrpg.com/index.php?n=Characters.SanguineValentine">Character Wiki</a></li> <li><a href="https://soulsrpg.com/forum/search.php?st=0&sk=t&sd=d&sr=topics&author_id=5491&fid[]=45&fid[]=46&fid[]=47&fid[]=48&fid[]=14&fid[]=39&fid[]=40&fid[]=42&fid[]=56&fid[]=23&fid[]=51&fid[]=52&fid[]=53&fid[]=54&fid[]=55&fid[]=87&fid[]=107&fid[]=120&fid[]=124&fid[]=139&sc=0">Active Threads</a></li> <li><a href="https://soulsrpg.com/forum/search.php?keywords=&terms=all&author_id=5491&fid[]=45&fid[]=46&fid[]=47&fid[]=48&fid[]=14&fid[]=39&fid[]=40&fid[]=42&fid[]=56&fid[]=23&fid[]=51&fid[]=52&fid[]=53&fid[]=54&fid[]=55&fid[]=87&fid[]=107&fid[]=24&fid[]=120&fid[]=124&&fid[]=139sc=0&sf=all&sr=topics&sk=t&sd=d&st=0&ch=300&t=0&submit=Search#page-body">All Threads</a></li> </ul> </td> </tr> </tbody></table></center></div></div> <style type="text/css"> @import url('https://fonts.googleapis.com/css?family=Italianno|Neuton'); .notice {display:none;} .SalStudio {width:100%; border:0px; padding:0px; margin:0px auto; box-shadow:2px 2px 3px #1d1d1d; -moz-box-shadow:2px 2px 3px #1d1d1d; -webkit-box-shadow:2px 2px 3px #1d1d1d; border-top:6px solid #2f2f2f;} .SalStudio-in {padding:5px; margin:0px auto; border:0px; background:#ede4d4; border-top:6px solid #2f2f2f; border-bottom:6px solid #2f2f2f;} .SalStudioTitle {font-family: 'Italianno', cursive; font-size:55px; letter-spacing:4px; text-align:center; color:#000; text-shadow:#000 0px 0px 2px; line-height:45px; margin-top:20px;} .CharName {font-family: 'Neuton', serif; font-size:20px; text-align:left; border-bottom:1px dotted;} .sallog {border:0px; vertical-align: text-top;} .sallog td ul li { margin:0; padding:0; font-size:12px;} .sallog td ol li { margin:0; padding:0; font-size:11px;} .sallog td ol li a, { font-weight:normal; font-size:11px; text-transform:lowercase; } .sallog td ol { padding:0; margin:0; overflow:auto; } #codemenu,#codemenu ul,#codemenu ul li,#codemenu ul li a,#codemenu #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #codemenu:after,#codemenu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} #codemenu #menu-button { display: none;} #codemenu { width: auto; font-family: 'Open Sans', sans-serif; line-height: 1; background: #3B3B3B; } #menu-line { position: absolute; top: 0; left: 0; height: 3px; background: #009ae1; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out;} #codemenu > ul > li { float: left;} #codemenu.align-center > ul {font-size: 0; text-align: center;} #codemenu.align-center > ul > li { display: inline-block; float: none;} #codemenu.align-center ul ul {text-align: center;} #codemenu.align-right > ul > li { float: right;} #codemenu.align-right ul ul {text-align: right;} #codemenu > ul > li > a { padding: 20px; font-size: 12px; text-decoration: none; text-transform: uppercase; color: #FFF; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease;} #codemenu > ul > li:hover > a, #codemenu > ul > li.active > a { color: #e7e7e7;} #codemenu > ul > li.hass-sub > a {padding-right: 25px;} #codemenu > ul > li.hass-sub > a::after { position: absolute; top: 21px; right: 10px; width: 4px; height: 4px; border-bottom: 1px solid #000000; border-right: 1px solid #000000; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease; } #codemenu > ul > li.hass-sub:hover > a::after {border-color: #000000;} #codemenu ul ul {position: absolute;left: -9999px;} #codemenu li:hover > ul {left: auto;} #codemenu.align-right li:hover > ul {right: 0;} #codemenu ul ul ul {margin-left: 100%;top: 0;} #codemenu.align-right ul ul ul {margin-left: 0; margin-right: 100%;} #codemenu ul ul li { height: 0; -webkit-transition: height .2s ease; -moz-transition: height .2s ease; -ms-transition: height .2s ease; -o-transition: height .2s ease; transition: height .2s ease;} #codemenu ul li:hover > ul > li { height: 32px;} #codemenu ul ul li a { padding: 10px 20px; width: 160px; font-size: 12px; background: #d7c6be; text-decoration: none; color: #6d4546; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease;} #codemenu ul ul li:hover > a, #codemenu ul ul li a:hover {color: #000;} #codemenu ul ul li.hass-sub > a::after { position: absolute; top: 13px; right: 10px; width: 4px; height: 4px; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; content: ""; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease;} #codemenu.align-right ul ul li.hass-sub > a::after { right: auto; left: 10px; border-bottom: 0; border-right: 0; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; } #codemenu ul ul li.hass-sub:hover > a::after { border-color: #ffffff; } @media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) { #codemenu { width: 100%; } #codemenu ul { width: 100%; display: none; } #codemenu.align-center > ul, #codemenu.align-right ul ul { text-align: left; } #codemenu ul li, #codemenu ul ul li, #codemenu ul li:hover > ul > li { width: 100%; height: auto; border-top: 1px solid rgba(120, 120, 120, 0.15); } #codemenu ul li a, #codemenu ul ul li a { width: 100%; } #codemenu > ul > li, #codemenu.align-center > ul > li, #codemenu.align-right > ul > li { float: none; display: block;} #codemenu ul ul li a { padding: 20px 20px 20px 30px; font-size: 12px; color: #FFF; background: none;} #codemenu ul ul li:hover > a, #codemenu ul ul li a:hover {color: #FFF;} #codemenu ul ul ul li a {padding-left: 40px;} #codemenu ul ul, #codemenu ul ul ul { position: relative; left: 0; right: auto; width: 100%; margin: 0;} #codemenu > ul > li.hass-sub > a::after, #codemenu ul ul li.hass-sub > a::after {display: none;} #menu-line {display: none;} #codemenu #menu-button { display: block; padding: 20px; color: #000000; cursor: pointer; font-size: 12px; text-transform: uppercase; } #codemenu #menu-button::after { content: ''; position: absolute; top: 20px; right: 20px; display: block; width: 15px; height: 2px; background: #000000;} #codemenu #menu-button::before { content: ''; position: absolute; top: 25px; right: 20px; display: block; width: 15px; height: 3px; border-top: 2px solid #000000; border-bottom: 2px solid #000000;} #codemenu .submenu-button { position: absolute; z-index: 10; right: 0; top: 0; display: block; border-left: 1px solid rgba(120, 120, 120, 0.15); height: 52px; width: 52px; cursor: pointer; } #codemenu .submenu-button::after { content: ''; position: absolute; top: 21px; left: 26px; display: block; width: 1px; height: 11px; background: #000000; z-index: 99;} #codemenu .submenu-button::before { content: ''; position: absolute; left: 21px; top: 26px; display: block; width: 11px; height: 1px; background: #000000; z-index: 99;} #codemenu .submenu-button.submenu-opened:after {display: none; } } </style></div>

<div class="postprofile" id="profile326874">

<div class="author">
<a href="./memberlist.php?mode=viewprofile&amp;u=5320">Dahlia de le Poer</a>
</div>

<table class="packbelonging">
<tbody><tr>
<td>

<img src="images/icons/loners/cartel.png" title="Loner icon">

</td>
<td>

The Cartel

<br>

La Paloma

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

<div class="avatar"><img src="https://i.imgur.com/HA7upyt.png" width="200" height="200" alt="User avatar"></div>
<div class="oocname">Salena</div>


<div class="custom-icons">
<img src="/images/icons/werewolf_icon.gif" title="Luperci" alt="Luperci"><img src="http://soulsrpg.com/images/icons/custom/chaos_star.gif" title="Chaos Star" alt="Chaos Star"> <img src="https://i.imgur.com/n3ahvLQ.png">
</div>

</div>

Original Code by Kitty
[/html]
  Reply
#2
IDRIEUS ETERNITY

Sylvey Gift Table
Code:
[html]<center>
<div class="sylCSS2" id="sylCSS2">
<div class="ooc"><span class="count">(000)</span> OOC comment here.</div>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque tortor ac aliquam blandit. Donec vehicula cursus nulla, nec posuere risus convallis vitae. Vestibulum a vehicula nibh, ut elementum orci. Curabitur eu mauris sit amet felis viverra adipiscing at id purus. Fusce nec neque et purus venenatis vehicula a non nisl. Sed interdum justo ut odio pulvinar tincidunt. Curabitur ultricies vulputate turpis non imperdiet. Vivamus nibh urna, sagittis ac dui id, adipiscing ultricies diam. Phasellus enim nisl, fermentum eleifend elit ut, congue interdum enim. Aenean nec ligula eget dolor blandit volutpat. Vestibulum vulputate sed dolor sit amet porta. Integer et sem ante.</p>

<p>In orci leo, egestas sit amet nunc a, posuere venenatis ligula. Nullam scelerisque dui ac augue commodo dictum. Nunc ornare pulvinar dui id condimentum. In faucibus lectus sed dui aliquam, eget elementum ipsum sodales. Nam sed elit eget lorem consectetur auctor. In sollicitudin, elit scelerisque commodo convallis, ligula dolor placerat lorem, ac tristique tellus mi imperdiet ligula. Integer lobortis non elit nec fermentum. Aliquam adipiscing metus est, a venenatis nisl volutpat quis.</p>

<p>Mauris condimentum gravida turpis, eu ornare tellus sodales quis. Mauris aliquam at metus et pretium. <b>But the stars that marked our starting fall away.</b> Et vestibulum diam volutpat id. Praesent eu nulla eros. Aenean vestibulum volutpat massa id hendrerit. Etiam aliquam dictum lectus, non pellentesque sapien scelerisque ac. Pellentesque quis sapien id sapien lacinia vehicula. Fusce sit amet quam dolor.</p>

<p>Pellentesque eu adipiscing lectus. Praesent ultricies consequat orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ultrices, nisl ut ullamcorper pretium, dolor nisi dictum risus, at adipiscing enim est in diam. Suspendisse fermentum turpis eu porta tristique. Curabitur cursus venenatis quam ut auctor. Etiam commodo mattis tellus in vehicula. Maecenas vel varius tortor, in placerat est. Vestibulum a diam et mi aliquet vestibulum et nec arcu. Etiam posuere est tempor condimentum luctus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam lacus ante, consequat a molestie in, aliquam nec metus. In et nunc dictum, scelerisque nulla ut, ultrices massa. Sed pharetra tincidunt bibendum. Etiam sit amet eros at enim ultricies semper a et risus. Interdum et malesuada fames ac ante ipsum primis in faucibus.</p>

</div>
</center>
<link href='https://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
<style>
.sylCSS2 { width: 525px; margin: 0 auto; background-position: bottom center; background-image: url("http://i.imgur.com/srujiqO.png"); background-size: 566px 666px; background-color: #d8d0c6; background-repeat: no-repeat; padding: 10px 20px 370px 20px; border: 1px dotted #696560; }

.sylCSS2 p { text-align: justify; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 145%; padding: 2px; margin: .25em 0; font-weight: 400; color: #55514c; opacity: 0.75; }

.sylCSS2 .ooc { text-align: left; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 145%; padding: 2px; margin: .25em 0; border-bottom: 1px dotted; opacity: .6; padding-bottom: 10px; font-weight: 400; color: #696560; }

.sylCSS2 .count { font-weight: bold; font-size: 14px; line-height: 145%; }

.sylCSS2 u.word { margin: 0 1px; text-decoration: none; border-bottom: 1px dotted; display: inline-block; filter:alpha(opacity=60%); opacity: .6; } .sylCSS2 u.word:hover, .sylCSS2 u.word:focus, .sylCSS2 u.word:active { cursor: help; }

.sylCSS2 b { font-family: 'Roboto', sans-serif; font-weight: 700; color: #484f78; }

.sylCSS2 b:before { content:open-quote } .sylCSS2 b:after { content:close-quote }

.sylCSS2 S .lang {font-style: italic; }

.sylCSS2 .lang:before { content:'< ' } .sylCSS2 .lang:after { content:' >' }

.sylCSS2 .npclang:before { content:'< ' } .sylCSS2 .npclang:after { content:' >' }

.sylCSS2 .npc, .npclang { filter:alpha(opacity=60%); opacity: .6; font-style: italic; } .sylCSS2 .npc:before { content: open-quote; color: #696560; } .sylCSS2 .npc:after { content: close-quote; }

.sylCSS2 p.time, .sylCSS2 p.time:after { content:'* * *'; font-size: 1.5em; text-align: center; line-height: 1.75em; margin-bottom: -.5em; padding: 0; text-indent: 0; display: block; font-weight: 700; color: #696560; }

.sylCSS2 .block-quote { padding: 10px; margin: 5px; border-left: 5px solid; font-style: italic; }

.sylCSS2 .img { float:right; padding: 10px 0px 10px 10px; max-height: 200px; }
</style>[/html]

Alaine Art Table
Code:
[html]
<div class="Idrieus01">
   <p class="header">Cause I've still got a lot of fight left in me</p>

<img src="http://i.imgur.com/aHtgQcU.png" style="width:37%; float:right; margin:10px;">

<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 class="ooc">OOC text here!</p>
</div>
<style type="text/css">
.Idrieus01 {
   width:80%;
   padding:5px 5px 5px 5px;
   margin:0px auto;
}
.Idrieus01 p.header{
   text-align:center;
   padding:0px 5px 0px 5px;
   font-family:'Bad Script';
   font-size:20px;
   border-bottom:1px dashed black;
}
.Idrieus01 p {
   text-indent:15px;
   font-size:13px;
   line-height:140%;
   text-align:left;
   font-family:'Arial';
   padding:0px 5px 0px 5px;
}
.Idrieus01 p.ooc {
   border-top:1px dashed black;
   padding:2px 5px 2px 5px;
   text-align:right;
   font-family:'Arial';
   font-size:13px;
}
</style>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Bad+Script">
[/html]

Saltwaterhermit Art Table
Code:
[html]<div class="idrieusoptimetable"><center><font style="font-family:veranda; font-size:20px; line-height:1px; text-transform: uppercase; letter-spacing:5px;"><span style="color:#312B1F"><i>My power's turned on</span></font><br><font style="font-family:veranda; font-size:14px; line-height:1px; text-transform: uppercase; letter-spacing:5px;"><span style="color:#4B5320">Starting right now I'll be strong</i></span></center></font><font style="font-family:georgia; font-size:12px; line-height:14px; text-transform: none; letter-spacing:1px;"></font><p>

<img src="http://i.imgur.com/8fB1twP.png" style="max-width:45%; float:right; margin:10px;"/>
<p><b>OOC</b>: OOC here. +000 words.</p><p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.<p>

<b>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b> Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.<p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.

</p></div><style>
    .idrieusoptimetable {width:95%; margin:0px auto; padding:10px 0px 0;}
    .idrieusoptimetable p {font-family:georgia; font-size:12px; line-height:14px; text-transform: none; letter-spacing:1px; text-indent:30px;}
    </style>
    <link href='http://fonts.googleapis.com/css?family=IM+Fell+Great+Primer+SC' rel='stylesheet' type='text/css'>[/html]

Nina Art Table
Code:
[html]<div class="content"><div class="idrieusoptimetable2"><center><font style="font-family:veranda; font-size:20px; line-height:1px; text-transform: uppercase; letter-spacing:5px;"><span style="color:#312B1F"><i>I will scream them loud tonight</i></span></font><i><br><font style="font-family:veranda; font-size:14px; line-height:1px; text-transform: uppercase; letter-spacing:5px;"><span style="color:#4B5320">Can you hear my voice this time?</span></font></i></center><font style="font-family:georgia; font-size:12px; line-height:14px; text-transform: none; letter-spacing:1px;"></font><p>  

<img src="http://i.imgur.com/ANQeiuX.png" style="max-width:45%; float:right; margin:10px;">
</p><p><b>OOC</b>: OOC here +000 words.</p><p>  

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.<p>

<b>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b> Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.<p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.

</p></div><style>
.idrieusoptimetable2 {width:95%; margin:0px auto; padding:10px 0px 0;}
.idrieusoptimetable2 p {font-family:georgia; font-size:12px; line-height:14px; text-transform: none; letter-spacing:1px; text-indent:30px;}
</style>
<link href="http://fonts.googleapis.com/css?family=IM+Fell+Great+Primer+SC" rel="stylesheet" type="text/css"></div>[/html]

[html]<style>
.postprofile { display: none; }
.postbody { width: 100% }</style>
[/html]
Idrieus Eternity
[Image: kAsWGPo.png]


Avatar art by Nic · Sig art by Nina
  Reply
#3
HIBIKI

Kitty Art Table
Code:
[html]
<div class="Kaimu">
   <p class="header">But the more I try to move on, the more I feel alone<br>
So I watch the summer stars to lead me home.</p>

<img src="http://i.imgur.com/WZztEvg.png" style="width:33%; float:right; margin:10px;">

<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 class="ooc">OOC text here!</p>
</div>
<style type="text/css">
.Kaimu {
   width:80%;
   padding:5px 5px 5px 5px;
   margin:0px auto;
}
.Kaimu p.header{
   text-align:center;
   padding:0px 5px 0px 5px;
   font-family:'Bad Script';
   font-size:20px;
   border-bottom:1px dashed black;
}
.Kaimu p {
   text-indent:15px;
   font-size:13px;
   line-height:140%;
   text-align:left;
   font-family:'Arial';
   padding:0px 5px 0px 5px;
}
.Kaimu p.ooc {
   border-top:1px dashed black;
   padding:2px 5px 2px 5px;
   text-align:right;
   font-family:'Arial';
   font-size:13px;
}
</style>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Bad+Script">
[/html]

Libri Art Table
Code:
[html]<div class="kaimuoptimetable"><center><font style="font-family:veranda; font-size:20px; line-height:1px; text-transform: uppercase; letter-spacing:5px;"><span style="color:#000000"><i>The fire I began, is burning me alive</span></font><br><font style="font-family:veranda; font-size:13px; line-height:1px; text-transform: uppercase; letter-spacing:5px;"><span style="color:#080808">But I'm no stranger to the heartache and the pain</i></span></center></font><font style="font-family:georgia; font-size:12px; line-height:14px; text-transform: none; letter-spacing:1px;"></font><p>

<img src="https://i.imgur.com/OVMUmLQ.png" style="max-width:35%; float:right; margin:10px;"/>
<p><b>OOC</b>: OOC goes here. +000 words.</p><p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.<p>

<b>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b> Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.<p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.

</p></div><style>
.kaimuoptimetable {width:95%; margin:0px auto; padding:10px 0px 0;}
.kaimuoptimetable p {font-family:georgia; font-size:12px; line-height:14px; text-transform: none; letter-spacing:1px; text-indent:30px;}
</style>
<link href='http://fonts.googleapis.com/css?family=IM+Fell+Great+Primer+SC' rel='stylesheet' type='text/css'>[/html]

Gen Art Table
Code:
[html]<div class="hibikioptimetable"><center><font style="font-family:veranda; font-size:20px; line-height:1px; text-transform: uppercase; letter-spacing:5px;"><span style="color:#000000"><i>The mountain of things that I still regret</span></font><br><font style="font-family:veranda; font-size:13px; line-height:1px; text-transform: uppercase; letter-spacing:5px;"><span style="color:#080808">Is a vile reminder that I would rather just forget</i></span></center></font><font style="font-family:georgia; font-size:12px; line-height:14px; text-transform: none; letter-spacing:1px;"></font><p>

<img src="https://i.imgur.com/VJ92wBh.png" style="max-width:35%; float:right; margin:10px;"/>
<p><b>OOC</b>: OOC goes here. +000 words.</p><p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.<p>

<b>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b> Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.<p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.

</p></div><style>
.hibikioptimetable {width:95%; margin:0px auto; padding:10px 0px 0;}
.hibikioptimetable p {font-family:georgia; font-size:12px; line-height:14px; text-transform: none; letter-spacing:1px; text-indent:30px;}
</style>
<link href='http://fonts.googleapis.com/css?family=IM+Fell+Great+Primer+SC' rel='stylesheet' type='text/css'>[/html]

Jasmae Art Table
Code:
[html]<div class="g-bikiart"><p class="oocstuff">OOC Here. +000 words.</p><div class="g-bikiart-top" title="art by Jasmae"></div>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.</p><p>

<b>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b> Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.</p><p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.
</p>

</div>
<link href="https://fonts.googleapis.com/css?family=Noto+Serif+TC" rel="stylesheet">
<style type="text/css">
.g-bikiart {width:650px; padding:5px; margin:0px auto;}
.g-bikiart p {text-indent: 25px; font-family:'Noto Serif TC', serif; font-size:14px; text-align:justify; line-height:150%;}
.g-bikiart p.oocstuff {border-bottom:dashed 1px; padding-top:0px; padding-left:3px;font-size:11px; text-align:center;}
.g-bikiart npc { letter-spacing:.5px; opacity: .7;font-weight:bold; }
.g-bikiart b:before, npc:before { content:open-quote; }
.g-bikiart b:after, npc:after { content:close-quote; }
.g-bikiart b.lang:before, npc.lang:before { content:'< '; }
.g-bikiart b.lang:after, npc.lang:after { content:' >';}
.g-bikiart-top {background-image:url('https://i.imgur.com/m1t1tJ3.png');background-position:55% 0%; width:100%; height:300px; width:150px;border:1px solid black;float:left;margin:10px;}
</style>
[/html]

[html]<style>
.postprofile { display: none; }
.postbody { width: 100% }</style>
[/html]
Hibiki
[Image: 47UmhJ6.png]


Avatar art by Despi · Sig art by J
  Reply
#4
SILAS DEL MORTE

Nina Art Table
Code:
[html]<div class="content"><div class="silasoptimetable2"><center><font style="font-family:veranda; font-size:20px; line-height:1px; text-transform: uppercase; letter-spacing:5px;"><span style="color:#312B1F"><i>To rise and shine is so hard to do</i></span></font><i><br><font style="font-family:veranda; font-size:14px; line-height:1px; text-transform: uppercase; letter-spacing:5px;"><span style="color:#4B5320">When all the light has been taken from you</span></font></i></center><font style="font-family:georgia; font-size:12px; line-height:14px; text-transform: none; letter-spacing:1px;"></font><p>  

<img src="https://i.imgur.com/YF1J7KH.png" style="max-width:45%; float:right; margin:10px;">
</p><p><b>OOC</b>: OOC here +000 words.</p><p>  

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.<p>

<b>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b> Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.<p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.

</p></div><style>
.silasoptimetable2 {width:95%; margin:0px auto; padding:10px 0px 0;}
.silasoptimetable2 p {font-family:georgia; font-size:12px; line-height:14px; text-transform: none; letter-spacing:1px; text-indent:30px;}
</style>
<link href="http://fonts.googleapis.com/css?family=IM+Fell+Great+Primer+SC" rel="stylesheet" type="text/css"></div>[/html]

[html]<style>
.postprofile { display: none; }
.postbody { width: 100% }</style>
[/html]
Silas del Morte
[Image: fWoACZC.png]


Avatar art by Kiri · Sig art by Despi
  Reply
#5
NORA KNIGHT

Nina Art Table
Code:
[html]<div class="noraoptimetable"><center><font style="font-family:veranda; font-size:10px; line-height:1px; text-transform: uppercase; letter-spacing:9px;"><span style="color:#571B7e"><i>Not the snow not the rain can change my mind</span></font><br><font style="font-family:veranda; font-size:12px; line-height:1px; text-transform: uppercase; letter-spacing:7px;"><span style="color:#98AFC7">The sun will come out, wait and see</i></span></center></font><font style="font-family:georgia; font-size:10px; line-height:14px; text-transform: none; letter-spacing:1px;"></font><p>

<img src="https://i.imgur.com/VruSFVS.png" style="max-width:35%; float:right; margin:5px;"/>
<p><b>OOC</b>: OOC here.</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.</p><p>

<b>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b> Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.</p><p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.
</p></div><style>
.noraoptimetable {width:95%; margin:0px auto; padding:10px 0px 0;}
.noraoptimetable p {font-family:georgia; font-size:12px; line-height:14px; text-transform: none; letter-spacing:1px; text-indent:30px;}
</style>
<link href='http://fonts.googleapis.com/css?family=IM+Fell+Great+Primer+SC' rel='stylesheet' type='text/css'>[/html]

[html]<style>
.postprofile { display: none; }
.postbody { width: 100% }</style>
[/html]
Nora Knight
[Image: uZH5Cnz.png]



Avatar art by Despi · Sig art by Despi
  Reply
#6
EDEN DE LE ULRICH

Jasmae Art Table
Code:
[html]<div class="g-edenart"><p class="oocstuff">OOC Here. +000 words.</p><div class="g-edenart-top" title="art by Jasmae"></div>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.</p><p>

<b>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b> Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.</p><p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.
</p>

</div>
<link href="https://fonts.googleapis.com/css?family=Noto+Serif+TC" rel="stylesheet">
<style type="text/css">
.g-edenart {width:650px; padding:5px; margin:0px auto;}
.g-edenart p {text-indent: 25px; font-family:'Noto Serif TC', serif; font-size:14px; text-align:justify; line-height:150%;}
.g-edenart p.oocstuff {border-bottom:dashed 1px; padding-top:0px; padding-left:3px;font-size:11px; text-align:center;}
.g-edenart npc { letter-spacing:.5px; opacity: .7;font-weight:bold; }
.g-edenart b:before, npc:before { content:open-quote; }
.g-edenart b:after, npc:after { content:close-quote; }
.g-edenart b.lang:before, npc.lang:before { content:'< '; }
.g-edenart b.lang:after, npc.lang:after { content:' >';}
.g-edenart-top {background-image:url('https://i.imgur.com/ZgQ28GU.png');background-position:75% 0%; width:100%; height:300px; width:150px;border:1px solid black;float:left;margin:10px;}
</style>
[/html]

Despi Art Table
Code:
[html]<div class="edenop">
<div class="ooc"><span class="wc">Word Count &rarr; +000 </span> :: OOC Here </div>
<img src="https://i.imgur.com/2FyJjHI.png" class="img">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.<p>

<b>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b> Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.<p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.</p>

</div>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');
.edenop {width:90%; margin:15px;}
.edenop p {font:14px 'Roboto Slab', serif; line-height:180%; text-indent:50px; text-align:justify; }
.edenop NPC {font-weight: bold; filter:alpha(opacity=55%); opacity:.55; }
.edenop .ooc {opacity:0.7; text-indent:15px; padding:0px; border-bottom:1px dotted #000; margin-bottom:10px;}
.edenop .ooc + p {padding:0px 5px;}
.edenop .wc {text-transform: uppercase; font-weight:bold;}
.img {width:350px; padding:5px; float:left;}
</style>[/html]

If-fi Art Table
Code:
[html]<div class="eden2op">
<div class="ooc"><span class="wc">Word Count &rarr; +000 </span> :: OOC Here. </div>
<img src="https://i.imgur.com/GuiV4GM.png" class="img">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.<p>

<b>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b> Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.<p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.</p>

</div>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');
.eden2op {width:90%; margin:15px;}
.eden2op p {font:14px 'Roboto Slab', serif; line-height:180%; text-indent:50px; text-align:justify; }
.eden2op NPC {font-weight: bold; filter:alpha(opacity=55%); opacity:.55; }
.eden2op .ooc {opacity:0.7; text-indent:15px; padding:0px; border-bottom:1px dotted #000; margin-bottom:10px;}
.eden2op .ooc + p {padding:0px 5px;}
.eden2op .wc {text-transform: uppercase; font-weight:bold;}
.img {width:330px; padding:5px; float:right;}
</style>[/html]

[html]<style>
.postprofile { display: none; }
.postbody { width: 100% }</style>
[/html]
Eden de le Ulrich
[Image: yfguJcT.png]



Avatar art by San · Sig art by Despi
  Reply
#7
SANGUINE VALENTINE

Despi Art Table
Code:
[html]<div class="SanguineBitter"></p><p class="ooc"><strong>[384]</strong> • OOC Text</p>
<img src="https://i.imgur.com/L0ArDgV.png" style="max-width:40%; float:right; margin:5px;"/>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sit amet quam iaculis, cursus magna id, rhoncus nunc. Nullam sed interdum justo. Sed at dignissim purus, eget rutrum libero. Proin ut suscipit elit. Maecenas ultrices purus et lectus vestibulum rhoncus. In suscipit vulputate est, sit amet aliquet neque tempor a. Fusce placerat magna eu mauris condimentum, in tincidunt eros scelerisque.
</p><p>
<b>"Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos."</b> Curabitur ultrices pellentesque purus, a faucibus dui sodales ac.
</p><p>
Nulla sem elit, ornare rhoncus urna ac, luctus placerat lacus. Quisque venenatis eros arcu, a volutpat justo vulputate porta. <i>Integer id nisi at metus ullamcorper imperdiet.</i> Nulla eget viverra felis, eu auctor sem. Sed a metus fermentum, finibus nunc in, laoreet lacus. Aliquam vel eros sit amet elit maximus tempor. In at efficitur sapien, eu euismod sem.
</p><p>
<b class="npc">"Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos."</b> Integer sagittis neque sit amet risus tempus, et rhoncus leo volutpat. Nunc feugiat neque urna, eu ullamcorper mi auctor id. Pellentesque porttitor aliquet sem, eget venenatis dui gravida vel.
</p>
</div>  
<link href="https://fonts.googleapis.com/css?family=Bitter:400,400i,700" rel="stylesheet">
<style>
.SanguineBitter p.ooc { padding:20px 5px 5px 3px; opacity:.75; text-indent:0px; }  
.SanguineBitter p.ooc:after { margin:0 auto; content:''; filter: alpha(opacity=60%); opacity: .30; display: block; border-bottom: 1px solid; padding-bottom: 10px; }  
.SanguineBitter p.wc { padding:0px 5px 5px 3px; opacity:.75; text-indent:0px; text-align:right; }  
.SanguineBitter p { margin:10px 20px 0; font-family:Bitter; line-height:23px; text-indent:25px; font-size:15px; }    
.SanguineBitter b.npc { opacity:.75; }  
.SanguineBitter b.lang:before { content:'< '; }  
.SanguineBitter b.lang:after { content:' >'; } </style>[/html]

Songbird Art Table
Code:
[html]<div class="txtNotoSansSanguine"><p class="wc"><strong>(+000)</strong></p><p class="ooc">OOC text goes here.</p>
<img src="https://i.imgur.com/HoLdzS8.png" style="max-width:28%; float:right; margin:5px;"/>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.</p><p>

<b>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b> Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.</p><p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.
</p>
</div>  
<link href="https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i" rel="stylesheet">
<style>
.txtNotoSansSanguine p.ooc { padding:0px 5px 5px 3px; opacity:.75; text-indent:0px; text-align:center; }
.txtNotoSansSanguine p.ooc:after { margin:0 auto; content:''; filter: alpha(opacity=60%); opacity: .30; display: block; border-bottom: 1px solid; padding-bottom: 10px; }
.txtNotoSansSanguine p.wc { padding:0px 5px 5px 3px; opacity:.75; text-indent:0px; text-align:right; }
.txtNotoSansSanguine p { margin:10px 20px 0; font-family:Noto Sans; line-height:23px; font-size:15px; }  
.txtNotoSansSanguine b.npc { opacity:.75; }
.txtNotoSansSanguine b.lang:before { content:'< '; }  
.txtNotoSansSanguine b.lang:after { content:' >'; } </style>[/html]

[html]<style>
.postprofile { display: none; }
.postbody { width: 100% }</style>
[/html]
Sanguine Valentine
[Image: 8fgzVXM.png]



Avatar art by Despi · Sig art by Despi
  Reply


Forum Jump: