Template:Aquila

From 2012hs.igem.org

(Difference between revisions)
(Undo revision 1309 by Hannahb (talk))
 
(27 intermediate revisions not shown)
Line 63: Line 63:
}
}
-
#navbar
+
</style>
 +
</head>
-
ul.navbar
+
<body>
-
{
+
<html>
-
    float:left;
+
<head>
-
    width:100%;
+
<meta>
-
    padding:0;
+
<style>
-
    margin:0;
+
-
    list-style-type:none;
+
-
    height: 1em;
+
-
}
+
-
ul.navbar a
+
#navbar  
{
{
-
    float:left;
+
  margin: 1600;
-
    text-align:center;
+
  padding: 0;
-
    width:7em;
+
  height: 1em;  
-
    text-decoration:none;
+
  position: relative;
-
    color:white;
+
  left: 80px;
-
    background-color:#1A2B32;
+
-
    padding:0.2em 0.6em;
+
-
    border-right:1px solid white;
+
}
}
-
 
+
#navbar a:hover  
-
ul.navbar a:hover  
+
{
{
-
     background-color:#A3ABAE;
+
     background-color:#033EAB; <!navbar hover color>
 +
    text-decoration:underline;
}
}
-
 
+
#navbar li  
-
ul.navbar li  
+
{
{
-
    position:relative;
+
  list-style: none;
-
    display:inline;
+
  float: left;  
}
}
-
 
+
#navbar li a  
-
ul.navbar li a
+
{
{
-
    display: block;
+
  padding-left: 20px;
-
    padding: 3px 8px;
+
  padding-bottom: 2px;
-
    background-color: #000000;
+
  padding-right: 20px;
-
    color:#fff
+
  padding-top: 2px;
-
    text-decoration: none;
+
  display: block;
 +
  background-color: #002261;
 +
  color: #fff;
 +
  text-decoration: none;
 +
  border-right:1px solid white;
}
}
-
 
+
#navbar li ul  
-
ul.navbar li ul
+
{
{
-
    display: none;
+
  display: none;  
-
    width: 10em;
+
  width: 12em;
-
    background-color: #000;
+
  background-color: #000000;
}
}
-
 
+
#navbar li:hover ul, #navbar li.hover ul
-
ul.navbar li:hover li, ul.navbar li.hover li
+
{
{
-
    float: none;
+
  display: block;
 +
  position: absolute;
 +
  background-color: #ffffff;
 +
  margin: 0;
 +
  padding: 0;  
}
}
-
 
+
#navbar li:hover li, #navbar li.hover li  
-
ul.navbar li:hover li a, ul.navbar li.hover li a
+
{
{
-
    background-color: #FFF;
+
  float: none;  
-
    border-bottom: 1 px solid #FFF;
+
-
    color: #000;
+
}
}
-
 
+
#navbar li:hover li a, #navbar li.hover li a
-
ul.navbar li li:hover
+
{
{
-
    background-color: #000000;
+
  background-color: #002261; /*Dropdown color*/
 +
  color: white;  
}
}
-
 
+
#navbar li li a:hover
-
#long
+
{
{
-
    width:10em;
+
  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);
-
</head>
+
-
<body>
+
</script>
 +
</head>
-
<!--navigation menu-->
+
</a>
-
<ul class="navbar">
+
-
<li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila">HOME</a></li>
+
<body>
 +
  <div id="wrap">
-
<li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Team">TEAM</a></li>
+
      <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>
-
<li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Project">PROJECT</a></li>
+
            </ul>
-
    <ul>
+
        </li>
-
          <li><a href="#">OVERVIEW</a></li>
+
        <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Project">PROJECT</a>
-
          <li><a href="#">OVERVIEW2</a></li>
+
            <ul>
-
    </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>
-
<li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Results">RESULTS</a></li>
+
  </div>
-
<li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Notebook">NOTEBOOK</a></li>
+
</body>
-
<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>
+
<!--navigation menu-->
 +
<ul class="navbar">
-
<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"