móvil 2

----------------------- MÓVIL ---------------

<style type="text/css">.contenido-pant {color: #141414; font-family: Open Sans; text-align: center; line-height: 50%; font-size: 40px; margin-top: 50px;} #cell-hard {width: 160px; height: 84px; overflow: hidden; position: relative; border-radius: 3px; border: 1px solid #000;} #cell-hard .cell-efecto {position: absolute; bottom: -84px; width: 160px; height: 84px; transition:0.5s;} #cell-hard:hover .cell-efecto {bottom: 0px; transition: 0.5s;} .new-mess {text-align: center; color: #dcdcdc; font-family: Open Sans; font-size: 12px; padding-top: 20px; font-weight: bold;} .base-cell {width: 304px; height: 448px; background:url('http://i.imgur.com/LWkLx1f.png'); position: absolute; top: 0px; left: 0px; z-index: 999;}</style>
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'><center><div style="width: 304px; height: 448px; position: relative; background: transparent;"><div class="base-cell"></div><div style="width: 185px; height: 290px; background:url('http://i.imgur.com/XYiblVt.png'); position: absolute; top: 74px; left: 58px;"><div class="contenido-pant">10:08<br><font style="font-size: 10px; font-weight: bold;">sábado 4 de julio</font></div></div>
<div style="position: absolute; bottom: 100px; left: 70px; z-index: 9999;"><div id="cell-hard"><div class="cell-efecto"><div style="width: 150px; height: 84px; background: #dcdcdc; padding-left: 5px; padding-right: 5px; text-align: justify; font-size: 10px; line-height: 100%;"><div style="width: 160px; line-height: 100%; background: #282828; font-family: Open Sans; padding-top: 8px; padding-bottom: 8px; font-size: 11px; font-weight: bold; text-align: center; color: #dcdcdc; margin-bottom: 5px; margin-left: -5px;">Enviado por Nombre: </div>Este es un mensaje de bienvenida. No tengas vergüenza a dejarme un SMS y contactar conmigo. </div></div><div style="width: 160px; height: 84px; background:url(http://i.imgur.com/0XofWZH.png);"><div class="new-mess">¡Tienes un nuevo mensaje!</div></div></div></div></div><a href="http://thecaptainknowsbest.tumblr.com/" style="font-size: 10px; font-weight: bold; position: relative; top: -8px;">CKB</a></center>

----------------------- MENSAJE -------------

<center><link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'><div style="background: #282828; padding: 5px; width: 166px; border-radius: 3px; text-align: justify; font-family: Open Sans; color: #dcdcdc; line-height: 100%; font-size:11px;"><div style="display: inline-block; height: 60px; width: 60px; background:url(http://i.imgur.com/pucvOqM.png); overflow: hidden;"></div><div style="overflow: hidden; display: inline-block; text-align: center; color: #dcdcdc; font-family: Open Sans; font-size: 12px; height: 35px; padding-left: 10px; padding-right: 5px; font-weight: bold;">Nuevo mensaje:</div>
<div style="width: 100%; height: 2px; margin-top: 5px; background: #638d55; margin-bottom: 5px;"></div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
[right]─ Nombre apellido[/right]
</div><a href="http://thecaptainknowsbest.tumblr.com/" style="font-size: 10px; font-weight: bold; position: relative; top: -2px;">CKB</a></center>