Визитка
[html]
<link href='https://fonts.googleapis.com/css?family=Roboto:700' rel='stylesheet' type='text/css'>
<center>
<div class="horny">
   <div class="amcon"><img src="https://i.imgur.com/yAoSRPM.png" class="amcon"></div>
<div class="hanydrop">
<div class="amtitle">Selestia Gaben</div>
<div class="amsub">
★ Злодей ★ 25 лет ★ женщина ★
</div>
<div class="amlyrics">
<center><!-- Атака -->
<a class="tooltip"><img src="http://i.imgur.com/dDlz9Bt.png" class="admimg">
<span class="tip">
Атрибут <b>Атака</b> имеет базовый показатель <b>110</b>. Усиливающие бонусы отсутствуют.
</span></a>
<!-- Удача -->
<a class="tooltip"><img src="http://i.imgur.com/g3rW0Yp.png" class="admimg">
<span class="tip">
Атрибут <b>Удача</b> имеет базовый показатель <b>+2</b>. Усиливающие бонусы отсутствуют.
</span></a>
<!-- Защита -->
<a class="tooltip"><img src="http://i.imgur.com/l1Ss8IX.png" class="admimg">
<span class="tip">
Атрибут <b>Защита</b> имеет базовый показатель <b>10</b>. Усиливающие бонусы отсутствуют.
</span></a>
<!-- Деньги -->
<a class="tooltip"><img src="http://i.imgur.com/hIjBjg2.png" class="admimg">
<span class="tip">
На личном счету <b>60</b> 🐱
</span></a>
</center>
</div></div>
<div class="amtext">
Я просто ненавижу тебя. Заранее. Авансом.
</div><hr>
<div class="hpline" original-title=""><div class="hphr" original-title="Здоровье"></div><div class="hph" style="width:100%" original-title="">HP: 400 | 400</div></div>
<div class="hpline" original-title=""><div class="hphr" style="background: url(http://i.imgur.com/b2Vs3nO.png)!important;" original-title="Запас сил"></div><div class="hph" style="width:100%" original-title="">RF: 120 | 120</div></div>
<div class="hpline" original-title=""><div class="hphr" style="background: url(http://i.imgur.com/MgS7EZA.png)!important;" original-title="Психика"></div><div class="hph" style="width:100%" original-title="">MIND: 50 | 50</div></div>
<br>
Базовые характеристики
<center><table cellspacing="1" cellpadding="1" style="width: auto;">
<tbody><tr>
<th style="font: 10px Gagalin; color: #001319; background: rgba(1, 29, 37, 0.21);">Сила</th>
<td><div style="width:450px; height:0.8em; border-radius: 2em;
    background: -moz-linear-gradient(left, #00ccff 0%, #ffd400 100%, #E5E4E2 100%, #E5E4E2 100%);
    background: -o-linear-gradient(left, #00ccff 0%, #ffd400 100%, #E5E4E2 100%, #E5E4E2 100%);
    background: -ms-linear-gradient(left, #00ccff 0%, #ffd400 100%, #E5E4E2 100%, #E5E4E2 100%);
    background: linear-gradient(to right, #00ccff 0%, #ffd400 100%, #E5E4E2 100%, #E5E4E2 100%);
    background: -webkit-linear-gradient(left, #00ccff 0%, #ffd400 80%, #E5E4E2 80%, #E5E4E2 100%);">&nbsp;</div>
</td>
<td style="font: 10px Gagalin; color: #001319; background: rgba(1, 29, 37, 0.21);">4/5 <b>B</b>
</td></tr>
<tr>
<th style="font: 10px Gagalin; color: #001319; background: rgba(1, 29, 37, 0.21);">Ловкость</th>
<td><div style="width:450px; height:0.8em; border-radius: 2em;
    background: -moz-linear-gradient(left, #00ccff 0%, #ffd400 100%, #E5E4E2 100%, #E5E4E2 100%);
    background: -o-linear-gradient(left, #00ccff 0%, #ffd400 100%, #E5E4E2 100%, #E5E4E2 100%);
    background: -ms-linear-gradient(left, #00ccff 0%, #ffd400 100%, #E5E4E2 100%, #E5E4E2 100%);
    background: linear-gradient(to right, #00ccff 0%, #ffd400 100%, #E5E4E2 100%, #E5E4E2 100%);
    background: -webkit-linear-gradient(left, #00ccff 0%, #ffd400 80%, #E5E4E2 80%, #E5E4E2 100%);">&nbsp;</div>
</td>
<td style="font: 10px Gagalin; color: #001319; background: rgba(1, 29, 37, 0.21);">4/5 <b>B</b>
</td></tr>
<tr>
<th style="font: 11px Gagalin; color: #001319; background: rgba(1, 29, 37, 0.21);">Техника</th>
<td><div style="width:450px; height:0.8em; border-radius: 2em;
    background: -moz-linear-gradient(left, #00ccff 0%, #ffd400 100%, #E5E4E2 100%, #E5E4E2 100%);
    background: -o-linear-gradient(left, #00ccff 0%, #ffd400 100%, #E5E4E2 100%, #E5E4E2 100%);
    background: -ms-linear-gradient(left, #00ccff 0%, #ffd400 100%, #E5E4E2 100%, #E5E4E2 100%);
    background: linear-gradient(to right, #00ccff 0%, #ffd400 100%, #E5E4E2 100%, #E5E4E2 100%);
    background: -webkit-linear-gradient(left, #00ccff 0%, #ffd400 80%, #E5E4E2 80%, #E5E4E2 100%);">&nbsp;</div>
</td>
<td style="font: 11px Gagalin; color: #001319; background: rgba(1, 29, 37, 0.21);">4/5 <b>B</b>
</td></tr>
<tr>
<th style="font: 10px Gagalin; color: #001319; background: rgba(1, 29, 37, 0.21);">Интеллект</th>
<td><div style="width:450px; height:0.8em; border-radius: 2em;
    background: -moz-linear-gradient(left, #00ccff 0%, #ffd400 100%, #E5E4E2 100%, #E5E4E2 100%);
    background: -o-linear-gradient(left, #00ccff 0%, #ffd400 100%, #E5E4E2 100%, #E5E4E2 100%);
    background: -ms-linear-gradient(left, #00ccff 0%, #ffd400 100%, #E5E4E2 100%, #E5E4E2 100%);
    background: linear-gradient(to right, #00ccff 0%, #ffd400 100%, #E5E4E2 100%, #E5E4E2 100%);
    background: -webkit-linear-gradient(left, #00ccff 0%, #ffd400 40%, #E5E4E2 40%, #E5E4E2 100%);">&nbsp;</div>
</td>
<td style="font: 10px Gagalin; color: #001319; background: rgba(1, 29, 37, 0.21);">2/5 <b>D</b>
</td></tr>
<tr>
<th style="font: 10px Gagalin; color: #001319; background: rgba(1, 29, 37, 0.21);">Кооперативность</th>
<td><div style="width:450px; height:0.8em; border-radius: 2em;
    background: -moz-linear-gradient(left, #00ccff 0%, #ffd400 100%, #E5E4E2 100%, #E5E4E2 100%);
    background: -o-linear-gradient(left, #00ccff 0%, #ffd400 100%, #E5E4E2 100%, #E5E4E2 100%);
    background: -ms-linear-gradient(left, #00ccff 0%, #ffd400 100%, #E5E4E2 100%, #E5E4E2 100%);
    background: linear-gradient(to right, #00ccff 0%, #ffd400 100%, #E5E4E2 100%, #E5E4E2 100%);
    background: -webkit-linear-gradient(left, #00ccff 0%, #ffd400 10%, #E5E4E2 10%, #E5E4E2 100%);">&nbsp;</div>
</td>
<td style="font: 10px Gagalin; color: #001319; background: rgba(1, 29, 37, 0.21);">1/5 <b>Е</b>
</td></tr>
</tbody></table></center>
</div>
</center>
[/html]