Postagens mais vistas- modelo 5

Views:

/*** Postagens populares by Elaine Gaspareto ***/
#PopularPosts1 ul{
width:100%;
counter-reset:li;
left:-7px;
padding:8px 0px 1px;
list-style:none;
}
#PopularPosts1 li{
left:5px;
width:95%;
position:relative;
margin:0 0 10px 0;
padding: 3px 2px 0 17px;
}
#PopularPosts1 ul li{
position:relative;
display:block;
margin: .5em 0;
padding: .2em;
background:#ddd;
padding: .4em .2em .4em 1em;
transition: all .3s ease-out;
border-radius: .3em;
text-decoration: none;
}
#PopularPosts1 ul li:before{
position:absolute;
background:#000000;
color:#ffffff;
content: counter(li);
counter-increment: li;
margin: -1.3em;
left: 0;
top: 50%;
width: 2em;
border: .2em solid #fff;
height: 2em;border-radius: 2em;
font-weight: bold;
font-size: 15px;
text-align: center;
line-height: 2em;
box-shadow: 0 8px 5px -7px #888;
-moz-box-shadow: 0 8px 5px -7px #888;
-webkit-box-shadow: 0 8px 5px -7px #888;
transition: all .3s ease-out;
}
#PopularPosts1 ul li:hover:before{
transform: rotate(360deg);
}
#PopularPosts1 ul li:hover{
background: #eee;
}
#PopularPosts1 ul li a{
min-height:25px;
color:#444;
display:block;
font: 14px Georgia, serif;
text-decoration:none;
text-transform:none;
text-shadow: 0 -1px 2px #fff;
}
#PopularPosts1 ul li a:hover{
color: #444;
}

Home Sobre mim Tutoriais Loja de templates Portfólio Fanpage