<link href='http://fonts.googleapis.com/css?family=Lato:400,100'rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"><style type="text/css">#sgrphone-one { width: 245px; }.sgrcp-one { width: 202px; height: 452px; padding: 20px; background-color: #fff; border: 1px solid #D89093; border-radius: 30px; }.sgrcp-two { height: 2px; background-color: #fff; border-right: 1px solid #D89093; border-top: 1px solid #D89093; border-left: 1px solid #D89093; border-radius: 10px 10px 0px 0px; width: 40px;position: relative; left: 60px; }.sgrcp-three { position: relative; top: 50px; width: 2px; background-color: #fff; border-top: 1px solid #D89093; border-bottom: 1px solid #D89093; border-left: 1px solid #D89093; border-radius: 10px 0px 10px 0px; height: 40px; }.sgrcp-four { position: relative; top: 50px; width: 2px; background-color: #fff; border-top: 1px solid #D89093; border-bottom: 1px solid #D89093; border-left: 1px solid #D89093; border-radius: 10px 0px 10px 0px; height: 20px; margin-top: 10px; }.sgrcp-five { width: 10px; height: 10px; margin: auto; border-radius: 100%; background-color: #fff; border: 1px solid #D89093; }.sgrcp-six { width: 35px; padding: 3px; background-color: #fff; border: 1px solid #D89093; border-radius: 20px; margin: auto; margin-top: 5px; }.sgrcp-seven { margin-top: 15px; margin-bottom: 15px; width: 200px; height: 355px; border: 1px solid #D89093; }.sgrcp-eight { margin: auto; width: 14px; height: 14px; padding: 12px; border: 1px solid #D89093; border-radius: 100%; }
.sgrcp-nine { width: 12px; height: 12px; border: 1px solid #D89093; border-radius: 2px 2px 2px 2px; position: relative; }.steve-one { width: 190px; padding: 5px; background-color: #555; font-family: arial; font-size: 7px; color: #fff; text-align: center; line-height: 100%; text-transform: uppercase; letter-spacing: 1px; }.steve-two { float: left; }.steve-four { float: right; }.steve-three { background: rgba(216,144,146,1);background: -moz-linear-gradient(top, rgba(216,144,146,1) 0%, rgba(85,85,85,1) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(216,144,146,1)), color-stop(100%, rgba(85,85,85,1)));
background: -webkit-linear-gradient(top, rgba(216,144,146,1) 0%, rgba(85,85,85,1) 100%);background: -o-linear-gradient(top, rgba(216,144,146,1) 0%, rgba(85,85,85,1) 100%);
background: -ms-linear-gradient(top, rgba(216,144,146,1) 0%, rgba(85,85,85,1) 100%);background: linear-gradient(to bottom, rgba(216,144,146,1) 0%, rgba(85,85,85,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d89092', endColorstr='#555555', GradientType=0 ); width: 200px; height: 338px; }.steve-five { opacity: .4; width: 200px; height: 338px; background-image: url(http://subtlepatterns.com/patterns/noisy_grid.png); position: relative; top: -338px; margin-bottom: -338px; }
.steve-six { -webkit-transition-duration: .6s; -o-transition-duration: .6s; -ms-transition-duration: .6s; transition-duration: .6s; -moz-transition-duration: .6s; position: relative; top: -60px; margin-bottom: -60px; margin: auto; width: 100px; height: 100px; box-shadow: 0px 0px 20px 20px #fff; border-radius: 100%; }
.steve-seven { -webkit-transition-duration: .6s; -o-transition-duration: .6s; -ms-transition-duration: .6s; transition-duration: .6s; -moz-transition-duration: .6s; position: relative; top: 50px; margin: auto; position: relative; height: 120px; border-radius: 100%; width: 120px; box-shadow: 0px 0px 20px 20px #fff; border-radius: 100%; -webkit-animation: pulsate 1.5s ease-out; -webkit-animation-iteration-count: infinite; opacity: 0.0}@-webkit-keyframes pulsate { 0% { transform: scale(0.1, 0.1); -ms-transform: scale(0.1, 0.1); -moz-transform: scale(0.1, 0.1); -webkit-transform: scale(0.1, 0.1); -o-transform: scale(0.1, 0.1); opacity: 0.0; } 50% {opacity: 1.0;} 100% { -webkit-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); opacity: 0.0; }}@-moz-keyframes pulsate { 0% { transform: scale(0.1, 0.1); -ms-transform: scale(0.1, 0.1); -moz-transform: scale(0.1, 0.1); -webkit-transform: scale(0.1, 0.1); -o-transform: scale(0.1, 0.1); opacity: 0.0; } 50% {opacity: 1.0;} 100% { -webkit-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); opacity: 0.0; }}@keyframes pulsate { 0% { transform: scale(0.1, 0.1); -ms-transform: scale(0.1, 0.1); -moz-transform: scale(0.1, 0.1); -webkit-transform: scale(0.1, 0.1); -o-transform: scale(0.1, 0.1); opacity: 0.0; } 50% {opacity: 1.0;} 100% { -webkit-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); opacity: 0.0; }}.steve-eight { width: 100px; height: 100px; background-size: cover; border-radius: 100%; }.steve-nine { width: 200px; height: 338px; overflow: hidden; position: relative; top: -338px; margin-bottom: -338px; }.steve-ten { font-family: lato; font-weight: 100; color: #fff; text-align: center; font-size: 25px; line-height: 100%; margin-bottom: 30px; position: relative; top: 50px; -webkit-transition-duration: .6s; -o-transition-duration: .6s; -ms-transition-duration: .6s; transition-duration: .6s; -moz-transition-duration: .6s; }#sgrphone-one:hover .steve-ten { top: 5px; font-size: 14px; color: #555; font-weight: 400; }#sgrphone-one:hover .steve-six { top: -110px; margin-bottom: -110px; }#sgrphone-one:hover .steve-seven { top: 0px; }.steve-eleven { left: 30px; width: 12px; padding-bottom: 5px; padding-left: 3px; padding-right: 3px; border-radius: 100%; height: 12px; background-color: #fff; box-shadow: 0px 0px 5px 5px #fff; font-family: raleway; font-weight: 900; color: #D89093; text-align: center; position: relative; top: -16px; margin: auto; margin-bottom: -16px; }.steve-twelve { width: 180px; margin-left: 10px; margin-right: 10px; height: 155px; position: relative; top: 185px; -webkit-transition-duration: .6s; -o-transition-duration: .6s; -ms-transition-duration: .6s; transition-duration: .6s; -moz-transition-duration: .6s; }#sgrphone-one:hover .steve-twelve { top: 30px; }.stevebubble { margin-bottom: 10px; clear: both; color: #222; position: relative; padding: 8px; background-color: rgba(255,255,255,.5); border-radius: 12px; font-family: open sans; max-width: 130px; min-width: 70px; font-size: 10px; text-align: justify; line-height: 100%; float: right; }.stevebubble:after { content: ""; position: absolute; width: 25px; height: 20px; clip: rect(13px,18px,30px,0px); border-radius: 100%; border-color: rgba(255,255,255,.5); z-index: 5; border-width: 0px 10px; border-style: solid; bottom: -7px; left: 76%; }.steve-fourteen { width: 190px; padding: 5px; background-color: rgba(255,255,255,.5); }.steve-fifteen { width: 90px; padding: 4px; border: 1px solid #eee; border-radius: 5px; background-color: #fff; font-size: 9px; font-family: lato; color: #222; text-align: justify; }.steve-thirteen { width: 170px; padding-right: 5px; height: 145px; overflow: auto; overflow-x: hidden; }
.steve-thirteen::-webkit-scrollbar { width: 5px; }.steve-thirteen::-webkit-scrollbar-track { background-color: transparent; }
.steve-thirteen::-webkit-scrollbar-thumb { background-color: #555; }
@-webkit-keyframes tada {0% { -webkit-transform: scale(1); transform: scale(1);}10%, 20% { -webkit-transform: scale(.9) rotate(-8deg); transform: scale(.9) rotate(-8deg);} 30%, 50%, 70% { -webkit-transform: scale(1.3) rotate(8deg); transform: scale(1.3) rotate(8deg);}40%, 60% { -webkit-transform: scale(1.3) rotate(-8deg); transform: scale(1.3) rotate(-8deg);}80%, 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0);
}}@keyframes tada {0% { -webkit-transform: scale(1); ms-transform: scale(1); transform: scale(1);
}10%, 20% { -webkit-transform: scale(.9) rotate(-8deg); ms-transform: scale(.9) rotate(-8deg); transform: scale(.9) rotate(-8deg);}30%, 50%, 70% { -webkit-transform: scale(1.3) rotate(8deg); -ms-transform: scale(1.3) rotate(8deg); transform: scale(1.3) rotate(8deg);}40%, 60% { -webkit-transform: scale(1.3) rotate(-8deg); -ms-transform: scale(1.3) rotate(-8deg); transform: scale(1.3) rotate(-8deg);}80%, 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0);}}.faa-tada.animated,.faa-tada.animated-hover:hover,.faa-parent.animated-hover:hover > .faa-tada {-webkit-animation: tada 2s linear infinite;animation: tada 2s linear infinite;}.faa-tada.animated.faa-fast,.faa-tada.animated-hover.faa-fast:hover,.faa-parent.animated-hover:hover > .faa-tada.faa-fast {-webkit-animation: tada 1s linear infinite;animation: tada 1s linear infinite;}.faa-tada.animated.faa-slow,
.faa-tada.animated-hover.faa-slow:hover,.faa-parent.animated-hover:hover > .faa-tada.faa-slow {-webkit-animation: tada 3s linear infinite;animation: tada 3s linear infinite;}</style><center><div id="sgrphone-one"><div class="sgrcp-two"></div><Table cellspacing="0" cellpadding="0"><td valign="top"><div class="sgrcp-three"></div><div class="sgrcp-four"></div><div class="sgrcp-four"></div></td><td><div class="sgrcp-one"><div class="sgrcp-five"></div><div class="sgrcp-six"></div><div class="sgrcp-seven"><div class="steve-one"><font class="steve-two"><i class="fa fa-signal"></i> <i style="margin-left: 2px;" class="fa fa-wifi"></i></font> 10:25 pm <font class="steve-four"><i class="fa fa-battery-three-quarters"></i></font></div><div class="steve-three"></div><div class="steve-five"></div><div class="steve-nine"><div class="steve-ten">Steve Rogers</div><div class="steve-seven"></div><div class="steve-six"><div class="steve-eight" style="background-image: url(http://38.media.tumblr.com/2ef79b5daa43f2946a6bd3050d9a8165/tumblr_n67db8rvqB1rkqrw6o8_250.gif);"></div><div class="steve-eleven faa-tada animated"><i style="position: relative; top: 3px;" class="fa fa-envelope"></i></div></div><div class="steve-twelve"><div class="steve-thirteen"><div class="stevebubble">hellokaahhh!</div><div class="stevebubble">blah blah</div></div></div></div></div><div class="sgrcp-eight"><div class="sgrcp-nine"></div></div></div></td></table></div></center><center><a href="http://shine.b1.jcink.com/index.php?showuser=10542"><div class="sgrlauzcred">
FELICITY</div></a></center>