square hover links 02

#links {
     position:absolute;
    letter-spacing:1px;
     position:fixed;
    font-family:times;
    width:180px;
    margin-top:28px;
    opacity:0;
    margin-left:30px;
    font-size:12px;
    text-transform:lowercase;
    text-align:center;
    line-height:170%;
    -moz-transition-duration:.4s;
    -webkit-transition-duration:.4s;
    -o-transition-duration:.4s;
    }




#links a {
display:inline-block;
border: double #dedede;
background:#fefefe;
-moz-border-radius:100%;
-webkit-border-radius:100%;
border-radius:0%;
height:10px;
width:10px;
letter-spacing:0px;
text-transform:uppercase;
transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-webkit-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
}



#links a:hover {
        text-align:center;
        background-color:#f6f6f6;
        color: #fff;
        padding:0px;
        width:10px;
        -moz-transition-duration:.5s;
        -webkit-transition-duration:.5s;
        -o-transition-duration:.5s;
        }
        #sidebar:hover #links{
        opacity:1;
         -moz-transition-duration:1.4s;
    -webkit-transition-duration:1.4s;
    -o-transition-duration:1.4s;

}

#s-m-t-tooltip{
  /* basic */
  max-width:300px;
  z-index:10;
  margin:24px 14px 7px 12px;
  /* style and design */
  padding:2px;
  background:#222; /* fallback if rgba not supported */
  background:rgba(0,0,0,0.8);
  font-size:11px;
  color:#fff;
}