Template:Team:UChicago/NavBar

From 2014.igem.org

(Difference between revisions)
(Created page with "<html> <!--main content --> <table width="70%" align="center"> <!--welcome box --> <tr> <td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#...")
 
(20 intermediate revisions not shown)
Line 1: Line 1:
 +
{{CSS/Main}}
 +
<html>
<html>
 +
<style type="text/css">
-
<!--main content -->
+
#bg {
-
<table width="70%" align="center">
+
  background-color: #B40404;
-
 
+
}
-
 
+
-
<!--welcome box -->
+
-
<tr>
+
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
+
-
<br>
+
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:UChicago/Notebook&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
-
</td>
+
-
</tr>
+
-
 
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
-
<!-- end welcome box -->
+
-
<tr>
+
-
 
+
-
<!--navigation menu -->
+
-
<td align="center" colspan="3">
+
-
 
+
-
<table  width="100%">
+
-
<tr heigth="15px"></tr>
+
-
<tr heigth="75px">
+
 +
#fg {
 +
  background-color: #F8EFFB;
 +
  width: 90%;
 +
  margin: auto;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
#navbar {
-
<a href="https://2014.igem.org/Team:UChicago"style="color:#000000">Home </a> </td>
+
  padding: 10px;
 +
  display: table;
 +
  margin: 0 auto;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
#navbar ul {
-
<a href="https://2014.igem.org/Team:UChicago/Team"style="color:#000000"> Team </a> </td>
+
  margin: 0;
 +
  list-style-type: none;
 +
  background-color: white;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
#navbar ul li {
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=UChicago"style="color:#000000"> Official Team Profile </a></td>
+
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/Project"style="color:#000000"> Project</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/Parts"style="color:#000000"> Parts</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://2014.igem.org/Team:UChicago/Modeling"style="color:#000000"> Modeling</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/Notebook"style="color:#000000"> Notebook</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/Safety"style=" color:#000000"> Safety </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/Attributions"style="color:#000000"> Attributions </a></td>
+
  display: none;
 +
}
 +
.maindiv {
 +
  width: 50%;
 +
  align: center;
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
  font-family: Georgia, serif;
 +
}
-
<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>
+
</style>
-
</tr>
+
<div id="bg">
-
</table>
+
<div id="fg">
 +
<div id="navbar">
 +
  <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>
 +
    <li><a href="https://igem.org/Team.cgi?year=2014&amp;team_name=UChicago">Official Team Profile</a></li>
 +
    <li><a href="https://2014.igem.org/Team:UChicago/Project">Project</a></li>
 +
    <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