��

mybb@mybb.ru (��) — Sat, 01 Nov 2014 19:00:21 +0300
��:
<!--HTML-->
<style type="text/css">
.noraa { opacity: 0; width: 240px; height: 140px; padding: 10px; background-color: white; -moz-transition-duration: 0.9s;  -webkit-transition-duration: 0.9s;  -o-transition-duration: 0.9s; }
.noraa:hover { opacity: 1; width: 240px; height: 140px; padding: 10px; background-color: white; -moz-transition-duration: 0.9s;  -webkit-transition-duration: 0.9s;  -o-transition-duration: 0.9s; }
</style>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'><style type='text/css'>
.lovelybones { position:relative; overflow:hidden; width:400px; height:300px; background-color:#fff; padding:20px; }
.whitewash { position:absolute; overflow:hidden; top:20px; left:-400px; width:380px; height:280px; padding:10px; background-color:#fff; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.lovelybones:hover .whitewash { left:20px; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.text { width:155px; height:30px; padding-right:5px; padding-bottom:4px; border-bottom:1px solid #eee; margin-bottom:5px; font-family:oswald; color:#222; line-height:30px; font-size:12px; text-transform:lowercase; text-align:right; }
.infos { position:absolute; left: 210px; top:10px; padding-left:20px; width:160px; height:280px; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.lilpic { position:absolute; top:10px; left:0px; overflow:hidden; width:140px; height:240px; background-color:#f5f5f5; padding:20px; margin-right:20px; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.lilpic:hover { width:380px; background-color:#f5f5f5; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; transition-delay: .75s; -webkit-transition-delay: .75s; }
.lilpicc { position:absolute; top:0px; left:0px; width:180px; height:280px; opacity:1; -webkit-transition: 1s ease-out;-moz-transition: 1s ease-out;-o-transition: 1s ease-out; }
.lilpic:hover .lilpicc { top:280px; }
.wooooords { opacity:0; width:340px; height:240px; overflow:auto; text-align:justify; line-height:100%; font-size:11px; font-family:calibri; color:#222; }
.lilpic:hover .wooooords { opacity:1; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; transition-delay: .75s; -webkit-transition-delay: .75s; }
</style><center><div style='width:440px; height:50px; background-color:#fff; font-family:oswald; color:#222; line-height:60px; font-size:20px; text-transform:uppercase; letter-spacing:2px;'>
NAME SURNAME
</div><div class='lovelybones'><div class='whitewash'><div class='infos'><div class='text'>
��� ������� �� ���.
</div><div class='text'>
�������
</div><div class='text'>
���� ��������
</div><div class='text'>
����� ��������
</div><div class='text'>
���������
</div><div class='text'>
</div></div><div class='lilpic'><div class='wooooords'>
��� ����� ���-��, ��� �� ��������. ������� ������� ���� ����� ����� - ������. ������� ���� ����������� ������� � ��������� � ��������� ������ ���������. ������ ���������� �� ��� ����.
</div><div class='lilpicc' style='background-image:url(����������� 180�280);'></div>
</div></div>
<img src='����������� 400�300'>
</div><div style='width:440px; height:50px; background-color:#fff; font-family:oswald; color:#222; line-height:50px; font-size:20px; text-transform:uppercase; letter-spacing:2px;'>

</div><div style='margin-top:8px; width:450px; text-align:center; font-family:calibri; font-size:8px; color:#777; line-height:100%; letter-spacing:4px;'></div>
</center>
Little Party Hard

������ ������ �������

��
