Vitrine

<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=Baumans' rel='stylesheet' type='text/css'>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

<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>

<style type="text/css">

b { color: #000; !important; }

i { color: #546 ;!important; }


body {

     text-decoration:none;
     font-family: cantarell;
     font-size:13px;
     cursor:crosshair;
     background: #dfdfdf url("http://i.imgur.com/H0aHq1p.jpg") fixed;

 }

a {

text-decoration:none;

}


#themes {

     margin-left:auto;
     margin-right:auto;
     margin-top:120px;
     top:50%;
     float:center;
     padding:20px;
     background:#fff;
     width:750px;
     height:460px;

}

#novos {

     margin-left:0px;
     margin-top:0px;
     margin-bottom:25px;
     float:left;
     background: #fff url("") fixed;
     width:365px;
     height:230px;
     overflow-y:auto;
     overflow-x:hidden;

}

#antigos {

     margin-left:0px;
     margin-top:0px;
     margin-bottom:25px;
     float:right;
     background: #fff url("") fixed;
     width:365px;
     height:230px;
     overflow-y:auto;
     overflow-x:hidden;

}

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

::-webkit-scrollbar-track-piece {
    background-color:transparent;
}

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

.info{
text-align:center;
width:auto;
margin-left:0px;
margin-top:0px;
}
.info a {
display:inline-block;
padding:10px;
font-size:14px;
text-align:center;
font-family:baumans;
text-transform:uppercase;
background:TRANSPARENT;
color:#fff !important;
width:155px;
height:auto;
float:left;
margin-bottom:5px;
margin-left:5px;
background:#141414;
text-shadow:0px 10px transparent, 0px -10px transparent;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}
.info a:hover {
text-shadow:0px 0px #00b300;, 0px 0px #00b300;
color:#00b300 !important;
font-style:italic;
-moz-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}

h1 {

    padding:10px;
    text-align:center;
    font-size:15;
    margin-top:-0px;
    width:335px;
    margin-left:5px;
    color:#fff;
    text-transform:uppercase;
    font-family:baumans;
    background:#00b300;

}

#sidepam {

    color:#191919;
    position:fixed;
    width:150px;
    height:auto;
    left:180px;
    top:160px;
    background:#fff;
    padding:10px;

}

#sidepam img {

    width:150px;
    float:center;
    margin-bottom:20px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;

}

#sidepam img:hover {

    -webkit-filter: grayscale(0.7);
    transition:All .5s ease;
    -o-transition:All .5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;

}

#top1 {
    position:fixed;
    width:auto;
    height:auto;
    right:30px;
    bottom:20px;
    padding:7px;
    font-size:16px;
    font-family:baumans;
    background: #141414;
    font-size:13px;

}

#top1 a{color:#fff;}
#top1 a:hover {color:#00b300;}

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


</style>

<div id="themes">

<div id="novos">

<div class="info">

<h1>novos</h1>

<a href="" target="_blank">theme 01</a>
<a href="" target="_blank">preview</a>

<a href="" target="_blank">theme 02</a>
<a href="" target="_blank">preview</a>

<a href="" target="_blank">theme 03</a>
<a href="" target="_blank">preview</a>

<a href="" target="_blank">theme 04</a>
<a href="" target="_blank">preview</a>

<a href="" target="_blank">theme 05</a>
<a href="" target="_blank">preview</a>

<a href="" target="_blank">theme 06</a>
<a href="" target="_blank">preview</a>

</div>

</div>

<div id="antigos">

<div class="info">

<h1>antigos</h1>

<a href="" target="_blank">theme 01</a>
<a href="" target="_blank">preview</a>

<a href="" target="_blank">theme 02</a>
<a href="" target="_blank">preview</a>

<a href="" target="_blank">theme 03</a>
<a href="" target="_blank">preview</a>

<a href="" target="_blank">theme 04</a>
<a href="" target="_blank">preview</a>

<a href="" target="_blank">theme 05</a>
<a href="" target="_blank">preview</a>

<a href="" target="_blank">theme 06</a>
<a href="" target="_blank">preview</a>

</div>

</div>

<iframe frameborder="0" height="200px" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/amplamente.tumblr.com" width="100%"></iframe><br>

</div>

<div id="sidepam">

<img src="http://i.imgur.com/4F9lDnF.jpg">

<b>1.</b> regrando para ser regrado pra não ficar desregrado... </br>
<b>2.</b> regrando para ser regrado pra não ficar desregrado... </br>
<b>3.</b> regrando para ser regrado pra não ficar desregrado... </br>
<b>4.</b> regrando para ser regrado pra não ficar desregrado... </br>


</div>

<div id="top1">

&nbsp; <a href="/">voltar</a> &nbsp;&nbsp;&nbsp;&nbsp;

<a href="http://amplamente.tumblr.com/" title="coded by amplamente"><li class="fa fa-code"></li></a>


</div>