ALIX'S PHONE

<link href='http://fonts.googleapis.com/css?family=Roboto:300' rel='stylesheet' type='text/css'><style type="text/css"> #iphone { text-shadow:none!important; width: 172px; height: 292px; position: relative; overflow: hidden; margin-left: 61px} #iphone .sucks { -moz-transition-duration: 0.8s;  -webkit-transition-duration: 0.8s;  -o-transition-duration: 0.8s; position: absolute; right: -0px; bottom: 0px; width: 172px; height: 292px; opacity: .99; } #iphone:hover .sucks { -moz-transition-duration: 0.8s;  -webkit-transition-duration: 0.8s;  -o-transition-duration: 0.8s; right: -172px; opacity: .99} .date { width: 172px; background-image: -moz-linear-gradient(90deg,#393939,#131313); background-image: -webkit-gradient(linear,left bottom,left top,from(#393939),to(#131313)); font-family: 'Roboto', sans-serif; font-size: 25px; text-align: center; padding-top: 10px; padding-bottom: 10px; color: #fff; text-transform: lowercase; line-height: 100%; font-weight: lighter; letter-spacing: -1px; text-shadow: 1px 1px 0px #000; opacity: .8 } .caller { width: 172px; font-family: arial; font-size: 14px; color: #fff; line-height: 100%; text-align: center; padding-top: 10px; padding-bottom: 10px; background-image: -moz-linear-gradient(90deg,#7087a9,#9eafc1); background-image: -webkit-gradient(linear,left bottom,left top,from(#7087a9),to(#9eafc1)); font-weight: bold } .textyay { margin-left: 10px; width: 130px; background-image: -moz-linear-gradient(90deg,#68a5db,#d1deec); color: #000; font-family: arial; font-size: 9px; padding: 5px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; text-align: justify; line-height: 100%; -moz-box-shadow: 1px 1px 1px #555; -webkit-box-shadow: 1px 1px 1px #555; -o-box-shadow: 1px 1px 1px #555; -ms-box-shadow: 1px 1px 1px #555; margin-bottom: 20px} .send { font-family: arial; font-size: 7px; color: #fff; line-height: 100%; text-align: center; padding: 5px;  background-image: -moz-linear-gradient(90deg,#7087a9,#9eafc1); background-image: -webkit-gradient(linear,left bottom,left top,from(#7087a9),to(#9eafc1)); width: 30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; font-weight: lighter; letter-spacing: 1px; } .bbar { width: 163px; background-image: -moz-linear-gradient(90deg,#bababa,#d9d9d9); background-image: -webkit-gradient(linear,left bottom,left top,from(#bababa),to(#d9d9d9)); padding: 5px; } .textsc::-webkit-scrollbar { background: transparent; width: 5px; } .textsc::-webkit-scrollbar-thumb { background: #f0f0f0; } </style>    <center><div style="width: 287px; height: 485px; padding: 0px; background-color: transparent;"><div style="width: 287px; height: 485px; background-image: url(http://img4.hostingpics.net/pics/452780essayons.png);"><div style="height: 132px"></div><div id="iphone"><div class="sucks"><div style="width: 172px; height: 292px; background-image: url(http://image.noelshack.com/fichiers/2014/40/1412546394-ah428.png); background-position: center center; background-size:auto 300px;"><div class="date">NEW MESSAGE</div><div style="height: 199px"></div><img src="http://i.imgur.com/9knaZom.png"/></div></div><div style="width: 172px; height: 292px; background-color: #dce2ee"><div class="caller">TON PETIT NOM</div><div style="height: 10px"></div><table cellpadding="0" cellspacing="0"><td><div style="height: 210px; padding-right: 8px; overflow: auto; width: 162px;" class="textsc"> <div class="textyay">TON MESSAGE ICI</div> </div></td></table><div style="height: 10px"></div><div class="bbar"><table cellpadding="0" cellspacing="0"><td><div style="width: 100px; height: 10px; background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px;"></div></td><td><div style="width: 10px"></div></td><td><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=8724"><div class="send">send</div></a></td></table></div></div></div></div></div></div></center>