персонаж
[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=68#p227'>анкета</a> ● <a href='https://warpigs.rusff.me/viewtopic.php?id=68#p228'>отношения</a> ❧ ═══════════════</div></td>
</tr>
<tr>
<td><div id=ava><img src='http://i4.imageban.ru/out/2017/04/21/40cbf382bb3c1fc7dc2b9fbc00c8df0b.jpg'></div></td>
<td valign="middle" style="padding-top: 20px !important;">
<hr class="one">
Очень внимательная кошечка. С легкостью находит решения в нестандартной ситуации (благодаря своей наблюдательности и знаниям). Уже сейчас видны отличные дедуктивные способности. В силу возраста может сболтнуть важную информацию, но старательно борется с этим.<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;}
.my-tabs > .tab-a {
height:400px!important;
background:url('https://forumstatic.ru/files/0017/bb/fa/98158.png') no-repeat center top !important;
position:relative;
z-index:1;
}
</style>
[/html]