Template:Code

From 2013.igem.org

(Difference between revisions)
 
(219 intermediate revisions not shown)
Line 3: Line 3:
<head>
<head>
<style>
<style>
-
.menu {
+
 
-
    background-color: #E0F8E0;
+
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 +
display:none;}
 +
#top-section {
 +
border: none;
 +
height: 0px;}
 +
#content {
 +
border: none;}
 +
 
 +
body {
 +
  background: #04182c;
 +
  font-family: Arial, Times, serif;
 +
  font-size: 12pt;
 +
 +
 
 +
.main_frame {
 +
margin-left: 30px;
 +
margin-right: 30px;
}
}
-
.menu ul li{
+
a {
-
    list-style:none;
+
color: #2b6196;
-
    color:#1b2c8a;
+
}
-
    display:inline;
+
-
    margin-right: 10px;
+
-
    font-size: 13px;
+
-
    line-height: 250%;
+
-
    font-weight: bold;
+
-
}  
+
-
ul.submenu {
+
a:visited {
-
    display: none;
+
color: #428c36;
-
    background-color: #4488ff;
+
-
    position: absolute;
+
-
    z-index: 1000;
+
-
    width: 150px;
+
-
    top: 13px;
+
-
    left: -30px;
+
}
}
-
li.menu_item {
+
.heading {
-
   position: relative;
+
   font-family: Perpetua, serif;
 +
  font-size: 150%;
 +
}
 +
 
 +
.menu {
 +
    background-color: #fff;
 +
    margin-bottom: 10px;
 +
    font-weight: bold;
 +
    font-family: Perpetua, serif;
 +
}
 +
 
 +
.menu a:visited {
 +
color: #2b6196;
}
}
table tr td {
table tr td {
   vertical-align: text-top;
   vertical-align: text-top;
 +
  color: #001f3d;
}
}
-
.content {
+
.footer {
-
  margin-left: 210px;
+
  font-size: 11pt;
-
  margin-right: 20px;
+
  color: #2b6196;
 +
  line-height: 100%;
 +
  margin-bottom: 10px;
}
}
-
.side_menu {
+
#content {
 +
  color: #001f3d;
 +
}
 +
 
 +
#side_menu {
     float: left;
     float: left;
-
     background-color: #E0F8E0;
+
     width:220px;
-
     position: fixed;
+
     font-family: Perpetua, serif;
-
     width:200px;
+
     margin-right: 50px;
 +
}
 +
 
 +
#side_menu a, #side_menu a:visited{
 +
  color: #428c36
 +
}
 +
#side_menu ul {
 +
    list-style: disc;
 +
    margin-left: 0px;
}
}
-
.side_menu ul li{
+
#side_menu ul li{
-
    list-style:none;
+
-
    color:#1b2c8a;
+
     margin-right: 10px;
     margin-right: 10px;
-
     fonte-size: 13px;
+
     font-size: 13.5pt;
     font-weight: bold;
     font-weight: bold;
     display: block;
     display: block;
 +
background-color: #acd8a6;
 +
padding: 5px;
 +
margin-bottom: 5px;
}  
}  
 +
 +
