<!--HTML-->
<link href="https://fonts.googleapis.com/css?family=Noto+Serif|Julius+Sans+One|Sansita+One|Fira+Mono" rel="stylesheet">
<style type="text/css">
.post_base {width:560px; height:530px; background:url(http://funkyimg.com/i/2hABZ.png);}
.post_text {position:absolute; margin:20px 0 0 20px; width:480px; height:450px; padding:20px; line-height:13px; font:10px arial; text-align:justify; background:#fff;}
.big_name {font:50px Julius Sans One; text-align:center; background:#000; color:#fff;}
.small_name {font:20px Sansita One; font-style:italic; text-align:center; background:#dddddd; color:#888888;}
.name {font:15px Julius Sans One; text-align:center;}
.name2 {font:20px Sansita One; font-style:italic; text-align:center; color:#888888;}
.name3 {font:8px arial; text-transform:uppercase; font-style:italic; text-align:left; line-height:18px; border-bottom:1px solid #888888;}
.name4 {font:10px arial; text-transform:uppercase; font-style:italic; font-weight:bold; text-align:left; line-height:18px;}

.rule_scroll {overflow-y:scroll; height:340px; padding:0 10px 0 0;  font:10px arial; text-align:justify;}
.gost_rules {position:absolute; margin:380px 0 0 20px; width:480px; height:260px; padding:20px; line-height:13px; font:10px arial; text-align:justify; background:#fff; opacity:1;}
.gost_rules:hover {opacity:1;}
.vvv {text-align:center;}
</style>
<center>
<div class=post_base>

<div class=post_text>
<div style="border-top:5px solid #000; border-bottom:1px solid #000; padding:1px 0 1px 0;"><div class=big_name>RULES</div></div>

<br>
<table>
<tr><td><div class=name2>male</div></td><td><div class=name2>female</div></td></tr>

<tr><td><div class=rule_scroll>

<div class=name4>a b c</div>

<span class=name3>andy biersack</span> за troye seagal

<div class=name4>d e f</div>

<div class=name4>g h i</div>

<div class=name4>j k l</div>

<span class=name3>jesse rutherford</span> за wendell henning

<div class=name4>m n o</div>

<span class=name3>oliver sykes</span> за noah armstrong

<div class=name4>p q a</div>

<div class=name4>s t u</div>

<span class=name3>troye sivan</span> за eric rothmans

<div class=name4>v w x</div>

<div class=name4>y z</div>

</div></td><td><div class=rule_scroll>


<div class=name4>a b c</div>

<div class=name4>d e f</div>

<div class=name4>g h i</div>

<div class=name4>j k l</div>

<div class=name4>m n o</div>

<div class=name4>p q a</div>

<div class=name4>s t u</div>

<div class=name4>v w x</div>

<div class=name4>y z</div>


</div></td></tr>


</table>


</div>
</div>
</center>

[co*de]<br><span class=name3>name surname (настоящей внешности)</span> за name surname (имя персонажа)[/co*de]