Код:
<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Gilda+Display' rel='stylesheet' type='text/css'>
<center>
<style>
#winter {width: 360px; height: 130px; overflow: hidden; position: relative;}
#winter .winds{ -WEBKIT-TRANSITION: 2S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.9S ALL EASE-IN-OUT; O-TRANSITION: 0.9S ALL EASE-IN-OUT; position: absolute; left: 0px; bottom: 0px; width: 360px; height: 130px;}
#winter:hover .winds {-WEBKIT-TRANSITION: 0.9S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.9S ALL EASE-IN-OUT; O-TRANSITION: 0.9S ALL EASE-IN-OUT; left: -360px;}
.mumford {width: 220px; padding-right: 5px; margin-left: 10px; overflow: auto; height: 110px; font-family: georgia; font-size: 10px; line-height: 11px; text-align: justify; color: #212121;}
.mumford::-webkit-scrollbar-track { background-color:transparent;}
.mumford::-webkit-scrollbar{ width: 1px; background-color: transparent;}
.mumford::-webkit-scrollbar-thumb{ background-color: #8B7B8B;}
</style>
<div style="width: 400px; padding: 30px; background-image: url(http://savepic.org/6353095.png);">
<div style="width: 360px; padding: 20px; background-color: rgba(255, 255, 255, 0.5); -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;">
<div style="font-family: gilda display; font-size: 32px; letter-spacing: 1px; line-height: 100%; font-weight: bold; margin: 10px; color: #212121; opacity: 0.8; margin-top: 0px;">GUESTBOOK</div>
<div style="margin-top: 15px; width: 360px; height: 1px; background-color: #b3b3b3;"></div>
<div style="width: 340px; margin-top: 16px; line-height: 150%; font-family: times; font-style: italic; font-size: 11px; letter-spacing: 2px; color: #212121; opacity: 1.0; text-transform: uppercase;"> Куда же мы без вопросов? Конечно же, сразу разобраться в новом мире невозможно, поэтому смело задавай свои вопросы, мой дорогой друг. Отзывчивые АМС ответят на всё, что ты спросишь. Не волнуйся, мы кусаться не будем, поэтому отбрось своё стеснение. Мы сделаем всё, лишь бы ты написал качественную анкету и несильно путался. <br>Файтинг :З</div>
<div style="margin-top: 5px; margin-bottom: 7px; width: 360px; height: 1px; background-color: #b3b3b3;"></div>
<div id="winter"><div style="width: 360px; height: 130px; padding: 5px; background-color: rgba( , , , );">
<img src="http://savepic.ru/6135462.gif">
</div>
</div>
