/****************************************************************************************** OSCURO **********************************/
<div class="btcell1" style="background:#222; box-shadow:0 0 8px #000; border-color:#444;"><div class="btcell1-ad" style="background:url(https://placehold.jp/250x460.png); background-size:cover; border-color:#444;"><div class="btcell1-header"><div style="background:#222; border-color:#444;"><span><i class="fa fa-bell-slash"></i><i class="fa fa-wifi"></i><i class="fa fa-signal"></i><i class="fa fa-battery-half"></i></span><hora>23:34hs</hora></div></div><div class="btcell1-contenido"><div class="imgperf" style="border-color:#8a7794; background:#333;"><img src="https://placehold.jp/150x150.png"/></div><div class="btcell1-contenido2" style="background:linear-gradient(#d17579ea 40%, #ccb6d3fe) 100%;"><div class="btcell1-tit"> <b>Joceline's<br/>Phone</b><span>So call me maybe.</span><div class="btcell1-ticon"><i class="fa fa-mobile-alt"></i></div></div></div></div></div></div><a href="https://bettyleg.tumblr.com/" style="width:400px; text-align:center; display:block; font-size:9px; color:#aaa; text-transform:uppercase; font-family:arial; text-decoration:none; font-weight:600; letter-spacing:.5px; margin:0px auto 10px;">Bettyleg</a>



<link href="https://bettyleg.github.io/Cellphone/bettycel_portada.css" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,900;1,700;1,900&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@1,900&display=swap" rel="stylesheet"/><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"/>

/****************************** CHAT RECEPTOR ********************************/
<div class="btcell1" style="background:#222; box-shadow:0 0 8px #000; border-color:#444;"><div class="btcell1-c" style="border-color:#555;"><div class="btcell1-chattit" style="background:#8a7794; border-bottom:1px solid #444;"><b>To: Jolene</b><i class="fa fa-envelope-open-text"></i></div><div class="btcell1-chat" style="background:#191919; border-bottom-color:#444;">

<chat-receptor style="background:#222; border-color:#444;"><span style="color:#aaa">So... you got me shivers.</span></chat-receptor>
<chat-receptor style="background:#222; border-color:#444;"><span style="color:#aaa"> She shut one door! With her mind! If we’re both going crazy, then we’ll go crazy together, right? Mornings are for coffee and contemplation.</span></chat-receptor>

</div><div class="btcell1-barra" style="background:#222;"><barra style="background:#333; border-color:#444;"><span>what's up?</span></barra><bot style="background:#8a7794">Enviar</bot></div></div></div><a href="https://bettyleg.tumblr.com/" style="text-align:center; width:400px;display:block; font-size:9px; color:#aaa; text-transform:uppercase; font-family:arial; text-decoration:none; font-weight:600; letter-spacing:.5px; margin:0px auto 10px;">Bettyleg</a>

<link href="https://bettyleg.github.io/Cellphone/bettycel_chat.css" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,900;1,700;1,900&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@1,900&display=swap" rel="stylesheet"/><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"/>

/****************************************** CHAT EMISOR ********************************/
<div class="btcell1" style="background:#222; box-shadow:0 0 8px #000; border-color:#444;"><div class="btcell1-c" style="border-color:#555;"><div class="btcell1-chattit" style="background:#985154; border-bottom:1px solid #444;"><b>To: Jolene</b><i class="fa fa-envelope-open-text"></i></div><div class="btcell1-chat" style="background:#191919; border-bottom-color:#444;">

<chat-emisor style="background:#222; border-color:#444;"><span style="color:#aaa">So... you got me shivers.</span></chat-emisor>
<chat-emisor style="background:#222; border-color:#444;"><span style="color:#aaa"> She shut one door! With her mind! If we’re both going crazy, then we’ll go crazy together, right? Mornings are for coffee and contemplation.</span></chat-emisor>

</div><div class="btcell1-barra" style="background:#222;"><barra style="background:#333; border-color:#444;"><span>what's up?</span></barra><bot style="background:#985154">Enviar</bot></div></div></div><a href="https://bettyleg.tumblr.com/" style="text-align:center; width:400px;display:block; font-size:9px; color:#aaa; text-transform:uppercase; font-family:arial; text-decoration:none; font-weight:600; letter-spacing:.5px; margin:0px auto 10px;">Bettyleg</a>

