Template:Team:HKU-HKBU/header

From 2009.igem.org

(Difference between revisions)
(New page: __NOTOC__ <html> <style> #sponsor_hku { height: 275px; weith: 56px; background: url(http://www.hku.hk/uid/images/basic_logo_07.jpg) no-repeat; } #bodyContent { ...)
 
(158 intermediate revisions not shown)
Line 1: Line 1:
-
__NOTOC__
 
<html>
<html>
-
<style>
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"> </script>
-
#sponsor_hku {
+
<script type="text/javascript" src="https://static.igem.org/mediawiki/2009/c/ce/Ddaccordion.txt"> </script>
-
        height: 275px;
+
<script type="text/javascript">
-
        weith: 56px;
+
-
        background: url(http://www.hku.hk/uid/images/basic_logo_07.jpg) no-repeat;
+
-
}
+
-
#bodyContent {
+
ddaccordion.init({
-
        padding-left: 98px;
+
headerclass: "submenuheader", //Shared CSS class name of headers group
-
        width: 770px;
+
contentclass: "submenu", //Shared CSS class name of contents group
-
}
+
revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
 +
mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
 +
collapseprev: false, //Collapse previous content (so only one open at any time)? true/false
 +
defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
 +
onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
 +
animatedefault: false, //Should contents open by default be animated into view?
 +
persiststate: true, //persist state of opened contents within browser session?
 +
toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
 +
togglehtml: ["suffix", "<img src='https://static.igem.org/mediawiki/2009/7/72/Plus.gif' class='statusicon' />", "<img src='https://static.igem.org/mediawiki/2009/a/a0/Minus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
 +
animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
 +
oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
 +
          var menuBar2 = document.getElementById("glossymenu2");
 +
  var aNodes  = menuBar2.getElementsByTagName("a");
 +
  for (var i = 0; i < aNodes.length; i++)
 +
  {
 +
    if(aNodes[i].attributes.getNamedItem("href").value == document.URL)
 +
    {
 +
              aNodes[i].style.fontWeight = "bold";
 +
    }
 +
  }
-
table.month tr.heading td {
+
          var menuBar3 = document.getElementById("glossymenu3");
-
        background-color: #99FF99;
+
  var aNodes1  = menuBar3.getElementsByTagName("a");
-
        text-align: center;
+
  for (var i = 0; i < aNodes1.length; i++)
-
        font-size: 120%;
+
  {
-
        font-weight: bold;
+
    if(aNodes1[i].attributes.getNamedItem("href").value == document.URL)
-
}
+
    {
 +
              aNodes1[i].style.fontWeight = "bold";
 +
    }
 +
  }
 +
},
 +
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
 +
//do nothing
 +
}
 +
})
 +
</script>
-
table.month {
+
<div id="wrapper">
-
        background-color: #FFFFCC;
+
  <div id="topnav">
-
}
+
    <object width="951" height="300">
-
 
+
      <param name="movie" value="Banner.swf">
-
table.month tr.dow {
+
      <embed src="https://static.igem.org/mediawiki/2009/4/47/Banner.swf" width="951" height="300">
-
        text-align: center;
+
    </embed>
-
        font-size: 110%;
+
</object>
-
}
+
  </div>
-
 
+
  <div id="leftnav">
-
table.month tr.dow td:hover {
+
    <div class="glossymenu"  id="glossymenu1">
-
        background-color: #FFFFCC;
+
<a class="menuitem" href="https://2009.igem.org/Team:HKU-HKBU">Home</a>
-
}
+
    </div>   
-
 
+
    <div class="glossymenu"  id="glossymenu2">
-
table.month td:hover {
+
<a class="menuitem" href="https://2009.igem.org/Team:HKU-HKBU/Project">Project</a>
-
background: #99CCFF;
+
<a class="menuitem" href="https://2009.igem.org/Team:HKU-HKBU/Parts">Parts</a>
-
}
+
<a class="menuitem submenuheader" href="https://2009.igem.org/Team:HKU-HKBU/Motor_Overview" >Device 1:<br />Micro-Motor</a>
-
 
