Hazzstop's theme 39

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

<!--
©HAZZSTOP THEME 39
~NAVI THEME~
Don't steal please.
+BASE CODE MADE BY DYLAENOBRIENS
-->

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<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}" />
<link href='http://fonts.googleapis.com/css?family=Miss+Fajardose' rel='stylesheet' type='text/css'>

<meta name="color:Background" content="#ffffff"/>
<meta name="color:Text" content="#838282"/>
<meta name="color:Link" content="#b8b8b8"/>
<meta name="color:title" content="#ffffff"/>
<meta name="color:titlebackground" content="#f0f0f0"/>
<meta name="color:Link Hover" content="#eeeeee"/>

<meta name="image:sidebar" content=""/>

<meta name="text:link 1" content="Link 1"/>
<meta name="text:link 1 url" content="/"/>
<meta name="text:link 2" content="Link 2"/>
<meta name="text:link 2 url" content="/"/>

    <style type="text/css">

iframe#tumblr_controls {
     white-space:nowrap;
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -o-filter: invert(100%);
    -ms-filter: invert(100%);
    filter: invert(100%);
    opacity: .2;}

    body {
    font-style:none;
    background-color:{color:background};
    font-family:calibri;
    color:{color:text};
    font-size:9px;}


    a {
    color:{color:link};
    text-decoration:none;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}

    a:hover {
    color:{color:hover};
    text-decoration:none;
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;}

    img {
    border:none;}

    blockquote {
    padding-left:5px;
    border-left:2px solid {color:border};}

    h1 {
    font-size:10px;}

   /*--Cursor--*/
*, body, a, a:hover {cursor: url("http://www.totallylayouts.com/cursors/random/tiny_cursor.png"), auto }

    /*everything*/

    #everything {
    margin-left:25%;
    margin-top:150px;
    text-align: center;}

    /*--navi title--*/

    #title {
    font-family: 'Miss Fajardose', cursive;
    font-size:130px;
    letter-spacing:6px;
    width: 600px;
    text-align: center;
    font-style: normal;
    margin-top:30px;
    Word-spacing: 3px;
    margin-left:50px;
    color: {color:title};}

    /*--links--*/

    #links {
    width:150px;
    font-family:'cambria';
    text-transform:uppercase;
    text-align:center;
    margin-top:30px;
    margin-left:284px;}

    #links a {
    padding:3px;
    font-size:8px;
    color:#bbb8b8;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;}

    #links a:hover {
    color:#fff;
    background-color:#bbb8b8;}

    /*--titles of the groups--*/

    #grouptitle {
    padding:5px;
    text-align:center;
    font-style:italic;
    font-family:'times new roman';
    color:#bbbaba;
    font-size:17px;
    width:118px;
    margin-left:155px;
    margin-top:40px;
    border-left:1px solid #eaeaea;
    border-right:1px solid #eaeaea;
    border-top:1px solid #eaeaea;}

  /*--links aka tags in the groups--*/

    #grouplinks {
    width:120px;
    margin-top:0px;
    padding:4px;
    margin-left:155px;
    border:1px solid #eaeaea;}

    #grouplinks a {
    font-family:'times new roman';
    display:block;
    color:#bbb8b8;
    font-size:10px;
    border-radius: 40px;
    padding:6px;
    text-align:center;
    letter-spacing:1px;
    text-transform:uppercase;
    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;}

    #grouplinks a:hover {
    background:#bbb8b8;
    border-radius: 40px;
    color:#fff;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}

   /*--the huge pretty  border--*/

   #borderr  {
    height: 10px;
    width: 50px;
    margin-top: -100px;}

   /*--the thing under the links--*/

#divider {
    width: 300px;
    margin-left: 28%;
    margin-top: 5px;}

 #cred {
position:fixed;
font-family:arial;
font-size:14px;
line-height:60%;
right:10px;
bottom:10px;
border-bottom: 3px double #9a9a9a;
border-top: 1px solid #9a9a9a;
border-left: 1px solid #9a9a9a;
border-right: 1px solid #9a9a9a;
text-transform:uppercase;
background-color:#fff;
text-align:center;}
#cred a {
display:block;
width:10px;
height:7px;
padding:4px;
color:#9A9A9A;
background-color:#fff;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;}
#cred a:hover {
opacity: 0.1;
color:#FCFCFC;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;}

{CustomCSS}</style></head>
<body>
<div id="everything">
<div id="borderr"><img src="http://static.tumblr.com/y6lfoox/GcJmtfi83/ghjhkhjk.png"></div>
<div id="title">title of your navi</div>

<div id="links">
    <a href="http://tumblr.com/dashboard">dash</a>
    <a href="/">back</a>
    <a href="/ask">message</a>
    <a href="{text:link 1 url}">{text:link 1}</a>
    <a href="{text:link 2 url}">{text:link 2}</a>
    <a href="http://hazzstop.tumblr.com">credit</a></div>

<div id="divider"><img src="http://25.media.tumblr.com/a4000ff25ef60e7c7837e7a16ea68ab8/tumblr_mjtrwufvmf1s7gs24o1_250.png"></div>

<table id="all" border="0" cellpadding="0" cellspacing="0">

<td><div id="grouptitle"><big>group title1</div>
<div id="grouplinks">
<a href="/tagged/">link 1</a>

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

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

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

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

 </div></td>

<td><div id="grouptitle"><big>group title2</div>
<div id="grouplinks">
<a href="/tagged/">link 1</a>

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

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

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

<a href="/tagged/">link 5</a>
</div><tr>

<td><div id="grouptitle"><big>group title3</div>
<div id="grouplinks">
<a href="/tagged/">link 1</a>

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

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

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

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

</div></td>

<td><div id="grouptitle"><big>group title4</div>
<div id="grouplinks">
<a href="/tagged/">link 1</a>

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

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

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

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

</div></td>

</table></div>

<div id="cred"><a href="http://hazzstop.tumblr.com">H</a>
</body></html>