<link href="https://bettyleg.github.io/Cellphone/bettycel_chat.css" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,900;1,700;1,900&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@1,900&display=swap" rel="stylesheet"/><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"/>


/******************************************************************* CLARO ********************************************************/
<div class="btcell1"><div class="btcell1-ad" style="background:url(https://placehold.jp/250x460.png); background-size:cover;"><div class="btcell1-header"><div><span><i class="fa fa-bell-slash"></i><i class="fa fa-wifi"></i><i class="fa fa-signal"></i><i class="fa fa-battery-half"></i></span><hora>23:34hs</hora></div></div><div class="btcell1-contenido"><div class="imgperf" style="border-color:#8a7794;"><img src="https://placehold.jp/150x150.png"/></div><div class="btcell1-contenido2" style="background:linear-gradient(#d17579ea 40%, #ccb6d3fe) 100%;"><div class="btcell1-tit"> <b>Joceline's<br/>Phone</b><span>So call me maybe.</span><div class="btcell1-ticon"><i class="fa fa-mobile-alt"></i></div></div></div></div></div></div><a href="bettyleg.tumblr.com" style="display:block; font-size:9px; color:#aaa; text-transform:uppercase; font-family:arial; text-decoration:none; font-weight:600; letter-spacing:.5px; margin:0px auto 10px; text-align:center; width:400px;">Bettyleg</a>



<link href="https://bettyleg.github.io/Cellphone/bettycel_portada.css" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,900;1,700;1,900&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@1,900&display=swap" rel="stylesheet"/><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"/>

/****************************** CHAT RECEPTOR ********************************/
<div class="btcell1"><div class="btcell1-c"><div class="btcell1-chattit" style="background:#8a7794;"><b>To: Jolene</b><i class="fa fa-envelope-open-text"></i></div><div class="btcell1-chat" style="background:#efefef;">

<chat-receptor><span style="color:#aaa">So... you got me shivers.</span></chat-receptor>
<chat-receptor><span style="color:#aaa"> She shut one door! With her mind! If we’re both going crazy, then we’ll go crazy together, right? Mornings are for coffee and contemplation.</span></chat-receptor>

</div><div class="btcell1-barra"><barra><span>what's up?</span></barra><bot style="background:#8a7794">Enviar</bot></div></div></div><a href="bettyleg.tumblr.com" style="width:400px; text-align:center; display:block; font-size:9px; color:#aaa; text-transform:uppercase; font-family:arial; text-decoration:none; font-weight:600; letter-spacing:.5px; margin:0px auto 10px;">Bettyleg</a>

<link href="https://bettyleg.github.io/Cellphone/bettycel_chat.css" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,900;1,700;1,900&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@1,900&display=swap" rel="stylesheet"/><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"/>

/****************************************** CHAT EMISOR ********************************/
<div class="btcell1"><div class="btcell1-c"><div class="btcell1-chattit" style="background:#985154;"><b>To: Jolene</b><i class="fa fa-envelope-open-text"></i></div><div class="btcell1-chat" style="background:#efefef;">

<chat-emisor><span style="color:#aaa">So... you got me shivers.</span></chat-emisor>
<chat-emisor><span style="color:#aaa"> She shut one door! With her mind! If we’re both going crazy, then we’ll go crazy together, right? Mornings are for coffee and contemplation.</span></chat-emisor>

</div><div class="btcell1-barra"><barra><span>what's up?</span></barra><bot style="background:#985154">Enviar</bot></div></div></div><a href="bettyleg.tumblr.com" style="width:400px; text-align:center; display:block; font-size:9px; color:#aaa; text-transform:uppercase; font-family:arial; text-decoration:none; font-weight:600; letter-spacing:.5px; margin:0px auto 10px;">Bettyleg</a>

<link href="https://bettyleg.github.io/Cellphone/bettycel_chat.css" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,900;1,700;1,900&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@1,900&display=swap" rel="stylesheet"/><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"/>