Код:
<!--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;">MASTERLIST</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>
