Template:Aquila

From 2012hs.igem.org

(Difference between revisions)
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:8em;
+
  height: 1em;  
-
    text-decoration:none;
+
-
    color:white;
+
-
    background-color:#002261; <!navbar background color>
+
-
    padding:0.2em 0.6em;
+
-
    border-right:1px solid white;
+
}
}
-
 
+
#navbar a:hover  
-
ul.navbar a:hover  
+
{
{
     background-color:#033EAB; <!navbar hover color>
     background-color:#033EAB; <!navbar hover color>
     text-decoration:underline;
     text-decoration:underline;
}
}
-
 
+
#navbar li  
-
ul.navbar li  
+
{
{
-
    position:relative;
+
  list-style: none;
-
    display:inline;
+
  float: left;  
}
}
-
 
+
#navbar li a
-
#long
+
{
{
-
    width:11em;
+
  padding-left: 15px;
 +
  padding-bottom: 3px;
 +
  padding-right: 15px;
 +
  padding-top: 3px;
 +
  display: block;
 +
  background-color: #002261;
 +
  color: #fff;
 +
  text-decoration: none;
 +
  border-right:1px solid white;
}
}
-
 
+
#navbar li ul
-
#longish
+
{
{
-
   width:10em;
+
  display: none;
 +
   width: 10em;
 +
  background-color: #000000;
}
}
-
 
+
#navbar li:hover ul, #navbar li.hover ul
-
.navbar  
+
{
{
-
    padding:0 20px;
+
  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: #000000; /*Dropdown color*/
 +
  /* border-top: 1px solid #fff; */
 +
  color: white;
 +
}
 +
#navbar li li a:hover
 +
{
 +
  background-color: #8db3ff;  
}
}
</style>
</style>
 +
 +
<script>
 +
// Javascript originally by Patrick Griffiths and Dan Webb.
 +
// http://htmldog.com/articles/suckerfish/dropdowns/
 +
 +
sfHover = function()
 +
{
 +
  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"), "");
 +
          }
 +
      }
 +
}
 +
 +
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://2011.igem.org/Team:Colombia/Team">Team</a>
 +
            <ul>
 +
              <li><a href="https://2011.igem.org/Team:Colombia/Team#The_Team">The Team</a></li>
 +
              <li><a href="https://2011.igem.org/Team:Colombia/Team#Undergrads">Undergrads</a></li>
 +
              <li><a href="https://2011.igem.org/Team:Colombia/Team#Grad_students_.28Also_known_as_the_Aging_ones.21.29">Grad Students</a></li>
 +
              <li><a href="https://2011.igem.org/Team:Colombia/Team#Advisors:">Advisors</a></li>
 +
            </ul>
 +
        </li>
 +
        <li><a href="https://2011.igem.org/Team:Colombia/Project">Project</a>
 +
            <ul>
 +
              <li><a href="https://2011.igem.org/Team:Colombia/Project#Overall_project">Overall Project</a></li>
 +
              <li><a href="https://2011.igem.org/Team:Colombia/Project/Molecular">Molecular Dynamics</a></li>
 +
              <li><a href="https://2011.igem.org/Team:Colombia/Project/Characterization">Molecular Characterization</a></li>
 +
                <li><a href="https://2011.igem.org/Team:Colombia/Notebook/Plasmids">Plasmid Information</a></li>
 +
                <li><a href="https://2011.igem.org/Team:Colombia/Notebook/Characterization">Characterization</a></li>
 +
          </ul>       
 +
        </li>
 +
        <li><a href="https://2011.igem.org/Team:Colombia/Parts">Parts</a>
 +
            <!--ul>
 +
              <li><a href="#">Via Email</a></li>
 +
              <li><a href="#">Stalk Us Elsewhere</a></li>
 +
            </ul-->       
 +
        </li>
 +
        <li><a href="https://2011.igem.org/Team:Colombia/Modeling">Modeling</a>
 +
            <!--ul>
 +
              <li><a href="#">Bench Press</a></li>
 +
              <li><a href="#">Military Press</a></li>
 +
              <li><a href="#">Press n Seal</a></li>
 +
            </ul-->       
 +
        </li>
 +
<li><a href="https://2011.igem.org/Team:Colombia/Notebook">Notebook</a>
 +
            <ul>
 +
              <li><a href="https://2011.igem.org/Team:Colombia/Safety">Safety</a></li>
 +
              <li><a href="https://2011.igem.org/Team:Colombia/Notebook/Protocols">Protocols</a></li>
 +
              <li><a href="https://2011.igem.org/Team:Colombia/Notebook#iGemColombia_Notebook">iGem @ Colombia's Notebook</a></li>
 +
            </ul>             
 +
        </li>
 +
            <li><a href="https://2011.igem.org/Team:Colombia/Human_Practices">Human Practices</a>
 +
            <ul>
 +
            <li><a href="https://2011.igem.org/Team:Colombia/Human_Practices/Education">Education</a></li>
 +
            <li><a href="https://2011.igem.org/Team:Colombia/Human_Practices/Divulgation">Divulgation</a></li>
 +
            <li><a href="https://2011.igem.org/Team:Colombia/Human_Practices/Legislation">Legislation</a></li>
 +
            </ul>
 +
            </li>
 +
<li><a>The Universities</a>
 +
            <ul>
 +
              <li><a href="http://www.uniandes.edu.co">UniAndes</a></li>
 +
              <li><a href="http://unal.edu.co">Unal</a></li>
 +
            </ul>       
 +
        </li>
 +
  <li><a href="https://2011.igem.org/">iGem</a>
 +
        </li>
 +
      </ul>
 +
  </div>
 +
 +
</body>

Revision as of 21:43, 10 April 2012


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