Goodbye may seem forever
Mandi's defunct post & graphic logs
#3
[html]<div class="titleheader"><img src="https://soulsrpg.com/forum/images/icons/loners/shoal.png"> Milos Parhelion</div>
<div class="subtitleheader">Bullhead of The Shoal</div>
<p class="subtitleheader"><a href="memberlist.php?mode=viewprofile&u=2073">Profile</a> &middot; <a href="https://soulsrpg.com/forum/search.php?st=0&sk=t&sd=d&sr=topics&author_id=2073&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> &middot; <a href="https://wiki.soulsrpg.com/index.php?n=Characters.MilosParhelion">Wiki</a> &middot; <a href="https://ibb.co/album/nPTWyv">Gallery</a> &middot; <a href="https://wiki.soulsrpg.com/index.php?n=Characters.MilosHistory">History</a></p>
</br>

<table width="100%" cellpadding="0" cellspacing="10" border="0">
<tr>
<td width="33%" valign="top"><div class="separator">Status</div>
<ul><li><b>Loner Band</b>: <a href="https://wiki.soulsrpg.com/index.php?n=Areas.TheShoal">The Shoal</a></li>
<li><b>Rank</b>: <a href="https://wiki.soulsrpg.com/index.php?n=Areas.TheShoal#toc7">Bullhead</a></li></ul>
</td>
<td width="33%" valign="top"><div class="separator"><a href="https://wiki.soulsrpg.com/index.php?n=Characters.MilosParhelion#toc10">Notable Skills</a></div>
<ul><li><b>Animal husbandry</b>: Master</li>
<li><b>Leathercrafting</b>: Journeyman</li>
<li><b>Textile Arts</b>: Journeyman</li></ul>
</td>
<td width="33%" valign="top"><div class="separator">NPCs</div>
<ul><li><b>cNPC</b>: <a href="https://wiki.soulsrpg.com/index.php?n=Characters.DaisyParhelion">Daisy Parhelion</a> (daughter)</li></ul>
</td>
</tr>
</table>

<div class="separator">Synopsis</div>
<p>Since returning to his family, it is obvious to anyone who had known him before that something is wrong. Suffering the effects of post-traumatic stress disorder from his time with his captives, Milos has become paranoid and unpredictable. Fearing that Degaré and Talbot will seek him out and murder his family, and eager to help free his adoptive mother from the cruelties of slavery, the fallen Captain of Krokar has departed from St. John's Chokehold once again in search of Sladjanna.</p>

</br>
<center><div class="separator">Old Tables</div></center>

<style>

.headerbar,#annbox,.postprofile,#topic-search,#page-body .postbody p.posted-date { display:none; }
.postbody,.back2top { width:100%; }
#firstwrap .postbody h3 {
font-family:'times new roman', times, serif;
font-size:23px;
text-transform:uppercase;
font-weight:bold;
text-align:left;
margin:15px 0;
}
#firstwrap .postbody h3.first { font-size:35px; float:none; text-align:center; } /*first post header*/

.signature { display:none; }
.quoted { text-align:center; font-style:italic; }
.halftable { width:95%; }
.halftable td { width:50%; vertical-align:top; }

.postLog,.sie-archive {
width:98%;
margin:0 auto;
font-family:arial, helvetica,sans-serif;
font-size:12px;
line-height:16px;
}
.postLog td { font-size: 13px; text-align:left; vertical-align:top; padding:4px; line-height:14px; font-family:arial, helvetica,sans-serif; }

.postLog td ol li { margin:3px 0; padding:0; }
.postLog td ol li a { font-weight:normal; text-transform:lowercase; }

