Template:Aquila

From 2012hs.igem.org

(Difference between revisions)
 
(32 intermediate revisions not shown)
Line 63: Line 63:
}
}
-
#navbar
+
</style>
-
ul.navbar  
+
</head>
 +
 
 +
<body>
 +
<html>
 +
<head>
 +
<meta>
 +
<style>
 +
 
 +
#navbar  
{
{
-
    float:left;
+
  margin: 1600;
-
    width:100%;
+
  padding: 0;
-
    padding:0;
+
  height: 1em;  
-
    margin:0;
+
  position: relative;
-
    list-style-type:none;
+
  left: 80px;
}
}
-
 
+
#navbar a:hover
-
ul.navbar a  
+
{
{
-
    float:left;
+
     background-color:#033EAB; <!navbar hover color>
-
    text-align:center;
+
     text-decoration:underline;
-
    width:7em;
+
-
    text-decoration:none;
+
-
    color:white;
+
-
     background-color:#1A2B32;
+
-
     padding:0.2em 0.6em;
+
-
    border-right:1px solid white;
+
}
}
-
 
+
#navbar li  
-
ul.navbar a:hover {background-color:#A3ABAE;}
+
-
ul.navbar li {display:inline;}
+
-
 
+
-
#long
+
{
{
-
    width:10em;
+
  list-style: none;
 +
  float: left;  
}
}
 +
#navbar li a
 +
{
 +
  padding-left: 20px;
 +
  padding-bottom: 2px;
 +
  padding-right: 20px;
 +
  padding-top: 2px;
 +
  display: block;
 +
  background-color: #002261;
 +
  color: #fff;
 +
  text-decoration: none;
 +
  border-right:1px solid white;
 +
}
 +
#navbar li ul
 +
{
 +
  display: none;
 +
  width: 12em;
 +
  background-color: #000000;
 +
}
 +
#navbar li:hover ul, #navbar li.hover ul
 +
{
 +
  display: block;
 +
  position: absolute;
 +
  background-color: #ffffff;
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
#navbar li:hover li, #navbar li.hover li
 +
{
 +
  float: none;
 +
}
 +
#navbar li:hover li a, #navbar li.hover li a
 +
{
 +
  background-color: #002261; /*Dropdown color*/
 +
  color: white;
 +
}
 +
#navbar li li a:hover
 +
{
 +
  background-color: #033EAB;
 +
}
 +
</style>
 +
<script>
 +
// Javascript originally by Patrick Griffiths and Dan Webb.
 +
// http://htmldog.com/articles/suckerfish/dropdowns/
-
.navbar
+
sfHover = function()
{
{
-
    padding:0 20px;
+
  var sfEls = document.getElementById("navbar").getElementsByTagName("li");
 +
  for (var i=0; i<sfEls.length; i++)
 +
      {
 +
          sfEls[i].onmouseover=function()
 +
          {
 +
              this.className+=" hover";
 +
          }
 +
          sfEls[i].onmouseout=function()
 +
          {
 +
              this.className=this.className.replace(new RegExp(" hover\\b"), "");
 +
          }
 +
      }
}
}
-
</style>
+
if (window.attachEvent) window.attachEvent("onload", sfHover);
 +
 
 +
</script>
 +
 
</head>
</head>
 +
 +
</a>
<body>
<body>
 +
  <div id="wrap">
 +
 +
      <ul id="navbar">
 +
        <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila">HOME</a></li>
 +
        </li>
 +
        <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Team">TEAM</a>
 +
            <ul>
 +
              <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Team#Hannah_Binney">Hannah Binney</a></li>
 +
              <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Team#Frank_Zhou">Frank Zhou</a></li>
 +
              <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Team#George_Rakushkin">George Rakushkin</a></li>
 +
              <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Team#Rachel_Fyler">Rachel Fyler</a></li>
 +
              <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Team#Brahm_Gardner">Brahm Gardner</a></li>
 +
              <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Team#Gabby_Crosby">Gabby Crosby</a></li>
 +
              <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Team#Nancy_Chinnapan">Nancy Chinnapan</a></li>
 +
              <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Team#Peter_Jiang">Peter Jiang</a></li>
 +
 +
            </ul>
 +
        </li>
 +
        <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Project">PROJECT</a>
 +
            <ul>
 +
              <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Project#Parts">Parts</a></li>
 +
              <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Project#Materials">Materials</a></li>
 +
          </ul>       
 +
        </li>
 +
<li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Notebook">NOTEBOOK</a>
 +
            <ul>
 +
              <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Notebook#March">March</a></li>
 +
              <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Notebook#April">April</a></li>
 +
              <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Notebook#May">May</a></li>
 +
            </ul>             
 +
        </li>
 +
        <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Safety">SAFETY</a>  </li>
 +
            <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/HumanPractices">HUMAN PRACTICES</a>
 +
            </li>
 +
              <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Attributions">ATTRIBUTIONS</a></li>
 +
</ul>
 +
 +
  </div>
 +
 +
</body>
<!--navigation menu-->
<!--navigation menu-->
<ul class="navbar">
<ul class="navbar">
-
<li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila">HOME</a></li>
+
 
-
<li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Team">TEAM</a></li>
+
 
-
<li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Project">PROJECT</a></li>
+
-
<li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Results">RESULTS</a></li>
+
-
<li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Notebook">NOTEBOOK</a></li>
+
-
<li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Safety">SAFETY</a></li>
+
-
<li><a id="long" href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/HumanPractices">HUMAN PRACTICES</a></li>
+
-
<li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Attributions">ATTRIBUTIONS</a></li>
+
</ul>
</ul>

Latest revision as of 02:28, 3 May 2012


Retrieved from "http://2012hs.igem.org/Template:Aquila"