Postagens mais vistas- modelo 3

Views:


COLE O CÓDIGO CSS ANTES DE ]]></b:skin> 

/*** Postagens populares by Elaine Gaspareto ***/
 .popular-posts ul {
counter-reset: popcount;
padding: 0;margin: 0;
}
.popular-posts ul li {
float: left;
position: relative;
overflow: hidden;
list-style: none !important;
border: 0;
height: 130px;
width: 100%;
font-family: Arial,sans-serif;
font-weight: normal;
color: #ffffff !important
margin: 2px;
padding: 0px !important;
}
.PopularPosts .item-thumbnail {
width: 100%;
margin: 0;
}
.PopularPosts ul li img {display: block;
float: left;width: 100%;
height: 130px;
padding: 0;
transition:1.0s;
-webkit-transition-duration: 1.0s;
-moz-transition-duration: 1.0s;
-o-transition-duration: 1.0s;
}
.PopularPosts ul li img:hover {
overflow: hidden;transform:scale(1.06);
-webkit-transform:scale(1.06);
-moz-transform:scale(1.06);
-o-transform:scale(1.06);}
.PopularPosts .item-title {
position: absolute;
padding-bottom: 0;
z-index: 999;
right: 0;left: 0;
bottom:0;
}
.PopularPosts .item-title a {
display: block;
background: rgba(32, 32, 32, 0.77);
font-family: Arial,sans-serif;
font-weight: normal;
font-size: 16px;
line-height: normal;
color: #ffffff;
text-transform: none;
padding: 10px 0px 5px 10px;
transition: all .4s ease-in-out;
}
.popular-posts ul li:hover .item-title a {
background: #5473c0;
color: #ffffff;
text-decoration: none;
}
.popular-posts ul li:before {
counter-increment: popcount;
content: counter(popcount, decimal);
position: absolute;
list-style-type: none;
background: #5473c0;
float: left;
color: #ffffff;
line-height: 20px;
font-size: 14px;
padding: 0px 8px 1px 1px;
border-radius: 0px 0px 10px 0px;
border-width: 0px 2px 2px 0px;
border: solid #FFF;
top: 0;
z-index: 4;
}



Home Sobre mim Tutoriais Loja de templates Portfólio Fanpage