Код:
<!--HTML-->
<style type="text/css">.brimage{font-family: 'Palatino Linotype', sans-serif; font-size: 20px; text-transform: uppercase; letter-spacing: -1px;  color: rgba(255,255,255,0.7);  height: 180px;
 width: 560px;  text-align: center;

 background: url(http://funkyimg.com/i/Z6XH.gif);

 position: relative;  line-height: 120%;  overflow: hidden;  }
.brtitle{  position:absolute; bottom:0px; width:100%; left:0px;-webkit-transition: all .5s ease .1s; -moz-transition: all .5s ease .1s;-ms-transition: all .5s ease .1s; -o-transition: all .5s ease .1s; transition: all .5s ease .1s;}
.brimage:hover .brtitle{bottom: -30px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.brcaption{  position:absolute; bottom:-30px; width:100%; left:0px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease; font-size: 14px; letter-spacing: 0px;}
.brimage:hover .brcaption{bottom: 0px;-webkit-transition: all .5s ease .1s;-moz-transition: all .5s ease .1s;-ms-transition: all .5s ease .1s;-o-transition: all .5s ease .1s;transition: all .5s ease .1s; }
.brlyrics{  width: 510px;  background: url(http://funkyimg.com/i/Z5jC.jpg);  color: #C48D8E;
 font-family: calibri, sans-serif;  font-size: 8px;  text-transform: uppercase;  line-height: 90%;  padding: 10px 30px; text-align: justify;  letter-spacing: 0.09em;
}
.brlyrics a{color: #470000; text-decoration: none;}
.brtext{  width: 530px;  text-align: justify;  line-height: 100%;  font-size: 11px;  padding: 8px 16px;}
.brtext:first-letter{  font-family: 'oswald',sans-serif;  float: left;  padding: 5px;  margin-right: 3px;  background-color: #470000;  font-size: 14px;  color: rgba(255,255,255,0.8);}</style>
<p><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'><center><div class="brimage"><div class="brtitle">

 Бывают встречи, которые меняют жизнь...

</div><div class="brcaption">

Lestat de Lioncourt, Bella Blackstone.

</div></div><div class="brlyrics">

<center>And now it's time to build from the bottom of the pit right to the top.(c)<center>

</div><div class="brtext">

Сюжет: Колледж Харольд Вашингтон, место, которое дает надежду младшей Блэкстоун на нормальную человеческую жизнь. Последняя пара в сей прекрасный теплый весенний вечер должна была закончиться в компании хороших подруг за просмотром очередной романтической мелодрамы, но планы резко меняются, когда Белль случайно встречается со второй частью жизни своей семьи с которой чертовски сильно не желала знакомиться.<br>

</div><div class="brlyrics" style="text-align:right;"></div></center>

Отредактировано Bella Blackstone (2016-08-06 02:53:24)