Team:HKU-Hong Kong/Templates/Header

From 2011.igem.org

(Difference between revisions)
 
(49 intermediate revisions not shown)
Line 10: Line 10:
     var last = path.split("/");
     var last = path.split("/");
     if ( last[1] ) {
     if ( last[1] ) {
-
       $('#headover ul li a[href*="' + last[1] + '"]').addClass("curlink").css("color","#ea8828");
+
       $('#headover ul li a[href*="' + last[1] + '"]').addClass("curlink").css("color","#01DF01");
     }
     }
     else {
     else {
-
       $('#headover ul li a[href$="' + path + '"]').addClass("curlink").css("color","#ea8828");
+
       $('#headover ul li a[href$="' + path + '"]').addClass("curlink").css("color","#01DF01");
     }
     }
     });
     });
Line 25: Line 25:
     $('.listmain').not('.curlink').css("color","#dddddd");
     $('.listmain').not('.curlink').css("color","#dddddd");
     $('#headover ul').fadeOut(500);
     $('#headover ul').fadeOut(500);
-
     $('#headover').stop().animate({height:'50px',top:'100px'},1000);
+
     $('#headover').stop().animate({height:'50px',top:'120px'},1000);
     });
     });
Line 38: Line 38:
     $('.listmain').mouseover(function(){
     $('.listmain').mouseover(function(){
     $('.listmain').not('.curlink').css("color","#dddddd");
     $('.listmain').not('.curlink').css("color","#dddddd");
-
     $(this).css("color","#ea8828");
+
     $(this).css("color","#01DF01");
     });
     });
Line 49: Line 49:
   <style type="text/css">
   <style type="text/css">
