<!--HTML-->
<style type="text/css">
.happiness {
  width: 600px;
 height: 600px;
 background: url(http://funkyimg.com/i/29ALN.png) top no-repeat, 
url(http://funkyimg.com/i/29AMk.png) bottom no-repeat, 
url(http://funkyimg.com/i/29ALQ.png) repeat-y;
  }
.happine{
  position: relative;
  width: 570px;
  height: 690px;
  margin-top: 30px;
 border-radius: 10%;
}

.face05 { background-color: #9abdb4;  font-family: Oswald;font-weight: bold;
font-size: 16px;letter-spacing: 1px; color: #f7d25d; text-align: center;line-height: 100%;margin-top: 2px;text-transform: uppercase;}

.face06 { font-family: Oswald;font-weight: bold;
font-size: 12px;letter-spacing: 1px;color: #568ba9;text-shadow: 1px 1px 0px #f7d25d;text-align: center;line-height: 100%;margin-top: 2px;text-transform: uppercase;}

.face07 {   font-family: Oswald;font-weight: bold;font-size: 12px;letter-spacing: 1px;color: #568ba9;text-shadow: 1px 1px 0px #f7d25d ;text-align: center;line-height: 100%;margin-top: 2px;text-transform: uppercase;}

.face08 { background-color: #fff; overflow: auto;background: #f5eee6; border: 1px solid #ffeba4; border-top:2px solid #ffeba4; border-bottom: 2px solid #ffeba4; box-shadow:  inset #bfd3d6 0 0 12px 0px; border-radius: 20px;}
</style>
<center>
<div class="happiness"><div style="width: 450px; margin-left: 5px; font-family: bebas; font-size: 25px; font-style: none; letter-spacing: 1px; padding-top: 50px; line-height: 100%; text-align: center; color: #568ba9;text-shadow: 1px 1px 0px #f7d25d; text-transform: uppercase;">
Занятые роли
</div><div class="happine">
<div style="width: 500px; padding-top: 20px; font-family: oswald; font-size: 12px; text-align: justify; overflow: auto; letter-spacing:4px;"><img src="http://funkyimg.com/i/29Hvz.png">Kаждая внешность, представленная в списке ниже, считается занятой.<br>
<img src="http://funkyimg.com/i/29Hvz.png">По вопросам освобождения той или иной внешности обращаемся в гостевую книгу.<br>
<img src="http://funkyimg.com/i/29Hvz.png">Убедительная просьба заполнять форму строго по шаблону, подставляя готовый текст в код.</div>
<div style="width: 500px; padding: 30px; background-color:;">
<div class="face05"><center>a - f</center></div>
<table border="0" style="font: 10px verdana; text-transform: lowercase; ">
<tbody><tr>
<td width="220px" height: "150px"><div style="text-align: center; font-family: oswald; font-size: 14px; letter-spacing: 1px; line-height: 100%; text-align: center;"><div class="face08"><div class="face06">парни</div>
  -- </div></div>
</td>
<td width="220px" height: "150px"><div style="text-align: center; font-family: oswald; font-size: 14px; letter-spacing: 1px; line-height: 100%; text-align: center;"><div class="face08"><div class="face07">девушки</div> 
--
</div></div>
</td></tr>
</tbody></table>
<div class="face05"><center>g - n</center></div>
<table border="0" style="font: 10px verdana; text-transform: lowercase; ">
<tbody><tr>
<td width="220px" height: "150px"><div style="text-align: center; font-family: oswald; font-size: 14px; letter-spacing: 1px; line-height: 100%; text-align: center;"><div class="face08"><div class="face06">парни</div>
<a href="https://happinesslive.rusff.me/profile.php?id=2">Lee Taeil</a> - block b<br>
</div></div></div>
</td>
<td width="220px" height: "150px"><div style="text-align: center; font-family: oswald; font-size: 14px; letter-spacing: 1px; line-height: 100%; text-align: center;"><div class="face08"><div class="face07">девушки</div> 
<a href="https://happinesslive.rusff.me/profile.php?id=3">Minatozaki Sana</a> - twice<br>
</div></div>
</td></tr>
</tbody></table>


<div class="face05"><center>o - t</center></div>
<table border="0" style="font: 10px verdana; text-transform: lowercase; ">
<tbody><tr>
<td width="220px" height: "150px"><div style="text-align: center; font-family: oswald; font-size: 14px; letter-spacing: 1px; line-height: 100%; text-align: center;"><div class="face08"><div class="face06">парни</div>
  -- </div></div>
</td>
<td width="220px" height: "150px"><div style="text-align: center; font-family: oswald; font-size: 14px; letter-spacing: 1px; line-height: 100%; text-align: center;"><div class="face08"><div class="face07">девушки</div> 
--
</div></div>
</td></tr>
</tbody></table>


<div class="face05"><center>u - z</center></div>
<table border="0" style="font: 10px verdana; text-transform: lowercase;">
<tbody><tr>
<td width="220px" height: "150px"><div style="text-align: center; font-family: oswald; font-size: 14px; letter-spacing: 1px; line-height: 100%; text-align: center;"><div class="face08"><div class="face06">парни</div>
  -- </div></div>
</td>
<td width="220px" height: "150px"><div style="text-align: center; font-family: oswald; font-size: 14px; letter-spacing: 1px; line-height: 100%; text-align: center;"><div class="face08"><div class="face07">девушки</div> 
--
</div></div>
</td></tr>
</tbody></table>


<div class="code-box" style="width:440px;"><strong class="legend"><a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName('pre')[0]); return false;">Выделить код</a></strong><div class="blockcode"><div class="scrollbox" style="height: 100%; text-align:left;"><pre>&lt;*a&gt;href="ссылка">имя&lt;*/a&gt; - группа,соло&lt;*br&gt;</pre></div></div></div>

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