Postagens mais vistas personalizadas em formato grid

Views:
/* Posts Populares by Elaine Gaspareto
-----------------------------------------------*/
.popular-posts {margin-top:10px;}
.popular-posts ul { margin: 0 auto; text-align:center;}
.popular-posts .item-snippet{display: none;}
.popular-posts ul li {position:relative;
float:left;
list-style-type: none;
padding: 0 0 0 5px ;}
.popular-posts ul li a {text-decoration:none; }
.popular-posts li img {
background: #f06993;
padding: 5px;
filter:alpha(opacity=100); -moz-opacity:1;
-webkit-opacity:1;
-o-opacity:1;-ms-opacity:1;
opacity:1;
transition: all .5s linear;
-o-transition: all .5s linear;
-moz-transition: all .5s linear;
-webkit-transition: all .5s linear;}
.popular-posts li img:hover {
filter:alpha(opacity=60);
-moz-opacity:.6;
-webkit-opacity:.6;
-o-opacity:.6;
-ms-opacity:.6; opacity:.6;}
.popular-posts li .item-title a {
z-index:1;
width: 150px;
height: auto;
line-height: 16px;
padding: 5px;
text-transform: uppercase; /*--COLOCA O TEXTO EM CAPSLOCK--*/
font-family: Arial, sans-serif; /*--FONTE DO TEXTO--*/
color: #000000 !important; /*--COR DO TEXTO--*/
font-size: 12px; /*--TAMANHO DA FONTE--*/
text-decoration:none;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); /*--SOMBRA DO TEXTO, APAGUE SE PREFERIR--*/
text-align: center;
border: 2px solid #f06993; /*--COR DA BORDA DO TÍTULO--*/
background: #EEEEEE; /*--COR DE FUNDO DA IMAGEM--*/
background: rgba(255,255,255,0.8);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
pointer-events: none;
position: absolute;
left: 50%;
margin-left: -75px;
bottom:190px;
box-shadow: 1px 1px 2px rgba(0,0,0,0.1); /*--SOMBRA DA IMAGEM, APAGUE SE PREFERIR--*/
filter:alpha(opacity=0);
-moz-opacity:0;
-webkit-opacity:0;
-o-opacity:0;
-ms-opacity:0; opacity:0;
-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;
transition: all 0.3s ease-in-out;}
.popular-posts li:hover .item-title a {
bottom:80px;
filter:alpha(opacity=100);
-moz-opacity:1;
-webkit-opacity:1;
-o-opacity:1;
-ms-opacity:1; opacity:1;}
Home Sobre mim Tutoriais Loja de templates Portfólio Fanpage