Popular Post White Color Design blog

1. diatas ]]></b:skin>

 
/* Popular Post Dakota */
.PopularPosts ul li:hover{background:hsl(346deg 100% 38%);color:hsl(210deg 11% 15%);text-decoration-line: none;}
.popular-posts ul li a{color:hsl(210deg 11% 15%);text-decoration-line: none;}
.popular-posts ul li a:hover{color:#c3002e;}
.PopularPosts h2{text-indent:20px;margin-bottom:-6px;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom:none;width:100%;padding-bottom:5px;padding-top:15px;color:#fff;text-align:left;background-color: rgb(255 255 255);color: hsl(210deg 11% 15%);
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.12);background-image:linear-gradient(110deg,transparent 75%,rgba(255,255,255,0.1) 75%,rgba(255,255,255,0.1) 81.5%,rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.2))}
.PopularPosts h2 span{margin-left:20px}.PopularPosts .widget-content ul,.PopularPosts .widget-content ul li{margin:0;padding:0;list-style:none;border:none;outline:none}
.PopularPosts .widget-content ul{margin:0;list-style:none;counter-reset:num}
.PopularPosts .widget-content ul li img{display:block;width:70px;height:70px;float:left}
.PopularPosts .widget-content ul li{margin:0;counter-increment:num;position:relative;background-color: rgb(255 255 255);color: hsl(210deg 11% 15%);
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.12);margin:0 0 10px;padding:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:5px}
.PopularPosts ul li:last-child{margin-bottom:0}
.PopularPosts ul li .item-thumbnail-only::after,.PopularPosts ul li .item-content::after,.PopularPosts ul li > a::after{background:#efefef}
.PopularPosts .item-title{line-height:1.6;}
.PopularPosts .item-thumbnail{display:none;}
.PopularPosts .item-snippet{display:none;}
.PopularPosts ul li > a{font-weight:700;font-size:14px}
.PopularPosts .item-title,.PopularPosts .item-thumbnail,.PopularPosts .item-snippet{margin-left:10px;}
.PopularPosts .widget-content ul li a{color:#212529;white-space:nowrap;overflow:hidden;display: block;}
.PopularPosts .widget-content ul li a:hover{text-decoration-line: none;color:hsl(346deg 100% 38%)}
.PopularPosts .widget-content ul li:hover{background:#fff;opacity:1;transform:scale(1.02);transition:all .3s ease}
.PopularPosts:hover li{opacity:.7;transform:scale(0.98);transition:all .3s ease;}
.PopularPosts .widget-content ul li a{color:#212529;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.popular-posts {padding: 1px;background-color: rgb(255 255 255);color: hsl(210deg 11% 15%);border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;}