Team:Shenzhen BGIC 0101/menu

From 2013.igem.org

(Difference between revisions)
(Created page with "* MENU */ #nav { background: #e5e5e5; float: left; margin: 0; padding: 0; border: 1px solid white; border-bottom: none; } #nav li a, #nav li { float: left; } #nav li { ...")
Line 2: Line 2:
#nav {
#nav {
 +
postion: absolute;
 +
top:1px;
  background: #e5e5e5;
  background: #e5e5e5;
-
float: left;
 
  margin: 0; padding: 0;
  margin: 0; padding: 0;
  border: 1px solid white;
  border: 1px solid white;

Revision as of 06:46, 23 August 2013

  • MENU */
  1. nav { 
postion: absolute;

top:1px; 

background: #e5e5e5;
margin: 0; padding: 0;
border: 1px solid white;
border-bottom: none;

}

  1. nav li a, #nav li { 
float: left;

}

  1. nav li { 
list-style: none;
position: relative;

}

  1. nav li a { 
padding: 1em 2em;
text-decoration: none;
color: white;
background: #292929;
background: -moz-linear-gradient(top, black, #3c3c3c 1px, #292929 25px);
background: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, #3c3c3c), to(#292929));
border-right: 1px solid #3c3c3c;
border-left: 1px solid #292929;
border-bottom: 1px solid #232323;
border-top: 1px solid #545454;

}

  1. nav li a:hover { 
background: #2a0d65;
background: -moz-linear-gradient(top, #11032e, #2a0d65);
background: -webkit-gradient(linear, left top, left bottom, from(#11032e), to(#2a0d65));

}


/* Submenu */

.hasChildren { position: absolute; width: 5px; height: 5px; background: black; right : 0; bottom: 0; }

  1. nav li ul { 
display: none;
position: absolute;
left: 0;
top: 100%;
padding: 0; margin: 0;

}

  1. nav li:hover > ul { 
display: block;

}

  1. nav li ul li, #nav li ul li a { 
float: none;

}

  1. nav li ul li { 
_display: inline; /* for IE6 */

}

  1. nav li ul li a { 
width: 150px;
display: block;

}

/* SUBSUB Menu */

  1. nav li ul li ul { 
display: none;

}

  1. nav li ul li:hover ul { 
left: 100%;
top: 0;

}


  1. nav li ul
Retrieved from "http://2013.igem.org/Team:Shenzhen_BGIC_0101/menu"