07-08-2012, 02:38 AM
Version 2: Abbreviated Profile
Meant to work as a "skeletal" type profile -- presumes you have an extended profile, either on the 'Souls Wiki or elsewhere.
Meant to work as a "skeletal" type profile -- presumes you have an extended profile, either on the 'Souls Wiki or elsewhere.
Code:
<p class="ooc">
This is my primary -- please send all PMs here!
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut a mauris at tortor consectetur semper eu sit amet dui. Aenean pellentesque ultricies orci eget rutrum. Cras adipiscing mi ut nibh volutpat condimentum. Aliquam semper posuere elit eget scelerisque. Curabitur massa nibh, ultrices vitae semper sed, tristique at ipsum. Duis sed tellus neque. Integer vestibulum dolor id eros porttitor hendrerit.
</p>
<style>
#extrawrapper { width:1000px;}
#ipbwrapper { width:950px; }
#QUOTE {
font-family:arial, helvetica, sans-serif;
font-size:11px;
padding:4px;
margin:5px;
}
.row3 {
padding:7px 10px;
line-height:150%;
font-size:12px;
font-family:arial, helvetica, sans-serif;
}
.row3 p {
text-indent:25px;
padding:3px 0;
margin:0;
}
.row3 ul, ol { padding:3px 0; margin:3px 15px; }
.row3 ul li,.row3 ol li {padding:0; margin:5px 0; }
.charicons td { vertical-align:top; }
.charicons td img { padding:0 5px; }
.charicons tr.emp td { text-align:center; }
.floatimg {
float:right;
text-align:center;
padding:3px;
margin:10px;
}
.floatimg img { height:120px; }
.iconimg img { height:auto; }
.familytree{
float:right;
border:1px solid #000000;
margin:5px;
}
.famtree img { height: 55px; }
.siehaxTwo { border-collapse:collapse; width:100%; }
.siehaxTwo td { vertical-align:top; border:1px solid black; }
.inventory td {width:80%; }
.siehaxTwo td:first-child {
border-left:0;
width:15%; }
.siehaxTwo tr:first-child td { border-top:0; }
.siehaxTwo tr:last-child td { border-bottom:0; }
.siehaxTwo td:last-child { border-right:0; }
.sieInventory tr td:first-child { text-align:center; }
.siehaxTwo td.darkrow2 { border-width:1px; border-size:1px; border-color:#000000; border-style:solid none; padding:5px 0; }
.colorwerds,.colorwords { font-weight:bold; text-shadow:#222529 1px 1px .5px; }
p.ooc {
padding:15px 0; margin:0 50px;
text-indent:0px;
text-align:center;
font-size:17px;
text-transform:uppercase;
font-weight:bold }
p.ooc img { float: right; margin:0 5px; }
.npcInfo { font-size:11px; float: left; width:300px; margin-right:10px; }
.row3 b { font-family:'Times New Roman', Times, Serif; font-size:14px; text-transform:uppercase; }
.emp { font-family:'Times New Roman', Times, Serif; font-size:13px; text-transform:uppercase; letter-spacing:0; word-spacing:2px; font-weight:normal; }
.subtitle {
display:block;
float:right;
padding-right:8px;
}
.subtitle:before { content:'More: ' }
.maintitle { text-align:left; padding:8px; }
.darkrow2 { text-align:left; padding:6px; display:table-cell; }
.sieSmall { font-size:11px; line-height:110%; }
.noBorder { border:0; }
.noPad { padding:0; }
#logostrip,#annbox2 { display: none; }
.scrollCell { height:170px; overflow:auto; width:100%; line-height:120%; }
.colorP { text-indent:0; text-align:center; margin:0; padding:0; }
.colorBlock { height:20px; width:20px; border:1px solid #000000; display:inline-block; margin:0 4px; }
td.plainborder table {display:none; }
</style>
</td>
</tr><tr>
<td class="maintitle" colspan="3" id="basics">Basic Information</td></tr><tr>
<td colspan="3" class="row3">
<p class="ooc">For this character's full profile, please visit the <a href="http://wiki.soulsrpg.com/index.php?n=Characters.MyrikaTears" target="_blank">'Souls Wiki</a>.</p>
</td></tr><tr><td class="row3" style="padding:0px;" colspan="3">
<table class="siehaxTwo" cellpadding="0" cellspacing="0">
<tr>
<td class="row3" style="width:33%"><b>Age</b>: ? years</td>
<td class="row3" style="width:33%"><b>Gender</b>: Female</td>
<td class="row3" style="width:33%"><b>Luperci</b>: Ortus</td>
</tr>
<tr>
<td class="row3"><b>Heritage</b>: SPECIES</td>
<td class="row3" colspan="2"><img src="http://www.soulsrpg.com/images/icons/inferni2.gif"> <strong class="if">PACK</strong>: Rank</td>
</tr>
</table>
</td>
</tr><tr><td class="maintitle" colspan="3" id="physical"> Physical Appearance
</td></tr><tr><td class="row3" valign="top" colspan="3">
<div id="QUOTE" class="floatimg"><a href="http://i.imgur.com/2G3uE.png" rel="lyteframe" rev="width:320px; height: 520px; scrolling: no;" title="Myrika Tears"><img src="http://i.imgur.com/2G3uE.png" style="height:200px;" title="Myrika Tears" alt="Myrika Tears"></a>
<p class="colorP">
<div class="colorBlock" style="background-color:#625544;" title="Espresso"></div>
<div class="colorBlock" style="background-color:#964C1D;" title="Dark Sienna"></div>
<div class="colorBlock" style="background-color:#A0522D;" title="Sienna"></div>
<div class="colorBlock" style="background-color:#CCAC7D;" title="Tan"></div>
<div class="colorBlock" style="background-color:#B18D5B;" title="Tawny Brown"></div>
<div class="colorBlock" style="background-color:#40E0D0;" title="Turquoise"></div>
</p>
</div>
<p>Her eyes are bright turquoise <span class="colorwerds" style="color:#40E0D0; font-weight:bold;"> (#40E0D0)</span>. Most of her fur is a pale, tawny brown <span class="colorwerds" style="font-weight:bold; color:#B18D5B;">(#B18D5B)</span>, with lighter tan <span class="colorwerds" style="font-weight:bold; color:#CCAC7D;">(#CCAC7D)</span> coloration along the underside of her muzzle, throat, chest, and stomach. The tip of her tail is the same color, as are the insides of her ears. Along her mane and around the ankle of each leg there is splashed with sienna <span class="colorwerds" style="color:#A0522D; font-weight:bold;">(#A0522D)</span>, complimented by a half-stripe on her muzzle in dark sienna <span class="colorwerds" style="font-weight:bold; color:#964C1D;">(#964C1D)</span> of the same color. The back of her tail has a darker espresso <span class="colorwerds" style="font-weight:bold; color:#625544;">(#625544)</span> brown patch.</p>
<p>She is built very much like a wolf, with little in her physical stature to indicate coyote heritage. However, her facial features, oversized ears and tapering muzzle clearly display her coyote's heritage.</p>
</td></tr><tr><td class="maintitle" colspan="3">Personality
</td></tr><tr><td class="row3" valign="top" colspan="3">
<p>Lorem ips um dolor sit amet, consectetur adipiscing elit. Ut a mauris at tortor consectetur semper eu sit amet dui. Aenean pellentesque ultricies orci eget rutrum. Cras adipiscing mi ut nibh volutpat condimentum. Aliquam semper posuere elit eget scelerisque. Curabitur massa nibh, ultrices vitae semper sed, tristique at ipsum. Duis sed tellus neque. Integer vestibulum dolor id eros porttitor hendrerit.</p>