caixinha xicara

#catchorra{z-index:9999;text-transform:uppercase;text-align:left;background-color:;font-family:calibri;opacity: 1;font-size:8px;position:fixed;letter-spacing:1px;padding:12px;top:4px;left:-5px;width:95px;}

#catchorra1{z-index:999999999999999999999;text-align:left;text-transform:uppercase;border-bottom:0px solid #efefef;height:25px;overflow:hidden;font-size:8px;margin-top:-1px;line-height:10px;letter-spacing:1px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
#catchorra1:hover{height:145px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}

#catchorra2{z-index:999999999999999999999;text-align:left;border-bottom:0px solid #efefef;overflow:hidden;background-color:;text-transform:uppercase;font-size;8px;height:22px;letter-spacing:1px;line-height:13px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}

#catchorra2:hover{height:145px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}












<div id="catchorra">
<center>
<div id="catchorra1">
<img src="http://static.tumblr.com/gbhtemr/Bmnnqxxbp/xicara.png">
<div style="padding:5px; margin-top:5px; opacity:.9; font-family: capita; font-size:10px;text-transform:none; line-height:15px; text-align:left; color:{color:posts};border:1px solid #eee;background:transparent;height:100px;">
Oi professor Girafales, entre e vamos tomar uma xicara de café kkkk
<br><br>
</div>
</div>

<div id="catchorra2">
<img src="http://static.tumblr.com/gbhtemr/7SSnqxxcr/chat.png">
<div style="padding:5px; margin-top:5px; opacity:.9; font-family: capita; font-size:10px;text-transform:none; line-height:15px; text-align:left; color:{color:posts};border:1px solid #eee;background:transparent;height:100px;">

...

</div></div></div>