Navigation

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
<script>
(function($){$(document)
.ready(function(){$("[title]")
.style_my_tooltips();});})
(jQuery);
</script>

<link href='https://fonts.googleapis.com/css?family=Cantarell:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Lovers+Quarrel' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Raleway:400,300,200,100,600,500,700,800,900' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic' rel='stylesheet' type='text/css'>

<link rel="shortcut icon" href="{Favicon}"/>
<title>Navigation</title>

<style type="text/css">

iframe#tumblr_controls {black-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.2;}
#tumblr_controls{position:fixed !important;-webkit-filter: invert(100%)}
.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {opacity:0.2; position:fixed;}

.description {
      padding:20px;
      float:justify;
      margin-left:-5px;
      width:120px;
      background:transparent;
      font-size:9.5px;
      border-bottom:1px solid #eee;
      color:#888;
}

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

a:hover{
        color:purple;
       -webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;

}

body{
overflow-x:hidden;
cursor:crosshair;
color:#888;
font-family:'Open Sans',Arial,Helvetica,sans-serif;
font-size:10px;
background: #f6f6f6 url("") fixed;

}


::-webkit-scrollbar {height:5px; width:2px;}

::-webkit-scrollbar-track-piece {
    background-color:#f6f6f6;
}

::-webkit-scrollbar-thumb {
    background-color:#141414;
}

#top1 { position:fixed; width:auto; height:auto; letter-spacing: 1px; right:20px; bottom:20px; padding:8px; font-size:35px; font-family:Lovers Quarrel; line-height:14px; text-align:right; z-index:99;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
text-shadow:none;
}
#top1 a{text-shadow:none;}
#top1 a:hover {text-shadow:none;}
#top1:hover {
    -webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
-moz-transform: scale(1.5);
-webkit-transform: scale(1.5);
-o-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
text-shadow:none;
}


#top2 {
    height:auto;
    width:auto;
    letter-spacing:1px;
    margin-left:auto;
    margin-right:auto;
    margin-top:5px;
    margin-bottom:30px;
    font-size:12px;
    text-transform:uppercase;
    z-index:4;
    text-align:center;
    float:center;
    font-family:montserrat;
    -webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}

#top2 a{margin-left:4px;
 padding:7px;   background: transparent;
}
#top2:hover{
-webkit-transition:all 0.8s ease-out;
-moz-transition:all 0.8s ease-out;
transition:all 0.8s ease-out;
}

.boxs {

    border:1px solid #eee;
    background:#fff;
    float:center;
    margin-left:auto;
    margin-right:auto;
    margin-top:50px;
    height:50px;
    width:240px;
    padding:5px;

}

.favi {

 width:50px;
 height:50px;
 float:center;
 background:transparent;
 margin-bottom:5px;

}

.favi img{

    float:center;

}

#sidetitle {

    background:#fff;
    color:#141414;
    text-align:center;
    float:left;
    text-transform:lowercase;
    font-style:italic;
    padding:20px;
    width:150px;
    margin-left:55px;
    font-size:15px;
    margin-top:-61px;
    border:1px solid #eee;

}

#sidetitle a{

    color:#141414;
}

.vt {

    background:#fff;
    color:#141414;
    text-align:center;
    float:left;
    text-transform:lowercase;
    font-style:italic;
    padding:20px;
    width:150px;
    margin-left:-1px;
    margin-top:-21px;
    font-size:15px;
    border:1px solid #eee;

}

.vision {

    width:190px;
    height:auto;
    padding:0px;
    float:left;
    margin-left:100px;
    margin-top:100px;
    background:#fff;
    border:1px solid #eee;

}

#s-m-t-tooltip{
max-width:300px;
padding:10px;
margin:20px 0px 0px 20px;
background-color:#fff;
border:1px solid #eee;
font-family:calibri;
font-size:8.5px;
text-transform:uppercase;
color:#888888;
letter-spacing:1px;
opacity:1;
z-index:9999999999999999999;
}

b { color: #141414; !important; }

i { color: #141414 ;!important; }

u { border-bottom: 1px solid #141414; text-decoration:none;}


#poxa {

    width:168px;
    margin-left:-0px;
    height:auto;
    margin-bottom:-1px;

}

#poxa a {
padding:8px;
padding-left:15px;
font-size:9.5px;
text-align:left;
width:168px;
border-bottom:1px solid #eee;
text-transform:lowercase;
display:inline-block;
color:#888;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
text-decoration:none;
text-shadow:none;
}

#poxa a:hover {
color:#141414;
text-shadow:none;
letter-spacing:2px;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;}



</style>

<div class="boxs">

<img class="favi" src="https://40.media.tumblr.com/0f49c5cec326a10c23e81ea5abc1d98b/tumblr_njhe1zx9Ip1s24di3o4_400.png">

<div id="sidetitle">

<a href="/" title="voltar/back">navigation</a>

</div></div>


<div style="width:970px; float:center; margin-left:auto; margin-right:auto;">

<div class="vision">

<div class="vt">category 1</div>

<div id="poxa">

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

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

</div>

</div>



<div class="vision">

<div class="vt">category 2</div>

<div id="poxa">

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

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

</div>

</div>



<div class="vision">

<div class="vt">category 3</div>

<div id="poxa">

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

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

</div>

</div>
</div>


<div id="top1">
<a href="http://amplamente.tumblr.com/" title="tema feito por amplamente">Am</a>
</div>