navi theme 1 v.2



        <!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>
        <title>{Title}</title>
        <link rel="shortcut icon" href="{Favicon}">
        <link rel="alternate" type="application/rss+xml" href="{RSS}">
        {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

        <!----THEME BY NARRULD do not copy or remove credit--->

        <head>

              <link href='http://fonts.googleapis.com/css?family=Roboto+Slab:300' rel='stylesheet' type='text/css'>


        <style type="text/css">

        ::-webkit-scrollbar {width: 7px; height:auto; background:{color:background}}

        ::-webkit-scrollbar-corner {background:#ffffff}

        ::-webkit-scrollbar-thumb:vertical {background:#f3f3f3};

        ::-webkit-scrollbar-thumb:horizontal {background: {color:scrollbg}; border: 0px solid {color:bg}
        }


        body {

            margin:0px;
            color:#fff;
            font-family:Calibri;
            font-size:10px;
            padding:5px;
            line-height:100%;
        }

        a {
        color:#cecccc;
        text-decoration:none;
        outline:none;
        opacity:1 ;
        -webkit-transition: all 0.8s;
        -moz-transition: all 0.8s;
        transition: all 0.8s;
        }

        a:hover {
        color:#1d1d1d;
        -webkit-transition: all 0.8s;
        -moz-transition: all 0.8s;
        transition: all 0.8s;
        }


        img {
            border:none;
        }

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

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

        h1 {
            font-size:15px;
        }


         #title {
            position:absolute;
            font-family:"roboto slab";
            font-size:40px;
            letter-spacing:-3px;
            margin-top:80px;
            margin-left:410px;
            width:600px;
            text-align:center;
            color:#1d1d1d;
        }


        .sub {
            background:#ffffff;
            font-family:"roboto slab";
            background-color:#1d1d1d;
            font-size:22px;
            text-decoration:underline;
            letter-spacing:-1px;
            color:white;
            width:200px;
            margin-top:40px;
            padding:20px 0px 150px 0px;
            display:inline-block;
        }

        .style{
            margin-bottom:25px;
            background:#ffffff;
            text-align:center;
            width:400px;
            padding:20px;
            letter-spacing: 2px; color:#a8a8a8; text-align:justify
        }


        #themeslink {
            margin-top:80px;
            margin-left:-25px;
            word-spacing:10px;
            font-family:arial;
            font-size:12px;
        }

        #themeslink a{
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
            display: inline-block;
            text-transform: lowercase;
            letter-spacing: 2px;
            color:#ffffff;
            background:#1d1d1d;
            text-align:center;
            width:60px;
            padding:5px 2px 5px 2px;
            -webkit-transition: all 0.6s ease-in-out;
            -moz-transition: all 0.6s ease-in-out;
            -o-transition: all 0.6s ease-in-out;
            -ms-transition: all 0.6s ease-in-out;
            -transition: all 0.6s ease-in-out;
        }

        #themeslink a:hover{
            background:#ffffff;
            color:#1d1d1d;
            -webkit-transition: all 0.6s ease-in-out;
            -moz-transition: all 0.6s ease-in-out;
            -o-transition: all 0.6s ease-in-out;
            -ms-transition: all 0.6s ease-in-out;
            -transition: all 0.6s ease-in-out;
        }


        #linkys {
            position:absolute;
            margin-top:95px;
            margin-left:-198px;
            word-spacing:10px;
            font-family:arial;
            display: inline-block;
            font-size:12px;
        }

        #linkys a{
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
            display: inline-block;
            text-transform: lowercase;
            letter-spacing: 2px;
            color:#ffffff;
            background:#1d1d1d;
            text-align:center;
            width:180px;
            padding:5px 2px 5px 2px;
            opacity:1;
            -webkit-transition: all 0.6s ease-in-out;
            -moz-transition: all 0.6s ease-in-out;
            -o-transition: all 0.6s ease-in-out;
            -ms-transition: all 0.6s ease-in-out;
            -transition: all 0.6s ease-in-out;
        }

        #linkys a:hover{
            background:#ffffff;
            color:#1d1d1d;
            -webkit-transition: all 0.6s ease-in-out;
            -moz-transition: all 0.6s ease-in-out;
            -o-transition: all 0.6s ease-in-out;
            -ms-transition: all 0.6s ease-in-out;
            -transition: all 0.6s ease-in-out;
        }

    l {color: #676767;}

        {CustomCSS}</style>
        </head>
        <body>

         <div id="title">narruld's navigation</div>
        <div class="style">
    </div>

        <center><div id="themeslink">
        <a href="/">home</a>
        <a href="/">ask</a>
        <a href="http://tumblr.com/dashboard">dash</a>
        </div>
    <div class="sub">subtitle</div>
    <div id="linkys">
    <a href="/">link</a> <br>
    <a href="/">link</a> <br>
    <a href="/">link</a> <br>
    <a href="/">link</a> <br>
    <a href="/">link</a> </div> &nbsp;&nbsp;&nbsp;&nbsp;

    <div class="sub">subtitle</div>
    <div id="linkys">
    <a href="/">link</a> <br>
    <a href="/">link</a> <br>
    <a href="/">link</a> <br>
    <a href="/">link</a> <br>
    <a href="/">link</a> </div> &nbsp;&nbsp;&nbsp;&nbsp;

    <div class="sub">subtitle</div>
    <div id="linkys">
    <a href="/">link</a> <br>
    <a href="/">link</a> <br>
    <a href="/">link</a> <br>
    <a href="/">link</a> <br>
    <a href="/">link</a> </div> &nbsp;&nbsp;&nbsp;&nbsp;

    <p>

    <div class="sub">subtitle</div>
    <div id="linkys">
    <a href="/">link</a> <br>
    <a href="/">link</a> <br>
    <a href="/">link</a> <br>
    <a href="/">link</a> <br>
    <a href="/">link</a> </div> &nbsp;&nbsp;&nbsp;&nbsp;

    <div class="sub">subtitle</div>
    <div id="linkys">
    <a href="/">link</a> <br>
    <a href="/">link</a> <br>
    <a href="/">link</a> <br>
    <a href="/">link</a> <br>
    <a href="/">link</a> </div> &nbsp;&nbsp;&nbsp;&nbsp;

    <div class="sub">subtitle</div>
    <div id="linkys">
    <a href="/">link</a> <br>
    <a href="/">link</a> <br>
    <a href="/">link</a> <br>
    <a href="/">link</a> <br>
    <a href="/">link</a> </div> &nbsp;&nbsp;&nbsp;&nbsp;


    </div>
    </div>
        </div></div>


         <div style="position:fixed;bottom:2px; right:3px; font-size:9px; letter-spacing:1px; font-family:calibri;border:1px solid #aaa;padding:4px;"><a href="http://narruld.tumblr.com/"><l>NARRULD</l></a></center></div>

        </body></html>