<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Playfair+Display|Droid+Sans' rel='stylesheet' type='text/css'>
<style type="text/css">
::-webkit-scrollbar { height: 12px; width: 8px; background-color: transparent;} 
::-webkit-scrollbar-thumb { background: #89929d; } 
::-webkit-scrollbar-corner { background: #89929d; }
::-webkit-scrollbar-track { background: transparent; }
#stuscontainer { width: 500px; height: 500px; position: relative; background-color: #b1bac1; }
#stumenu li { display: inline; cursor:pointer; position: absolute; top: 200px; width: 75px; text-align: center; left: 100px; background-color: #89929d; color: #EEEDDD; padding-top: 10px; padding-bottom: 10px; font-size: 11px; font-family: calibri, sans serif; }
#stumenu li:hover { background-color: #a5acb4; }
#stumenu li > div { width: 260px; height: 160px; overflow: auto; position: absolute; z-index: 20; display: inline; left: 0px; padding: 20px; visibility:hidden; opacity: 0; margin-bottom: 10px; background: #EEEDDD; color: #666d75; text-align: justify; font-size:1em; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
#stumenu li:hover > div { visibility:visible; opacity: 1; margin-top: 30px; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
#stuscontainer img { position: absolute; z-index: 10; top: 240px; left: 100px; height: 200px; width: 300px; border-bottom: 10px solid #a5acb4; }
#stuscontainer h1 { position: absolute; top: 110px; left: 100px; width: 300px; text-align: center; font-family: playfair display; font-size: 70px; color: #EEEDDD; font-style: italic; font-weight: inherit; }
#stuscontainer h2 { font-family: times; font-size: 7px; letter-spacing: 2px; position: absolute; top: 90px; left: 100px; width: 300px; line-height: 9px; text-align: center; text-transform: uppercase; color: rgba(238,237,221,0.8); font-weight: inherit; padding-top: 8px; padding-bottom: 8px; border-top: 1px solid rgba(238,237,221,0.5); border-bottom: 1px solid rgba(238,237,221,0.5); }
</style>
<center>
<div id="stuscontainer">
<img src="http://savepic.net/7221278.png">
<h2>welcome to monsters inc.</h2>
<ul id="stumenu">
       <li>
           I
           <div>
              what's up guys, с вами сегодня и всегда администрация форума <b>monsters inc.</b> и мы приветствуем вас в <b>мемфисе, сша</b>. здесь мы объединились для того, чтобы подарить каждому игроку и, конечно же, себе, место, куда действительно хочет возвращаться - одновременно и уютное, и веселое, не испорченной сотней надоевших всем клише. мы не будем агитировать тебя присоединиться, обещая дом, мы предлагаем <b>попробовать разбудить монстра в себе</b>.
           </div>
       </li>
       <li style="margin-left: 75px;">
           II
           <div style="margin-left: -75px;">
               <center><b>придержанные женские внешности:</b><br>
                           
                            <i>до 2.09</i><br><br>

carly chaikin - <a href="http://monster.rusff.me/profile.php?id=49">huelmo</a><br>
kaya scodelario - <a href="http://monster.rusff.me/profile.php?id=50">carter</a><br>
kendall jenner - <a href="http://monster.rusff.me/profile.php?id=52">фриска</a><br>
crystal reed - <a href="ссылка на профиль">крошка-картошка</a><br>
emmy rossum - <a href="http://monster.rusff.me/profile.php?id=55">jerry queen</a><br>
alicia vikander - <a href="http://monster.rusff.me/profile.php?id=53">nancy alpert</a><br>


                            <i>до 3.09</i><br><br>

kristen stewart - <a href="ссылка на профиль">read my mind</a><br>
suki waterhouse - <a href="ссылка на профиль">donut disturb</a><br>
phoebe tonkin - <a href="ссылка на профиль">burn</a><br>
winona ryder - <a href="http://monster.rusff.me/profile.php?id=34">burt ray</a><br>
natalie dormer - <a href="http://monster.rusff.me/profile.php?id=36">april whitman</a><br>

</center>
           </div>
       </li>
       <li style="margin-left: 150px;">
            III
           <div style="margin-left: -150px;">
              <center><b>придержанные мужские внешности:</b><br>
                            <i>до 4.09.</i><br><br>

matthew goode - <a href="ссылка на профиль">areyouthedevil</a><br>
zac efron -  <a href="http://monster.rusff.me/profile.php?id=40">elmo</a><br>
alexander ludwig - <a href="ссылка на профиль">amen</a><br>


 <i>до 2.09</i><br><br>

arthur darvill - <a href="http://monster.rusff.me/profile.php?id=54">patrick nowicki</a><br>
armie hammer - <a href="http://monster.rusff.me/profile.php?id=19">hunter barrow</a><br>
harry styles - <a href="http://monster.rusff.me/profile.php?id=34">burt ray</a><br>
chris pine - <a href="http://monster.rusff.me/profile.php?id=22">joseph corleone</a><br>
joe cole - <a href="http://monster.rusff.me/profile.php?id=60">angus pravec</a><br>
charlie hunnam - <a href="http://monster.rusff.me/profile.php?id=41">Nicholas Neumann</a><br>
dan howell - <a href="http://monster.rusff.me/profile.php?id=45">джереми джонс</a><br>
jake gyllenhaal - <a href="http://monster.rusff.me/profile.php?id=63">leon</a><br>

<i>до 3.09</i><br><br>
jesse rutherford - <a href="http://monster.rusff.me/profile.php?id=30">mosconi</a><br>
chris wood - <a href="">fucked your mom accidetly</a><br>
</center>
           </div>
       </li>
       <li style="margin-left: 225px;">
           IV
           <div style="margin-left: -225px;">
              <center><b>придержанные имена:</b><br>
                           

</center>
           </div>
       </li>
</ul>
</div>
</center><br><br>