Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=NewBaskerville' rel='stylesheet' type='text/css'>
<style>.greenwrap {background: url(http://funkyimg.com/i/2eZoC.jpg) no-repeat; width: 550px; height: 360px; margin: auto}
.greenslide {width: 550px; height: 360px; overflow: hidden; position: relative; }
.greenslide .slide1 { width: 550px; height: 360px; position: absolute; left: 0; top: 0; -webkit-transition: all 0.7s ease-in; -moz-transition: all 0.7s ease-in; -o-transition: all 0.7s ease-in;}
.greenslide:hover .slide1 {left: 550px; -webkit-transition: all 0.7s ease-in; -moz-transition: all 0.7s ease-in; -o-transition: all 0.7s ease-in;}
.greenname {font-family: 'NewBaskerville'; font-size: 30px; text-align: center; width: 550px; padding-top: 70px; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,.5)}
.lyricswrap {width: 350px; margin-left: 100px; padding-top: 15px; text-shadow: 1px 1px 1px rgba(0,0,0,.5)}
.greenlyrics {color: #ffffff; text-transform: uppercase; font-size: 15px; font-family: NewBaskerville; line-height: 100%; }
.greeninner {opacity: 0; width: 550px; height: 350px; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; } .greeninner:hover {opacity: 1}
.greencontent {background: rgba(255,255,255,0.65); margin: 20px; padding: 10px; font-size: 12px; height: 300px; overflow-y: hidden; overflow-x: auto; box-shadow: 1px 1px 8px rgba(0,0,0,0.5);}
.greencontent::-webkit-scrollbar { background: #fff; width: 5px; height: 8px;}
.greencontent::-webkit-scrollbar-thumb { background: #1d5f5d; width: 5px; height: 8px }
.greencontent::-webkit-scrollbar-corner { background: #000; }
</style>
<div class="greenwrap"><div class="greenslide"><div class="slide1"><div class="greenname">
Academy of Faiberry
</div><div class="lyricswrap"><div class="greenlyrics">
<center>
<b>Рейтинг игры</b> 18+<br>
<b>Система игры</b> эпизодическая.<br>
<b>Место действия</b> Палмдейл<br>
<b>Жанр</b> мистика, городское фэнтези<br>
<b>Мастеринг</b> смешанный.<br>
Приветствуем вас в нашей Академии! Здесь вы можете задать свои вопросы и придержать роль, пообщаться с АМС. Так же вы можете сюда обратиться, в случае если вам не пришел пароль.</center>
</div></div></div><div class="greeninner"><div class="greencontent">
<div class="ank" style="padding: 10px 5px 1px 5px;"><table><tr>
<td><center><div class="maincollol" style="width:133px; padding:0px 0px; text-align:center; background-color:#460d24; height:auto;"><div class="leahfonts">
Christian Cathner<br>
ЛС
</div></div><div style="width:133px; padding:0px; color:#e8d7f3; font-size:9px; background-color:#fff; height:auto;"><div class="shipimg" style="background: url(
http://funkyimg.com/i/25135.gif
);"></div></div></center></td>
<td><center><div class="maincollol" style="width:133px; padding:0px 0px; text-align:center; background-color:#460d24; height:auto;"><div class="leahfonts">
Lu Han<br>
ЛС
</div></div><div style="width:133px; padding:0px; color:#e8d7f3; font-size:9px; background-color:#fff; height:auto;"><div class="shipimg" style="background: url(
http://funkyimg.com/i/25134.gif
);"></div></div></center></td>
<tr>
</tr></table></div>
<div style="padding-left: 50px; padding-right: 50px; padding-bottom: 5px; padding-top: 5px; text-align: justify;">Максимальный срок на который придерживается внешность <center><b>3 дня.</b> <br>Не забываем оставлять связь с вами!</center> </div>
<table cellpadding="0" cellspacing="0">
<td><div style="width: 210px; height: 340px; padding: 5px;">
<div class="claim"><div style="background-image: url(http://funkyimg.com/i/2eZnN.jpg); font-family: NewBaskerville; font-size: 14px; color: #fff; padding: 0px; 20px; width: 172px; text-align:center;">придержанные роли</div><div class="font-family: NewBaskerville; font-size: 9px; text-transform: lowercase; height: 300px; overflow: auto;">
<a href=>Имя</a><br>
<a href=>Имя —</a><br>
<a href=>Имя —</a><br>
</div></div></div></td>
<td><div style="width: 210px; height: 340px; padding: 5px;">
<div class="claim"><div style="background-image: url(http://funkyimg.com/i/2eZnN.jpg); font-family: NewBaskerville; font-size: 14px; color: #fff; padding: 0px; 20px; width: 183px; text-align: center;">придержанные внешности</div><div class="font-family: NewBaskerville; font-size: 9px; text-transform: lowercase; height: 300px; overflow: auto;">
<a href=>Имя —</a><br>
<a href=>Имя —</a><br>
<a href=>Имя —</a><br>
<a href=></a><br>
</div></div></div></div><div style="font-size: 9px; text-align: center;">
</div></center>Код:
<!--HTML--><style type="text/css">
.shipimg {width:133px; text-align:center; -webkit-border-radius: 50%; -moz-border-radius: 5-%x; width:50px; height:50px; border-radius:100%; border: 4px double #fff; }
.shipinfo { text-align:justify; text-transform:lowercase; font-family:arial; font-size:9px; height:60px; padding-right: 4px; overflow:auto; margin-top: 10px;}
.shipname {padding:10px; text-transform:lowercase; font-family:arial; font-size:9px; text-align:center; }
.leahfonts { font-family:bebas neue; font-size:10px; color:#fff; font-weight: 800;}</style>
