WhatsApp Mensajería [ModernBB]

<center><div class="AtheWhats"><div class="wimg"></div><div class="wname">Nombre del contacto</div><div class="wsu">está escribiendo...</div></div><div class="wchat"><div class="w1">Hola... ¿Cómo estás?</div><div class="w2">bien, gracias. Estaba pensando en ti...</div><div class="w1">♥️ ♥️ ♥️ yo también... te amo</div><div class="w2">Me encantas, muero por verte. Te veré mañana, ¿no?</div></div><div class="AtheWhats1"><div class="wcur"><div class="wse"></div>Escribe un mensaje...</div></div><a href="https://athenea-owl.tumblr.com/" style="font-family: arial;font-size: 7px;letter-spacing: 5px;text-decoration: none;">Athenea</a></center>

<style> .AtheWhats{width: 350px;height: 80px;background: #111;color: white;} .wimg{background-image: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/intermediary/f/5442afd0-cca5-476e-abe9-eec312a4e8e3/dcnanjb-d442c9f5-11d8-4eea-aef0-3ea5e868e03f.jpg/v1/fill/w_843,h_948,q_70,strp/kyrie_meii_x_hatechan_by_aoiogataartist_dcnanjb-pre.jpg);width: 60px;height: 60px;margin: 10px;float:left;border-radius: 100px;background-size: cover;}.wname:after{content: "→";float: right;font-size: 20px;margin: 5px 20px;cursor: pointer;} .wname{font-family: arial; font-size: 14px;font-weight: bold;padding: 30px 0px 0px;text-align: left;letter-spacing: 1px;margin-top: 15px;} .wsu{font-size: 10px;font-family: arial;text-align: left;font-style: italic;letter-spacing: 1px;} .wchat{width: 350px; height: 400px;background: silver;padding: 20px;overflow: auto;color: #ddd;} .w1{width: 250px; height: auto;background: #111;padding: 5px;font-size: 11px;font-family: arial;float: left;border-radius: 10px;border-left: 10px solid #9e9e9e;margin: 4px;} .w2{width: 250px; height: auto;background: lightslategray;padding: 5px;font-size: 11px;font-family: arial;float: right;border-radius: 10px;border-right: 10px solid #9e9e9e;margin: 4px} .wcur{width: 320px;height: 30px;background: #fff;border-radius: 5px;font-family: arial;font-size: 10px;color: #aaa;padding: 5px; cursor: text;text-align: left;} .wcur:after{content:"| Enviar";float:right;margin-right: 5px;cursor: pointer;} .AtheWhats1{width: 350px;height: 50px;background: #111;padding: 10px;} .wse{background-image: url(https://illiweb.com/fa/modernbb/icon_search.png);width: 15px; height: 15px;float:left;margin: 4px;} </style>