Template:Team:UChicago/NavBar

From 2014.igem.org

(Difference between revisions)
 
(17 intermediate revisions not shown)
Line 2: Line 2:
<html>
<html>
 +
<style type="text/css">
-
<!--main content -->
+
#bg {
-
<table width="70%" align="center">
+
  background-color: #B40404;
 +
}
-
<tr>
+
#fg {
 +
  background-color: #F8EFFB;
 +
  width: 90%;
 +
  margin: auto;
 +
}
-
<!--navigation menu -->
+
#navbar {
-
<td align="center" colspan="3">
+
  padding: 10px;
 +
  display: table;
 +
  margin: 0 auto;
 +
}
-
<table  width="100%">
+
#navbar ul {
-
<tr heigth="15px"></tr>
+
  margin: 0;
-
<tr heigth="75px">
+
  list-style-type: none;
 +
  background-color: white;
 +
}
 +
#navbar ul li {
 +
float: left;
 +
  display: inline-block;
 +
  text-align: center;
 +
  border: 1px solid black;
 +
  padding: 5px;
 +
  background-color: #e7e7e7;
 +
  height: 45px;
 +
  min-width: 60px;
 +
  margin: 3px;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
#navbar ul li:hover {
-
<a href="https://2014.igem.org/Team:UChicago"style="color:#000000">Home </a> </td>
+
  background-color: #d3d3d3;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
#navbar ul li a {
-
<a href="https://2014.igem.org/Team:UChicago/Team"style="color:#000000"> Team </a> </td>
+
  line-height: 42px;
 +
  vertical-align: middle;
 +
  text-decoration: none;
 +
  color: black;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
#navbar ul li a img {
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=UChicago"style="color:#000000"> Official Team Profile </a></td>
+
  vertical-align: middle;
 +
}
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
#navbar ul li a:hover {
-
<a href="https://2014.igem.org/Team:UChicago/Project"style="color:#000000"> Project</a></td>
+
  text-decoration: underline;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
#navbar img {
-
<a href="https://2014.igem.org/Team:UChicago/Parts"style="color:#000000"> Parts</a></td>
+
  width: auto;
 +
  max-height: 100%;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.firstHeading {
-
<a href="https://2014.igem.org/Team:UChicago/Modeling"style="color:#000000"> Modeling</a></td>
+
  display: none;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
.maindiv {
-
<a href="https://2014.igem.org/Team:UChicago/Notebook"style="color:#000000"> Notebook</a></td>
+
  width: 50%;
 +
  align: center;
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
  font-family: Georgia, serif;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
</style>
-
<a href="https://2014.igem.org/Team:UChicago/Safety"style=" color:#000000"> Safety </a></td>
+
<div id="bg">
-
 
+
<div id="fg">
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<div id="navbar">
-
<a href="https://2014.igem.org/Team:UChicago/Attributions"style="color:#000000"> Attributions </a></td>
+
  <ul>
-
 
+
    <li><a href="https://2014.igem.org/Team:UChicago">Home</a></li>
-
 
+
    <li><a href="https://2014.igem.org/Team:UChicago/Team">Team</a></li>
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
    <li><a href="https://igem.org/Team.cgi?year=2014&amp;team_name=UChicago">Official Team Profile</a></li>
-
</tr>
+
    <li><a href="https://2014.igem.org/Team:UChicago/Project">Project</a></li>
-
</table>
+
    <li><a href="https://2014.igem.org/Team:UChicago/Parts">Parts</a></li>
 +
    <li><a href="https://2014.igem.org/Team:UChicago/Modeling">Modeling</a></li>
 +
    <li><a href="https://2014.igem.org/Team:UChicago/Notebook">Notebook</a></li>
 +
    <li><a href="/Team:UChicago/Outreach">Outreach</a></li>
 +
    <li><a href="https://2014.igem.org/Team:UChicago/Safety">Safety</a></li>
 +
    <li><a href="https://2014.igem.org/Team:UChicago/Attributions">Attributions</a></li>
 +
    <li><a href="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" alt="iGEM logo" width=55></a></li>
 +
  </ul>
 +
</div>
 +
<!-- </div> -->
</html>
</html>

Latest revision as of 03:35, 18 October 2014