<center>

<div id="appish1">
<img src="http://sh.uploads.ru/xQ0EL.gif" style="background-image:url(http://sg.uploads.ru/UvMoT.gif);">
<div id="appname1">Добро пожаловать, дорогой гость!</div>
<div id="appbarthing1"><div class="appbarthing2"><a href="http://ouatime.rolka.me/viewtopic.php?id=8#p10">Сюжет</a></div><div class="appbarthing2"><a href="http://ouatime.rolka.me/viewtopic.php?id=7">Правила</a></div><div class="appbarthing2"><a href="http://ouatime.rolka.me/viewtopic.php?id=9#p11">Роли</a></div><div class="appbarthing2"><a href="http://ouatime.rolka.me/viewforum.php?id=3">Акции</a></div><div class="appbarthing2"><a href="http://ouatime.rolka.me/viewtopic.php?id=11#p13">Внешности</a></div><div class="appbarthing2"><a href="http://ouatime.rolka.me/viewtopic.php?id=10#p12">Профессии</a></div></div>

<div id="appcont1">

<div id="subtitle1">Сказка зовет</div>

Здравствуй, милый гость! Тебя приветствует форум по мотивам сериала "Однажды в сказке"
Не стесняйся, проходи, располагайся, чувствуй себя как дома. В этой теме ты можешь задать все интересующие тебя вопросы.
Также здесь ты можешь придержать интересующую тебя роль/внешность. Роль придерживается максимальным сроком 4 дня. В случае, если ты не успеваешь подать анкету в срок, не печалься, всегда можно продлить бронь еще на 2 дня.</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: 400px; height: 350px; background-image:url(http://sg.uploads.ru/E0vpb.png); border: 10px solid #a57b38; position: relative; top: 0; left: 0; overflow: hidden; }
#appish1 img { width: 0px; height: 0px; position: relative; top: 80px; 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(-140px, -70px); 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: 200px; text-align: center; text-transform: uppercase; font: 15px abel; color: #e7d0ab; top: 90px; 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: 230px; height: 310px; padding: 0px 20px; background-color: #e7d0ab; font: 15,5px abel; color: black; text-align: justify; position: absolute; top: 10px; left: 420px; 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: white; text-align: center; text-shadow: 1px 1px 1px #a57b38; text-transform: uppercase; }

</style>