Bar:Aquila

From 2012hs.igem.org

(Difference between revisions)
Line 15: Line 15:
     text-decoration:underline;
     text-decoration:underline;
}
}
-
#navbar li {
+
#navbar li  
 +
{
   list-style: none;
   list-style: none;
-
   float: left; }
+
   float: left;  
-
#navbar li a {
+
}
-
   padding-left: 25px;
+
#navbar li a  
 +
{
 +
   padding-left: 15px;
   padding-bottom: 3px;
   padding-bottom: 3px;
-
   padding-right: 25px;
+
   padding-right: 15px;
   padding-top: 3px;
   padding-top: 3px;
   display: block;
   display: block;
Line 27: Line 30:
   color: #fff;
   color: #fff;
   text-decoration: none;  
   text-decoration: none;  
-
    border-right:1px solid white;
+
  border-right:1px solid white;
}
}
-
#navbar li ul {
+
#navbar li ul  
 +
{
   display: none;  
   display: none;  
-
   width: 10em; /* Width to help Opera out */
+
   width: 10em;
-
   background-color: #000000;}
+
   background-color: #000000;
-
#navbar li:hover ul, #navbar li.hover ul {
+
}
 +
#navbar li:hover ul, #navbar li.hover ul  
 +
{
   display: block;
   display: block;
   position: absolute;
   position: absolute;
-
   background-color: #000000;
+
   background-color: #ffffff;
   margin: 0;
   margin: 0;
-
   padding: 0; }
+
   padding: 0;  
-
#navbar li:hover li, #navbar li.hover li {
+
}
-
   float: none; }
+
#navbar li:hover li, #navbar li.hover li  
-
#navbar li:hover li a, #navbar li.hover li a {
+
{
 +
   float: none;  
 +
}
 +
#navbar li:hover li a, #navbar li.hover li a  
 +
{
   background-color: #000000; /*Dropdown color*/
   background-color: #000000; /*Dropdown color*/
-
   border-top: 1px solid #fff;
+
   /*border-top: 1px solid #fff;*/
-
   color: white; }
+
   color: white;  
-
#navbar li li a:hover {
+
}
-
   background-color: #8db3ff; }
+
#navbar li li a:hover  
 +
{
 +
   background-color: #8db3ff;  
 +
}
 +
 
</style>
</style>
Line 52: Line 66:
// Javascript originally by Patrick Griffiths and Dan Webb.
// Javascript originally by Patrick Griffiths and Dan Webb.
// http://htmldog.com/articles/suckerfish/dropdowns/
// http://htmldog.com/articles/suckerfish/dropdowns/
-
sfHover = function() {
+
 
 +
sfHover = function()  
 +
{
   var sfEls = document.getElementById("navbar").getElementsByTagName("li");
   var sfEls = document.getElementById("navbar").getElementsByTagName("li");
-
   for (var i=0; i<sfEls.length; i++) {
+
   for (var i=0; i<sfEls.length; i++)  
-
       sfEls[i].onmouseover=function() {
+
       {
-
        this.className+=" hover";
+
          sfEls[i].onmouseover=function()  
-
      }
+
          {
-
      sfEls[i].onmouseout=function() {
+
              this.className+=" hover";
-
        this.className=this.className.replace(new RegExp(" hover\\b"), "");
+
          }
 +
          sfEls[i].onmouseout=function()  
 +
          {
 +
              this.className=this.className.replace(new RegExp(" hover\\b"), "");
 +
          }
       }
       }
-
  }
 
}
}
 +
if (window.attachEvent) window.attachEvent("onload", sfHover);
if (window.attachEvent) window.attachEvent("onload", sfHover);
 +
</script>
</script>
</head>
</head>
 +
</a>
</a>
 +
<body>
<body>
   <div id="wrap">
   <div id="wrap">

Revision as of 21:07, 10 April 2012

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