<!--HTML-->
<center>

<div id="appish1">
<img src="http://s3.uploads.ru/cyWYF.gif" style="background-image:url(http://78.media.tumblr.com/f1dfe5cf8444acf32ee4373322512759/tumblr_nliou5ERUp1s7bqyto7_250.gif);">
<div id="appname1">Мой дорогой, я рада сообщить тебе, что ты принят!</div>
<div id="appbarthing1"><div class="appbarthing2"><a href="">Роли</a></div>
<div class="appbarthing2"><a href="" >Имена</a></div>
<div class="appbarthing2"><a href="">Внешности</a></div>
<div class="appbarthing2"><a href="">Звание</a></div></div>

<div id="appcont1">

<div id="subtitle1">ДОБРО ПОЖАЛОВАТЬ</div>
Приветствую. Меня зовут ..... и я сообщаю тебе, что АМС команда приняла решение, что ты можешь стать полноценным участником нашего опасного  и захватывающего мира. 

 Но это можно будет сделать и чуточку позже, давай я сначала проведу тебя по главным темам, куда тебе обязательно стоит зайти. Слева есть столбик туда зайди первым делом. Надеюсь ты с сюжетом и правилами уже познакомился самостоятельно.<br>
Теперь можно <u><a href="http://ouatupsidedown.rusff.me/viewtopic.php?id=18">выяснить отношения</a></u> и <u><a href="http://ouatupsidedown.rusff.me/viewtopic.php?id=20">найти партнера по игре.</a></u> Самое главное не забудь в анкете оставить два сообщения для хронологии и отношений. Я буду проверять, ведь мне нужно будет потом писать тебе интересные квесты.
</div>

</div></center>

<link href='http://fonts.googleapis.com/css?family=Teko|Abel|Almendra+Display' rel='stylesheet' type='text/css'><style type="text/css">

#appish1 { width: 500px; height: 230px; background-image:url(http://s3.uploads.ru/HpCuS.png); border: 10px solid #181617; position: relative; top: 0; left: 0; overflow: hidden; }
#appish1 img { width: 0px; height: 0px; position: relative; top: 50px; border: 1px solid #a57b38; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; padding: 50px 100px; }
#appish1:hover img { width: 100px; height: 100px; padding: 0; transform: translate(-190px, -40px); transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out;  }

#appname1 { width: 300px; text-align: center; text-transform: uppercase; font: 15px abel; color: #e7d0ab; top: 70px; position: relative; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out;  }
#appish1:hover #appname1 { top: 400px; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; }

#appish1 #appbarthing1 { position: absolute; top: 120px; left: -220px; width: 210px; height: 200px; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; }
#appish1:hover #appbarthing1 { left: -46px; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; }
.appbarthing2 { font: 15px teko; letter-spacing: 1px; width: 91px; height: 10px; padding: 5px; background-color: #e7d0ab; border: 1px solid #a57b38; text-align: center; margin: 2px; opacity: .8}
#appish1:hover .appbarthing2 { left: 0px; }

#appcont1 { width: 330px; height: 210px; padding: 0px 20px; background-color: #e7d0ab; font: 15,5px abel; color: black; text-align: justify; position: absolute; top: 10px; left: 520px; float: right; opacity: .8; border: 1px solid #a57b38; overflow: auto; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; }
#appish1:hover #appcont1 { left: 120px; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; }
#appcont::-webkit-scrollbar { width: 3px; }
#appcont::-webkit-scrollbar-track { background-color: white; }
#appcont::-webkit-scrollbar-thumb { background-color: #a57b38; }


#appish1:hover #appalias { top: 272px; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; }

#subtitle1 { padding: 5px 5px 0 5px; font: 20px abel; color: #3b2e18; text-align: center; text-shadow: 1px 1px 1px #a57b38; text-transform: uppercase; }

</style>