white complex cell

[dohtml]<center><div class="name-text1"><div class="name-text1-box">
<div class="name-text1-name">YOUR PARTNER'S NAME</div>
<img src="LINK TO GIF - NEEDS TO BE SQUARE" class="name-text1-img">
<div class="name-text1-num">1</div>
<div class="name-text1-from">Text From: YOUR CHARACTER'S NAME</div>
<div class="name-text1-mbox">

<div class="name-text1-msg">
TEXT MESSAGE HERE YO!
</div>

</div>
</div></div>
<div class="ames-credit"><a href="http://skinny-love.net/index.php?showuser=3772">© ames</a></div></center>
<link href="http://fonts.googleapis.com/css?family=Muli:300,400,300italic,400italic|Oswald|Montserrat:400,700" rel="stylesheet" type="text/css">
<style type="text/css">
.name-text1 { width: 250px; height: 522px; background-image: url('http://amesskins.b1.jcink.com/uploads/amesskins/images/phone.png'); position: relative; }
.name-text1-box { background-color: #eee; background-image: url('http://amesskins.b1.jcink.com/uploads/amesskins/images/celltop.png'); background-repeat: no-repeat; background-size: 100%; position: absolute; top: 74px; left: 20px; right: 18px; bottom: 73px; }
.name-text1-name { line-height: 100%; text-transform: uppercase; letter-spacing: 1px; font-family: montserrat; font-size: 10px; margin-top: 10px; padding: 5px; border-bottom: 1px solid #CECECE; background-color: #E8E7E7; }
.name-text1-name:before { content: "< Messages"; clear: both; position: absolute; left: 4px; top: 15px; line-height: 100%; font-size: 10px; font-family: calibri; font-weight: bold; letter-spacing: 0px; color: #6784C4; }
.name-text1-name:after { content: "Contact"; clear: both; position: absolute; right: 4px; top: 15px; line-height: 100%; font-size: 10px; font-family: calibri; font-weight: bold; letter-spacing: 0px; color: #6784C4; }
.name-text1-from { line-height: 100%; font-size: 8px; font-family: calibri; text-transform: uppercase; letter-spacing: 2px; color: #888; }
.name-text1-num { width: 9px; padding: 5px; line-height: 100%; background-color: #BF5151; color: #fff; border-radius: 100%; font-family: oswald; font-size: 9px; position: relative; margin: -27px 0px 15px -60px; border: 2px solid #eee; -webkit-animation-name: myfirst; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; }
@-webkit-keyframes myfirst {
0% {   transform: scale(.8,.8);}
50% {  transform: scale(.4,.4);}
100% {  transform: scale(.8,.8);}
}
.name-text1-mbox { margin-top: 10px; height: 186px; overflow: auto; }
.name-text1-msg { background-color: #D6DEEE; padding: 7px 9px 8px 10px; margin: 0px 10px 10px 30px; border-radius: 10px; line-height: 100%; text-align: justify; color: #000; font-family: muli; font-size: 10px; position: relative; }
.name-text1-msg:after { content: ""; clear: both; position: absolute; right: -5px; bottom: 3px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 15px solid #D6DEEE; }
.name-text1-img { width: 100px; height: 100px; padding: 3px; border-radius: 100%; border: 4px solid #dedede; background-color: #eee; margin-top: 15px; }
.ames-credit { margin-top: 10px; }
.ames-credit a { font: bold 8px/100% calibri; }
</style>[/dohtml]