Team:XMU-China/Menu
From 2013.igem.org
(Difference between revisions)
Line 6: | Line 6: | ||
#nav_all { height:100px; float: left; line-height: 100px; position: relative; z-index: 900; } | #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 { text-align: center; float: left;} | ||
- | #nav_all li a { color: #66ccff; display: inline-block; font-size: 20px; font-weight: bold; cursor: pointer; padding: 0 | + | #nav_all li a { color: #66ccff; display: inline-block; font-size: 20px; font-weight: bold; cursor: pointer; padding: 0 30px 0 20px; _padding: 0 8px; height:55px; line-height:52px; white-space: nowrap; } |
#nav_all li a:hover { background: url(https://static.igem.org/mediawiki/2013/a/a8/Xmu-Bird.png) center 75px no-repeat; height:89px; line-height: 100px; border-top: 5px solid #66ccff; overflow: hidden; } | #nav_all li a:hover { background: url(https://static.igem.org/mediawiki/2013/a/a8/Xmu-Bird.png) center 75px no-repeat; height:89px; line-height: 100px; border-top: 5px solid #66ccff; overflow: hidden; } | ||
#nav_all li ul { display: none; position: absolute; z-index: 1200; width:1300px; left:0px; top:87px; } | #nav_all li ul { display: none; position: absolute; z-index: 1200; width:1300px; left:0px; top:87px; } |
Revision as of 02:45, 19 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; }
- 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: 20px; font-weight: bold; cursor: pointer; padding: 0 30px 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; } #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; } #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; }
p
{ line-height: 20px }