navigation theme #01

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

<!--
NAVIGATION THEME #01 BY WOLVERWHORE PREV. HORANHOBO | PURPLE SKY
Please don't remove credit and/or declaim as your own. Enjoy!
-->

<html>
<head>

<title>{Title}</title>

        {block:Description}
        <meta name="description" content="{MetaDescription}" />
        {/block:Description}
        <link rel="shortcut icon" href="{Favicon}" />
        <link rel="alternate" type="application/rss+xml" href="{RSS}" />

<style type="text/css">

body {
    font-family:calibri;
    font-size:10px;
    background:#fff;
    overflow-x:hidden;
}

a {
    text-decoration:none;
    color:#d5d5d5;
}

#title {
    margin-top:250px;
    margin-left:45px;
    text-align:center;
    text-transform:uppercase;
    font-family:oswald;
    color:#ccd1d3;
    opacity:.70;
    font-size:15px;
    padding:0px;
    border-bottom: dotted 2px #ccd1d3;
    padding:20px;
    width:285px;
    height:10px;
}


.links {
    width:200px;
}

.links a {
    display:block;
    background:#f3f3f3;
    color:#ccc;
    text-transform:uppercase;
    letter-spacing:1px;
    padding:5px;
    margin-top:2px;
    margin-bottom:2px;
    position:relative;
    z-index:99;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.links a:hover {
    background:#fff;
}

#linkies {
    margin-top:20px;
    margin-left:50px;
}

#linkies a {
    width:60px;
    background:#ccd1d3;
    color:#fff;
    font-size:9px;
    display:inline-block;
    padding:3px;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:5px;
-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#linkies a:hover {
    background:#fff;
    color:#ddd;
}

#sure {
    font-family:'consolas';
    font-style: none;
    width:50px;
    font-size: 8px;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-top:270px;
     margin-left:1215px;
    right:-5px;
    bottom:10px;
    border-left:solid 1px #f2f2f2;
    border-top:solid 1px #f2f2f2;
    border-bottom:solid 1px #f2f2f2;
    padding:3px;


::-webkit-scrollbar {width: 7px; height:7px; background:#fff;}
::-webkit-scrollbar-corner {background:#e5e5e5;}
::-webkit-scrollbar-thumb:vertical {background:#e5e5e5;}
::-webkit-scrollbar-thumb:horizontal {background:#e5e5e5;}

{CustomCSS}
</style>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>

</head>

<body>

<center>
<div id="title">NAVIGATION</div>

<div id="linkies">

<a href="/"> link 1 </a>

<a href="/"> link 2 </a>

<a href="/"> link 3 </a>

<a href="/"> link 4 </a>

<br>

<a href="/"> link 5 </a>

<a href="/"> link 6 </a>

<a href="/"> link 7 </a>
</div>

<div id="sure"><a href="http://wolverwhore.tumblr.com/">© theme</a></div>
</body>

</html>