+
<div class="submenu">
-
table.month td.today {
+
<ul>
-
        background-color: #FFFF66;
+
                <li><img src="https://static.igem.org/mediawiki/2009/7/70/Motor_menu_icon.gif" style="margin: 10px 10px" /></li>
-
}
+
<li><a href="https://2009.igem.org/Team:HKU-HKBU/Motor_Overview">Overview</a></li>
-
 
+
                <li><a href="https://2009.igem.org/Team:HKU-HKBU/Motor_Design">Design</a></li>
-
table.month td {
+
<li><a href="https://2009.igem.org/Team:HKU-HKBU/Motor_Preliminary_Trials">Preliminary Trials</a></li>
-
        text-align: right;
+
<li><a href="https://2009.igem.org/Team:HKU-HKBU/Motor_Methodology">Methodology</a></li>
-
}
+
</ul>
-
 
+
</div>
-
.day-active { color:#6699FF }
+
<a class="menuitem submenuheader" href="https://2009.igem.org/Team:HKU-HKBU/Polar_Expression_Design">Device 2:<br />Direction Controller</a>
-
.day-empty  { color:#000000 }
+
<div class="submenu">
-
 
+
<ul>
-
/* Menu */
+
                <li><img src="https://static.igem.org/mediawiki/2009/a/a8/PolarExp_menu_icon.gif" style="margin: 10px 10px" /></li>
-
#menu {
+
<li><a href="https://2009.igem.org/Team:HKU-HKBU/Polar_Expression_Design">Design</a></li>
-
width: 770px;
+
<li><a href="https://2009.igem.org/Team:HKU-HKBU/Polar_Expression_Results">Results</a></li>
-
height: 65px;
+
<li><a href="https://2009.igem.org/Team:HKU-HKBU/Polar_Expression_Methodology">Methodology</a></li>
-
margin: 0 auto;
+
</ul>
-
border-right: 1px solid #EDEBD5;
+
</div>
-
        border-top: 1px solid #EDEBD5;
+
<a class="menuitem submenuheader" href="https://2009.igem.org/Team:HKU-HKBU/Speed_Control_Design" >Device 3:<br />Speed Controller</a>
-
}
+
<div class="submenu">
-
 
+
<ul>
-
#menu ul {
+
                <li><img src="https://static.igem.org/mediawiki/2009/1/1b/SpdCtrl_menu_icon.gif" style="margin: 10px 10px" /></li>
-
margin: 0;
+
<li><a href="https://2009.igem.org/Team:HKU-HKBU/Speed_Control_Design">Design</a></li>
-
padding: 0;
+
<li><a href="https://2009.igem.org/Team:HKU-HKBU/Speed_Control_Results">Results</a></li>
-
list-style: none;
+
<li><a href="https://2009.igem.org/Team:HKU-HKBU/Speed_Control_Methodology">Methodology</a></li>
-
}
+
</ul>
-
 
+
</div>
-
#menu li {
+
<a class="menuitem" href="https://2009.igem.org/Team:HKU-HKBU/Assembly" >Assembly</a>
-
display: inline;
+
<a class="menuitem" href="https://2009.igem.org/Team:HKU-HKBU/Modeling" >Modeling</a>
-
}
+
<a class="menuitem" href="https://2009.igem.org/Team:HKU-HKBU/Application" >Applications</a>
-
 
+
    </div>
-
#menu a {
+
    <div class="glossymenu"  id="glossymenu3">
-
display: block;
+
<a class="menuitem submenuheader" href="https://2009.igem.org/Team:HKU-HKBU/Human_Practice" >Human Practices Advance</a>
-
float: left;
+
<div class="submenu">
-
width: 109px;
+
<ul>
-
height: 45px;
+
                <li><img src="https://static.igem.org/mediawiki/2009/6/61/Human_practice_logo.JPG" style="margin: 10px 10px" /></li>
