Postagens mais lidas personalizadas

Views:
/*Postagens mais lidas by Elaine Gaspareto (http://www.elainegaspareto.com)----------------------------------------*/

.popular-posts {margin:5px;}
.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 {t
ext-decoration:none;
color: #000;
}
.popular-posts li img {
background: #000;
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;
font-style: italic;
font-size: 16px;
text-decoration:none;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
text-align: center;
border: 2px solid #ff2175;
background: #eeeeee;
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: 5px;
pointer-events: none;
position: absolute;
left: 50%;
margin-left: -75px;
bottom:190px;
box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
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