Team:NYMU-Taipei/Templates/Banner

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html lang="en">  
+
<html>
-
<head>  
+
<head>
-
<meta http-equiv="content-type" content="text/html;charset=utf-8">
+
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:Imperial_College_London/superfish?action=raw&ctype=text/css" media="screen">
+
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
+
-
<script type="text/javascript" src="https://2011.igem.org/Team:Imperial_College_London/hoverIntent?action=raw&ctype=text/js"></script>
+
-
<script type="text/javascript" src="https://2011.igem.org/Team:Imperial_College_London/superfishjs?action=raw&ctype=text/js"></script>  
+
-
<script>
+
  <style type="text/css">
-
+
-
$(document).ready(function() {
+
-
    $("sup").click(function () {
+
-
        if ($('.technology').length>0)
+
-
        {
+
-
            ddaccordion.expandone('technology', $('.technology').length-1)
+
-
            setTimeout("window.scrollBy(0,50000)",200)
+
-
        }
+
-
        else window.scrollBy(0,50000)
+
-
    });
+
-
    $("sup").mouseover(function () {
+
-
        if ($(this).html().substr(0,1)=="[") $("sup").css('cursor', 'pointer');
+
-
    });
+
-
});
+
-
    $(document).ready(function() {
+
  #top-section {
-
        $('ul.sf-menu').superfish({  
+
  width: 975px;
-
        });  
+
  height: 20px;
-
    });  
+
  background-color: #ffffff;
-
+
  border: none;
-
</script>
+
  }
