Template:Team:Edinburgh/Code

From 2013.igem.org

(Difference between revisions)
(Created page with "--~~~~<HTML> <head> <style> #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { display:none;} #top-section { border: none; height: 0px;} #content ...")
Line 1: Line 1:
-
--[[User:Hristianita|Hristianita]] 17:46, 27 September 2013 (CDT)<HTML>
 
-
 
<head>
<head>
<style>
<style>

Revision as of 22:47, 27 September 2013

<head> <style>

  1. contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {

display:none;}

  1. top-section {

border: none; height: 0px;}

  1. content {

border: none;}

body {

  background: #04182c;
  font-family: Arial, Times, serif;
  font-size: 12pt;

}

.main_frame { margin-left: 30px; margin-right: 30px; }

a { color: #2b6196; }

a:visited { color: #428c36; }

.heading {

  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 {

 vertical-align: text-top;
 color: #001f3d;

}

.footer {

  font-size: 11pt;
  color: #2b6196;
  line-height: 100%;
  margin-bottom: 10px;

}

  1. content {
 color: #001f3d;

}

  1. side_menu {
    float: left;
    width:220px;
    font-family: Perpetua, serif;
    margin-right: 50px;

}

  1. side_menu a, #side_menu a:visited{
  color: #428c36

}

  1. side_menu ul {
   list-style: disc;
   margin-left: 0px;

}

  1. side_menu ul li{
    margin-right: 10px;
    font-size: 13.5pt;
    font-weight: bold;
    display: block;

background-color: #acd8a6; padding: 5px; margin-bottom: 5px; }

ul {

line-height: 110%;

}

ul.side_submenu {

   display: none;
   left: -20px;

}

li.side_menu_subitem a {

  margin-left: 15px;
  color: #fff;
  display: block;
  margin-right: 10px;

}

li.side_menu_items {

  margin-left: 5px;
  color: #fff;
  display: block;
  margin-right: 10px;

}


li.side_menu_item {

  position: relative;
  display: block;

}

</style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript">

$(function() {

    $(".selflink").parent("li").children("ul").css("display","block");

});

   $(function() {
       var links = document.getElementsByTagName( 'a' );
       for( var index = 0; index < links.length; index++ ) {
           links[index].removeAttribute( 'title' );  
       }
   });

$(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>

</head> </html>