Team:XMU-China/Menu

From 2013.igem.org

Revision as of 10:23, 25 September 2013

div, ul, li { margin: 0; padding: 0; border: 0; } ul, li { list-style-type: none; text-transform: capitalize; } .nav {font-family: Arial, Geneva, SunSans-Regular, sans-serif; font-size: 16px; width:1340px; margin: 0px auto 0; border: #000000 solid 1px; border-bottom: #639ACA solid 1px; height: 100px; line-height: 100px; position: relative; z-index: 900; }

   .nav a { text-decoration: none; }

.navmain { height: 100px; padding: 0 5px; background: #000000 url() repeat-x 0 top; position: relative; }

1. nav_all { height:100px; float: left; line-height: 100px; position: relative; z-index: 900; }

   #nav_all li { text-align: center; float: left;}
       #nav_all li a { color: #66ccff; display: inline-block; font-size: 25px; font-weight: bold; cursor: pointer; padding: 0 27px 0 20px; _padding: 0 8px; height:55px; line-height:52px; white-space: nowrap; }
           #nav_all li a:hover { background: url() center 75px no-repeat; height:89px; line-height: 100px; border-top: 5px solid #66ccff; overflow: hidden;text-decoration: none }
       #nav_all li ul { display: none; position: absolute; z-index: 1200; width:1300px; left:0px; top:87px; }
   #nav_all ul li { background-image: none; line-height: 60px; height: 32px; padding-top: 0px; padding: 0; }
       #nav_all ul li a { background-image: none; padding: 0px 10px; margin: 0px; height: 32px; line-height: 32px; color: #fff; font-weight: normal; background: #66ccff; border: none;font-size:20px }
           #nav_all ul li a:hover { background-image: none; padding: 0px 10px; margin: 0px auto; height: 32px; line-height: 32px; color: #FFF; background: #639ACA; border-top: none;text-decoration: none }

p

 {
 line-height: 20px
 }