-
</head>  
+
  #p-logo {
 +
  display: none;}
 +
 
 +
  #search-controls {
 +
  display: none;}
 +
 
 +
  .right-menu li a, .right-menu li a:hover {
 +
  color: #3c6b27;
 +
  background-color: transparent;
 +
  }
 +
 
 +
  .firstHeading {
 +
    display: none;}
 +
 
 +
  #AuxLogo {
 +
  position: relative;
 +
  text-align:center;
 +
  }
 +
 
 +
  #iGEMLogo {
 +
  position:absolute;
 +
  top:80px;
 +
  left:15px;
 +
  }
 +
 
 +
  #ImperialLogo {
 +
  position:absolute;
 +
  top:100px;
 +
  left:790px;
 +
  }
 +
 
 +
  body {
 +
  background-color:#E9EEE9;
 +
  }
 +
 
 +
  #menucontainer {
 +
  overflow:visible;
 +
  position:relative;
 +
  z-index:3;
 +
  }
 +
 
 +
  #content {
 +
  position: relative;
 +
  width: 975px;
 +
  margin: 0 auto;
 +
  padding-top:1px;
 +
  padding-left:0px;
 +
  padding-right:0px;
 +
  padding-bottom:0px;
 +
  background: #ffffff;
 +
  color: black;
 +
  border: none;
 +
  line-height: 1.5em;
 +
  z-index: 2;
 +
  }
 +
 
 +
  #contentSub {
 +
  margin: 0 0 0 0;
 +
  }
 +
 
 +
  #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
 +
  margin-bottom: 0;
 +
  }
 +
 
 +
  a {color:#93B825;}
 +
  a:link {color:#93B825;}
 +
  a:visited {color:#728F1D;}
 +
  a:hover {color:#93B825;}
 +
  a:active {color:#93B825;}
 +
  a[name]:hover {text-decoration:none;}
 +
 
 +
  h1 {
 +
  font-family: arial,sans-serif;
 +
  color: #225323;
 +
  background: #ffffff;
 +
  font-weight: bold;
 +
  font-size: 2.2em;
 +
  margin: 0 0 0 0;
 +
  padding: 20px 20px 12px 20px;
 +
  border-bottom: none;
 +
  }
 +
 
 +
  h2 {
 +
  font-family: arial,sans-serif;
 +
  color: #225323;
 +
  background: #ffffff;
 +
  font-weight: bold;
 +
  font-size: 1.7em;
 +
  margin: 0 0 0 0;
 +
  padding: 18px 20px 7px 20px;
 +
  border-bottom: none;
 +
  }
 +
 
 +
  h3 {
 +
  font-family: arial,sans-serif;
 +
  color: #225323;
 +
  background: #ffffff;
 +
  font-weight: bold;
 +
  font-size: 1.4em;
 +
  margin: 0 0 0 0;
 +
  padding: 16px 20px 2px 20px;
 +
  border-bottom: none;
 +
  }
 +
 
 +
  h4 {
 +
  font-family: arial,sans-serif;
 +
  color: #225323;
 +
  background: #ffffff;
 +
  font-weight: bold;
 +
  font-size: 1.1em;
 +
  margin: 0 0 0 0;
 +
  padding: 13.5px 20px 1px 20px;
 +
  border-bottom: none;
 +
  }
 +
 
 +
  p {
 +
  font-family: arial,sans-serif;
 +
  color: #000000;
 +
  background: #ffffff;
 +
  font-weight: normal;
 +
  font-size: 1em;
 +
  line-height: 1.7em;
 +
  text-align: justify;
 +
  margin: 0 0 0 0;
 +
  padding: 5px 20px 0px 20px;
 +
  }
 +
 
 +
  .border {
 +
  border:1px solid #B2B2B2;
 +
  }
 +
 
 +
  .imgbox {
 +
  margin:20px;
 +
  padding:10px;
 +
  border:1px solid black;
 +
  text-align:center;
 +
  }
 +
 
 +
  .vidbox {
 +
  margin:20px;
 +
  padding:10px;
 +
  border:1px solid black;
 +
  text-align:center;
 +
  }
 +
 
 +
  ul.a {
 +
  margin: 0 0 0 40px;
 +
  list-style-image: none;
 +
  list-style-type:disc;
 +
  font-family: arial,sans-serif;
 +
  color: #000000;
 +
  background: #ffffff;
 +
  font-weight: normal;
 +
  font-size: 1em;
 +
  line-height: 1.7em;
 +
  text-align: justify;
 +
  padding: 5px 20px 0px 20px;
 +
  }
 +
 
 +
  ol.a {
 +
  margin: 0 0 0 30px;
 +
  list-style-position:inside;
 +
  font-family: arial,sans-serif;
 +
  color: #000000;
 +
  background: #ffffff;
 +
  font-weight: normal;
 +
  font-size: 1em;
 +
  line-height: 1.7em;
 +
  text-align: justify;
 +
  padding: 5px 20px 0px 20px;
 +
  }
 +
 
 +
  iframe {
 +
  padding: 10px 20px 10px 20px;
 +
  }
 +
 
 +
  </style>
 +
  </head>
<body>
<body>
-
<div id='menucontainer'>
+
<div id='AuxLogo'>
-
<ul class="sf-menu sf-navbar">
+
  <a href='https://2011.igem.org/Team:Imperial_College_London'>
-
<li>
+
    <img src='https://static.igem.org/mediawiki/2011/5/5b/ICL_Auxin_Logo_New.png' style="width:350px;" />
-
<a class="sf-with-ul" href="#">Project AuxIn<span class="sf-sub-indicator"> &#187;</span></a>
+
  </a>
-
<ul>
+
-
<li><a href="https://2011.igem.org/Team:Imperial_College_London">Home</a></li>  
+
-
<li><a href="https://2011.igem.org/Team:Imperial_College_London/Tour">At a Glance</a></li>
+
-
<li><a href="https://2011.igem.org/Team:Imperial_College_London/Project/Background">The Problem</a></li>
+
-
<li><a href="https://2011.igem.org/Team:Imperial_College_London/Project_Chemotaxis_Overview">M1: Phyto-Route</a></li>
+
-
<li><a href="https://2011.igem.org/Team:Imperial_College_London/Project_Auxin_Overview">M2: Auxin Xpress</a></li>
+
-
<li><a href="https://2011.igem.org/Team:Imperial_College_London/Project_Gene_Overview">M3: Gene Guard</a></li> 
+
-
</ul>
+
-
</li>
+
-
<li>
+
-
<a class="sf-with-ul" href="#">Achievements<span class="sf-sub-indicator"> &#187;</span></a>
+
-
<ul>
+
-
<li><a href="https://2011.igem.org/Team:Imperial_College_London/Achievements">Main Results</a></li>  
+
-
<li><a href="https://2011.igem.org/Team:Imperial_College_London/Data">Data</a></li>
+
-
<li><a href="https://2011.igem.org/Team:Imperial_College_London/Judging">Judging Criteria</a></li>
+
-
</ul>
+
-
                                        </li>
+
-
<li>
+
-
<a class="sf-with-ul" href="#">Human Practice<span class="sf-sub-indicator"> &#187;</span></a>
+
-
<ul>
+
-
<li><a href="https://2011.igem.org/Team:Imperial_College_London/Human_Overview">Informing Design</a></li>
+
-
<li><a href="https://2011.igem.org/Team:Imperial_College_London/Safety">Safety</a></li>
+
-
<li><a href="https://2011.igem.org/Team:Imperial_College_London/Human/Outreach">Outreach</a></li>
+
-
</ul>
+
-
</li>
+
-
<li>
+
-
<a class="sf-with-ul" href="#">Extras<span class="sf-sub-indicator"> &#187;</span></a>
+
-
<ul>
+
-
                                                        <li><a href="https://2011.igem.org/Team:Imperial_College_London/Extras/Collaboration">Collaboration</a></li>
+
-
<li><a href="https://2011.igem.org/Team:Imperial_College_London/Protocols_General">Protocols</a></li>
+
-
<li><a href="https://2011.igem.org/Team:Imperial_College_London/Software">Software</a></li>
+
-
<li><a href="https://2011.igem.org/Team:Imperial_College_London/Notebook/week1">Diary</a></li>
+
-
                                                        <li><a href="https://2011.igem.org/Team:Imperial_College_London/Brainstorming_Health">Brainstorming</a></li>
+
-
</ul>
+
-
</li>
+
-
<li>
+
-
<a href="https://2011.igem.org/Team:Imperial_College_London/Team">Team</a>
+
-
</li>
+
-
</ul>  
+
</div>
</div>
-
<p><br/><br/></p>
+
<div id='iGEMLogo'>
 +
  <a href='https://2011.igem.org/Main_Page' target="_blank">
 +
    <img src='https://static.igem.org/mediawiki/2011/b/be/ICL_iGEM_Logo.png' style="width:90px;" />
 +
  </a>
 +
</div>
 +
<div id='ImperialLogo'>
 +
  <a href='http://www3.imperial.ac.uk/' target="_blank">
 +
    <img src='https://static.igem.org/mediawiki/2011/1/19/ImperialLogo.png' style="width:160px;" />
 +
  </a>
 +
</div>
 +
 
</body>
</body>
</html>
</html>

Revision as of 05:47, 4 October 2011