Код:
<!--HTML--><center>
<style type="text/css">
.jakna {width:400px;
height:400px;
margin:auto;
background-image:url(https://pbs.twimg.com/profile_images/530795510010241025/-NpxdkPO.jpeg);
outline: 5px double #EEE;
overflow:hidden;
}
.jakna1 { width:320px;
height:40px;
margin:auto;
background-color: #79CDEE;
font: italic bold normal 30px/90% 'Times New Roman';
font-size:30px;
text-align: center;
padding:20px;
line-height:140%;
text-transform:lowercase;
color:#80b019;
text-shadow: 1px 1px 0px #80b019;
position:relative;
top:21px;
left:-300px;
transition: all 2s ease-in-out;
opacity:0;
-WEBKIT-TRANSITION: 1.6S ALL EASE-IN-OUT;
-MOZ-TRANSITION: 1.6 S ALL EASE-IN-OUT;
O-TRANSITION: 1.6 S ALL EASE-IN-OUT;
}
.jakna:hover .jakna1 {-WEBKIT-TRANSITION: 1.6 S ALL EASE-IN-OUT;
-MOZ-TRANSITION: 1.6 S ALL EASE-IN-OUT;
O-TRANSITION: 1.6 S ALL EASE-IN-OUT;
opacity:1;
left:0px;
}
.jakna2 {width:320px;
height:200px;
margin:auto;
overflow:auto;
background-color:#fff;
font-family:calibri;
font-size:12px;
text-align: justify;
padding:10px;
color:#3D3C3B;
position:relative;
right: -300px;
top:21px;
transition: all 2s ease-in-out;
opacity:0;
border: 10px solid #fff;
-WEBKIT-TRANSITION: 1.6S ALL EASE-IN-OUT;
-MOZ-TRANSITION: 1.6 S ALL EASE-IN-OUT;
O-TRANSITION: 1.6 S ALL EASE-IN-OUT;
}
.jakna:hover .jakna2 {
right: 0px;
-WEBKIT-TRANSITION: 1.6 S ALL EASE-IN-OUT;
-MOZ-TRANSITION: 1.6 S ALL EASE-IN-OUT;
O-TRANSITION: 1.6 S ALL EASE-IN-OUT;
opacity:1;}
.jakna2::-webkit-scrollbar {width: 4px;background: #eee;}
.jakna2::-webkit-scrollbar-thumb {background: #80b019;}
.jakna2::-webkit-scrollbar-corner {background: #80b019;}
.jakna3 i , .janka3 b {color:#80b019;}
.jakna4 { width:320px;
height:0px;
margin:auto;
background-color: #79CDEE;
font-family:verdana;
font-size:10px;
text-align: right;
padding:20px;
line-height:30%;
text-transform:uppercase;
color:#fff;
position:relative;
top:20px;
left:-300px;
transition: all 1.6s ease-in-out;
opacity:0;
-WEBKIT-TRANSITION: 1.6S ALL EASE-IN-OUT;
-MOZ-TRANSITION: 1.6 S ALL EASE-IN-OUT;
O-TRANSITION: 1.6 S ALL EASE-IN-OUT;
}
.jakna:hover .jakna4 {-WEBKIT-TRANSITION: 1.6 S ALL EASE-IN-OUT;
-MOZ-TRANSITION: 1.6 S ALL EASE-IN-OUT;
O-TRANSITION: 1.6 S ALL EASE-IN-OUT;
opacity:1;
left:0px;}
</style>
<div class="jakna">
<div class="jakna1">BREAKING NEWS</div>
<div class="janka3 i, janka3 b"><div class="jakna2"><center><i><b>доброе утро, добрый день, добрый вечер, доброй ночи, мы здороваемся с каждым из вас! :D</b></i></center><br>
<p>
прошло всего три дня, а я уже ощущаю себя частью большой семьи. и за это спасибо хочу сказать всем-всем-всем, кто в течение этих трех дней флудит, пишет анкеты, играет и наркоманит вместе с нами. ребята, вы невероятные, мы всех вас очень любим. за эти три дня каждый из нас стал маленькой частью чего-то огромного. и это именно то, к чему мы стремимся. а теперь перейдем к новостям.<br>
<p>
<b><i>во-первых,</i></b> пожалуй, самая главная новость – это начало <a href="http://rainofkoalas.rusff.me/viewtopic.php?pid=9748#p9748">переклички</a>. мы решили устроить ее исключительно для того, чтобы освободить внешности тех, кто от нас по какой-то причине смылся, и понять примерную картинку: сколько нас и кто с нами.<br>
<p>
<b><i>во-вторых,</i></b> все уже знают, что у нас появился <a href="http://rainofkoalas.rusff.me/viewtopic.php?id=36">шаблон анкеты</a>, и многие уже начали писать характеры и биографии своих персонажей. продолжайте в том же духе! но обратите внимание на то, что имя и фамилия над гифками пишится капсом и на английском языке, а под гифками – на русском. для вашего удобства мы отредактировали шаблон, добавив уточнения, чтобы не возникало вопросов, на каком языке писать.<br>
<p>
<b><i>в-третьих,</i></b> по итогам опроса мы создали раздел для игр. у нас уже появился <a href="http://rainofkoalas.rusff.me/viewtopic.php?id=49">шаблон эпизода</a>, чтобы вы могли начать игру. шаблон на чистовике вряд ли изменится, так что потом вы сможете просто перенести уже написанные посты на готовый форум и продолжить игру. <br>
<p>
<b><i>в-четвертых,</i></b> в <a href="http://rainofkoalas.rusff.me/viewtopic.php?id=8">другом опросе</a>, посвященном социальным сетям, пока лидирует вариант "не нужна". но у вас еще есть шанс изменить исход голосования, потому что мы еще сами не знаем, как поступить. для справки: социальная сеть будет необязательной, но, вероятнее всего, если она будет, за нее будем давать плюшки.<br>
<p>
<b><i>в-пятых,</i></b> очень сильно просим вас не забивать на <a href="http://rainofkoalas.rusff.me/viewtopic.php?id=7">тему с идеями и пожеланиями</a>, потому что мы это все читаем и учитываем. это помогает нам не только обращать внимание на что-то конкретное и принимать решения, выбирая из миллионов опций, но и делать форум максимально комфортным для вас.<br>
<p>
<b><i>и, наконец,</i></b> для тех, кто оказался самым стойким и дочитал до самого конца, маленькая плюшка от нас: мы активничаем не меньше вашего, и нам осталось пара-тройка небольших рывков, чтобы открыться. пока планируем на пятницу, 17 июля. надеемся, все получится :з<br>
<p>
<center><i><b>спасибо вам за терпение и веру в нас, мы обязательно оправдаем ваши ожидания. осталось совсем чуть-чуть до финиша. любим вас <3</b></i></center><br>
</div>
</div>
</center>