персонаж
[html]
<table>
<col class="col1">
<col span="1" class="coln">
<tr>
<td bgcolor="#501e19" colspan="2" align="center"><div id="ls">═══════════════ ☙ <a href='https://warpigs.rusff.me/viewtopic.php?id=132#p1577'>анкета</a> ● <a href='https://warpigs.rusff.me/viewtopic.php?id=132#p1579'>отношения</a> ❧ ═══════════════</div></td>
</tr>
<tr>
<td><div id=ava><img src='http://savepic.net/9623068.jpg'></div></td>
<td valign="middle" style="padding-top: 20px !important;">
<hr class="one">
» обломан кончик левого клыка<br>
» множество шрамов в области шеи и на спине<br>
» превосходно лазает по деревьям, а малый вес дает ему взбираться на более тонкие ветви
<hr class="two">
</td>
</tr>
<tr>
<td colspan="2">
<table class="inner-table auto" border="0">
<tr>
<td class="left" width="40"><b>цвет глаз:</b></td>
<td class="right" width="120">ярко-желтый</td>
<td width="1"></td>
<td class="left" width="40"><b>+<br>качества:</b></td>
<td class="right" width="120">собранный, сдержанный, в меру строгий, никогда не повышает голоса, терпеливый; легко находит общий язык с соплеменниками, ему просто поддерживать разговор, болтая на любые темы (даже если ему они не интересны); он знает, что для него и племени пойдет на пользу, а что - во вред, потому готов отказаться от своих «хотелок» во благо своего будущего или даже будущего другого кота (даже если этот другой кот его за это возненавидит, он готов терпеть презрение, если будет знать, что поступил правильно, что так будет лучше), альтруистичный </td>
</tr>
<tr>
<td class="left"><b>окрас:</b></td>
<td class="right">шоколадный, сгущающийся к концу морды, лап и хвоста, темнеющий к спине и светлеющий к животу</td>
<td width="1"></td>
<td class="left"><b>-<br>качества:</b></td>
<td class="right">скрытный, недоверчивый, мстительный, отлично лжёт и притворяется, готов применять спартанские, жестокие методы тренировок к бездарям и лентяям</td>
</tr>
<tr>
<td class="left"><b>шерсть:</b></td>
<td class="right">короткая и шелковистая, сильно удлиняющая на хвосте, создавая своеобразную «оперенность»</td>
<td width="1"></td>
<td class="left"><b>страх:</b></td>
<td class="right">стать жалким, неспособным себя прокормить</td>
</tr>
</table>
</td>
</tr>
</table>
<style>
#ls {
width:auto;
height:auto;
font-size: 14px;
color: #a68d4a;
}
#ls a {
font-size: 16px;
font-weight: bold;
text-shadow: none !important;
color: #d4bb66 !important;
}
#ls a:hover {
text-shadow: 0px 0px 10px #fffe9e !important;
font-style: italic;
}
#ava {
width:200px;
height:200px;
}
#ava img{
max-width:200px;
max-height:200px;
border-radius: 10px;
}
.inner-table.auto {border: none !important; border-spacing: 0px 5px; border-collapse: separate; margin-bottom: -10px; padding: 0 !important;}
table {width: 100%;border-collapse: collapse;table-layout: fixed;}
.col1 { width: 206px; padding:10px; text-align: center;}
.coln {width: auto;}
.inner-table .left {text-align: center;border-top-left-radius: 10px;border-bottom-left-radius: 10px;margin-bottom: 2px;background:#aaa885;}
.inner-table .right {text-align: left;border-top-right-radius: 10px;border-bottom-right-radius: 10px;background: #f6f4d3;}
.small {font-size: 10px;}
hr.one { padding: 0; border: none; border-top: medium double #000; color: #000; text-align: center; } hr.one:after { content: "особенности"; display: inline-block; position: relative; top: -12px; font-size: 13px; padding: 0 0.25em; background: #e6dfbe; font-weight: bold; } hr.two { padding: 0; border: none; border-top: medium double #000; color: #000; text-align: center; margin-top: 0.55em !important;}
</style>
[/html]