simplehun

<!--
theme by 94ist@tumblr
please, please don't remove these credits!!
-->

<!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">
@font-face {font-family:"bitxmap"; src: url("http://static.tumblr.com/ofgksh6/md0mkd9yd/bitxmap_font_tfb.ttf")}


/* if you're going to change the colours of the boxes or whatever, please make sure you also change the scrollbar colours to match!! (only if you want) */

::-webkit-scrollbar-thumb:vertical {
-webkit-border-radius: 10px;
border-radius: 10px;
border:1px solid #ffdadf;
}
::-webkit-scrollbar {
width:6px;
background:#fff;
}


body{
background: #fff url('') center fixed repeat;
margin: 0;
padding: 0;
font-family: bitxmap;
}

a{
text-decoration:none;
color:#9d9c9d; /* here is your link colour */
}

#kanase{
margin:auto;
margin-top:12%;
width:280px;
}

.kojou{
display:inline-block;
background:#fff; /* the background colour for your title */
width:250px;
height:auto;
font-size:9px;
text-align:right; /* you can align your text to center or left if you want */
color:#9d9c9d; /* the text colour for your title */
letter-spacing:1px;
float: left;
margin-bottom:20px;
font-family: bitxmap;
padding: 12px;
position: relative;
border: 1px solid #ffdadf; /* the border colour for your title */
}

.kanon{
overflow:auto;
display:inline-block;
background:#fff; /* the background colour for your text box */
width:116px;
height:116px;
font-size:9px;
color:#9d9c9d; /* the text colour for your text box */
letter-spacing:1px;
float: center;
text-align:center;
margin-bottom:20px;
font-family: bitxmap;
padding: 8px;
position: relative;
border: 1px solid #ffdadf; /* the border colour for your text box */
}

.kanon img{
max-width:116px;
max-height:116px;
}

.linko a{
display:inline-block;
background:#fff; /* the background colour for your links */
width:45px;
font-size:8.5px;
color:#9d9c9d; /* the text colour for your links */
letter-spacing:1px;
float: center;
text-align:center;
margin-bottom:5px;
font-family: bitxmap;
padding: 8px;
position: relative;
border: 1px solid #ffdadf; /* the border colour for your links */
}

.linko a:hover{
background:#ffdadf; /* when you hover, this is the background colour */
color:#fff; /* when you hover, this is the text colour */
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

/* this is for when you hover over links and the titles appear - pretty self-explanatory. just follow previous steps!! */
#s-m-t-tooltip {
background: #fff;
text-align:center;
font-size: 10px;
font-family: bitxmap;
color: #9d9c9d;
max-width: 100px;
word-wrap: break-word;
padding: 1px 5px 2px 6px;
display: block;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 10px 10px 10px 15px;
border: 1px solid #ffdadf;
}

{CustomCSS}
</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
<script>
 (function($){
 $(document).ready(function(){
 $("[title]").style_my_tooltips();
 });
 })(jQuery);
</script>

</head>
<body>
<div id="kanase">


<!-- YOUR TITLE -->
<div class="kojou">
your title goes here
</div>


<!-- YOUR MAIN TEXT BOX -->
<div class="kanon">
hi there!! this is where your description goes and what not :-)<br><br>please feel free to play around with my codes but <i>please</i> don't use them as a base or remove the credit!!<br><br>
also, this box has a scrollbar as well so you can go for as long as you want.
</div>


<!-- YOUR IMAGE. MAKE SURE IT'S 116PX WIDE AND 116PX HIGH!! -->
<div class="kanon">
<img src="http://static.tumblr.com/coqtevm/DZAmxsixo/sehuna.png">
</div>


<!-- THE LINKS // PLEASE DON'T REMOVE CREDIT!! ALSO REMEMBER TO REPLACE 'LINK 1' AND 'LINK 2' WITH YOUR OWN TITLES -->
<div class="linko">
<a href="/" title="home">.i</a>
<a href="URL HERE" title="link 1">.ii</a>
<a href="URL HERE" title="link 2">.iii</a>
<a href="http://94ist.tumblr.com" title="credit">.iv</a>
</div>


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