"
Team:Brown/templates/header
From 2010.igem.org
(Difference between revisions)
| (29 intermediate revisions not shown) | |||
| Line 1: | Line 1: | ||
__NOTOC__ | __NOTOC__ | ||
<html> | <html> | ||
| + | <!-- We would like to thank TU Delft for their WikiHacks and BCCS Bristol for inspiring our menubar design--> | ||
<style> | <style> | ||
/*BEGIN HEADER/MENU REMOVAL*/ | /*BEGIN HEADER/MENU REMOVAL*/ | ||
| Line 21: | Line 22: | ||
#content { font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 1.14em; width: 949px;} | #content { font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 1.14em; width: 949px;} | ||
#footer-box {width: 949px;} | #footer-box {width: 949px;} | ||
| - | + | h1 { background: #DFE4EB; color: black; text-align:center; } | |
h2 { background: #DFE4EB; border:0;border-top: 1px solid #B1BECF; color: black; font-weight:bold; } | h2 { background: #DFE4EB; border:0;border-top: 1px solid #B1BECF; color: black; font-weight:bold; } | ||
.panel img { width: 200px } /*bottom boxes width */ | .panel img { width: 200px } /*bottom boxes width */ | ||
| - | ul#nav, ul#nav 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; z-index:500;} |
ul#nav { position:centre; left: 3px; z-index:500; } | ul#nav { position:centre; left: 3px; z-index:500; } | ||
| - | ul#nav ul { display: none;} | + | ul#nav ul { display: none; z-index:500;} |
| - | ul#nav li {float:left; position:relative; margin-bottom: 0; } | + | ul#nav li {float:left; position:relative; margin-bottom: 0; z-index:500;} |
ul#nav a { | ul#nav a { | ||
display:block; | display:block; | ||
| Line 37: | Line 38: | ||
text-decoration:none; | text-decoration:none; | ||
text-indent:0.5em; | text-indent:0.5em; | ||
| + | z-index:500; | ||
} | } | ||
ul#nav li:hover > ul { | ul#nav li:hover > ul { | ||
| Line 43: | Line 45: | ||
left:12em; /* ul#nav a width */ | left:12em; /* ul#nav a width */ | ||
top:0; | top:0; | ||
| + | z-index:500; | ||
} | } | ||
ul#nav > li:hover > ul { | ul#nav > li:hover > ul { | ||
left:0; | left:0; | ||
top:2.4em; /* ul#nav a height + 2*(ul#nav > li > ul border-width) */ | top:2.4em; /* ul#nav a height + 2*(ul#nav > li > ul border-width) */ | ||
| + | z-index:500; | ||
} | } | ||
ul#nav > li { | ul#nav > li { | ||
border: 0.5em solid #260603; | border: 0.5em solid #260603; | ||
background: #003366; | background: #003366; | ||
| + | z-index:500; | ||
} | } | ||
ul#nav > li:first-child { | ul#nav > li:first-child { | ||
-moz-border-radius-topleft: 0.0em; | -moz-border-radius-topleft: 0.0em; | ||
| + | z-index:500; | ||
} | } | ||
ul#nav > li:last-child { | ul#nav > li:last-child { | ||
-moz-border-radius-topright: 0.0em; | -moz-border-radius-topright: 0.0em; | ||
| + | z-index:500; | ||
} | } | ||
ul#nav li > ul { | ul#nav li > ul { | ||
border: 0.2em solid #000; | border: 0.2em solid #000; | ||
-moz-border-radius: 0.2em; | -moz-border-radius: 0.2em; | ||
| + | z-index:500; | ||
} | } | ||
| - | ul#nav li > a { background: #fff; color: black; } | + | ul#nav li > a { background: #fff; color: black; z-index:500;} |
| - | ul#nav li:hover > a { color: #fff; background: #260603; } /* Menu subitem hover text */ | + | ul#nav li:hover > a { color: #fff; background: #260603; z-index:500;} /* Menu subitem hover text */ |
| - | ul#nav > li > a { color:#000; background: # | + | ul#nav > li > a { color:#000; background: #DFE4EB; border: 0.1em solid #000000; font-weight:bold; font-variant: small-caps; text-align:center; z-index:500;} /*menu text properties*/ |
ul#nav > li:hover > a { } | ul#nav > li:hover > a { } | ||
| + | |||
| + | |||
| + | |||
| + | ul#nav2, ul#nav2 ul { padding:0; margin:0; list-style-type: none; list-style-image: none;} | ||
| + | ul#nav2 { position:centre; left: 3px;} | ||
| + | ul#nav2 ul { display: none;} | ||
| + | ul#nav2 li {float:left; position:relative; margin-bottom: 0;} | ||
| + | ul#nav2 a { | ||
| + | display:block; | ||
| + | width:12em; | ||
| + | font-size:1em; | ||
| + | height:2em; | ||
| + | line-height:2em; /* ul#nav a height */ | ||
| + | text-decoration:none; | ||
| + | text-indent:0.5em; | ||
| + | } | ||
| + | ul#nav2 li:hover > ul { | ||
| + | display:block; | ||
| + | position:absolute; | ||
| + | left:12em; /* ul#nav a width */ | ||
| + | top:0; | ||
| + | } | ||
| + | ul#nav2 > li:hover > ul { | ||
| + | left:0; | ||
| + | top:2.4em; /* ul#nav a height + 2*(ul#nav > li > ul border-width) */ | ||
| + | } | ||
| + | ul#nav2 > li { | ||
| + | border: 0.5em solid #632D2D; | ||
| + | background: #003366; | ||
| + | } | ||
| + | ul#nav2 > li:first-child { | ||
| + | -moz-border-radius-topleft: 0.0em; | ||
| + | } | ||
| + | ul#nav2 > li:last-child { | ||
| + | -moz-border-radius-topright: 0.0em; | ||
| + | } | ||
| + | ul#nav2 li > ul { | ||
| + | border: 0.2em solid #000; | ||
| + | -moz-border-radius: 0.2em; | ||
| + | } | ||
| + | ul#nav2 li > a { background: #fff; color: black;} | ||
| + | ul#nav2 li:hover > a { color: #fff; background: #260603;} /* Menu subitem hover text */ | ||
| + | ul#nav2 > li > a { color:#fff; background: #212121; border: 0.1em solid #000000; font-weight:bold; font-variant: small-caps; text-align:center;} /*menu text properties*/ | ||
| + | ul#nav2 > li:hover > a { } | ||
| + | |||
| + | |||
</style> | </style> | ||
</html> | </html> | ||
| Line 74: | Line 128: | ||
</html> | </html> | ||
{{:Team:Brown/templates/menu}} | {{:Team:Brown/templates/menu}} | ||
| - | |||
Latest revision as of 08:57, 27 October 2010
