Team:Buenos Aires/Template/

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
<head>
<head>
 +
 +
<link  href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow:regular,bold" rel="stylesheet" type="text/css" /> <!-- Font -->
 +
<style>
<style>
 +
#navigation {
#navigation {
 +
font-family: 'PT Sans Narrow', Arial, sans-serif;
  margin: 0;
  margin: 0;
  padding: 0 1em;
  padding: 0 1em;
-
  background: #000;
+
  background: #003399;
-
  height: 3em;
+
  height: 5em;
  list-style: none;
  list-style: none;
 +
opacity: 0.8;
 +
border-radius: 25px;
}
}
Line 20: Line 27:
  float: left;
  float: left;
  height: 100%;
  height: 100%;
-
  color: #c60;
+
  color: #FFF;
  text-decoration: none;
  text-decoration: none;
-
  line-height: 3;
+
  line-height: 5;
  font-weight: bold;
  font-weight: bold;
  text-transform: uppercase;
  text-transform: uppercase;
Line 28: Line 35:
#navigation > li > a:hover {
#navigation > li > a:hover {
-
  color: orange;
+
  color: lightblue;
  text-decoration: underline;
  text-decoration: underline;
}
}
Line 40: Line 47:
  width: 10em;
  width: 10em;
  margin: 0;
  margin: 0;
-
  padding: 0.5em 0;
+
  padding: 1.5em 0;
  list-style: none;
  list-style: none;
-
  background: #a40;
+
  background: #003399;
  position: absolute;
  position: absolute;
  top: -1000em;
  top: -1000em;
 +
border-radius: 0px 0px 25px 25px;
}
}
Line 62: Line 70:
#navigation > li.sub ul li a:hover {
#navigation > li.sub ul li a:hover {
-
  background: #c60;
+
  background: #003399;
  text-decoration: underline;
  text-decoration: underline;
}
}
Line 71: Line 79:
</style>
</style>
 +
</head>
</head>
<ul id="navigation">
<ul id="navigation">
-
<li><a href="#">Home</a></li>
+
<li>
-
<li class="sub">
+
<a href="#">Summary</a>
-
+
</li>
-
  <a href="#">About</a>
+
-
 
+
<li class="sub">
-
  <ul>
+
-
 
+
<a href="#">Team</a>
-
  <li><a href="#">Us</a></li>
+
 
-
  <li><a href="#">Our Work</a></li>
+
<ul>
-
  <li><a href="#">Projects</a></li>
+
 
-
 
+
  <li><a href="#">Students</a></li>
-
  </ul>
+
  <li><a href="#">Advisors</a></li>
-
+
  <li><a href="#">Instructors</a></li>
-
</li>
+
 
-
+
  </ul>
-
<li>
+
-
  <a href="#">Contacts</a>
+
</li>
-
</li>
+
 +
<li class="sub">
 +
<a href="#">Project</a>
 +
<ul>
 +
 
 +
  <li><a href="#">Abstract</a></li>
 +
  <li><a href="#">Motivation</a></li>
 +
  <li><a href="#">The Device</a></li>
 +
 
 +
  </ul>
 +
</li>
 +
 
 +
<!-- Model -->
 +
<li class="sub">
 +
<a href="#">Model</a>
 +
<ul>
 +
 
 +
  <li><a href="#">Abstract</a></li>
 +
  <li><a href="#">Motivation</a></li>
 +
  <li><a href="#">The Device</a></li>
 +
 
 +
  </ul>
 +
</li>
 +
<!-- Results -->
 +
<li class="sub">
 +
<a href="#">Results</a>
 +
<ul>
 +
 
 +
  <li><a href="#">mRFP Quantification</a></li>
 +
  <li><a href="#">Response of GFP</a></li>
 +
  <li><a href="#">Discenibility</a></li>
 +
 
 +
  </ul>
 +
</li>
</ul>
</ul>
</html>
</html>

Revision as of 00:18, 23 September 2013