-
padding: 20px 0 0 0;
+
                 <li><a href="https://2009.igem.org/Team:HKU-HKBU/Human_Practice">Overview</a></li>
-
border-left: 1px solid #EDEBD5;
+
                <li><a href="https://2009.igem.org/Team:HKU-HKBU/Human_Practice_Questionnaire">Questionnaire</a></li>
-
text-decoration: none;
+
<li><a href="https://2009.igem.org/Team:HKU-HKBU/Human_Practice_Website">Website</a></li>
-
text-align: center;
+
<li><a href="https://2009.igem.org/Team:HKU-HKBU/Human_Practice_Interview">Interview</a></li>
-
font-size: 144%;
+
<li><a href="https://2009.igem.org/Team:HKU-HKBU/Human_Practice_Lecture">Introductory Lecture</a></li>
-
color: #BABABA;
+
</ul>
-
}
+
</div>
-
 
+
-
#menu a:hover {
+
-
background: #F7F7F4;
+
-
}
+
-
 
+
-
#menu .active a {
+
-
background: #6699CC;
+
-
color: #FFFFFF;
+
-
}
+
-
 
+
-
/* Header */
+
-
 
+
-
#header {
+
-
width: 770px;
+
-
height: 279px;
+
-
margin: 0 auto;
+
-
        border-left: 1px solid #EDEBD5;
+
-
}
+
-
 
+
-
#header p {
+
-
width: 770px;
+
-
height: 279px;
+
-
margin: 0;
+
-
background: url(https://static.igem.org/mediawiki/2009/d/d1/Fmb.jpg) no-repeat;
+
-
padding: 20px 0 0 470px;
+
-
        font-size: 20px;
+
-
}
+
-
 
+
-
#header a {
+
-
text-decoration: none;
+
-
font-style: italic;
+
-
font-weight: normal;
+
-
color: #FFFFFF;
+
-
}
+
-
</style>
+
-
<div id="menu">
+
-
        <table>
+
-
<ul>
+
-
<li class="active"><a href="#">Home</a></li>
+
-
<li><a href="#HKU-HKBU_Team">The Team</a></li>
+
-
                 <li><a href="#Our_Project">The Project</a></li>
+
-
<li><a href="#">Parts</a></li>
+
-
<li><a href="#">Modeling</a></li>
+
-
<li><a href="#Notebook">Notebook</a></li>
+
-
<li><a href="#Sponsors">Sponsors</a></li>
+
-
</ul>
+
-
        </table>
+
-
</div>
+
-
<div id="header">
+
-
<p></p>
+
</div>
</div>
 +
  </div>
 +
  <div id="mainbox">
 +
    <div id="tabs">
 +
    <ul>
 +
      <li><a href="https://2009.igem.org/Team:HKU-HKBU/Brainstorming"><span>Brainstorming</span></a></li>
 +
      <li><a href="https://2009.igem.org/Team:HKU-HKBU/Team"><span>Team</span></a></li>
 +
      <li><a href="https://2009.igem.org/Team:HKU-HKBU/Gallery"><span>Gallery</span></a></li>
 +
      <li><a href="https://2009.igem.org/Team:HKU-HKBU/Calendar"><span>Calendar</span></a></li>
 +
      <li><a href="https://2009.igem.org/Team:HKU-HKBU/Protocols"><span>Protocols</span></a></li>
 +
      <li><a href="https://2009.igem.org/Team:HKU-HKBU/Biosafety"><span>Biosafety</span></a></li>
 +
      <li><a href="https://2009.igem.org/Team:HKU-HKBU/Acknowledgments"><span>Acknowledgments</span></a></li>
 +
      <li><a href="https://2009.igem.org/Team:HKU-HKBU/Contact"><span>Contact</span></a></li>
 +
    </ul>
 +
    </div>
 +
    <script type="text/javascript">
 +
      removeTitle();
 +
      modifyTopBar();
 +
    </script>
 +
    <div id="wikicontent">
</html>
</html>

Latest revision as of 18:19, 21 October 2009