Page #01 - Navigation Page - by dean-plus-cas

<html>

<head>

<!-- theme by dean-plus-cas.tumblr.com

1. You are allowed to edit this theme.
2. Do not move the credit.
3. Do not use as a basecode.
4. If you aren't sure if you're allowed to do something or not to this theme, you can ask me.
5. Don't remove this gray text right here.

    -->


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


<style>

@font-face { font-family: BigNoodle; src: url('http://static.tumblr.com/4qjamle/N8Jmyke2f/mossy.ttf'); }
h1 {
font-family: BigNoodle
}
@font-face { font-family: BrainFlower; src: url('http://static.tumblr.com/4qjamle/EcImykchy/brain_flower_euro.ttf'); }
h1 {
font-family: BrainFlower
}

</style>

<style type="text/css">

body {
    font-family:palatino;
    font-size:11px;
    color:#3b3b3b;
    background:#fff;
}

a:link, a, a:active, a:visited {
    text-decoration: none;
    color: #959595;
    -moz-transition: 0.3s ease-in;
    -webkit-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
}
a:hover {
        color: #333;
        }

#title {
    font-family:BrainFlower;
    color:#525252;
    text-align:center;
    width:500px;
    margin-top:75px;
    font-size:50px;
    letter-spacing:1.5px;
    text-transform:lowercase;
    padding:5px;
}

#subtitle {
    font-family:BigNoodle;
    color:#7F7F7F;
    text-align:center;
    width:120px;
    font-size:18px;
    letter-spacing:1px;
    text-transform:lowercase;
    padding:5px;
}

#content {
    font-family:BigNoodle;
    color:#959595;
    text-align:center;
    width:120px;
    font-size:10px;
    letter-spacing:1px;
    text-transform:lowercase;
    padding:5px;
}

#box {
    width:120px;
    background:#fff;
    text-align:center;
    letter-spacing: 5px;
    display:inline-block;
    margin-left:10px;
    margin-right:10px;
}


</style>


</head>


<body>

<center>
<div id="title">navigation</div>
<img src="http://www.fiktshun.com/fiktshun/wp-content/uploads/2012/07/divider_2.png" width="110px">
<br><br>
<div id="box">
<div id="subtitle">- subtitle 1 -</div>
<div id="content">
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a>
</div></div>
<div id="box">
<div id="subtitle">- subtitle 2 -</div>
<div id="content">
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a>
</div></div>
<p></p><br><br>
<div id="box">
<div id="subtitle">- subtitle 3 -</div>
<div id="content">
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a>
</div></div>
<div id="box">
<div id="subtitle">- subtitle 4 -</div>
<div id="content">
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a>
</div></div>
<p></p><br><br>
<div id="box">
<div id="subtitle">- subtitle 5 -</div>
<div id="content">
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a>
</div></div>
<div id="box">
<div id="subtitle">- subtitle 6 -</div>
<div id="content">
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a> ◇
<a href="/tagged/">link</a>
</div></div>
<br>
<br><br><br>
<div id="content">
<a href="/">back</a> - <a href="http://holyenochianthemes.tumblr.com">credit</a>
</div>
</body>

</html>