#PopularPosts1 h2{
position:relative;
right:-2px;
padding:8px 63px 6px 17px; /*Ajusta el valor coloreado de azul para extender el listón a la derecha*/
width:100%;
margin:0;
font-size:16px;
background:#3366FF;
color:#f2f2f2;
text-align:left;
text-indent:18px;
}
#PopularPosts1 h2:before{
position:absolute;
content:"";
top:33px;
right:0px;
width: 0px;
height: 0px;
border-bottom:12px outset transparent;
border-left:12px solid #003df5;
}
#PopularPosts1 h2:after{
position:absolute;
content:"";
top:-6px;
left:-5px;
width: 0px;
height: 0px;
border-bottom:24px outset transparent;
border-top:24px outset transparent;
border-left:24px solid #fff;
}
#PopularPosts1 ul{
list-style:none;
counter-reset:li;
padding:10px;
left:-8px;
width:100%;
}
#PopularPosts1 li{ /*Estilos de cada elemento*/
width:100%;
position:relative;
left:0;
margin:7px 0 16px 12px;
padding:10px 4px 0 5px;
}
#PopularPosts1 ul li:before{ /*Los estilos del Número*/
content:counter(li);
counter-increment:li;
position:absolute;
top:-2px;
left:-20px;
font-size:35px;
width:20px;
color:#777; /*Color de texto*/
}
#PopularPosts3 ul li a{
display:block;
font-size:14px;
color:#333;
text-decoration:none;
transition: all .2s ease-in-out;
}
#PopularPosts3 ul li a:hover{
color:#3366FF;
margin-left:3px;