Navi page huoran

<!--

pleaseee don't steal

-->


<!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}">

<style type="text/css">

 ::-webkit-scrollbar {
width: 5px;height: 5px;}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
height: 6px;display: block;background-color: {color:white};}
::-webkit-scrollbar-track-piece {
background-color: {color:scrollbarbg};}
::-webkit-scrollbar-thumb:vertical {
height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}

body {
    background:{color:background};
    margin:0px;
    color:{color:text};
    font-family:Calibri;
    font-size:9px;
    line-height:100%;
}

a {
    text-decoration:none;
    outline:none;
    -moz-outline-style:none;
    color:{color:link};
}

img {
    border:none;
}

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

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

h1 {
    font-size:9px;
    text-transform:uppercase;
}

a:hover {
    opacity:10;
    color:#d6d5d5;
     -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease
}
  #sidebar {
    width:600px;
    height:50px;
    position:fixed;
    margin-left:430px;
    margin-top:-50px;
    background-color:#000;   /* change the color Black*/
}

#sidebarimage {
    width 100px;

}




 @font-face{font-family:Fangtasia;src:url(http://static.tumblr.com/9wzbixa/n1fmj2ibf/fangtasia.ttf);}


.yoururl {
    margin-top: -20px;
    margin-left:140px;
    font-size:70px;
    position:fixed;
    font-family:fangtasia;
    text-align:left;
    color:#070707;   /* CHANGE TE COLOR OF UT LINK*/
    text-shadow: -3px 2px #fafaf5;
}
@font-face{font-family:Ashley Marie;src:url(http://static.tumblr.com/9wzbixa/qKtmj2fnf/ashleymarie.ttf);}
.links {
    width:900px;
    font-family:Ashley Marie;
    text-align:center;
    margin-top:20px;
    margin-left:-85px;
    text-align:left;
    text-transform:lowercase;
    position:fixed;
    word-spacing:9px;
    padding-bottom:7px;
 color:#ffffff;       /* CHANGE THE COLOR OF THE LINKS*/
}

.links a {
    font-size: 22px;
    color:#ffffff;
}

.links a:hover {
   color:#131111;
}

#navigation {
    width: 650px;
    height:550px;
    margin-left:400px;
    margin-top:80px;
    border:6px double #000;
}

#navi {
    padding-bottom:7px;
    padding-left:25px;
    padding-top: 35px;
    padding-right:15px;
    margin-left:26px;
    display:inline-block;
}

#navi img {
    width:120px;
    height:120px;
    padding:6px;
    margin-top:1px;
      border:2px double #000;
}
@font-face{font-family:Babydoll;src:url(http://static.tumblr.com/9wzbixa/MbMmj2fv0/babydoll.ttf);}
 .desc {
    margin-top:-120px;
    margin-left:8px;
     width:140px;
    height:auto;
    text-align:center;
    background:#ffffff;   /* CHANE TE COLOR OF THE BACKGRONG OF THE CIRCLES*/
    font-size:22px;
     opacity:0;
    position:fixed;
    font-family:babydoll;
    width:120px;
    color:#0000;       /* CHANGE THE COLOR OF THE LETTERS*/
    letter-spacing:1px;
    line-height:140%;
     border-radius: 150px 150px 150px 150px;
     -moz-transition-duration:1s;
    -webkit-transition-duration:1s;
    -o-transition-duration:1s;
    }

    .desc a {
    color:{color:link};
    }

    #navi:hover .desc {
    opacity:0.8;
     -moz-transition-duration:1s;
    -webkit-transition-duration:1s;
    -o-transition-duration:1s;
    }
     #cred {

        margin-right:10px;
    position:fixed;
    font-size:8px;
    font-weight:normal;
    line-height:150%;
    letter-spacing:2px;
    right:10px;
    bottom:10px;
    text-transform:uppercase;
    text-align:center;
    }

    #cred a {
        margin-left:-20px;
    padding:2px;
    color:#FFF;
    background-color:#131111};
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    }


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

<div id="sidebar">
<div id="sidebarimage"></div>


<div class="yoururl">ur url Navigation
<div class="links">
<a href="/">Back</a> -
<a href="/ask">ask</a> -
<a href="http://tumblr.com">dash</a> -
<a href="/submit">submit</a>
</div>
 </div>


</div></div>

 <div id="navigation">

 <div id="navi">
<img src="http://25.media.tumblr.com/7b74463e8842e67def5328594bd4aaf9/tumblr_mif9itBjdb1rgunsqo8_250.jpg">
> <div class="desc">



<a href="url">About the blogger</a>


</div></div>

 <div id="navi">
<img src="http://25.media.tumblr.com/f282472e4a471c79d6efbf97c2d910a9/tumblr_mif9itBjdb1rgunsqo2_250.jpg">
> <div class="desc">


<a href="url ">Penises</a>


</div></div>


 <div id="navi">
<img src="http://24.media.tumblr.com/7c0ed50b0f12a8c259b86047b5a82652/tumblr_mif9itBjdb1rgunsqo4_250.jpg">
> <div class="desc">



<a href="  url ">Tags</a>

</div></div>


 <div id="navi">
<img src="http://24.media.tumblr.com/8efb1b8d31c7a83ef54a44cf182f2ae4/tumblr_mif9itBjdb1rgunsqo3_250.jpg">
> <div class="desc">



<a href="  url   ">SEXROLL</a>



</div></div>



 <div id="navi">
<img src="http://24.media.tumblr.com/8fa2c5ead0aca83dfb96d9155857169f/tumblr_mif9itBjdb1rgunsqo5_250.jpg">
> <div class="desc">




<a href="url ">Networks</a>



</div></div>



 <div id="navi">
<img src="http://24.media.tumblr.com/1bf23d51ee4990608f229c183dcef531/tumblr_mif9itBjdb1rgunsqo1_250.jpg">
> <div class="desc">



<a href="http://huoran.tumblr.com/themes">HTML</a>

</div></div>



  <div id="navi">
<img src="http://25.media.tumblr.com/60be7a3df643d37023edadb0a6fbb800/tumblr_mif9itBjdb1rgunsqo6_r1_250.jpg">
> <div class="desc">



<a href="url ">I care</a>



</div></div>


 <div id="navi">
<img src="http://24.media.tumblr.com/71325e92ac1d2616645bf74538393b70/tumblr_mif9itBjdb1rgunsqo7_250.jpg">
> <div class="desc">


<center>
<a href="url ">what u want</a>


</div></div>


 <div id="navi">
<img src="http://25.media.tumblr.com/fccc27e824da31d02a53b754ba815e64/tumblr_mif9itBjdb1rgunsqo9_250.jpg">
> <div class="desc">



<a href="http://twitter.com">Twitter</a>



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


 <div id="cred"><a href="http://huoran.tumblr.com/">Huoran</a></div>