/***** post populares*****/
.PopularPosts .item-thumbnail img,.featured_thumb img{
height: 70px; /**Altura de la imagen**/
width: 70px; /**Ancho de la imagen**/
padding: 0;
border-radius: 100%;
margin-right: 10px;
border: 5px solid #F5A9A9; /**Grosor del borde y color**/
}
/***** Opacidad*****/
#PopularPosts1 ul li img:hover{
filter:alpha(opacity=90); /**Opacidad al pasar el puntero del mouse sobre la imagen**/
opacity:.2;
}
.PopularPosts .item-title a {
font-family: raleway; /**Tipo de letra**/
font-weight: bold; /**Estilo de texto en negrita**/
font-size: 11px; /**Tamaño **/
color: #F5A9A9; /**color **/
text-transform:uppercase; /**Texto en mayúsculas **/
letter-spacing:2px;}
Ejemplo #2
/***** post populares*****/
.popular-posts ul{
padding-left:0px;}
.popular-posts ul li {
background: #FBF8EF;/**Color de fondo**/
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 5px 20px !important;
border: 4px solid #F6D8CE; /**Borde y color**/
}
/***** Imagen*****/
.PopularPosts .item-thumbnail img,.featured_thumb img{
height: 70px; /**Altura de la imagen**/
width: 70px; /**Ancho de la imagen**/
padding: 0;
border-radius: 100%;
margin-right: 10px;
border: 5px solid #F6D8CE; /**Grosor del borde y color**/
}
.popular-posts ul
li:hover {
border:4px solid #F7BE81; /**Color del borde al pasar el cursor de mouse**/
background: #F6D8CE;/**Color de fondo al pasar el cursor de mouse**/
Ejemplo #3
/***** post populares*****/
/***** Imagen*****/
.PopularPosts .item-thumbnail img,.featured_thumb img{
height: 70px; /**Altura de la imagen**/
width: 70px; /**Ancho de la imagen**/
padding: 0;
border-radius: 100%;
margin-right: 10px;
border: 5px solid #F5A9A9; /**Grosor del borde y color**/
}
/***** Opacidad*****/
#PopularPosts1 ul li img:hover{
filter:alpha(opacity=90); /**Opacidad al pasar el puntero del mouse sobre la imagen**/
opacity:.2;
}
/***** Título*****/
.PopularPosts .item-title a {
font-family: raleway; /**Tipo de letra**/
font-weight: bold; /**Estilo de texto en negrita**/
font-size: 11px; /**Tamaño **/
color: #F5A9A9; /**color **/
text-transform:uppercase; /**Texto en mayúsculas **/
letter-spacing:2px;}
Ejemplo #4
/***** post populares*****/
/***** Imagen*****/
.PopularPosts .item-thumbnail img,.featured_thumb img{
height: 70px; /**Altura de la imagen**/
width: 70px; /**Ancho de la imagen**/
padding: 0;
margin-right: 10px;
border: 5px solid #F5A9A9; /**Grosor del borde y color**/
}
/***** Opacidad*****/
#PopularPosts1 ul li img:hover{
filter:alpha(opacity=90); /**Opacidad al pasar el puntero del mouse sobre la imagen**/
opacity:.2;
}
/***** Título*****/
.PopularPosts .item-title a {
font-family: raleway; /**Tipo de letra**/
font-weight: bold; /**Estilo de texto en negrita**/
font-size: 11px; /**Tamaño **/
color: #F5A9A9; /**color **/
text-transform:uppercase; /**Texto en mayúsculas **/
No hay comentarios: