white/teal cell

[dohtml]<center><div class="name-text2-cell"><div class="name-text2-inner"><div class="name-text2-top">
<div class="name-text2-img" style="background-image: url(http://33.media.tumblr.com/ed08ff958a9c5cffe9c54d92654b7475/tumblr_mmgd5yFU6V1qf9mevo1_500.gif);"></div>
<div class="name-text2-num">1</div>
<div class="name-text2-name">olivia<b>texting: darren</b></div></div>
<div class="name-text2-box">

<div class="name-text2-msg">
i have no fucking clue what you want from me.
</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" rel="stylesheet" type="text/css">
<style type="text/css">
.name-text2-cell { width: 250px; height: 500px; position: relative; background-image: url(http://ames.b1.jcink.com/uploads/ames/images/silveriphone.png); background-size: cover; background-position: center; }
.name-text2-inner { width: 206px; height: 355px; padding-top: 13px; position: absolute; top: 65px; left: 22px; background: url(http://ames.b1.jcink.com/uploads/ames/images/celltopwhite.png) no-repeat #F6F6F6; background-size: 100%; }
.name-text2-top { height: 45px; position: relative; z-index: 2; background: #6AC3BC; box-shadow: 0px 2px 1px #D4D4D4; }
.name-text2-img { width: 75px; height: 75px; position: absolute; top: 10px; left: 10px; z-index: 1; border-radius: 100%; background-size: cover; background-position: center; border: 3px solid #F6F6F6; box-shadow: 1px 1px 2px #D4D4D4; }
.name-text2-num { position: absolute; top: 15px; left: 10px; z-index: 2; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.45); border-radius: 100%; padding: 4px 5px 5px 5px; background: #C36A6A; font: 900 7px/90% arial; text-align: center; color: #FFFFFF; }
.name-text2-call { position: absolute; top: 13px; left: 7px; z-index: 2; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.45); border-radius: 100%; padding: 4.5px 5px 3.5px 5px; background: #9FEFB4; }
.name-text2-call i { color: #333; font-size: 11.2px; }
.name-text2-name { width: 110px; position: absolute; top: 10px; right: 10px; font: 900 14px/100% arial; text-align: right; text-transform: uppercase; letter-spacing: -1px; color: #333; }
.name-text2-name b { display: block; vertical-align: middle; font: bold 8px/100% calibri; letter-spacing: 1px; color: #333; }
.name-text2-name b i { font-size: 10px; color: #FFF; margin-top: -3px; vertical-align: middle; }
.name-text2-box { width: 206px; height: 255px; padding-top: 55px; overflow: auto; position: absolute; top: 58px; }
.name-text2-msg { padding: 8px; margin: 5px 15px; position: relative; background: #FFF; border-radius: 5px; box-shadow: 1px 1px 1px #D4D4D4; font: 9px/100% muli; text-align: justify; letter-spacing: .5px; color: #222; }
.name-text2-msg b { font: 900 9px/100% verdana; color: #886AC3; letter-spacing: 0px; }
.name-text2-box::-webkit-scrollbar { width: 5px; height: 5px; background: #6AC3BC; border: 2px solid #F6F6F6; }
.name-text2-box::-webkit-scrollbar-thumb { width: 5px; background: #6AC3BC; }
.ames-credit { margin-top: 10px; }
.ames-credit a { font: bold 8px/100% calibri; }
</style>[/dohtml]