Team:XMU-China/Menu

From 2013.igem.org

(Difference between revisions)
 
(7 intermediate revisions not shown)
Line 1: Line 1:
div, ul, li { margin: 0; padding: 0; border: 0; }
div, ul, li { margin: 0; padding: 0; border: 0; }
ul, li { list-style-type: none; text-transform: capitalize; }
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 {font-family: Arial, Geneva, SunSans-Regular, sans-serif; font-size: 16px; width:1347px; margin: -5px; border: #000000 solid 1px; border-bottom: #639ACA solid 1px; height: 100px; line-height: 100px; position: relative; z-index: 900;margin-top: -18px; }
     .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; }
Line 10: Line 10:
         #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; }
     #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; }
-
         #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;border-left:1px solid White;border-right:1px solid White;  }
             #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 }
p
p
Line 16: Line 16:
   line-height: 20px
   line-height: 20px
   }
   }
 +
body{ margin:0; padding:0; width:100%; }

Latest revision as of 18:58, 28 October 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:1347px; margin: -5px; border: #000000 solid 1px; border-bottom: #639ACA solid 1px; height: 100px; line-height: 100px; position: relative; z-index: 900;margin-top: -18px; }

   .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: 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(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 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;border-left:1px solid White;border-right:1px solid White;  }
           #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
 }

body{ margin:0; padding:0; width:100%; }