[html]<style type="text/css">
.lullabs1 {  opacity: 1; width: 200px; height: 350px; position: absolute;
top: 70px; left: 0px; transition-duration: 1.3s;  -moz-transition-duration: 1.3s; 
-webkit-transition-duration: 1.3s;  -o-transition-duration: 1.3s; opacity:0;  }
.lullabs1:hover { opacity: 1; }
.mornings { width:210px; height: 200px; background-color: #fafafa;
position: absolute; bottom: 0px; left: 35px; overflow: auto; color: #222; font: 10px arial;
line-height: 145%; text-align: justify; -moz-transition-duration: 1.3s; 
-moz-transition-duration: 1.3s;  -webkit-transition-duration: 1.3s; 
-o-transition-duration: 1.3s;}

</style><center>
<link href='http://fonts.googleapis.com/css?family=Khula:300' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lato:300,400' rel='stylesheet' type='text/css'>

<div style="width:280px; height:542px;position: relative;">
<div style="width: 280px; height: 542px; background-image: url(http://i.imgur.com/W80jRG7.png);position:relative">
<div style="width: 233px; height: 392px; background-image: url(https://i.ibb.co/dtHr5ZM/image.gif);
position: relative; top: 83px; left: 0px;"></div></div>

<div style="width: 280px;color: black; font-family: 'Khula', sans-serif; font-size: 45px;
letter-spacing: 3px; line-height: 100%; text-align: center; position: relative; bottom: 400px;">

10:25

</div><div style="width: 244px;color: black; font-family: 'Khula', sans-serif; font-size: 11px;
line-height: 100%; text-align: center; position: relative; bottom: 400px;">

monday, 10

</div><div style="width: 280px; color: black; font-family: 'Khula', sans-serif; font-size: 24px;
line-height: 100%; text-align: center; position: relative; bottom: 300px; left: 53px;"><div style="width: 175px; background-color: rgba(255,255,255,.9); padding-top:4px;">new message</div></div>
<figure class="effect-sarah" onclick="">
<span class="lullabs1"><span class="mornings">
<div style="padding:10px;">
Тук тук коллайдовцы! Мы ищем таланты! Если вы отлично справляетесь с графонием, курите трубку мира с рекламой, любите все эти "обновить список", то срочно просим в лс, чтобы так сказать помогать развитию коллайдов и себе в карьерной лестнице)))
</div></span>
</span></div>
</center>
[/html]

[html]<style type="text/css">
.lullabs1 {  opacity: 1; width: 200px; height: 350px; position: absolute;
top: 70px; left: 0px; transition-duration: 1.3s;  -moz-transition-duration: 1.3s; 
-webkit-transition-duration: 1.3s;  -o-transition-duration: 1.3s; opacity:0;  }
.lullabs1:hover { opacity: 1; }
.mornings { width:210px; height: 200px; background-color: #fafafa;
position: absolute; bottom: 0px; left: 35px; overflow: auto; color: #222; font: 10px arial;
line-height: 145%; text-align: justify; -moz-transition-duration: 1.3s; 
-moz-transition-duration: 1.3s;  -webkit-transition-duration: 1.3s; 
-o-transition-duration: 1.3s;}

</style><center>
<link href='http://fonts.googleapis.com/css?family=Khula:300' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lato:300,400' rel='stylesheet' type='text/css'>

<div style="width:280px; height:542px;position: relative;">
<div style="width: 280px; height: 542px; background-image: url(http://i.imgur.com/W80jRG7.png);position:relative">
<div style="width: 233px; height: 392px; background-image: url(https://i.ibb.co/dtHr5ZM/image.gif);
position: relative; top: 83px; left: 0px;"></div></div>

<div style="width: 280px;color: black; font-family: 'Khula', sans-serif; font-size: 45px;
letter-spacing: 3px; line-height: 100%; text-align: center; position: relative; bottom: 400px;">

10:25

</div><div style="width: 244px;color: black; font-family: 'Khula', sans-serif; font-size: 11px;
line-height: 100%; text-align: center; position: relative; bottom: 400px;">

monday, 10

</div><div style="width: 280px; color: black; font-family: 'Khula', sans-serif; font-size: 24px;
line-height: 100%; text-align: center; position: relative; bottom: 300px; left: 53px;"><div style="width: 175px; background-color: rgba(255,255,255,.9); padding-top:4px;">new message</div></div>
<figure class="effect-sarah" onclick="">
<span class="lullabs1"><span class="mornings">
<div style="padding:10px;">
Тук тук коллайдовцы! У нас срочное объявление! Как вы и заметили у нас новогодние каникулы случились так внезапно, что никто не ожидал! Но мы с вами, любим вас и поднимаем бокальчик вискаря за ваше здоровье! А тем временем Кости упорно работает, Катюшка принимает гостей, а Лиля пьет как не в себя и пытается написать курсач))
</div></span>
</span></div>
</center>
[/html]