Код:
<!--HTML--><style type="text/css">
.maddie { width: 400px; height: 350px; position: relative; margin: auto; overflow: hidden; }
.maddie .madsl { width: 200px; height: 350px; position: absolute; top: 0px; left: 0px; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; }
.maddie:hover .madsl { left: 200px; }
.maddie .madsr { position: absolute; right: 0px; top: 0px; width: 200px; height: 350px; background-color: #db5a5a; }
.madsr .madsrt { position: absolute; top: 130px; width: 200px; color: #fff; text-align: center; font-family: 'Abril Fatface', cursive; text-transform: lowercase; line-height: 100%; font-size: 40px; }
.madsr .madsrbt { position: absolute; top: 170px; width: 180px; padding: 10px; font-family: 'Source Sans Pro', sans-serif; font-size: 8px; text-transform: uppercase; line-height: 100%; letter-spacing: 1px; color: #fff; text-align: center; }
.madsr .madsrl { position: absolute; top: 173px; width: 100px; left: 50px; height: 1px; background-color: #fff; }
.maddie .madslr { position: absolute; left: 0px; top: 0px; background-color: #fff; width: 160px; height: 310px; padding: 20px; font-size: 10px; color: #222; text-align: justify; line-height: 100%; font-family: 'Source Sans Pro', sans-serif;}
.bcredit, .bcredit a { text-align: center; font-size: 7px; color: #777; font-family: calibri, sans-serif; line-height: 100%; text-transform: uppercase; margin-top: 10px;}
.madslrs { width: 155px; height: 310px; overflow: auto; padding-right: 5px; }
.madslrs::-webkit-scrollbar { width: 1px; height: 1px; }
.madslrs::-webkit-scrollbar-track { background-color: #fff; }
.madslrs::-webkit-scrollbar-thumb { background-color: #db5a5a; }
</style>
<link href='http://fonts.googleapis.com/css?family=Abril+Fatface' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
<div class="maddie"><div class="madslr"><div class="madslrs">
Канада... Какие ассоциации возникают у вас с этим словом? Кленовый лист, холод, Робин Щербатски? Канада - вторая по площади страна в Мире. По всей территории раскинулись реки, горы и густые хвойные леса. <br>
Может, эта страна не так богата на знаменитостей, покоривших Голливуд и музыкальный Олимп, но те, кто сумел это сделать, снимаются исключительно в успешных проектах и получают самые престижные награды.<br>
Да-да, на Starship неделя Канады! Все актеры/певцы, родившиеся в Канаде, на этой неделе проходят по акции и, помимо упрощенной анкеты, которая включает в себя всего лишь пять отрицательных, положительных черт и пример игрового поста, получат плюшки от администрации в виде бонуса в 300$ и наградки в профиль. (не забудьте проверить придержанные внешности в гостевой и занятые в списке занятых внешностей. по всем вопросам к амс)
</div></div><div class="madsr"><div class="madsrt"> CANADA </div><div class="madsrbt"> неделя канады на STARSHIP</div><div class="madsrl"></div></div><div class="madsl"><img src="http://funkyimg.com/i/WYfz.png"/></div></div>