Team:Brown/templates/header

From 2010.igem.org

(Difference between revisions)
 
(87 intermediate revisions not shown)
Line 1: Line 1:
__NOTOC__
__NOTOC__
<html>
<html>
-
<!-- Remove top heading -->
+
<!-- We would like to thank TU Delft for their WikiHacks and BCCS Bristol for inspiring our menubar design-->
-
<style type=text/css>
+
<style>
-
.firstHeading {
+
/*BEGIN HEADER/MENU REMOVAL*/
-
display:none;
+
h1.firstHeading {display:none;}
-
}
+
body {background-color: #260603; background-repeat: no-repeat; background-position: top center;0}
 +
#top-section {width:965px; border: 0; border-bottom: 1px solid #888888; height: 20px; overflow: visible;}
 +
#globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0; width: 100%; height:100%;}
 +
#menubar {position: absolute; top: 0px; display:block; float:left; border: none;}
 +
#menubar li a {color: #888888;}
 +
#menubar.right-menu {position: absolute; right: 20px; font-size: 10px;}
 +
#menubar.left-menu {position: absolute; left: 20px; font-size: 10px;}
 +
#search-controls {display: none}
 +
h3#siteSub {display: none;}
 +
#contentSub {display: none;}
 +
p:first-child {display: none;}
 +
#p-logo {display: none;}
 +
#p-logo a {display: none;}
 +
/*END HEADER/MENUBAR REMOVAL*/
 +
/* Wiki Hacks - END */
 +
#content { font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 1.14em; 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; }
 +
.panel img { width: 200px }  /*bottom boxes width */
-
body {
+
ul#nav, ul#nav ul { padding:0; margin:0; list-style-type: none; list-style-image: none; z-index:500;}
-
background-color: #260603;
+
ul#nav { position:centre; left: 3px; z-index:500; }
-
background-repeat: no-repeat;
+
ul#nav ul { display: none; z-index:500;}
-
background-position: top center;
+
ul#nav li {float:left; position:relative; margin-bottom: 0; z-index:500;}
 +
ul#nav a {
 +
  display:block;
 +
  width:12em;
 +
  font-size:1em;
 +
  height:2em;
 +
  line-height:2em;  /* ul#nav a height */
 +
  text-decoration:none;
 +
  text-indent:0.5em;
 +
z-index:500;
}
}
-
</style>
+
ul#nav li:hover > ul {
 +
  display:block;
 +
  position:absolute;
 +
  left:12em; /* ul#nav a width */
 +
  top:0;
 +
z-index:500;
 +
}
 +
ul#nav > li:hover > ul {
 +
  left:0;
 +
  top:2.4em; /* ul#nav a height + 2*(ul#nav > li > ul border-width)  */
 +
z-index:500;
 +
}
 +
ul#nav > li { 
 +
  border: 0.5em solid #260603; 
 +
  background: #003366;
 +
z-index:500;
 +
}
 +
ul#nav > li:first-child {
 +
  -moz-border-radius-topleft: 0.0em;
 +
z-index:500;
 +
}
 +
ul#nav > li:last-child {
 +
  -moz-border-radius-topright: 0.0em;
 +
z-index:500;
 +
}
 +
ul#nav li > ul {
 +
  border: 0.2em solid #000;
 +
  -moz-border-radius: 0.2em;
 +
z-index:500;
 +
}
 +
ul#nav li > a {  background: #fff; color: black; z-index:500;}
 +
ul#nav li:hover > a { color: #fff; background: #260603; z-index:500;} /* Menu subitem hover text */
 +
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 { }
-
<!-- Embed animation
 
-
<iframe src ="http://www.brownigem.com/testing/testheader.html" width="100%" height="425" frameborder="0" scrolling="no">
 
-
</iframe>
 
-
-->
 
-
 
+
ul#nav2, ul#nav2 ul { padding:0; margin:0; list-style-type: none; list-style-image: none;}
-
<body>
+
ul#nav2 { position:centre; left: 3px;}
-
<!-- ImageReady Slices (header_forweb.psd) -->
+
ul#nav2 ul { display: none;}
-
<table id="Table_01" width="960" height="408" border="0" cellpadding="0" cellspacing="0">
+
ul#nav2 li {float:left; position:relative; margin-bottom: 0;}
-
<tr>
+
ul#nav2 a {
-
<td colspan="6">
+
  display:block;
-
<img src="https://static.igem.org/mediawiki/2010/d/d2/Mainlogo.jpg" width="960" height="348" alt=""></td>
+
  width:12em;
-
</tr>
+
  font-size:1em;
-
<tr>
+
  height:2em;
-
<td><a href="https://2010.igem.org/Team:Brown/Team" target="_top" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('team','','https://static.igem.org/mediawiki/2010/8/8f/Button_team_on.jpg',1)"><img src="https://static.igem.org/mediawiki/2010/6/67/Button_team_off.jpg" name="team" width="116" height="60" border="0"></a></td>
+
  line-height:2em;  /* ul#nav a height */
-
<td><a href="https://2010.igem.org/Team:Brown/Project" target="_top" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('projects','','https://static.igem.org/mediawiki/2010/3/3f/Button_projects_on.jpg',1)"><img src="https://static.igem.org/mediawiki/2010/b/b6/Button_projects_off.jpg" name="projects" width="186" height="60" border="0"></a></td>
+
  text-decoration:none;
-
<td><a href="https://2010.igem.org/Team:Brown/Modeling" target="_top" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('modeling','','https://static.igem.org/mediawiki/2010/1/16/Button_modeling_on.jpg',1)"><img src="https://static.igem.org/mediawiki/2010/5/58/Button_modeling_off.jpg" name="modeling" width="178" height="60" border="0"></a></td>
+
  text-indent:0.5em;
-
<td><a href="https://2010.igem.org/Team:Brown/Notebook" target="_top" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('notebook','','https://static.igem.org/mediawiki/2010/8/81/Button_notebook_on.jpg',1)"><img src="https://static.igem.org/mediawiki/2010/c/ce/Button_notebook_off.jpg" name="notebook" width="189" height="60" border="0"></a></td>
+
}
-
<td><a href="https://2010.igem.org/Team:Brown/Parts" target="_top" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('parts','','https://static.igem.org/mediawiki/2010/7/7d/Button_parts_on.jpg',1)"><img src="https://static.igem.org/mediawiki/2010/2/2a/Button_parts_off.jpg" name="parts" width="133" height="60" border="0"></a></td>
+
ul#nav2 li:hover > ul {
-
<td><a href="https://2010.igem.org/Team:Brown/Safety" target="_top" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('safety','','https://static.igem.org/mediawiki/2010/7/7b/Button_safety_on.jpg',1)"><img src="https://static.igem.org/mediawiki/2010/4/4d/Button_safety_off.jpg" name="safety" width="158" height="60" border="0"></a></td>
+
  display:block;
-
  </tr>
+
  position:absolute;
-
</table>
+
  left:12em; /* ul#nav a width */
-
<!-- End ImageReady Slices -->
+
  top:0;
-
</body>
+
}
 +
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>
 +
</html>
 +
<html>
 +
<body>
 +
<div id="logo" style="position: relative; width: 949px; height: 150px; background: url('https://static.igem.org/mediawiki/2010/d/d2/Mainlogo.jpg'); clear: both;  ">
 +
</div>
</html>
</html>
 +
{{:Team:Brown/templates/menu}}

Latest revision as of 08:57, 27 October 2010

Retrieved from "http://2010.igem.org/Team:Brown/templates/header"