i like you (navigation)

<!--


theme by 94ist@tumblr
please, PLEASE, oh my frickin gosh please don't remove these credits, or i'll probably cry!! :-(


-->

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{Title}</title>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
 <link rel="shortcut icon" href="{Favicon}" />
<link rel="apple-touch-icon" href="{PortraitURL-128}"/>
<link rel="alternate" type="application/rss+xml" href="{RSS}" />

<style type="text/css">

body{
background: #fff url('http://static.tumblr.com/coqtevm/nXVn44nhe/738465.gif') bottom right fixed repeat;
margin: 0;
padding: 0;
font-family: helvetica;
}

a{
text-decoration:none;
}

#exo{
background: #fed5d5 url('http://static.tumblr.com/coqtevm/nXVn44nhe/738465.gif') bottom left fixed repeat; /* here you can change the colour of the topbar background and add an image pattern too if you wish! */
width: 100%;
height: 60px;
margin:auto;
position: fixed;
top: 0;
z-index:9999;
}

#chanyeol{
margin:auto;
margin-top:12%;
width:165px;
text-align:center;
}

#sehun{
position:fixed;
width:160px;
font-family:consolas, 'courier new', monospace;
font-weight:lighter;
font-size:10px;
line-height:12px;
}

#sehun img{
margin-bottom:-4px;
max-width:132px;
border:14px solid #fed5d5; /* this is the border around your image! i suggest you keep this the same colour as the borders at the bottom to make it look nice */
}

#sehun a{
border-bottom:5px solid #fed5d5; /* here you can change the colour of the border at the bottom of the links */
text-align:center;
color:#888; /* here you can change the font colour of the links */
background:#fff;
padding-top:7px;
display:block;
}

#sehun a:hover{
color:#fff; /* the colour of the font when you hover over the links */
background:#fed5d5;  /* keep this the same colour as your 'border-bottom' found above */
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}


{CustomCSS}
</style>
</head>

<body>
<div id="exo"></div>
<div id="chanyeol">
<div id="sehun">

<!--image starts here! change the link to add your own image! the max-width is 132px whereas the height is infinite. though i do suggest keeping it short-->
<img src="http://static.tumblr.com/coqtevm/nDCn8hvzq/links.png">
<!--image ends here! if you don't want an image, just delete from here to the beginning of where the image started-->


<!--links start here. if the first link seems close to the image, don't worry. it looks much better when you save it-->
<a href="URL HERE">link name</a>
<a href="URL HERE">link name</a>
<a href="URL HERE">link name</a>
<a href="URL HERE">link name</a>
<a href="URL HERE">link name</a>
<a href="URL HERE">link name</a>
<!--links end here-->


</div>
</div>


<!-- do NOT touch these credits. the only thing you own on this page is the content you put in and nothing else, thank you very much! -->
<a href="http://94ist.tumblr.com" target="_blank" title="theme by 94ist"><div style="position:fixed;right:10px;bottom:5px;font-size:10px;opacity:0.7;z-index:51;font-family:consolas, 'courier new', monospace;color:#000000;">.credit</div></a>

</body>
</html>