Sidebar #14

#corposidebar {position: fixed; top: 100px; left: 20px; height: 200px; width: 220px; background-color: #DACCC5; padding: 5px;  border: 2px dashed #d8d8d8; border-radius: 20px 50px 20px 50px; background-image: url('http://i.imgur.com/TKaTYGG.png'); background-repeat: repeat;}
     
   #titolo {padding: px; color: #b2b0b0; text-align: center; font-size: 20px; font-family: Cambria; font-style: bold; margin-top: -3px}
   
   .round
{width: 100px; height: 60px; border-radius: 60%; opacity: 0.7; -webkit-transition: opacity 0.6s linear; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out}

.round:hover
{border-radius: 0; opacity: 1}
   
     .round2
{width: 100px; height: 60px; border-radius: 60%; opacity: 0.7; -webkit-transition: opacity 0.6s linear; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out}

.round2:hover
{border-radius: 0; opacity: 1}
   
         .link a {background-color: #d5d3d4; border-radius: 100%; width: 50px; height: 50px; text-transform: lowercase; float: left; text-align: center; display: inline-block; margin: 0px 3px 3px 0px; color: #FFF; font-size: 11px; font-family:calibri, helvetica, sans-serif; font-weight: bold; text-decoration: none; line-height: 50px;
-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform;overflow:hidden;}

     .link a:hover {background-color: #b2b0b0; width: 50px; height: 50px; text-transform: lowercase; float: left; text-align: center; display: inline-block; margin: 0px 3px 3px 0px; color: #FFF; font-size: 11px; font-family:calibri, helvetica, sans-serif; font-weight: bold; text-decoration: none; line-height: 50px; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg)}
     
     #credits {font-family: calibri; text-align: center; font-size: 12px; color: #75BEED}

<div id="corposidebar">  


    <div id="titolo"<p>#TITLE</p></div>
   <img class="round" src="http://i.imgur.com/NAnRExD.png"> <img class="round2" src="http://i.imgur.com/NAnRExD.png">
  <div>
<div class="link"><a href="link">link</a></div>
<div class="link"><a href="link">link</a></div>
<div class="link"><a href="link">link</a></div>
<div class="link"><a href="link">link</a></div>
</div>  
<div id="credits">sidebar by <a href="http://rainbow-girls.forumfree.it/?act=Profile&MID=9145896"> whatthehell.</a></div> </div> </div> </div>
</div>