perfume

<!--
perfume
 page made by gyapo.tumblr.com
 don't remove this comment
 -->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">


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


<style type="text/css">

iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}

iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}


 body
{font-family:arial;
font-size:10px;
background-color:#fff;
background-image:url('http://static.tumblr.com/onhp7lq/TNunjq3wt/blue.png');
background-position: fixed;
background-attachment:fixed;
background-repeat:repeat;}


blockquote
{border-left:2px solid;
padding-left:5px;}

#left
{width:180px;
    height:450px;padding:10px;
    background-color:#fff;
    margin:100px 100px 0px 100px;
    border:1px solid #000;
    overflow:hidden;
}

#about
{width:130px;margin:25px;
font-family:lucida console;font-size:12px;}

#about p
{border-top:1px solid #000;
padding-top:5px;
margin-bottom:20px;
color:#777;}

#icon
{width:100px;padding:10px;
    background-color:#fff;
    border:1px solid #000;
    position:absolute;margin-left:310px;}

#title
{text-transform:uppercase;text-align:center;margin-bottom:20px;
    width:130px;font-size:15px;font-family:courier;
    color:#000;}

#menu
{position:absolute;margin-left:369px;width:100px;margin-top:-16px;}

.boutton
{width:5px;height:5px;padding:2px;border:1px solid #000;background-color:#fff;float:left;margin-left:10px;}

.boutton:hover
{background-color:#000;}
.legend

{position:absolute;margin-top:-18px;margin-left:-3px;font-family:lucida console;text-transform:uppercase;letter-spacing:1px;font-size:9px;background-color:#000;color:#fff;padding:2px 2px 2px 4px;opacity:0;}

.boutton:hover .legend
{opacity:1;}

</style>
</head>

<body>

<div id="menu">
<a href="/"><div class="boutton"><div class="legend">home</div></div></a>
<a href="/ask"><div class="boutton"><div class="legend">message</div></div></a>
<a href="http://gyapo.tumblr.com/"><div class="boutton"><div class="legend">credits</div></div></a>
</div><!--menu-->

<div id="icon">
<img width="100" src="http://40.media.tumblr.com/60d3b2b561c3a7138db0e27180846cee/tumblr_njq2ibuQH71r9g6hvo5_250.png">

<!--music-->
<div style="position:absolute;margin-top:20px;margin-left:-11px;">MUSIC CODE</div>
<!--music end-->

</div><!--icon-->

<div id="left">
<div id="about">
<div id="title">
   • about me •
</div><!--title-->

<p>text</p>

<p>text</p>

<p>text</p>

<p>copy and paste for more text </p>

<p>or erase</p>

</div><!--about-->
</div><!--left-->


</body>
</html>