Iphone for texts

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<!--
This code is not a theme but a roleplay character's page.
code by hahafritzi.tumblr.com
-->

<html>
<head>
<title>Cellphone</title>
<link rel="shortcut icon" href="http://theapplebites.com/wp-content/uploads/2012/02/imessage-icon.jpg" />
<link rel="alternate" type="application/rss+xml" href="{RSS}" />

<style>

 body {background-color: #000;background-image:url('http://s2.favim.com/orig/33/background-backgrounds-pattern-tumblr-background-wood-Favim.com-260514.jpg');font:11px "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;#b8b8b8; text-align:left;}
 a, a:link, a:active, a:visited {color:#3a5898; text-decoration: none;}
a:hover { text-decoration: none; font-size:14px;}
a img {border: 0;}

#box {position:fixed!;background-color:  ; margin-top:60px; margin-left:370px; height:auto;width:250px;padding:20px;}
#iphoneimage {margin: 0px 0 0px 0; text-align:left;}
#iphoneimage img {margin-top:0px; width:225px; height:auto; text-align:center; margin-left:0px ;}
#contactbox {position:fixed;background-color: #fff ; margin-top:109px; margin-left:406px; height:325px;width:191px;padding:0px;}
.about{background-color:#f7f7f7; height:10px;margin-left:0px; margin-top:-3px;font-family:Tahoma; font-size:7px;color:#959595; text-align:justify;padding:2px;line-height:10px;text-transform:uppercase;}
#iconimage {width: 70px;}
#iconimage img {width:70px; padding:5px;opacity:0.9;}

@font-face { font-family: "littlefont"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }

#voicemail{font-family:littlefont; font-size:8px; text-align:justify; text-transform:uppercase; overflow:auto;background-color:; padding: 0px; width: 180px; height: 40px; margin-left:5px; border: solid 1px #eee;}
#ringtones{font-family:Arial; font-size:9px; text-align:justify; text-transform:lowercase; overflow:auto; background-color:; padding: 0px; width: 180px; height: 40px; margin-left:5px; border: solid 1px #eee; margin-top:0px;}
 #texts{font-family:verdana; font-size:10px; text-align:center; text-transform:none; overflow:auto; background-color:; padding: 0px; width: 180px; height: 55px; margin-left:5px;margin-top:15px;}

::-webkit-scrollbar-thumb:vertical {
background-color: ;height:auto;border: 1px solid #ddd;border-radius: 60px;}
 ::-webkit-scrollbar-thumb:horizontal {background-color:#eeeheight:auto !important;border-radius: 60px;}
 ::-webkit-scrollbar {height:auto;width:4px;background-color: transparent;border-radius: 60px;}

 #name{font-family:beansprout; font-size:70px; text-align:left; text-transform:none; overflow:auto; color:#f7f7f7; padding: 6px; width: 500px; height: auto; margin-left:650px;margin-top:-400px;text-shadow:1px 1px 4px #000000;}

 .number{font-family:beansprout; font-size:18px; text-align:left; text-transform:none; overflow:auto; color:white; padding: 6px; height: auto; margin-left:650px;text-shadow:1px 1px 4px #000000; margin-top:-20px;}

 @font-face { font-family: "beansprout"; src: url('http://static.tumblr.com/pwgdr2n/aDQm3ij6n/1-beansprout-dna.ttf'); }

</style>
</head>

<body>

<div id="contactbox">
<div class="about"><marquee>♫ "LYRICS HERE" ♫</marquee></div>

<div id="iconimage"><a href="/"><img src="PICTURE URL HERE" width="100px" align="left"></a>

<div style="height:50px; width:190px; font-family:arial; font-size:9.5px; font-style:italic; line-height:101%; text-align:left; padding-top:5px; color:#3C3C3C;">
<b>location:</b> LOCATION HERE<br>
<b>mood:</b> MOOD HERE</br>
<b>doing:</b> ACTIVITY HERE

</div></div><br><br>


<img src="http://media.tumblr.com/2425218191cfc62b7035f5e5ead150b5/tumblr_inline_mgabfj0ttS1r4iu2l.png" /></a>
<div id="voicemail">

VOICEMAIL HERE

</div>


<img src="http://media.tumblr.com/153780087182d49a9178e7385f195219/tumblr_inline_mgabmxWibQ1r4iu2l.png" /></a>
<div id="ringtones">
♫ text msg - "SONG TITLE" <br>
♫ phonecall - "SONG TITLE" <br>
♫ pic msg - "SONG TITLE"
</div>


<div id="texts"><b><u>TEXT BY CONTACT:</u></b><br>

<a href="/">CHARACTER NAME</a>,
<a href="/">CHARACTER NAME</a>,
<a href="/">CHARACTER NAME</a>,
<a href="/">CHARACTER NAME</a>,
<a href="/">CHARACTER NAME</a>,


</div> </div></div></div>


<div id="box">
<center>
<div id="iphoneimage"><img src="http://media.tumblr.com/e999b89649def6d538027a56f574049d/tumblr_inline_mga5tuMcho1r4iu2l.png"/>
</div></div>


<div id="name">FIRST AND LAST NAME HERE✆ </div>
<div class="number">NUMBER HERE</div>
</div></div>

</div>
</body>
</html>