��

mybb@mybb.ru (kururu) — Thu, 24 Sep 2015 12:27:34 +0300
��:
<!--HTML-->.
<link href='http://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
<center>
<div id="trc">
  <div class="trcimg"></div>
  <div class="trc1">filthy. rich. spoiled. rotten.</div>
  <div class="trc2"><div class="trc2a"></div>tags // ### // <a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=13908">▽</a></div>
  <div class="trc3">WORDS HERE. IT SCROLLS. YAY.
</div>
  </div>
</center>


<style>
#trc {
height: 400px;
width: 330px;
position: relative;
overflow: hidden
}

.trcimg {
height: 400px;
width: 330px;
position: absolute;
background-image: url(330 X 400 IMG HERE);
}

#trc .trcimg {
-webkit-transition-duration: 2s
}

#trc:hover .trcimg {
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
filter: blur(3px);
-webkit-transition-duration: 2s;
-moz-transition-duration: 2s;
transition-duration: 2s;
}

.trc1 {
height: 150px;
width: 180px;
position: absolute;
text-align: left;
top: 125px;
left: 70px;
border-left: 3px solid #fff;
padding-left: 10px;
font-family: arial black;
font-size: 40px;
text-transform: uppercase;
letter-spacing: -2px;
font-weight: 900;
line-height: 30px;
color: #F00074;
-webkit-transition: 0.8s ease-in-out;
-webkit-transition-delay: 1s
}

.trc2 {
height: 40px;
width: 310px;
padding-left: 20px;
background-color: rgba(240, 0, 116, 0.6);
line-height: 40px;
color: #fff;
position: absolute;
top: 40px;
font-family: arial narrow, sans serif;
font-size: 9px;
text-transform: uppercase;
letter-spacing: 2px;
font-style: italic;
font-weight: 100;
text-align: left;
left: -330px;
-webkit-transition: 1s linear;
-moz-transition: 1s linear;
transition: 1s linear;
}

.trc2 a {
color: #fff;
text-decoration: none
}

.trc2a {
height: 90px;
width: 90px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-image: url(90 X 90 GIF/IMG HERE. BETTER IF IT'S BLACK AND WHITE);
position: absolute;
z-index: 3;
top: -25px;
right: 40px;
background-color: #F00074;
background-blend-mode: multiply
}

.trc3 {
height: 210px;
width: 200px;
padding: 10px;
border: 10px solid #fff;
background-color: #fff;
position: absolute;
left: 45px;
top: 400px;
overflow: auto;
font-family: arial narrow;
letter-spacing: 0.5px;
line-height: 11px;
font-size: 10px;
text-align: justify;
-webkit-transition: 1s linear;
-moz-transition: 1s linear;
transition: 1s linear;
}

.trc3::-webkit-scrollbar {
width: 1px
}

.trc3::-webkit-scrollbar-thumb {
background-color: #F00074
}

#trc:hover .trc1 {
left: -210px;
-webkit-transition: 0.8s ease-in-out;
-moz-transition: 0.8s ease-in-out;
transition: 0.8s ease-in-out;
}

#trc:hover .trc2 {
left: 0px;
-webkit-transition: 1s linear;
-moz-transition: 1s linear;
transition: 1s linear;
-webkit-transition-delay: 1s;
-moz-transition-delay: 1s;
transition-delay: 1s;
}

#trc:hover .trc3 {
top: 110px;
-webkit-transition-delay: 1s;
-moz-transition-delay: 1s;
transition-delay: 1s;
}</style>
PROBNIK KURURUSHECHKA

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

��
