Team:XMU-China/Menu
From 2013.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | div | + | div{ margin: 0; padding: 0; border: 0; } |
- | ul, li { list-style-type: none; text-transform: capitalize; } | + | ul, li { list-style-type: none; text-transform: capitalize;margin: 0; padding: 0; border: 0; } |
.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 {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; } | .nav a { text-decoration: none; } | ||
.navmain { height: 100px; padding: 0 5px; background: #000000 url(https://static.igem.org/mediawiki/2013/1/18/Xmu-Nav-bg.png) repeat-x 0 top; position: relative; } | .navmain { height: 100px; padding: 0 5px; background: #000000 url(https://static.igem.org/mediawiki/2013/1/18/Xmu-Nav-bg.png) repeat-x 0 top; position: relative; } | ||
- | #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; list-style-type: none;} |
- | #nav_all li { text-align: center; float: left;} | + | #nav_all li { text-align: center; float: left;list-style-type: none;} |
#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 { 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(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;text-decoration: none } | #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;text-decoration: none } | ||
- | #nav_all li ul { display: none; position: absolute; z-index: 1200; width:1300px; left:0px; top:87px; } | + | #nav_all li ul { list-style-type: none;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 { list-style-type: none;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 { 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 } | #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 } |
Revision as of 10:20, 25 September 2013
div{ margin: 0; padding: 0; border: 0; } ul, li { list-style-type: none; text-transform: capitalize;margin: 0; padding: 0; border: 0; } .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; list-style-type: none;}
#nav_all li { text-align: center; float: left;list-style-type: none;} #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 { list-style-type: none;display: none; position: absolute; z-index: 1200; width:1300px; left:0px; top:87px; } #nav_all ul li { list-style-type: none;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 }