Iphone #3

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

<!---- code by 4roleplay@tumblr ---->


<html>
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}" />
<link rel="alternate" type="application/rss+xml" href="{RSS}" />

<style type="text/css">

body {color:{color:Text}; background-attachment:fixed; background-color:#fff; background-image: url(''); background-position: bottom left; background-repeat: no-repeat; text-align:justify; font-family:georgia,palatino; font-size:9px;}

a {color: #000; text-decoration:none;}
a:hover {color:#fff; text-decoration:none;}

#iphone {position:fixed!;background-color: #0f0f0f ;background-image: url('http://media.tumblr.com/ee9036208985c10070ccdae7a04b5b21/tumblr_inline_mgqs2unFLH1r4iu2l.jpg'); margin-top:140px; margin-left:260px; height:335px;width:280px;padding:10px;}
#iphoneimage {width: 150px;}
#iphoneimage img {width:156px; height:195px;margin-left:112px; margin-top:45px;}

#linkk {position:fixed !important;width: 380px; height: 280px; margin-top:-320px;margin-left:600px;padding: 2px; font-size: 10px; line-height:10px; letter-spacing:0px; margin-bottom: 1px; background-color: ;}

.navlinks {display:inline-block;box-shadow: 0px 0px 10px 0px #3b3b3b;height:100px;width:100px; background-color: #ffffff; font-family: tinytots;font-size:8px; margin-left:15px; margin-top:15px;float:left; text-align: center; line-height: 100px; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out; border-radius: 50px;-webkit-transform:rotate(-0deg);text-transform:uppercase;}

.navlinks:hover {-webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; transition:all 0.7s ease-out; -webkit-transform: rotate(360deg);}

#buttonimage {width: 80px;}
#buttonimage img {width:100px; height:100px;margin-left:0px; margin-top:0px;border-radius: 50px;}

.name {height:auto; width:380px; background-color: #ffffff; font-family: lovenote; font-size:40px; margin-left:0px; margin-top:0px;float:left; text-align: center; line-height: 0px; }

@font-face { font-family: "lovenote"; src: url('http://static.tumblr.com/4yxykdm/k6plrfhwf/ck_love_note.ttf'); }

{CustomCSS}

</style>
</head>
<body>

<div id="iphone"><div id="iphoneimage"><a href="/"><img src="156x195IMAGEURL"></a></div></div>
<div id="linkk">
<div class="name">Navigaton</div>

<br><br>

<!---- TWITTER ---->

<div class="navlinks"><a href="/tagged/tweet"><div id="buttonimage"><img src="http://media.tumblr.com/155cffefa2b13e8944e7c629da8780fd/tumblr_inline_mgrfxsr4Sb1r4iu2l.jpg"/></a></div></div>

<!---- TEXT ---->
<div style="float: center; margin-top:-10px;">
<div class="navlinks"><a href="/tagged/text"><div id="buttonimage"><img src="http://media.tumblr.com/89da0fbaed827b4759058c4d5d54bd14/tumblr_inline_mgrgr9gcoI1r4iu2l.jpg"/></a></div></div>

<!---- MUSIC ---->
<div style="float: center; margin-top:-15px;">
<div class="navlinks"><a href="/tagged/music"><div id="buttonimage"><img src="http://media.tumblr.com/f43047367ed63955aeaa286e278a82a6/tumblr_inline_mgrgx7xCPd1r4iu2l.jpg"/></a></div></div>

<!---- PICTURES ---->
<div style="float: center; margin-top:0px;">
<div class="navlinks"><a href="/tagged/pic"><div id="buttonimage"><img src="http://media.tumblr.com/5bf51b525a41bff06ceea44fd4d9151b/tumblr_inline_mgrh4oDD6d1r4iu2l.jpg"/></a></div></div>

<!---- PARAS ---->
<div style="float: center; margin-top:0px;">
<div class="navlinks"><a href="/tagged/para"><div id="buttonimage"><img src="http://media.tumblr.com/5d1c58667e1ade79356227f2b2417a66/tumblr_inline_mgrhatvNBO1r4iu2l.jpg"/></a></div></div>

<!---- ABOUT ---->
<div style="float: center; margin-top:0px;">
<div class="navlinks"><a href="/about"><div id="buttonimage"><img src="http://media.tumblr.com/9a3529bccd774d1eb2577a8ec2336333/tumblr_inline_mgrheyeZZJ1r4iu2l.jpg"/></a></div></div>


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