Код:
<!--HTML--><style type="text/css">
.pheromones { width: 600px; height: 200px; opacity: 0; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; }
.pheromones:hover { width: 600px; height: 200px; opacity: .9; }
.pheromoness::-webkit-scrollbar { width: 5px; height: 5px; }
.pheromoness::-webkit-scrollbar-track { background-color: #1dba9d; }
.pheromoness::-webkit-scrollbar-thumb { background-color: #000; }
</style>
<center><div style="width: 600px; font-family: arial, sans-serif; font-size: 72px; text-transform: uppercase; text-align: center; color: #000; line-height: 100%; letter-spacing: -10px;">memories </div>
<div style="width: 660px; background-color: #1dba9d; color: #fff; font-size: 10px; text-align: center; padding-top: 5px; padding-bottom: 5px; line-height: 100%; margin-top: -45px; text-transform: uppercase; letter-spacing: 4px; word-spacing: 2px; font-family: arial, sans-serif;">fateful meeting</div>
<div style="height: 20px;"></div><div style="width: 600px; height: 210px; background-image: url(тут ссылка на картинку); background-color: #fff; border-right: 30px solid #000; border-left: 30px solid #1dba9d;"><div class="pheromones"><div style="height: 10px;"></div><div style="width: 358px; height: 160px; border: 1px solid #fff; padding: 10px;"><div style="width: 338px; height: 150px; padding: 5px; background-color: #fff; font-family: arial, sans-serif; font-size: 12px; text-align: center; line-height: 100%; color: #000;">
<div style="width: 333px; height: 150px; padding-right: 5px; overflow: auto; line-height: 100%;" class="pheromoness">
<b>участники </b><br>
Emma Maren \ Orrin Bezzard <br>
<b>время</b><br>
16.10.2015 \ Поздний вечер <br>
<b>место</b> <br>
Гарленд <br>
<b>описание эпизода</b><br>
Девушка отправилась на поиски своей младшей сестры, но наткнулась на неприятности <br>
</div></div></div></div></div>
$2")
}}
