Postagens mais vistas- modelo 2

Views:
/*** Postagens populares by Elaine Gaspareto ***/
.PopularPosts ul {
padding: 0;}
.PopularPosts ul li:first-child{
max-height: 100%;
width: 100%;
}
.PopularPosts ul li:nth-child(even){
margin-right: 2%;
}
.PopularPosts ul li {
float: left;
position: relative;
width: 49%;
overflow:hidden;
padding: 0px !important;
max-height: 120px;
opacity: 0.9;
box-sizing: border-box;
margin-bottom: 2%;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.PopularPosts ul li:hover {
opacity: 1;
}
.PopularPosts .item-thumbnail {
width: 100%;
margin: 0;
}
.PopularPosts ul li img {
height: 100%;
width: 100%;
object-fit: cover;
box-sizing: border-box;
padding:0;
}
.PopularPosts .item-content:hover .item-title a, .PopularPosts .item-thumbnail-only:hover .item-title a {
opacity: 1;
visibility: visible;
}
.PopularPosts .item-title a {
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.93) 100%, rgba(0, 0, 0, 0.85) 100%);
color: #fff;
position: absolute;
text-align: center;
text-decoration: none;
font: 13px 'Oswald', sans-serif;
right: 0;
left: 0;
bottom: 0%;
padding: 100px 10px 10px;
visibility: hidden;
opacity: 0;
}
 .PopularPosts .item-snippet {display: none;}


Home Sobre mim Tutoriais Loja de templates Portfólio Fanpage