Picture Perfect - Instagram

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

<!----
Picture Perfect - Instagram page. 4 roleplay purposes only juheard?

code by 4roleplay@tumblr
1. small icon picture has to be 30x30
2. Link bg picture has to be 298x300

If you have any problems with this code let me now.

---->


<html>
<head>
<title>Instagram</title>
<link rel="shortcut icon" href="http://media.tumblr.com/0b314448687d1687ac15ef4590914659/tumblr_inline_mhf30rLPBI1qz4rgp.png" />
<link rel="alternate" type="application/rss+xml" href="{RSS}" />

<style type="text/css">

body {color:#000; background-attachment:fixed; background-position: bottom left; background-repeat: no-repeat; text-align:justify; font-family:georgia,palatino; font-size:11px;}

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

#container {position:fixed!; margin-top:200px; margin-left:250px; height:700px;width:900px;padding:0px;}

#swaggie {background-color: #ffffff; margin-top:0px; margin-left:100px; height:298px;width:300px;padding:0px;border: 1px solid #f0f0f0;border-top-left-radius:5px;border-bottom-left-radius:5px;}
#bgimage {width: 300px;}
#bgimage img {width:300px; height:298px;border-top-left-radius:5px;border-bottom-left-radius:5px;}

#whalesex {background-color: #ffffff; margin-top:-302px; margin-left:300px; height:298px;width:180px;padding:0px;border: 1px solid #f0f0f0;}

#yah {background-image: url('http://media.tumblr.com/93f61f58810e189b25024df8028e1dc1/tumblr_inline_mhf3a8SVlN1qz4rgp.png'); background-color: #000; margin-top:-301px; margin-left:582px; height:300px;width:52px;padding:0px;border: 1px solid #f0f0f0;border-top-right-radius:5px;border-bottom-right-radius:5px;}

#link {margin-top:-640px; margin-left:435px; height:300px;width:110px;padding:10px;}

.slinks {opacity: 1;margin-left: ;margin-top: 0px;width: 50px;
-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;opacity:0.6;}

.slinks a{color: #000;width: 100px;margin-bottom: 5px;display: inline-block;text-align:center;text-transform:uppercase;font-size:8px;font-family:Lucida Sans Unicode;letter-spacing:0px;background-color:#fff;padding:4px;}

.slinks a:hover{-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;opacity:0.5;}


{CustomCSS}

</style>
</head>
<body>

<div id="container">
<div id="swaggie"><div id="bgimage"><a href="/"><img src="298x300IMGURL"></a>

</div>


<div id="whalesex">
<table style="border-bottom: solid 1px #f0f0f0; width: 148px"><td><div style="height: 30px; color: #496691; font-family: arial; font-size: 12px; font-weight: bold; padding-top: 10px; width: 40px; border-right: solid 1px #f0f0f0"><span style="font-size: 15px;">♥</span>

#

</div></td><td><div style="background-image: url(http://i45.tinypic.com/29391eq.jpg); height:33px; width:108px"></div></td></table>

<div style="text-align: left; color: 2e2e2e; font-family: tahoma; font-size: 9px">

<table><td><div style="width: 35px; height: 185px;"><div style="width: 30px; height: 30px;  -moz-border-radius: 7%;  border-radius: 7%; -webkit-border-radius: 7%; border: solid 1px #b6b6b8; background-image: url(ICONURL30x30)"></div></div></td>

<td><div style="height: 18px; padding-top:3px; font-family: arial; font-size: 15px;font-weight: bold">

username

</div><div style="font-size: 13px; line-height:12px; color: 3e3e3e; height: 180px; overflow: auto; text-transform: lowercase">

comment here idk

</div></td></table><br>
<div style="margin-left:10px;border: dashed 1px #666666; width: 145px; height: 12px; border-radius: 5%; -moz-border-radius: 5%; -webkit-border-radius: 5%; color: 666666; text-align: center; padding: 5px">To add a comment, please <span style="color:496691">sign in.</span></div></div></div></td></div><div id="yah"></div></div>


<!-- CHANGE LINKS HERE -->

<div id="link"">
<div class="slinks">
<a href="/">personal</a>
<a href="/">friends</a>
<a href="/">family</a>
<a href="/">other</a>
<a href="/">other</a>
<a href="/">other</a>
</div>
</div>
</body>
</div>
</html>