<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700|Raleway:400,800" rel="stylesheet" type="text/css"><link rel="stylesheet" type="text/css" href="http://lipatatornestuff.b1.jcink.com/uploads/lipatatornestuff/hotlinebling.css"><link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"><link rel="stylesheet" type="text/css" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"><style>.tetherbubble::after{border-color:#96cadd! important}</style>


<center><div id="tether-black"><div id="charname"><div class="tether1"><div class="tether2"><table cellpadding="0" cellspacing="0"><tr valign="middle"><td><div class="tether2a"><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle-o"></i><span>at&t</span><i class="fa fa-wifi"></i></div></td><td><div class="tether2b">12:00</div></td><td><div class="tether2c"><i class="icon ion-bluetooth"></i> 100% <i class="icon ion-battery-full"></i></div></td></tr></table></div><div class="tether3"><table cellpadding="0" cellspacing="0"><tr valign="middle"><td><div class="tether3a"><i class="fa fa-chevron-left"></i></div></td><td><div class="tether3b"><span><b>CHARACTER</b></span></div></td><td><div class="tether3c"><i class="fa fa-phone"></i> <i class="fa fa-bars"></i></div></td></tr></table></div><div class="tether4"><img src="http://placehold.it/160x160"><div class="tether4a"><i class="fa fa-envelope"></i></div></div><div class="tether5"><div class="tether5a"><span><b>name</b> says...</span></div><div class="tether5b"><div class="tetherbubble">text here!</div></div><div class="tether5c"><table cellpadding="0" cellspacing="0"><tr valign="middle"><td><div class="tether5d"><i class="fa fa-camera"></i></div></td><td><div class="tether5e">send message...</div></td><td><div class="tether5f"><a href="http://shine.jcink.net/index.php?showuser=3019"><i class="fa fa-send"></i></a></div></td></tr></table></div></div><div class="tether6"></div></div></div></div></center>

<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700|Raleway:400,800' rel='stylesheet' type='text/css'><link rel="stylesheet" type="text/css" href="http://nevermore.b1.jcink.com/uploads/nevermore/timebomb.css"><link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"><link rel="stylesheet" type="text/css" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"><style type="text/css">#charname .timebomb6 { background-color: #96cadd; }#charname .timebomb3a i.fa.fa-phone, #charname .timebomb5b { color: #96cadd; }</style>

<center>
<div id="timebomb-black"><div id="charname"><div class="timebomb1"><div class="timebomb2"><table cellpadding="0" cellspacing="0"><tr valign="middle"><td><div class="timebomb2a"><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle-o"></i><i class="fa fa-wifi"></i></div></td><td><div class="timebomb2b">12:00</div></td><td><div class="timebomb2c"><i class="icon ion-bluetooth"></i> 100% <i class="icon ion-battery-full"></i></div></td></tr></table></div><div class="timebomb3"><img src="http://placehold.it/160x160"><div class="timebomb3a"><i class="fa fa-phone"></i></div></div><div class="timebomb4"><span>calling <b>their name</b>...</span></div><div class="timebomb5"><div class="timebomb5a"><i>[ léger rire, raclement de gorge... ]</i> <b>"parole"</b></div><a href="http://shine.jcink.net/index.php?showuser=3019"><div class="timebomb5b">raccrocher</div></a></div><div class="timebomb6"></div></div></div></div></center>

<style type="text/css">@import url('https://fonts.googleapis.com/css?family=Arimo|Roboto');.snapcred, .snapcred a {  width: 250px; margin: 30px -4px -30px 0;color: #d3d3d3; font-family: "roboto", sans-serif; font-size: 8px; letter-spacing: 0.1em; text-align: right; text-transform: uppercase; text-decoration: none; line-height: 100%;}.snapcontainer { width: 260px;margin: 30px 0; padding: 5px 0; border: 1px solid #eee; background-color: white;}.snaphead { width: 240px; height: 40px; padding: 5px; border-bottom: 1px solid #eee; background-color: white;} .snapsent, .snapread {width: 16px; height: 16px; margin: 8px 15px 8px 10px; border: 2px solid #F22F64; border-radius: 20%; float: left;}.snapsent { background-color: #F22F64;}.snapname {margin: 3px 0 0 0; color: #333; font-family: "arimo", sans-serif; font-size: 16px; font-weight: bold; text-align: left;}.snaptime { color: #ccc; font-family: "arimo", sans-serif; font-size: 11px; letter-spacing: 0.05em; line-height: 10px; text-align: left;} .snappic, .snappic img { width: 250px; height: 400px; margin: 3px 0;}.snapbanner, .snapbanner2 { width: 236px; height: auto; margin-top: -250px; position: absolute; padding: 7px 7px; background-color: rgba(0, 0, 0, 0.6); color: #e6e6e6; font-family: "Roboto", sans-serif; font-size: 12px; letter-spacing: 0.055em; text-align: justify; -moz-text-align-last: center; text-align-last: center; line-height: 100%;}.snapbanner2 { margin-top: -290px;}.snaptag, .snaptag a { width: 236px; margin-top: -25px; padding: 0 7px; color: #999; font-family: "arimo", sans-serif; font-size: 9px; text-transform: uppercase; text-align: justify; -moz-text-align-last: right; text-align-last: right; line-height: 100%;}</style>