"

From 2011.igem.org

1. hokkaidou-index-menu{

   margin: 0 !important;
   padding: 0 !important;
   border: 1px solid #ababab;
   -webkit-border-top-right-radius: 12px;
   -moz-border-radius-topright: 12px;
   border-top-right-radius: 12px;
   -webkit-border-bottom-right-radius: 12px;
   -moz-border-radius-bottomright: 12px;
   border-bottom-right-radius: 12px;

}

1. hokkaidou-index-menu li{

   list-style: none;
   margin: 0 !important;
   padding: 0 !important;
   background: -moz-radial-gradient(center 80px 45deg, circle cover, hsl(0, 0%, 100%) 0%, hsl(240, 5%, 70%) 100%);
   overflow: hidden;
   text-shadow: 0 1px 1px hsl(240, 10%, 80%);

}

1. hokkaidou-index-menu li:first-child{

   -webkit-border-top-right-radius: 12px;
   -moz-border-radius-topright: 12px;
   border-top-right-radius: 12px;

}

1. hokkaidou-index-menu li:last-child{

   -webkit-border-bottom-right-radius: 12px;
   -moz-border-radius-bottomright: 12px;
   border-bottom-right-radius: 12px;

}

1. hokkaidou-index-menu li a{

   display: block;
   padding: 10px 20px;
   border-bottom: none;
   color: #3b3b3b;
   transition: background 0.5s ease-in-out;
   -moz-transition-property: background;
   -moz-transition-duration: 700ms;
   background: #e4e4e4;
   border-bottom: 1px solid #dedede;
   border-top: 1px solid #f7f7f7;

}

1. hokkaidou-index-menu li a{

}

1. hokkaidou-index-menu li a:hover{

   background: transparent none;

}

1. hokkaidou-index-menu li a .hokkaidou-description{

   display: block;

}

1. hokkaidou-index-menu li a:before{

   display: block;
   float: left;
   content: "";
   width: 30px; height: 30px;
   margin: 5px 10px 0 0;
   background: url() no-repeat;

}

1. hokkaidou-index-menu li#hokkaidou-index-project a:before{ background-position: 0 -30px; }
2. hokkaidou-index-menu li#hokkaidou-index-protocol a:before{ background-position: 0 -60px; }
3. hokkaidou-index-menu li#hokkaidou-index-parts a:before{ background-position: 0 -90px; }
4. hokkaidou-index-menu li#hokkaidou-index-notebook a:before{ background-position: 0 -120px; }
5. hokkaidou-index-menu li#hokkaidou-index-safety a:before{ background-position: 0 -150px; }
6. hokkaidou-index-menu li#hokkaidou-index-humanpractice a:before{ background-position: 0 -180px; }
7. hokkaidou-index-menu li#hokkaidou-index-team a:before{ background-position: 0 -210px; }

1. hokkaidou-index-menu li#hokkaidou-index-project a:hover:before{ background-position: -30px -30px; }
2. hokkaidou-index-menu li#hokkaidou-index-protocol a:hover:before{ background-position: -30px -60px; }
3. hokkaidou-index-menu li#hokkaidou-index-parts a:hover:before{ background-position: -30px -90px; }
4. hokkaidou-index-menu li#hokkaidou-index-notebook a:hover:before{ background-position: -30px -120px; }
5. hokkaidou-index-menu li#hokkaidou-index-safety a:hover:before{ background-position: -30px -150px; }
6. hokkaidou-index-menu li#hokkaidou-index-humanpractice a:hover:before{ background-position: -30px -180px; }
7. hokkaidou-index-menu li#hokkaidou-index-team a:hover:before{ background-position: -30px -210px; }