Team:XMU-China/Menu

From 2013.igem.org

(Difference between revisions)
(Created page with "div, ul, li { margin: 0; padding: 0; border: 0; } ul, li { list-style-type: none; text-transform: capitalize; } .nav { font-size: 16px; width:1260px; margin: 10px auto 0; border:...")
Line 3: Line 3:
.nav { font-size: 16px; width:1260px; margin: 10px auto 0; border: #000000 solid 1px; border-bottom: #639ACA solid 1px; height: 100px; line-height: 100px; position: relative; z-index: 1; }
.nav { font-size: 16px; width:1260px; margin: 10px auto 0; border: #000000 solid 1px; border-bottom: #639ACA solid 1px; height: 100px; line-height: 100px; position: relative; z-index: 1; }
     .nav a { text-decoration: none; }
     .nav a { text-decoration: none; }
-
.navmain { height: 100px; padding: 0 5px; background: #000000 url(../images/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: 222; }
#nav_all { height:100px; float: left; line-height: 100px; position: relative; z-index: 222; }
     #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 11px 0 20px; _padding: 0 8px; height:55px; line-height:52px; white-space: nowrap; }
         #nav_all li a { color: #66ccff; display: inline-block; font-size: 20px; font-weight: bold; cursor: pointer; padding: 0 11px 0 20px; _padding: 0 8px; height:55px; line-height:52px; white-space: nowrap; }
-
             #nav_all li a:hover { background: url(../images/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: 99; width:1300px; left:0px; top:78px; }
         #nav_all li ul { display: none; position: absolute; z-index: 99; width:1300px; left:0px; top:78px; }
     #nav_all ul li { background-image: none; line-height: 60px; height: 32px; padding-top: 0px; padding: 0; }
     #nav_all ul li { background-image: none; line-height: 60px; height: 32px; padding-top: 0px; padding: 0; }

Revision as of 12:25, 10 September 2013

div, ul, li { margin: 0; padding: 0; border: 0; } ul, li { list-style-type: none; text-transform: capitalize; } .nav { font-size: 16px; width:1260px; margin: 10px auto 0; border: #000000 solid 1px; border-bottom: #639ACA solid 1px; height: 100px; line-height: 100px; position: relative; z-index: 1; }

   .nav a { text-decoration: none; }

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

  1. nav_all { height:100px; float: left; line-height: 100px; position: relative; z-index: 222; }
   #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 11px 0 20px; _padding: 0 8px; height:55px; line-height:52px; white-space: nowrap; }
           #nav_all li a:hover { background: url(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: 99; width:1300px; left:0px; top:78px; }
   #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
 }