LLoyd's phone

<link href='http://fonts.googleapis.com/css?family=Lato:100' rel='stylesheet' type='text/css'>
<style type="text/css">.wlbgthing { width:250px; height:450px; padding-top:83px; background-image:url(http://i.imgur.com/h1bcpNZ.png); overflow:hidden; }.wlbgidk { position:relative; width:218px; height:327px; background-color:#fff; overflow:hidden; font-family:lato; font-weight:100; }.wlbgpic { position:absolute; left:0px; width:218px; height:327px; background-color:#222; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }.wlbgdarken { position:absolute; top:0px; left:0px; width:218px; height:327px; background-color:#000; opacity:.25; }.wlbgover { position:absolute; top:0px; left:0px; width:218px; height:327px; font-family:lato; color:#fff; text-align:center;  font-weight: 100; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out;  }.wlbgidk:hover .wlbgpic { left:-235px; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }.wlbgidk:hover .wlbgover { left:-235px; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }.wlbgwords { margin-top:20px; color:#fff; font-size:52px; line-height:100%; }.wlbgbar { position:absolute; top:0px; left:0px; width:218px; height:7px; padding:4px; font-family:lato; color:#fff; text-align:center;  font-weight: 100; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }.wlbgidk:hover .wlbgbar { top:0px; left:0px; color:#000; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }.wlbgidk:hover .wlbattery { background-color:#000; border:1px solid #000; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }.wlbgidk:hover .wlbatteryright { background-color:none; border:1px solid #000; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }.wlbgidk:hover .wlbatterybar { background-color:#000; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }.wlbgidk:hover .wlcirclefull { background-color:#000; border:1px solid #000; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }.wlbgidk:hover .wlcircleempty { background-color:none; border:1px solid #000; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }.wlbgidk:hover .triangle-down { border-top: 7px solid #000; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }.wlcirclefull { margin-top:1px; margin-bottom:1px; width:3px; height:3px; background-color:#fff; border:1px solid #fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; display:inline-block; margin-right:1px; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }.wlcircleempty { margin-top:1px; margin-bottom:1px; width:3px; height:3px; background-color:none; border:1px solid #fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; display:inline-block; margin-right:1px; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }.wlprovider { line-height:15px; font-size:10px; display:inline-block; margin-left:2px; }.wltriangle-down { margin-left:2px; display:inline-block; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }.wlcircle { position:absolute; left:95px; top:11px; width:30px; background-color:#fff; opacity:.7; height:4px; border-radius:30%; -webkit-border-radius:30%; -moz-border-radius:30%; display:inline-block; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }.wlbgidk:hover .wlcircle { top:-20px; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }.wlbattery { margin-left:3px; width:10px; height:4px; background-color:#fff; opacity:.7; border:1px solid #fff; display:inline-block; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }.wlbatteryright { width:3px; height:4px; background-color:none; opacity:.7; border:1px solid #fff; display:inline-block; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }.wlbatterybar { margin-bottom:2px; width:1px; height:2px; background-color:#fff; opacity:.5; display:inline-block; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }.wlbgtime { text-align:center; margin-top:9px; width:218px; font-size:10px; font-weight:bold; line-height:100%; color:#000; font-family:lato; }.wlmessageheader { width:218px; height:20px; background-color:#fff; font-family:helvetica; line-height:20px; font-size:10px; border-bottom:1px solid #eee; }.wlmessageblue { width:60px; display:inline-block; color:#56c8f7; }.wlmessagebold { width:98px; display:inline-block; color:#000; text-align:center; font-weight:bold; }.picture { width: 178px; height: 80px; -moz-border-radius:    10px; -webkit-border-radius: 10px; border-radius: 10px; margin-bottom:5px; }.wltalkbubble { width: 148px; padding:15px; background: #128cf4; -moz-border-radius:    10px; -webkit-border-radius: 10px; border-radius: 10px; color:#fff; font-family:helvetica; font-size:10px; line-height:12px; text-align:justify; }.wltriangle-up { margin-left:5px; margin-right:133px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #128cf4; }</style><center><div class='wlbgthing'><div class='wlbgidk'><div class='wlbgpic' style='background-image:url(http://www.refinery29.com/static/bin/entry/a79/x/67136/karlie-kloss-life-mag.jpg);'><div class='wlbgdarken'></div></div><div class='wlbgbar'><div class='wlcirclefull'></div><div class='wlcirclefull'></div><div class='wlcirclefull'></div><div class='wlcircleempty'></div><div class='wlcircleempty'></div><div class='wlprovider'>AT&T</div><div class='wltriangle-down'></div><div style='display:inline-block; width:10px; margin-right:75px; '></div><div class='wlcircle'></div><div class='wlprovider'>87%</div><div class='wlbattery'></div><div class='wlbatteryright'></div><div class='wlbatterybar'></div></div><div class='wlbgover'><div class='wlbgwords'>13:18</div><div style='font-size:12px; color:#fff; line-height:100%; letter-spacing:1px; margin-left:5px;'>Monday 7 October</div><div style='margin-top:175px; font-size:23px; opacity:.5; line-height:100%;'> 〉slide to unlock</div></div><div class='wlbgtime'>13:18</div><div class='wlmessageheader'><div class='wlmessageblue'>〈 Messages</div><div class='wlmessagebold'>To whom?</div><div class='wlmessageblue'>Contact</div></div><div style='width:178px; height:251px; overflow:auto; padding:20px;'><div class='picture' style='background-image:url(http://placehold.it/178x80);'></div><div class='wltriangle-up'></div><div class='wltalkbubble'>text message here</div></div></div></div><div style='margin-top:8px; width:450px; text-align:center; font-family:calibri; font-size:8px; color:#777; line-height:100%; letter-spacing:4px;'>[url=http://forums.athousandfireflies.com/index.php?showuser=6755] THANKS TO LOUIS AT ATF![/url]</div></center>