ul {
 +
line-height: 110%;
 +
}
ul.side_submenu {
ul.side_submenu {
     display: none;
     display: none;
     left: -20px;
     left: -20px;
-
    background-color: #4488ff;
+
 
}
}
Line 69: Line 105:
}
}
-
li.side_menu_subitem {
+
li.side_menu_items {
   margin-left: 5px;
   margin-left: 5px;
   color: #fff;
   color: #fff;
Line 83: Line 119:
</style>
</style>
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 +
       
<script type="text/javascript">
<script type="text/javascript">
        
        
     $(function() {
     $(function() {
           var menu = document.getElementById("side_menu_items");
           var menu = document.getElementById("side_menu_items");
 +
          if (menu==null) return;
           var menu_items = menu.childNodes;
           var menu_items = menu.childNodes;
           for (var i=0; i< menu_items.length; i++) {
           for (var i=0; i< menu_items.length; i++) {
               if (menu_items[i].tagName == "LI") {
               if (menu_items[i].tagName == "LI") {
-
                  menu_items[i].onmouseover = (function() {
+
      var children = menu_items[i].childNodes;
-
                                                     var item = menu_items[i];
+
      for (var j=0; j< children.length; j++) {
 +
if (children[j].tagName == "A") {
 +
children[j].onmouseover = (function() {
 +
                                                     var children1 = children;
                                                     return function() {
                                                     return function() {
-
                                                          var children = item.childNodes;
+
                                                        for (var j=0; j< children1.length; j++) {
-
                                                          for (var j=0; j< children.length; j++) {
+
                                                            if (children1[j].tagName == "UL") {
-
                                                              if (children[j].tagName == "UL") {
+
                                                                children1[j].style.display="block";       
-
                                                                  children[j].style.display="block";       
+
                                                            }
-
                                                              }
+
}  
-
                                                          }
+
                                                    }
-
                                                         
+
-
                                                    }
+
                                                 })();
                                                 })();
-
 
+
}
-
                  menu_items[i].onmouseout = (function() {
+
                        if (children[j].tagName == "UL") {
-
                                                    var item = menu_items[i];
+
                            //var grandchildren = children[j].childNodes;
-
                                                    return function() {
+
                            //for (var k=0; k < grandchildren.length; k++) {
-
                                                          var children = item.childNodes;
+
                            //  if (grandchildren[k].tagName == "LI") {
-
                                                          for (var j=0; j< children.length; j++) {
+
                                    children[j].onmouseout = (function() {
-
                                                              if (children[j].tagName == "UL") {
+
                                                        var item = menu_items[i];
-
                                                                  children[j].style.display= "none";       
+
                                                        return function() {
-
                                                              }
+
                                                            var ch = item.childNodes;
-
                                                          }
+
                                                            for (var l=0; l< ch.length; l++) {
 +
                                                                if (ch[l].tagName == "UL") {
 +
                                                                    ch[l].style.display= "none";       
 +
                                                                }
 +
                                                            }
                                                            
                                                            
-
                                                    }
+
                                                        }
 +
                                                    })();
 +
                                    children[j].onmousemove = (function() {
 +
                                                    var item = menu_items[i];
 +
                                                    return function() {
 +
                                                        var chi = item.childNodes;
 +
                                                        for (var l=0; l< chi.length; l++){
 +
                                                            if (chi[l].tagName == "UL") {
 +
                                                                chi[l].style.display="block";     
 +
                                                            }
 +
                                                        }
 +
                                                         
 +
                                                    }
                                                 })();
                                                 })();
 +
//}
 +
                          // }
 +
}
 +
                  }
               }
               }
           }
           }
     });
     });
-
var links = document.getElementsByTagName( 'a' );
 
-
for( var index = 0; index < links.length; index++ ) {
+
    $(function() {
-
    links[index].removeAttribute( 'title' );   
+
        var links = document.getElementsByTagName( 'a' );
-
};
+
        for( var index = 0; index < links.length; index++ ) {
 +
            links[index].removeAttribute( 'title' );   
 +
        }
 +
    });
 +
 
 +
  function getScrollTop() {
 +
    if (typeof window.pageYOffset !== 'undefined' ) {
 +
      // Most browsers
 +
      return window.pageYOffset;
 +
    }
 +
 
 +
    var d = document.documentElement;
 +
    if (d.clientHeight) {
 +
      // IE in standards mode
 +
      return d.scrollTop;
 +
    }
 +
 
 +
    // IE in quirks mode
 +
    return document.body.s;
 +
  }
 +
 
 +
$(function() {
 +
  var menu_buttons = document.getElementsByClassName("menu_button");
 +
  for (var i = 0; i < menu_buttons.length; i++) {
 +
      var count = 0;
 +
      var active=1;
 +
      var children = menu_buttons[i].childNodes;
 +
      for (var j=0; j< children.length; j++) {
 +
          if (children[j].tagName == "A") {
 +
            if (window.location.href.indexOf(children[j].href,window.location.href.length - children[j].href.length) > -1) {
 +
                if (active==1) active = 3;
 +
              }
 +
          }
 +
      }
 +
      for (var j=0; j< children.length; j++) {
 +
          if (children[j].tagName == "A") {
 +
              var grandchildren = children[j].childNodes;
 +
      for (var k=0; k< grandchildren.length; k++) {
 +
if (grandchildren[k].tagName == "IMG") {
 +
                    count = count + 1;
 +
                    if (count==active) {
 +
                        grandchildren[k].style.display = "block";
 +
                    } else {
 +
                        grandchildren[k].style.display = "none";
 +
                    }
 +
                }
 +
              }
 +
          }
 +
      }
 +
      menu_buttons[i].onmouseover = (function() {
 +
        var children = menu_buttons[i].childNodes;
 +
        return function() {
 +
            var count = 0;
 +
            var active = 2;
 +
            for (var j=0; j< children.length; j++) {
 +
              if (children[j].tagName == "A") {
 +
                    var grandchildren = children[j].childNodes;
 +
            for (var k=0; k< grandchildren.length; k++) {
 +
        if (grandchildren[k].tagName == "IMG") {
 +
                          count = count + 1;
 +
                          if (count==active) {
 +
                              grandchildren[k].style.display = "block";
 +
                          } else {
 +
                              grandchildren[k].style.display = "none";
 +
                          }
 +
                        }
 +
                    }
 +
                }
 +
              }
 +
          }
 +
      })();
 +
    menu_buttons[i].onmouseout = (function() {
 +
        var children = menu_buttons[i].childNodes;
 +
        return function() {
 +
            var count = 0;
 +
            var active = 1;
 +
            for (var j=0; j< children.length; j++) {
 +
              if (children[j].tagName == "A") {
 +
                    if (window.location.href.indexOf(children[j].href,window.location.href.length - children[j].href.length) > -1) {
 +
                        if (active==1) active = 3;
 +
                    }
 +
                }
 +
            }
 +
            for (var j=0; j< children.length; j++) {
 +
                if (children[j].tagName == "A") {
 +
                    var grandchildren = children[j].childNodes;
 +
            for (var k=0; k< grandchildren.length; k++) {
 +
        if (grandchildren[k].tagName == "IMG") {
 +
                          count = count + 1;
 +
                          if (count==active) {
 +
                              grandchildren[k].style.display = "block";
 +
                          } else {
 +
                              grandchildren[k].style.display = "none";
 +
                          }
 +
                        }
 +
                    }
 +
                }
 +
              }
 +
          }
 +
      })();     
 +
  }
 +
});
 +
 +
 
</script>
</script>
</head>
</head>
</html>
</html>

Latest revision as of 15:44, 27 September 2013