"

From 2014.igem.org

ul#side_nav {

   position: fixed;
   display: block;
   padding: 0px;
   right: 2%;
   top: 30%;
   z-index: 1;

}

ul#side_nav a {

   text-decoration: none;

}

ul#side_nav li {

   display: block;
   width: 20px;
   height: 20px;
   margin: 10px 3px;
   background-color: black; 
   opacity: 0.5;
   border-radius: 50%;

}

ul#side_nav li:hover {

   background-color: #b7b7b7;
   border-radius: 20%;
   opacity: 1.0;
   cursor: pointer;

}

ul#side_nav li#first_item {

   width: 26px;
   height: 22px;
   margin: 10px 0px;
   opacity: 0.5;
   background-color: transparent;
   background-image: url("");
   background-size: 26px 22px;
   

}

ul#side_nav li b{

   display: none;
   position: absolute;
   text-align: right;
   padding: 4pt;
   right: 23px;
   border-radius: 2pt;
   background-color: #d0d0d0;
   color: black;
   font-size: 10pt;
   font-style: oblique;

}

ul#side_nav li#first_item b {

   right:26px;

}

ul#side_nav li:hover b{

   display: block;
   white-space:nowrap;
   width:auto;
   background-color: #b0b0b0;
   opacity: 0.5;
   color: black;

}

ul#side_nav li b:hover {

   display: block;
   background-color: #727272;
   opacity: 0.8;
   color: white;

}