Populares
#PopularPosts1 ul{margin:0;padding:4px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:5px 0;border:0;padding:8px}
#PopularPosts1 ul li:first-child{background: #ff4c54; /**color 1 bloque**/
width:100%} /**Tamaño 1 bloque**/
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul li:first-child + li{background:#ff764c; /**color 2 bloque**/
width:93%} /**Tamaño 2 bloque**/
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child + li + li{background:#ffde4c; /**color 3 bloque**/
width:84%}/**Tamaño 3 bloque**/
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f; /**color 4 bloque**/
width:77%} /**Tamaño 4 bloque**/
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7; /**color 5 bloque**/
width:70%} /**Tamaño 5 bloque**/
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after{position:absolute;top:6px;right:-25px;border-radius:60%;background:#000;width:32px;height:32px;text-align:center;font-size:26px;color:#fff}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:25px;background:transparent;padding:0;width:80px;height:80px;}
#PopularPosts1 ul li a
{font-size:16px; /**Tamaño titulo**/
color:#000; /**Color titulo**/
text-decoration:none}
#PopularPosts1 ul li a:hover
{color:#222; /**Color titulo al pasar el raton por encima**/
text-decoration:none}
#PopularPosts1 img{
-moz-border-radius: 150px;
-webkit-border-radius: 100px;
border-radius: 100px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
padding:6px;
border:1px solid #fff !important;
}
#PopularPosts1 img:hover {
border-radius: 0 0 0 0;
-moz-transform: scale(1.2) rotate(-711deg) ;
-webkit-transform: scale(1.2) rotate(-711deg) ;
-o-transform: scale(1.2) rotate(-711deg) ;
-ms-transform: scale(1.2) rotate(-711deg) ;
transform: scale(1.2) rotate(-711deg) ;
}
ConversionConversion EmoticonEmoticon