/* TAGS AND ETC. */
.postLog td ol li.rep:before,.postLog td ol li.pst:before,.postLog td ol li.imp:after {
text-transform:uppercase;
font-weight:bold;
font-style:normal;
text-shadow:#000000 0 0 2px;
font-size:11px;
padding:0 6px 0 2px; }
.postLog td ol li.rep:before { content: 'X'; color:#F1330D; }
.postLog td ol li.pst:before { content: 'O'; color:#A9F10D;}
.postLog td ol li.imp:after { content: '[!]'; color:yellow; }
.postLog td ol li.imp a { font-weight:bold; }
.postLog td ol { padding:0; margin:0; }

/*thread notes*/
li.thread-note {
list-style-type:none;
font-size:80%;
font-style:italic;
margin:2px 0;
filter: alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

/*HEADERS */
.titleheader {
font-family:'times new roman', times, serif;
font-size:23px;
letter-spacing:5px;
text-transform:uppercase;
font-weight:bold;
text-align:center;
margin:15px 0;
}

.subtitleheader {
font-family:'times new roman', times, serif;
font-size:16px;
letter-spacing:3px;
text-transform:smallcaps;
font-weight:bold;
text-align:center;
margin:15px 0;
filter: alpha(opacity=75);
-moz-opacity:0.75;
-khtml-opacity: 0.75;
opacity: 0.75;
}

p.subheader {
font-family:'times new roman', times, serif;
font-size:16px;
font-style:italic;
font-weight:bold;
text-align:center;
margin:15px 0;
filter: alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
/*HEADERS*/
.separator {
font-family: 'times new roman', times, serif;
font-size:16px;
letter-spacing:2px;
font-weight:bold;
text-transform:uppercase;
margin:5px 0px;
}

.separator small{
display: block;
margin-top:3px;
font-weight:normal;
text-transform:none;
font-family:arial, helvetica, sans-serif;
font-size:9px; }

.separator small a { font-weight:bold; text-transform:uppercase; font-size:9px; }

/*RANDOM AND FIXES*/
/*Used to hide inactives, etc. -- shorter than style="display:none" inline every time*/
.hide { display:none; }
/*FIxes the codeboxes at the same height -- very small height is OK because "Select all" button allows easy grabbing of code*/
dl.codebox code { height:75px; font-size: 9px; line-height:13px; }
#NPCs td { padding:0; }
#NPCs dl.codebox code { height:15px; }

.third { width:100%; }
.thirdtable td { width:50%; vertical-align:top; }

.notice {
text-align:center; font-size:10px;
}
.notice strong,.notice .username-coloured { font-weight:bold; }
</style>[/html]
[html]<div class="MILOSborder"><div class="MILOSboxpic"></div><div class="MILOSboxin">

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <b>"Proin sit amet mi tincidunt, tincidunt velit non, pellentesque ipsum."</b> Sed sagittis tempor leo, non eleifend velit gravida ac. Proin feugiat vulputate erat, nec auctor lacus bibendum ut. <span class="npc1">"Phasellus molestie, nibh vitae ultrices blandit, metus erat mattis leo, et adipiscing enim nulla id ipsum."</span> Vivamus scelerisque purus vel purus egestas, a aliquam libero egestas. Proin cursus sed nisi a tincidunt. Ut dapibus augue sed nunc lobortis, ut malesuada neque gravida. Sed non dapibus ligula, eu malesuada sapien. Curabitur viverra dui est, sed ullamcorper dolor malesuada vitae. <span class="npc2">"Sed imperdiet purus arcu, vel porttitor lorem iaculis nec."</span> Ut vitae purus volutpat, varius nisl ut, varius sem. Pellentesque non sollicitudin sem. Ut suscipit turpis vitae tellus sagittis, sit amet gravida elit hendrerit. Suspendisse aliquet libero diam, viverra ornare velit rhoncus eget. Nunc tincidunt placerat metus, quis adipiscing ipsum venenatis ut. Suspendisse non nunc nec quam dapibus aliquam.</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <b>"Proin sit amet mi tincidunt, tincidunt velit non, pellentesque ipsum."</b> Sed sagittis tempor leo, non eleifend velit gravida ac. Proin feugiat vulputate erat, nec auctor lacus bibendum ut. <span class="npc1">"Phasellus molestie, nibh vitae ultrices blandit, metus erat mattis leo, et adipiscing enim nulla id ipsum."</span> Vivamus scelerisque purus vel purus egestas, a aliquam libero egestas. Proin cursus sed nisi a tincidunt. Ut dapibus augue sed nunc lobortis, ut malesuada neque gravida. Sed non dapibus ligula, eu malesuada sapien. Curabitur viverra dui est, sed ullamcorper dolor malesuada vitae. <span class="npc2">"Sed imperdiet purus arcu, vel porttitor lorem iaculis nec."</span> Ut vitae purus volutpat, varius nisl ut, varius sem. Pellentesque non sollicitudin sem. Ut suscipit turpis vitae tellus sagittis, sit amet gravida elit hendrerit. Suspendisse aliquet libero diam, viverra ornare velit rhoncus eget. Nunc tincidunt placerat metus, quis adipiscing ipsum venenatis ut. Suspendisse non nunc nec quam dapibus aliquam.</p>

<p class="ooc">OOC: text here!</p>
<p class="wc">[WC &mdash; 000]</p>
</div><div class="MILOSboxpic MILOSboxpic2"></div></div>

<style>
.MILOSborder {border-style: solid; border-width: 3.5px; border-color: #000000;}
.MILOSboxpic {background-image:url('https://image.ibb.co/jmEEXk/topborder-leaves2.png'); background-repeat:no repeat; width:650px; height:135px; background-position: center; margin: auto;}
.MILOSboxin {padding:20px; font-family: 'Crimson Text', serif; text-align:justify;}
.MILOSboxin p:first-child:first-letter {text-indent:60px; margin:0px; float: left; color: #000000; font-size: 75px; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: 'Amita', cursive;}
.MILOSboxin p {font-family: 'Crimson Text', serif; font-size:18px; margin:0px; padding:3px;}
.MILOSboxin p + p {text-indent:60px;}
.MILOSboxin .npc1 {font-style: italic; font-weight:bold; filter:alpha(opacity=65%); opacity:.65;}
.MILOSboxin .npc2 {font-style: italic; font-weight:normal; filter:alpha(opacity=65%); opacity:.65;}
.MILOSboxin p.ooc {opacity:0.7; padding:3px; text-align: left; text-indent:0px; font-size:16px; padding:10px 5px;}
.MILOSboxin p.wc {opacity:0.7; padding:3px; text-align: right; text-indent:0px; font-size:16px; padding:10px 5px;}
.MILOSboxpic2 {background-image:url('https://image.ibb.co/njP3Q5/bottomborder-animoos2.png'); background-repeat:no repeat; width:650px; height:203px; background-position: center; margin: auto;}
</style>

<link href="https://fonts.googleapis.com/css?family=Amita|Crimson+Text" rel="stylesheet" type='text/css'>[/html]

Code:
[html]<div class="MILOSborder"><div class="MILOSboxpic"></div><div class="MILOSboxin">

    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <b>"Proin sit amet mi tincidunt, tincidunt velit non, pellentesque ipsum."</b> Sed sagittis tempor leo, non eleifend velit gravida ac. Proin feugiat vulputate erat, nec auctor lacus bibendum ut. <span class="npc1">"Phasellus molestie, nibh vitae ultrices blandit, metus erat mattis leo, et adipiscing enim nulla id ipsum."</span> Vivamus scelerisque purus vel purus egestas, a aliquam libero egestas. Proin cursus sed nisi a tincidunt. Ut dapibus augue sed nunc lobortis, ut malesuada neque gravida. Sed non dapibus ligula, eu malesuada sapien. Curabitur viverra dui est, sed ullamcorper dolor malesuada vitae. <span class="npc2">"Sed imperdiet purus arcu, vel porttitor lorem iaculis nec."</span> Ut vitae purus volutpat, varius nisl ut, varius sem. Pellentesque non sollicitudin sem. Ut suscipit turpis vitae tellus sagittis, sit amet gravida elit hendrerit. Suspendisse aliquet libero diam, viverra ornare velit rhoncus eget. Nunc tincidunt placerat metus, quis adipiscing ipsum venenatis ut. Suspendisse non nunc nec quam dapibus aliquam.</p>

    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <b>"Proin sit amet mi tincidunt, tincidunt velit non, pellentesque ipsum."</b> Sed sagittis tempor leo, non eleifend velit gravida ac. Proin feugiat vulputate erat, nec auctor lacus bibendum ut. <span class="npc1">"Phasellus molestie, nibh vitae ultrices blandit, metus erat mattis leo, et adipiscing enim nulla id ipsum."</span> Vivamus scelerisque purus vel purus egestas, a aliquam libero egestas. Proin cursus sed nisi a tincidunt. Ut dapibus augue sed nunc lobortis, ut malesuada neque gravida. Sed non dapibus ligula, eu malesuada sapien. Curabitur viverra dui est, sed ullamcorper dolor malesuada vitae. <span class="npc2">"Sed imperdiet purus arcu, vel porttitor lorem iaculis nec."</span> Ut vitae purus volutpat, varius nisl ut, varius sem. Pellentesque non sollicitudin sem. Ut suscipit turpis vitae tellus sagittis, sit amet gravida elit hendrerit. Suspendisse aliquet libero diam, viverra ornare velit rhoncus eget. Nunc tincidunt placerat metus, quis adipiscing ipsum venenatis ut. Suspendisse non nunc nec quam dapibus aliquam.</p>

    <p class="ooc">OOC: text here!</p>
    <p class="wc">[WC &mdash; 000]</p>
    </div><div class="MILOSboxpic MILOSboxpic2"></div></div>

    <style>
     .MILOSborder {border-style: solid; border-width: 3.5px; border-color: #000000;}
     .MILOSboxpic {background-image:url('https://image.ibb.co/jmEEXk/topborder-leaves2.png'); background-repeat:no repeat; width:650px; height:135px; background-position: center; margin: auto;}
     .MILOSboxin {padding:20px; font-family: 'Crimson Text', serif; text-align:justify;}
     .MILOSboxin p:first-child:first-letter {text-indent:60px; margin:0px; float: left; color: #000000; font-size: 75px; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: 'Amita', cursive;}
     .MILOSboxin p {font-family: 'Crimson Text', serif; font-size:18px; margin:0px; padding:3px;}
     .MILOSboxin p + p {text-indent:60px;}
    .MILOSboxin .npc1 {font-style: italic; font-weight:bold; filter:alpha(opacity=65%); opacity:.65;}
    .MILOSboxin .npc2 {font-style: italic; font-weight:normal; filter:alpha(opacity=65%); opacity:.65;}
    .MILOSboxin p.ooc {opacity:0.7; padding:3px; text-align: left; text-indent:0px; font-size:16px; padding:10px 5px;}
    .MILOSboxin p.wc {opacity:0.7; padding:3px; text-align: right; text-indent:0px; font-size:16px; padding:10px 5px;}
    .MILOSboxpic2 {background-image:url('https://image.ibb.co/njP3Q5/bottomborder-animoos2.png'); background-repeat:no repeat; width:650px; height:203px; background-position: center; margin: auto;}
    </style>

    <link href="https://fonts.googleapis.com/css?family=Amita|Crimson+Text" rel="stylesheet" type='text/css'>[/html]

[html]
<div class="mandi-milossun-txtable">
<div class="mandi-milossun-txtable-box"></div>
<p class="ooc">Out of Character text</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. <span class=npc1>Integer egestas nibh dignissim neque pellentesque rhoncus.</span> Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. <span class=npc2>Curabitur non ligula eget lectus gravida condimentum sed vitae nisi.</span> 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 class="wc">[WC &mdash; 000]</p>
</div>
<style>
.mandi-milossun-txtable-box {background-image:url('http://i.imgur.com/tdVnb6k.png?1'); background-repeat:no-repeat; background-position: top center; width:199px; height:200px; float:right; margin:3px; }
.mandi-milossun-txtable {font-family:'lora', times, serif; font-size: 16px; text-align: left; margin:0 auto; width:95%; line-height:25px;}
.mandi-milossun-txtable p.ooc {opacity:0.7; font-family:arial, helvetica, sans-serif; text-indent:0px; padding:10px 5px;}
.mandi-milossun-txtable p.ooc + p {padding:0px 5px;}
.mandi-milossun-txtable p.wc {opacity:0.7; font=family:arial, helvetica, sans-serif; text-align: right; text-indent:0px; padding:10px 5px:}
.mandi-milossun-txtable p {text-indent: 25px; margin:0px; padding:10px 5px;}
.mandi-milossun-txtable .npc1 {font-style: italic; font-weight:bold; filter:alpha(opacity=65%); opacity:.65;}
.mandi-milossun-txtable .npc2 {font-style: italic; font-weight:normal; filter:alpha(opacity=65%); opacity:.65;}
</style>
<link href='http://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
[/html]

Code:
[html]
    <div class="mandi-milossun-txtable">
    <div class="mandi-milossun-txtable-box"></div>
    <p class="ooc">Out of Character text</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. <span class=npc1>Integer egestas nibh dignissim neque pellentesque rhoncus.</span> Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. <span class=npc2>Curabitur non ligula eget lectus gravida condimentum sed vitae nisi.</span> 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 class="wc">[WC &mdash; 000]</p>
    </div>
    <style>
    .mandi-milossun-txtable-box {background-image:url('http://i.imgur.com/tdVnb6k.png?1'); background-repeat:no-repeat; background-position: top center; width:199px; height:200px; float:right; margin:3px; }
    .mandi-milossun-txtable {font-family:'lora', times, serif; font-size: 16px; text-align: left; margin:0 auto; width:95%; line-height:25px;}
    .mandi-milossun-txtable p.ooc {opacity:0.7; font-family:arial, helvetica, sans-serif; text-indent:0px; padding:10px 5px;}
    .mandi-milossun-txtable p.ooc + p {padding:0px 5px;}
    .mandi-milossun-txtable p.wc {opacity:0.7; font=family:arial, helvetica, sans-serif; text-align: right; text-indent:0px; padding:10px 5px:}
    .mandi-milossun-txtable p {text-indent: 25px; margin:0px; padding:10px 5px;}
    .mandi-milossun-txtable .npc1 {font-style: italic; font-weight:bold; filter:alpha(opacity=65%); opacity:.65;}
    .mandi-milossun-txtable .npc2 {font-style: italic; font-weight:normal; filter:alpha(opacity=65%); opacity:.65;}
    </style>
<link href='http://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
    [/html]

[html]
<div class="mandi-miliza-txtable">
<div class="mandi-miliza-txtable-box"></div>
<p class="ooc">Out of Character text</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. <span class=npc1>Integer egestas nibh dignissim neque pellentesque rhoncus.</span> Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. <span class=npc2>Curabitur non ligula eget lectus gravida condimentum sed vitae nisi.</span> 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 class="wc">[WC &mdash; 000]</p>
</div>
<style>
.mandi-miliza-txtable-box {background-image:url('http://i.imgur.com/JTzDtGw.png?1'); background-repeat:no-repeat; background-position: top center; width:197px; height:200px; float:right; margin:3px; }
.mandi-miliza-txtable {font-family:'lora', times, serif; font-size: 16px; text-align: left; margin:0 auto; width:95%; line-height:25px;}
.mandi-miliza-txtable p.ooc {opacity:0.7; font-family:arial, helvetica, sans-serif; text-indent:0px; padding:10px 5px;}
.mandi-miliza-txtable p.ooc + p {padding:0px 5px;}
.mandi-miliza-txtable p.wc {opacity:0.7; font=family:arial, helvetica, sans-serif; text-align: right; text-indent:0px; padding:10px 5px:}
.mandi-miliza-txtable p {text-indent: 25px; margin:0px; padding:10px 5px;}
.mandi-miliza-txtable .npc1 {font-style: italic; font-weight:bold; filter:alpha(opacity=65%); opacity:.65;}
.mandi-miliza-txtable .npc2 {font-style: italic; font-weight:normal; filter:alpha(opacity=65%); opacity:.65;}
</style>
<link href='http://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
[/html]

Code:
[html]
    <div class="mandi-miliza-txtable">
    <div class="mandi-miliza-txtable-box"></div>
    <p class="ooc">Out of Character text</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. <span class=npc1>Integer egestas nibh dignissim neque pellentesque rhoncus.</span> Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. <span class=npc2>Curabitur non ligula eget lectus gravida condimentum sed vitae nisi.</span> 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 class="wc">[WC &mdash; 000]</p>
    </div>
    <style>
    .mandi-miliza-txtable-box {background-image:url('http://i.imgur.com/JTzDtGw.png?1'); background-repeat:no-repeat; background-position: top center; width:197px; height:200px; float:right; margin:3px; }
    .mandi-miliza-txtable {font-family:'lora', times, serif; font-size: 16px; text-align: left; margin:0 auto; width:95%; line-height:25px;}
    .mandi-miliza-txtable p.ooc {opacity:0.7; font-family:arial, helvetica, sans-serif; text-indent:0px; padding:10px 5px;}
    .mandi-miliza-txtable p.ooc + p {padding:0px 5px;}
    .mandi-miliza-txtable p.wc {opacity:0.7; font=family:arial, helvetica, sans-serif; text-align: right; text-indent:0px; padding:10px 5px:}
    .mandi-miliza-txtable p {text-indent: 25px; margin:0px; padding:10px 5px;}
    .mandi-miliza-txtable .npc1 {font-style: italic; font-weight:bold; filter:alpha(opacity=65%); opacity:.65;}
    .mandi-miliza-txtable .npc2 {font-style: italic; font-weight:normal; filter:alpha(opacity=65%); opacity:.65;}
    </style>
<link href='http://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
    [/html]

[html]
<style>
.milosGoatOuter234 {width: 600px; background:url('http://i.imgur.com/4Y13p36.png'); background-repeat: no-repeat; background-color: #acdaca; text-align: left; padding-top: 440px; padding-bottom: 5px;}
.milosGoatInner234 {width: 570px; padding: 5px; margin: 10px 10px 5px 10px; text-align: left; background-color: rgba(172, 218, 202, 0.3);}
.milosGoatOoc234 {border-bottom: 1px dotted #000; padding: 1px 2px 5px 2px; color: #000;}
.milosGoatInner234 b {color: #37615b; font-weight: bold;}
.milosGoatInner234 p {color: #000;}
.milosGoat234Credit {font-size: 9px; text-align: center;}
</style>
<center>
<div class="milosGoatOuter234">
<div class="milosGoatInner234">
<div class="milosGoatOoc234">
OOC:
</div>
<p>Post Here. <b>"Speech."</b></p>
</div>
</div>
<span class="milosGoat234Credit">Table by Myst | Photo by <a href="https://www.flickr.com/photos/n0rthw1nd/">n0rthw1nd</a> | Texture by <a href="http://ransie3.deviantart.com/">Ransie3</a> </span>
</center>
[/html]

Code:
[html]
    <style>
    .milosGoatOuter234 {width: 600px; background:url('http://i.imgur.com/4Y13p36.png'); background-repeat: no-repeat; background-color: #acdaca; text-align: left; padding-top: 440px; padding-bottom: 5px;}
    .milosGoatInner234 {width: 570px; padding: 5px; margin: 10px 10px 5px 10px; text-align: left; background-color: rgba(172, 218, 202, 0.3);}
    .milosGoatOoc234 {border-bottom: 1px dotted #000; padding: 1px 2px 5px 2px; color: #000;}
    .milosGoatInner234 b {color: #37615b; font-weight: bold;}
    .milosGoatInner234 p {color: #000;}
    .milosGoat234Credit {font-size: 9px; text-align: center;}
    </style>
    <center>
    <div class="milosGoatOuter234">
    <div class="milosGoatInner234">
    <div class="milosGoatOoc234">
    OOC:
    </div>
    <p>Post Here. <b>"Speech."</b></p>
    </div>
    </div>
    <span class="milosGoat234Credit">Table by Myst | Photo by <a href="https://www.flickr.com/photos/n0rthw1nd/">n0rthw1nd</a> | Texture by <a href="http://ransie3.deviantart.com/">Ransie3</a> </span>
    </center>
    [/html]

[html]<div class="Milos1"> <div class="Milos1-in">

<div class="Milos1-ooc" style="float:right;">
<ul><li>Word Count: <b>[000]</b></li>
<li>Date: <b>--</b></li>
<li>Time: <b>--</b></li>
<li>Form: <b>--</b></li></ul>
OOC goes here and other shizz</div>

<p><b> "Speech."</b> <i>Thought.</i> Action.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ante lacus, consectetur eget purus et, blandit mattis ligula. Pellentesque a augue dolor. Praesent congue ut enim ac mollis. Nullam et metus accumsan, bibendum eros et, tempor nibh. Vivamus at augue nec risus scelerisque scelerisque in rhoncus felis. Ut sit amet ante nec orci pharetra euismod. Curabitur nec ornare augue, in lacinia mauris. Cras vulputate arcu sodales facilisis maximus. Cras tempor libero ut interdum mollis. Nullam at ullamcorper est, ac iaculis dui. Pellentesque suscipit velit nisl, non mattis purus mollis non. Aenean facilisis dapibus ligula, quis aliquam lorem.</p>
<p>Donec condimentum mauris ac mauris convallis, eget interdum eros semper. Quisque placerat purus risus, sit amet varius nibh sagittis vitae. Donec rhoncus in mauris quis sagittis. Aenean tempor ut nunc ac mollis. Cras volutpat leo sed efficitur mattis. Sed sollicitudin facilisis elit, ac dictum ex. Aenean volutpat enim sed porta volutpat. Pellentesque at semper arcu. Aenean convallis ullamcorper quam, vitae semper lacus interdum in. Nulla eleifend sit amet augue non sodales. Sed sem velit, pretium sit amet felis sed, vulputate interdum turpis. Nam maximus lorem quis lectus pulvinar ornare. Maecenas dictum, nulla sed finibus luctus, arcu felis iaculis nisl, vel commodo risus sem eu leo. Sed porttitor metus sed vestibulum luctus. Quisque aliquam diam ac leo semper accumsan.</p>
</div></div>

<p class="Milos1-credit">Table by Ann | Template by <a href="http://www.soulsrpg.com/forum/viewtopic.php?f=37&t=16460">Kitty</a> and <a href="http://soulsrpg.com/forum/viewtopic.php?f=37&t=3676">Aso</a></p>
<style type="text/css">
.Milos1 {width:560px; background-image:url('http://i.imgur.com/AO1f3tu.jpg'); background-position:top center; background-color:#798787; background-repeat:no-repeat; border:1px solid #000; padding:245px 20px 10px 20px; margin:0px auto; text-align:justify; box-shadow:2px 2px 4px #1d1d1d; -moz-box-shadow:2px 2px 3px #1d1d1d; -webkit-box-shadow:2px 2px 3px #1d1d1d;}
.Milos1 b {color:#454F4F;}
.Milos1 p {text-indent:50px; color:#000; font-size:12px; letter-spacing:1px; margin:0px; padding-top:7px;}
.Milos1-in {font-family:cambria; padding:10px; margin:0px auto; background-color:rgba(255, 255, 255, 0.3); border:1px solid#000;}
p.Milos1-credit {text-indent:0px; text-align:center; font-size:10px; width:415px; margin:0px auto;}
.Milos1-ooc {text-align:left; width:150px; float:right; margin:7px; background-color:rgba(255, 255, 255, 0.3); font-size:10px; Padding:5px; border:1px solid#000;} </style>[/html]

Code:
[html]<div class="Milos1"> <div class="Milos1-in">

    <div class="Milos1-ooc" style="float:right;">
    <ul><li>Word Count: <b>[000]</b></li>
    <li>Date: <b>--</b></li>
    <li>Time: <b>--</b></li>
    <li>Form: <b>--</b></li></ul>
    OOC goes here and other shizz</div>

    <p><b> "Speech."</b> <i>Thought.</i> Action.</p>
    </div></div>

    <p class="Milos1-credit">Table by Ann | Template by <a href="http://www.soulsrpg.com/forum/viewtopic.php?f=37&t=16460">Kitty</a> and <a href="http://soulsrpg.com/forum/viewtopic.php?f=37&t=3676">Aso</a></p>
    <style type="text/css">
    .Milos1 {width:560px; background-image:url('http://i.imgur.com/AO1f3tu.jpg'); background-position:top center; background-color:#798787; background-repeat:no-repeat; border:1px solid #000; padding:245px 20px 10px 20px; margin:0px auto; text-align:justify; box-shadow:2px 2px 4px #1d1d1d; -moz-box-shadow:2px 2px 3px #1d1d1d; -webkit-box-shadow:2px 2px 3px #1d1d1d;}
    .Milos1 b {color:#454F4F;}
    .Milos1 p {text-indent:50px; color:#000; font-size:12px; letter-spacing:1px; margin:0px; padding-top:7px;}
    .Milos1-in {font-family:cambria; padding:10px; margin:0px auto; background-color:rgba(255, 255, 255, 0.3); border:1px solid#000;}
    p.Milos1-credit {text-indent:0px; text-align:center; font-size:10px; width:415px; margin:0px auto;}
    .Milos1-ooc {text-align:left; width:150px; float:right; margin:7px; background-color:rgba(255, 255, 255, 0.3); font-size:10px; Padding:5px; border:1px solid#000;} </style>[/html]
[html]
<div class="milosSig">
<img src="https://i.ibb.co/3431Y6y/cabinfade.png" style="margin:0px 0px -60px;" />
<div id="signature-icons" class="iconblock">
<a href="https://wiki.soulsrpg.com/index.php?n=Players.Mandi" target="_blank" title="Player wiki" class="player-wiki"></a>
<a href="https://wiki.soulsrpg.com/index.php?n=Players.MandiAdoptions" class="adoptables-available" title="Adoptables available!"></a>
<a href="https://wiki.soulsrpg.com/index.php?n=Characters.MilosParhelion" target="_blank" title="Character wiki" class="character-wiki"></a>
<a href="#" class="optime-preference" title="Always in Optime"></a>
<a href="#" class="apparel-accessories" title="Wears a deerskin breechcloth"></a>
<a href="#" class="skill-animals" title="Skilled with animals, especially sheep, goats, and horses"></a>
<a href="#" class="skill-carpentry" title="Skilled leatherworker and tailor"></a>
<a href="#!" class="skill-social" title="Skilled with social interactions and pack relations"></a>
</div>

<div class="buttonblock">
<a href="https://wiki.soulsrpg.com"><img src="https://soulsrpg.com/images/pride/promo/soulswiki_88x31_5.png" style="border:0px;" title="Show the Wiki some love!" /></a>
<a href="viewtopic.php?t=54"><img src="http://soulsrpg.com/images/pride/promo/openchar_88x31_2.png" title="Adopt an Open Character!" /></a>
<a href="viewtopic.php?t=20017"><img src="http://soulsrpg.com/images/pride/promo/votesouls_88x31_5.png" style="border:0px;" title="Vote! Vote! Vote!" /></a>
</div>

</div>

<style>
@import url('https://fonts.googleapis.com/css?family=EB+Garamond');
@import url('/images/icons/postsig/signature-icons.css');
.milosSig { margin:0 auto; text-align:center; margin:0 auto; display:inline-block; position:relative; background-repeat: no-repeat; }
.milosSig .buttonblock { margin:0 auto; }
.milosSig .buttonblock a { opacity:.35; filter:alpha(opacity=35%); transition:200ms linear all; -moz-transition:200ms linear all; }
.milosSig .buttonblock a:hover, .milosSig .buttonblock a:active, .milosSig .buttonblock a:focus { opacity:1; filter:alpha(opacity=100%); }
.milosSig .iconblock { margin:0 auto; }
.milosSig .iconblock { margin:0 auto; }
.milosSig .iconblock a { opacity:.35; filter:alpha(opacity=35%); border: 2px solid transparent; transition:200ms linear all; -moz-transition:200ms linear all; }
.milosSig .iconblock a:hover, .milosSig .iconblock a:active, .milosSig .iconblock a:focus { opacity: 1; filter:alpha(opacity=100%); border: 2px solid #c0710b; }
</style>

[/html]


Messages In This Thread

Forum Jump: