Navi Theme #01

<html>
<!-- THEME MADE BY IBANGLOUIS. DO NOT REMOVE CREDIT -->
    <head>
    <title>{Title}</title>

        <meta name="description" content="" />
        <link rel="shortcut icon" href="{Favicon}">
        <link rel="alternate" type="application/rss+xml" href="{RSS}">
        <style type="text/css">


::-webkit-scrollbar{height: 9px; width: 9px; -webkit-border-radius: 0px; background-color:{color:background};}
::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
::-webkit-scrollbar-track{background-color:{color:background};}

::selection {
background:{color:text hover};
}

::-moz-selection {
background:{color:text hover};
}

::-webkit-selection {
background:{color:text hover};
}

body {
    font-family:Cambria;
    font-size:10px;
    background-color:#fff;
    overflow-x:hidden;
}
a {
    text-decoration:none;
    color: #ddd;
}

#container {
    margin:175px;
    margin-top:10px;
}

#header {
    width:100%;
    height:70px;
    background:#fff;
    }

#title {
    font-size:50px;
    padding:10px;
    }

#toplinks a{
    font-size:15px;
    width:100px;
    height:20px;
    letter-spacing:2px;
    background:#fff;
    padding:5px;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    }

#toplinks a:hover {
    background:#000;
    color:#eee;
    }

#box1 {
    width:150px;
    border:5px double #eee;
    padding:20px;
    text-align:center;
    display:inline-block;
    margin-left:10px;
    margin-top:10px;

    }

#box2 {
    width:150px;
    border:5px double #eee;
    padding:20px;
    text-align:center;
    display:inline-block;
    margin-left:10px;
    margin-top:10px;
    }

#box3 {
    width:150px;
    border:5px double #eee;
    padding:20px;
    text-align:center;
    display:inline-block;
    margin-left:10px;
    margin-top:10px;
    }

#box4 {
    width:150px;
    border:5px double #eee;
    padding:20px;
    text-align:center;
    display:inline-block;
    margin-left:10px;
    margin-top:10px;
    }

#titles {
    font-size:20px;
    color:#d7d7d7;
    text-transform:uppercase;
    }

#links{width:150px;}
#links a{
    display:block;
    background:#ccc;
    color:#ffffff;
    text-transform:uppercase;
    letter-spacing:3px;
    padding:5px;
    margin-top:2px;
    margin-bottom:2px;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    }

#links a:hover {
    background:#ffffff;
    color:#000;
    }

#credit{
    right:8px;
    bottom:10px;
    font-size:13px;
    line-height:12px;
    position:fixed;
    font-family:Cambria;
    border:1px solid #dddddd;
    border-radius: 10px;
    padding:5px;
    }

#credit a:hover { color: #eee;}

</style></head>
<body>
<div id="container">
<center>
<div id="header">
<div id="title"><b><i>navi</b></i>
<div id="toplinks">
<a href="/">back</a>
<a href="/ask">ask</a>
</div></div>

<div id="box1">
<div id="titles">Title Here</div>
<div id="links">
<a href="http://URLHERE/">Text Here</a><br>
<a href="http://URLHERE/">Text Here</a><br>
<a href="http://URLHERE/">Text Here</a><br>
<a href="http://URLHERE/">Text Here</a><br>
<a href="http://URLHERE/">Text Here</a><br>
<a href="http://URLHERE/">Text Here</a><br>
</div></div>

<div id="box2">
<div id="titles">Title Here</div>
<div id="links">
<a href="http://URLHERE/">Text Here</a><br>
<a href="http://URLHERE/">Text Here</a><br>
<a href="http://URLHERE/">Text Here</a><br>
<a href="http://URLHERE/">Text Here</a><br>
<a href="http://URLHERE/">Text Here</a><br>
<a href="http://URLHERE/">Text Here</a><br>
</div></div>

<div id="box3">
<div id="titles">Title Here</div>
<div id="links">
<a href="http://URLHERE/">Text Here</a><br>
<a href="http://URLHERE/">Text Here</a><br>
<a href="http://URLHERE/">Text Here</a><br>
<a href="http://URLHERE/">Text Here</a><br>
<a href="http://URLHERE/">Text Here</a><br>
<a href="http://URLHERE/">Text Here</a><br>
</div></div>

<div id="box4">
<div id="titles">Title Here</div>
<div id="links">
<a href="http://URLHERE/">Text Here</a><br>
<a href="http://URLHERE/">Text Here</a><br>
<a href="http://URLHERE/">Text Here</a><br>
<a href="http://URLHERE/">Text Here</a><br>
<a href="http://URLHERE/">Text Here</a><br>
<a href="http://URLHERE/">Text Here</a><br>
</div></div>

<div id="credit"><a href="http://ibanglouis.tumblr.com">©</a></div>
</body></html>