POPULAR POST ROTATE AND CHANGE INTO CIRCLE THUMBNAIL

/*PopularPosts*/

#PopularPosts1{max-width:300px;}

#PopularPosts1 dd{float:center;margin:0;margin-top:8px;background:none;display:block;}

#PopularPosts1 img{border-radius:30px 0 30px 0;-moz-border-radius:30px 0 30px 0;-webkit-border-radius:30px 0 30px 0;-o-border-radius:30px 0 30px 0;float:left;width:85px;height:85px;opacity:0.5;filter:alpha(opacity=70);background:none;border:2px solid #000ddd;border-bottom:2px solid #444;border-right:2px solid #333;padding:3px;margin:1px;transition:all 0.5s;

-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}

#PopularPosts1 img:hover{cursor:move;-moz-transform:scale(1.1) rotate(-0deg);-webkit-transform:scale(1.1) rotate(-0deg);-o-transform:scale(1.1) rotate(-0deg);-ms-transform:scale(1.1) rotate(-0deg);transform:scale(1.1) rotate(-0deg);filter:alpha(opacity=100);opacity:2.2;border:2px solid #ccc;border-right:2px solid #000ddd;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);border-bottom:2px solid #0274be;box-shadow:1px 1px 5px #0274be}

#PopularPosts1 ul{padding:0;overflow:none;margin:0}

-----------------------------------------------------------------------------------------------------------
THIS CODE WORKS WITH POPULAR POST1 WIDGET ID
---------------------------------------------------------------------------------------------------------

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'></b:widget>