-
   a:link {color:#20548f;}
+
   a:link {color:#04B404;}
-
   a:visited {color:#20548f;}
+
   a:visited {color:#04B404;}
-
   a:hover {color:#20548f;}
+
   a:hover {color:#04B404;}
-
   a:active {color:#20548f;}
+
   a:active {color:#04B404;}
   #top-section {
   #top-section {
Line 80: Line 80:
   #menubar a:active,#menubar a:hover,#menubar a:link,#menubar a:visited {
   #menubar a:active,#menubar a:hover,#menubar a:link,#menubar a:visited {
-
   color: #000000;}
+
   color: #04B404;}
   #footer-box {
   #footer-box {
Line 92: Line 92:
   #content {
   #content {
-
     width: 1000px;
+
     width: 900px;
     border: none;
     border: none;
     font-family: georgia, helvetica, arial, sans-serif;
     font-family: georgia, helvetica, arial, sans-serif;
-
     color: #000000}
+
     background-color:#000000;
 +
    color: #FFFFFF}
   #title {
   #title {
Line 117: Line 118:
     position:absolute;
     position:absolute;
     top:0px;
     top:0px;
-
     left:435px;}
+
     left:420px;}
   #csynbilogo {
   #csynbilogo {
-
     width:140px;
+
     width:300px;
-
     height:35px;
+
     height:50px;
     position:absolute;
     position:absolute;
-
     top:-10px;
+
     top:0px;
-
     left:900px;}
+
     left:670px;}
-
 
+
-
  #csbl {
+
-
    width:140px;
+
-
    height:35px;}
+
-
 
+
-
  #belink {
+
-
    width:200px;
+
-
    height:16px;
+
-
    position: absolute;
+
-
    top: 25px;
+
-
    font-size:1em;
+
-
    left: 697px;
+
-
    font-weight:500;}
+
   #belink a {
   #belink a {
Line 163: Line 151:
   #menuback {
   #menuback {
     width:100px;
     width:100px;
-
     height:150px;
+
     height:170px;
     position: absolute;
     position: absolute;
     top: 0px;
     top: 0px;
     left: 0px;
     left: 0px;
-
     background-color: #ea8828}
+
     background-color: #01DF01}
   #headpic {
   #headpic {
     width:800px;
     width:800px;
-
     height:300px;
+
     height:170px;
     position: absolute;
     position: absolute;
     top: 0px;
     top: 0px;
Line 181: Line 169:
     height:50px;
     height:50px;
     position: absolute;
     position: absolute;
-
     top: 250px;
+
     top: 100px;
     left: 0px;
     left: 0px;
     background: url(https://static.igem.org/mediawiki/2010/d/d8/Imperialigemheadoverone.png) 0px 0px no-repeat; }
     background: url(https://static.igem.org/mediawiki/2010/d/d8/Imperialigemheadoverone.png) 0px 0px no-repeat; }
Line 200: Line 188:
   .highlight{
   .highlight{
-
     color: #ea8828;}
+
     color: #01DF01;}
   #menulist{
   #menulist{
     position: absolute;
     position: absolute;
     top: 16px;
     top: 16px;
-
     left: 3px;
+
     left: 5px;
     list-style: none;}
     list-style: none;}
Line 213: Line 201:
   #menulist li a{
   #menulist li a{
-
     font-weight: 100;
+
     font-weight: 200;
     font-size: 1.2em;
     font-size: 1.2em;
     text-decoration: none;
     text-decoration: none;
Line 256: Line 244:
     <div id='igemlogo'>
     <div id='igemlogo'>
     <a href='https://2011.igem.org/Main_Page'>
     <a href='https://2011.igem.org/Main_Page'>
-
     <img src='https://static.igem.org/mediawiki/2010/7/7d/ICLlogo2.png'>
+
     <img src='https://static.igem.org/mediawiki/2011/5/56/IGEM_logo_%28white_word%29.png'>
     </a>
     </a>
   </div>
   </div>
   <div id='csynbilogo'>
   <div id='csynbilogo'>
     <a href='http://www0.hku.hk/biochem/'>
     <a href='http://www0.hku.hk/biochem/'>
-
     <img id="csbl" src=''>
+
     <img id="csbl" src='http://100.hku.hk/images/slogan.jpg'>
     </a>
     </a>
   </div>
   </div>
-
  <div id='belink'>
+
    </div>
-
    <a href='http://www3.imperial.ac.uk/bioengineering'>Department of Bioengineering</a>
+
-
  </div>
+
-
  <div id='mblink'>
+
-
    <a href='http://www3.imperial.ac.uk/molecularbiosciences'>Division of Molecular Biosciences</a>
+
-
  </div>
+
-
  </div>
+
   <div id='menu'>
   <div id='menu'>
   <div id='menuback'>
   <div id='menuback'>
     <ul id='menulist'>
     <ul id='menulist'>
     <li><a href='#' class='listhead' id='project'>Project</a></li>
     <li><a href='#' class='listhead' id='project'>Project</a></li>
-
     <li><a href='#' class='listhead' id='plan'>Plan</a></li>
+
     <li><a href='#' class='listhead' id='labwork'>Lab Work</a></li>
-
     <li><a href='#' class='listhead' id='results'>Results</a></li>
+
     <li><a href='#' class='listhead' id='team'>Team</a></li>
-
     <li><a href='#' class='listhead' id='extra'>Extras</a></li>
+
     <li><a href='#' class='listhead' id='data'>Data</a></li>
 +
    <li><a href='#' class='listhead' id='gratitude'>Gratitude</a></li>
     </ul>
     </ul>
   </div>
   </div>
   <div id='headpic'>
   <div id='headpic'>
     <div id='headover'>
     <div id='headover'>
-
     <p id='headtit'>Parasight<span class='dark'> &nbsp;<span class='highlight'>|</span>&nbsp;&nbsp;Parasite detection with a rapid response</span></p>
+
     <p id='headtit'>Super Silencer<span class='dark'> &nbsp;<span class='highlight'>|</span>&nbsp;&nbsp;Prepare to be silenced</span></p>
     <ul class='project'>
     <ul class='project'>
-
       <li><a href='https://2010.igem.org/Team:Imperial_College_London' class='listmain' id='results'>Home</a></li>
+
       <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Project' class='listmain' id='results'>Overview</a></li>
-
      <li><a href='https://2010.igem.org/Team:Imperial_College_London/Tour/Page_One' class='listmain' id='results'>Tour</a></li>
+
       <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Description' class='listmain' id='results'>Description</a></li>
-
       <li><a href='https://2010.igem.org/Team:Imperial_College_London/Modules' class='listmain' id='results'>Modules</a></li>
+
       <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Results' class='listmain' id='results'>Results</a></li>
-
       <li><a href='https://2010.igem.org/Team:Imperial_College_London/Chassis' class='listmain' id='results'>Chassis</a></li>  
+
       <ul class='project'>
       <ul class='project'>
-
       <li><a href='https://2010.igem.org/Team:Imperial_College_London/Human_Practices' class='listmain' id='results'>Human Practices</a></li>  
+
       <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/BioBricks' class='listmain' id='results'>BioBricks</a></li>
-
       <li><a href='https://2010.igem.org/Team:Imperial_College_London/Schistosoma' class='listmain' id='results'>Schistosoma</a></li>      
+
       <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Modelling' class='listmain' id='results'>Modelling</a></li>
-
       <li><a href='https://2010.igem.org/Team:Imperial_College_London/Research' class='listmain' id='results'>Research</a></li>
+
       <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Attributions' class='listmain' id='results'>Attributions</a></li>        
-
      <li><a href='https://2010.igem.org/Team:Imperial_College_London/Diary/Week_One' class='listmain' id='project'>Diary</a></li>
+
       </ul>
       </ul>
     </ul>
     </ul>
-
     <ul class='plan'>
+
     <ul class='labwork'>
-
       <li><a href='https://2010.igem.org/Team:Imperial_College_London/Modelling' class='listmain' id='results'>Modelling</a></li>
+
       <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Lab_Diaries' class='listmain' id='results'>Lab Diaries</a></li>
-
      <li><a href='https://2010.igem.org/Team:Imperial_College_London/Strategy' class='listmain' id='results'>Assembly</a></li>
+
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Lab_Protocol' class='listmain' id='results'>Lab Protocol</a></li>
-
      <li><a href='https://2010.igem.org/Team:Imperial_College_London/Lab_Diaries' class='listmain' id='results'>Lab Diaries</a></li>
+
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Safety' class='listmain' id='results'>Safety</a></li>
-
      <ul class='plan'>
+
-
        <li><a href='https://2010.igem.org/Team:Imperial_College_London/Protocol' class='listmain' id='results'>Lab Protocols</a></li>
+
-
        <li><a href='https://2010.igem.org/Team:Imperial_College_London/Safety' class='listmain' id='results'>Safety</a></li>
+
       </ul>
       </ul>
-
       <ul class='plan'>
+
    </ul>
 +
    <ul class='team'>
 +
       <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Team_Profile' class='listmain' id='results'>Profile</a></li>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Human_Practice' class='listmain' id='results'>Human Practice</a></li>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Diary' class='listmain' id='project'>Social Networks</a></li>
 +
      <ul class='team'>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Professors' class='listmain' id='results'>Professors & Advisors</a></li>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Videos' class='listmain' id='results'></a></li>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Videos' class='listmain' id='results'>Video</a></li>
 +
      </ul>
 +
    </ul>
 +
    <ul class='data'>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Parts' class='listmain' id='results'>Registry Parts</a></li>
       </ul>
       </ul>
-
    </ul>
 
-
    <ul class='results'>
 
-
      <li><a href='https://2010.igem.org/Team:Imperial_College_London/Results' class='listmain' id='results'>Experimental Results</a></li>
 
-
      <li><a href='https://2010.igem.org/Team:Imperial_College_London/Parts/Favourites' class='listmain' id='results'>Parts</a></li>
 
-
      <li><a href='https://2010.igem.org/Team:Imperial_College_London/Achievements' class='listmain' id='results'>Achievements</a></li>
 
-
 
     </ul>  
     </ul>  
-
     <ul class='extra'>
+
     <ul class='gratitude'>
-
       <li><a href='https://2010.igem.org/Team:Imperial_College_London/The_Team' class='listmain' id='results'>The Team</a></li>
+
       <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Sponsors' class='listmain' id='results'>Sponsors</a></li>
-
       <li><a href='https://2010.igem.org/Team:Imperial_College_London/Media/Videos' class='listmain' id='results'>Media</a></li>
+
       <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Acknowledgments' class='listmain' id='results'>Acknowledgments</a></li>
-
      <li><a href='https://2010.igem.org/Team:Imperial_College_London/School_Workshops' class='listmain' id='results'>School Workshops</a></li>
+
-
      <li><a href='https://2010.igem.org/Team:Imperial_College_London/Software_Tool' class='listmain' id='results'>Software Tool</a></li>
+
-
      <ul class='extra'>
+
-
      <li><a href='https://2010.igem.org/Team:Imperial_College_London/Acknowledgments' class='listmain' id='results'>Acknowledgments</a></li>
+
-
      <li><a href='https://2010.igem.org/Team:Imperial_College_London/Brainstorming' class='listmain' id='results'>Brainstorming</a></li>
+
-
      <li><a href='https://2010.igem.org/Team:Imperial_College_London/Glossary' class='listmain' id='results'>Glossary</a></li>
+
-
      <li><a href='https://2010.igem.org/Team:Imperial_College_London/Sitemap' class='listmain' id='results'>Sitemap</a></li>
+
       </ul>
       </ul>
     </ul>  
     </ul>  

Latest revision as of 13:06, 5 October 2011