Team:UESTC/nav.css

From 2013.igem.org

(Difference between revisions)
Line 15: Line 15:
     left:0%;
     left:0%;
     text-align:center;
     text-align:center;
 +
}
 +
.active_menu {
 +
color: black;
}
}
.toggleMenu {
.toggleMenu {

Revision as of 13:29, 28 October 2013

.panel { max-width: 1400px; }

/*

   nav style
   */

nav{ position: absolute; z-index: 50; top:15px;

   width:100%;
   height:45px;
   background-color:#EC6100;
   left:0%;
   text-align:center;

} .active_menu { color: black; } .toggleMenu {

   display:  none;
   background-color:#EC6100;
   padding: 10px 15px;
   color: #fff;
   position: absolute;
   top: -30px;
   left: 0px;
   font:1.6em BuxtonSketch,arial,verdana;
   color:white;

} .nav {

   position:relative;
   top:0px;
   display: inline-block;
   margin:0px;
   padding:0px;
   list-style: none;
   background:#EC6100;
   height: 45px;
   font:22px/1em BuxtonSketch,arial,verdana;

} .nav:before, .nav:after {

   content: " "; 
   display: block; 

} .nav:after {

   clear: both;

} .nav ul {

   list-style: none;
   width: 9em;

} .nav a {

   padding: 10px 15px;
   color:#fff;

}


.nav li {

   position: relative;

} .nav > li {

   float: left;
   border-top: 1px solid #EC6100;

} .nav > li > .parent {

   background-image: url('https://static.igem.org/mediawiki/2013/1/12/UESTC_downArrow.png');
   background-repeat: no-repeat;
   background-position: right;

} .nav > li > a {

   display: block;

} .nav li ul {

   position: absolute;
   left: -9999px;

} .nav > li.hover > ul {

   left: 0;
   top:30px;

} .nav li li.hover ul {

   left: 100%;
   top: 0;

} .nav li li li a {

   background:#EC6100;
   z-index:200;
   border-top: 1px solid #1d7a62;

}

.nav ul {

   padding:0;
   width:110px;
   background-color:#EC6100;
   border:1px solid #7788aa;

} .part {

   background-color: white;
   width: 100%;
   height: auto;

} /*

   projects nav style
   */
  1. nav_proj {
   width: 100%;
   height: 100px;
   z-index:50;
   background-color:white;

} /*

   notebook nav style
   */
  1. nav_notebook {
   height: 250px;
   z-index: 50;
   background-color:white; 

}