Team:Brown/templates/header

From 2010.igem.org

(Difference between revisions)
Line 76: Line 76:
-
ul#nav2, ul#nav2 ul { padding:0; margin:0; list-style-type: none; list-style-image: none; }
+
ul#nav, ul#nav ul { padding:0; margin:0; list-style-type: none; list-style-image: none;}
-
ul#nav2 { position:centre; left: 3px; z-index:-500; }
+
ul#nav { position:centre; left: 3px;}
-
ul#nav2 ul { display: none;}
+
ul#nav ul { display: none;}
-
ul#nav2 li {float:left; position:relative; margin-bottom: 0; }
+
ul#nav li {float:left; position:relative; margin-bottom: 0;}
-
ul#nav2 a {
+
ul#nav a {
   display:block;
   display:block;
   width:12em;
   width:12em;
Line 89: Line 89:
   text-indent:0.5em;  
   text-indent:0.5em;  
}
}
-
ul#nav2 > li > a {  color:#000; background: #BCBCBC; border: 0.1em solid #000000; font-weight:bold; font-variant: small-caps; text-align:center; }
+
ul#nav li:hover > ul {
 +
  display:block;
 +
  position:absolute;
 +
  left:12em; /* ul#nav a width */
 +
  top:0;
 +
}
 +
ul#nav > li:hover > ul {
 +
  left:0;
 +
  top:2.4em; /* ul#nav a height + 2*(ul#nav > li > ul border-width)  */
 +
}
 +
ul#nav > li { 
 +
  border: 0.5em solid #260603; 
 +
  background: #003366;
 +
}
 +
ul#nav > li:first-child {
 +
  -moz-border-radius-topleft: 0.0em;
 +
}
 +
ul#nav > li:last-child {
 +
  -moz-border-radius-topright: 0.0em;
 +
}
 +
ul#nav li > ul {
 +
  border: 0.2em solid #000;
 +
  -moz-border-radius: 0.2em;
 +
}
 +
ul#nav li > a {  background: #fff; color: black;}
 +
ul#nav li:hover > a { color: #fff; background: #260603;} /* Menu subitem hover text */
 +
ul#nav > li > a {  color:#000; background: #BCBCBC; border: 0.1em solid #000000; font-weight:bold; font-variant: small-caps; text-align:center;} /*menu text properties*/
 +
ul#nav > li:hover > a { }

Revision as of 07:39, 27 October 2010