Team:Peking/SideBar

From 2010.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
 +
 +
<style type="text/css">
<style type="text/css">
 +
 +
#main{
#main{
 +
 +
width: 840px;
 +
margin-left: auto;
margin-left: auto;
 +
margin-right: auto;
margin-right: auto;
 +
}
}
 +
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
 +
/* sidebar right                                                              */
/* sidebar right                                                              */
 +
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
 +
 +
#sidebar {
#sidebar {
 +
     width: 172px;
     width: 172px;
-
background-color:FFFFFF  
+
 
 +
background-color:FFFFFF  
 +
 
     margin: 20px 7px 0 0px;
     margin: 20px 7px 0 0px;
 +
     position: relative;
     position: relative;
 +
     float: right;
     float: right;
 +
     text-align: left;
     text-align: left;
 +
}
}
 +
 +
#sidebar_extra {
#sidebar_extra {
 +
     margin-top: 0px;
     margin-top: 0px;
 +
}
}
 +
 +
#sidebar ul {
#sidebar ul {
 +
     padding: 0;
     padding: 0;
 +
     margin: 0;
     margin: 0;
 +
     list-style: none;
     list-style: none;
 +
}
}
 +
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
 +
/* sidebar left                                                              */
/* sidebar left                                                              */
 +
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
 +
#lsidebar {
#lsidebar {
 +
     width: 172px;
     width: 172px;
 +
     margin: 20px 7px 0 0px;
     margin: 20px 7px 0 0px;
 +
     position: relative;
     position: relative;
 +
     float: left;
     float: left;
 +
     text-align: left;
     text-align: left;
 +
}
}
 +
 +
#lsidebar_extra {
#lsidebar_extra {
 +
     margin-top: 0px;
     margin-top: 0px;
 +
}
}
 +
 +
#lsidebar ul {
#lsidebar ul {
 +
     padding: 0;
     padding: 0;
 +
     margin: 0;
     margin: 0;
 +
     list-style: none;
     list-style: none;
 +
}
}
 +
 +
#content{
#content{
-
background: transparent;
+
 
-
float: right;
+
background: transparent;
 +
 
 +
float: right;
 +
 
}
}
 +
 +
#footer{
#footer{
-
clear: both;
+
 
 +
clear: both;
 +
 
}
}
 +
 +
</style>
</style>
 +
 +
</html>  
</html>  
 +
 +
 +
<div id="sidebar">
<div id="sidebar">
 +
 +
<hr size=4px width=172px color=00009f>
<hr size=4px width=172px color=00009f>
 +
<font size=3><font color=00009f><font face="Showcard Gothic">News</font></font></font>
<font size=3><font color=00009f><font face="Showcard Gothic">News</font></font></font>
 +
<br>
<br>
-
<font size=2>——Welcome to Peking University iGEM wiki! We began to construct our site on 10 July and it will be updated throughout the summer!</font>
+
 
 +
<font size=2>--Welcome to Peking University iGEM wiki! We began to construct our site on 10 July and it will be updated throughout the summer!</font>
 +
 
<br>
<br>
-
<font size=2>——We have began the laboratory work!</font>
+
 
 +
<font size=2>--We have began the laboratory work!</font>
 +
 
<br>
<br>
-
<font size=2>——We went to play karaoke this Thursday!</font>
+
 
 +
<font size=2>--We went to play karaoke this Thursday!</font>
 +
 
<br>
<br>
-
<font size=2>——We attended IGEM CHINA meetup!</font>
+
 
 +
<font size=2>--We attended IGEM CHINA meetup!</font>
 +
 
 +
 
<hr size=4px width=172px color=00009f>
<hr size=4px width=172px color=00009f>
 +
<font size=3><font color=00009f><font face="Showcard Gothic">Sponsors</font></font></font>
<font size=3><font color=00009f><font face="Showcard Gothic">Sponsors</font></font></font>
 +
<br>
<br>
 +
<center><html><a href = "http://ctb.pku.edu.cn/main/en/index.htm"><img src="https://static.igem.org/mediawiki/2010/5/52/CTBbanner.gif" width="172px" height="50px"></a></html></center>
<center><html><a href = "http://ctb.pku.edu.cn/main/en/index.htm"><img src="https://static.igem.org/mediawiki/2010/5/52/CTBbanner.gif" width="172px" height="50px"></a></html></center>
 +
<br>
<br>
 +
<center><html><a href = "http://www.bio.pku.edu.cn/english/"><img src="https://static.igem.org/mediawiki/2010/a/a9/SCHOOL_OF_LIFE_SCIENCE.png" width="172px" height="50px"></a></html></center>
<center><html><a href = "http://www.bio.pku.edu.cn/english/"><img src="https://static.igem.org/mediawiki/2010/a/a9/SCHOOL_OF_LIFE_SCIENCE.png" width="172px" height="50px"></a></html></center>
 +
<br>
<br>
 +
<center><html><a href = "http://yuanpei.pku.edu.cn/index_en.php"><img src="https://static.igem.org/mediawiki/2010/9/9e/YUANPEI_COLLEGE.png" width="172px" height="50px"></a></html></center>
<center><html><a href = "http://yuanpei.pku.edu.cn/index_en.php"><img src="https://static.igem.org/mediawiki/2010/9/9e/YUANPEI_COLLEGE.png" width="172px" height="50px"></a></html></center>
 +
<br>
<br>
 +
<center><html><a href = "http://www.chem.pku.edu.cn/index.php?styleid=2"><img src="https://static.igem.org/mediawiki/2010/7/74/COLLEGE_OF_CHEMISTRY_AND_MOLECULAR_ENGINEERING.png" width="172px" height="50px"></a></html></center>
<center><html><a href = "http://www.chem.pku.edu.cn/index.php?styleid=2"><img src="https://static.igem.org/mediawiki/2010/7/74/COLLEGE_OF_CHEMISTRY_AND_MOLECULAR_ENGINEERING.png" width="172px" height="50px"></a></html></center>
 +
<br>
<br>
 +
<center><html><a href = "http://web5.pku.edu.cn/huanjing/"><img src="https://static.igem.org/mediawiki/2010/8/81/COLLEGE_OF_ENVIRONMENTAL_SCIENCES_AND_ENGINEERING.png" width="172px" height="50px"></a></html></center>
<center><html><a href = "http://web5.pku.edu.cn/huanjing/"><img src="https://static.igem.org/mediawiki/2010/8/81/COLLEGE_OF_ENVIRONMENTAL_SCIENCES_AND_ENGINEERING.png" width="172px" height="50px"></a></html></center>
 +
<br>
<br>
 +
<center><html><a href = "http://dean.pku.edu.cn/"><img src="https://static.igem.org/mediawiki/2010/3/34/PKU_OFFICE_OF_EDUCATIONAL_ADMINISTRATION.png" width="172px" height="50px"></a></html></center>
<center><html><a href = "http://dean.pku.edu.cn/"><img src="https://static.igem.org/mediawiki/2010/3/34/PKU_OFFICE_OF_EDUCATIONAL_ADMINISTRATION.png" width="172px" height="50px"></a></html></center>
 +
<br>
<br>
 +
<center><html><a href = "http://www.bio.pku.edu.cn/syzx/"><img src="https://static.igem.org/mediawiki/2010/6/61/TEACHING_CENTER_FOR_EXPERIMENTAL_BIOLOGY.png" width="172px" height="50px"></a></html></center>
<center><html><a href = "http://www.bio.pku.edu.cn/syzx/"><img src="https://static.igem.org/mediawiki/2010/6/61/TEACHING_CENTER_FOR_EXPERIMENTAL_BIOLOGY.png" width="172px" height="50px"></a></html></center>
 +
<br>
<br>
 +
 +
 +
</div>
</div>
 +
 +
<div id="lsidebar">
<div id="lsidebar">
 +
<hr size=4px width=172px color=00009f>
<hr size=4px width=172px color=00009f>
 +
<font size=3><font color=00009f><font face="Showcard Gothic">Overview</font></font></font>
<font size=3><font color=00009f><font face="Showcard Gothic">Overview</font></font></font>
 +
<html>
<html>
 +
<head>
<head>
 +
<style type="text/css">
<style type="text/css">
 +
<!--
<!--
 +
ul#menu {
ul#menu {
 +
   width: 172px;
   width: 172px;
 +
   list-style: none;
   list-style: none;
 +
   border-top: solid 1px #b9a894;
   border-top: solid 1px #b9a894;
 +
   margin: 20px13px7px;
   margin: 20px13px7px;
 +
   padding: 0;
   padding: 0;
 +
   position: relative;
   position: relative;
 +
   float: left;
   float: left;
 +
}
}
 +
 +
ul#menu ol {
ul#menu ol {
 +
   display: none;
   display: none;
 +
   text-align: center;
   text-align: center;
 +
   list-style-type: none;
   list-style-type: none;
 +
   margin: 0px 0;
   margin: 0px 0;
 +
   padding: 0;
   padding: 0;
 +
}
}
 +
 +
ul#menu li,  
ul#menu li,  
 +
   ul#menu a {
   ul#menu a {
 +
   font-family: "Comic Sans MS", Arial, Sans-serif;
   font-family: "Comic Sans MS", Arial, Sans-serif;
 +
   font-size: 13px;
   font-size: 13px;
 +
   color: #000000;
   color: #000000;
 +
   margin: 0;
   margin: 0;
 +
}
}
 +
 +
ul#menu li {
ul#menu li {
 +
   border-bottom: solid 1px #b9a894;
   border-bottom: solid 1px #b9a894;
 +
   line-height: 15px;
   line-height: 15px;
 +
}
}
 +
 +
ul#menu ol li {
ul#menu ol li {
 +
   border-bottom: none;
   border-bottom: none;
 +
}
}
 +
 +
ul#menu ol li:before {
ul#menu ol li:before {
 +
   content: "";
   content: "";
 +
}
}
 +
 +
ul#menu a {
ul#menu a {
 +
   display: block;
   display: block;
 +
   width: 160px;
   width: 160px;
 +
   height:  19px;
   height:  19px;
 +
   border: 1px solid #bbb;
   border: 1px solid #bbb;
 +
   margin-top: 0px;
   margin-top: 0px;
 +
   background:  url(https://static.igem.org/mediawiki/2010/d/d0/Main.jpg) no-repeat left top;
   background:  url(https://static.igem.org/mediawiki/2010/d/d0/Main.jpg) no-repeat left top;
 +
   padding: 2px 4px;
   padding: 2px 4px;
 +
   text-decoration: none;
   text-decoration: none;
 +
   color: #000
   color: #000
 +
   outline: none;
   outline: none;
 +
}
}
 +
 +
ul#menu a:hover {
ul#menu a:hover {
 +
     display: block;
     display: block;
 +
     width: 160px;
     width: 160px;
 +
     height: 19px;
     height: 19px;
 +
     border: 1px solid #bbb;
     border: 1px solid #bbb;
 +
     margin-top: 1px;
     margin-top: 1px;
 +
     background: url(https://static.igem.org/mediawiki/2010/8/8e/ONHOVER.jpg) no-repeat left top;
     background: url(https://static.igem.org/mediawiki/2010/8/8e/ONHOVER.jpg) no-repeat left top;
 +
     padding: 2px 4px;
     padding: 2px 4px;
 +
     color: #0000ff;
     color: #0000ff;
 +
}
}
 +
 +
ul#menu a.active {
ul#menu a.active {
 +
     display: block;
     display: block;
 +
     margin: 0;
     margin: 0;
 +
     padding: 2px 4px;
     padding: 2px 4px;
 +
     width: 160px;
     width: 160px;
 +
     text-decoration: none;
     text-decoration: none;
 +
     font-weight: bold;
     font-weight: bold;
 +
     background: url(https://static.igem.org/mediawiki/2010/f/f0/Active.jpg) repeat-x bottom;
     background: url(https://static.igem.org/mediawiki/2010/f/f0/Active.jpg) repeat-x bottom;
 +
}
}
 +
-->
-->
 +
</style>
</style>
 +
 +
<script type="text/javascript">
<script type="text/javascript">
 +
<!--
<!--
 +
/* This script and many more are available free online at
/* This script and many more are available free online at
 +
The JavaScript Source :: http://javascript.internet.com
The JavaScript Source :: http://javascript.internet.com
 +
Created by: Travis Beckham :: http://www.squidfingers.com | http://www.podlob.com */
Created by: Travis Beckham :: http://www.squidfingers.com | http://www.podlob.com */
 +
 +
/* Coded by Travis Beckham
/* Coded by Travis Beckham
 +
   http://www.squidfingers.com | http://www.podlob.com
   http://www.squidfingers.com | http://www.podlob.com
 +
   version date: 06/02/03
   version date: 06/02/03
 +
   If want to use this code, feel free to do so, but please leave this message intact. */
   If want to use this code, feel free to do so, but please leave this message intact. */
 +
 +
// Node Functions
// Node Functions
 +
 +
if(!window.Node){
if(!window.Node){
 +
   var Node = {ELEMENT_NODE : 1, TEXT_NODE : 3};
   var Node = {ELEMENT_NODE : 1, TEXT_NODE : 3};
 +
}
}
 +
 +
function checkNode(node, filter){
function checkNode(node, filter){
 +
   return (filter == null || node.nodeType == Node[filter] || node.nodeName.toUpperCase() == filter.toUpperCase());
   return (filter == null || node.nodeType == Node[filter] || node.nodeName.toUpperCase() == filter.toUpperCase());
 +
}
}
 +
 +
function getChildren(node, filter){
function getChildren(node, filter){
 +
   var result = new Array();
   var result = new Array();
 +
   var children = node.childNodes;
   var children = node.childNodes;
 +
   for(var i = 0; i < children.length; i++){
   for(var i = 0; i < children.length; i++){
 +
     if(checkNode(children[i], filter)) result[result.length] = children[i];
     if(checkNode(children[i], filter)) result[result.length] = children[i];
 +
   }
   }
 +
   return result;
   return result;
 +
}
}
 +
 +
function getChildrenByElement(node){
function getChildrenByElement(node){
 +
   return getChildren(node, "ELEMENT_NODE");
   return getChildren(node, "ELEMENT_NODE");
 +
}
}
 +
 +
function getFirstChild(node, filter){
function getFirstChild(node, filter){
 +
   var child;
   var child;
 +
   var children = node.childNodes;
   var children = node.childNodes;
 +
   for(var i = 0; i < children.length; i++){
   for(var i = 0; i < children.length; i++){
 +
     child = children[i];
     child = children[i];
 +
     if(checkNode(child, filter)) return child;
     if(checkNode(child, filter)) return child;
 +
   }
   }
 +
   return null;
   return null;
 +
}
}
 +
 +
function getFirstChildByText(node){
function getFirstChildByText(node){
 +
   return getFirstChild(node, "TEXT_NODE");
   return getFirstChild(node, "TEXT_NODE");
 +
}
}
 +
 +
function getNextSibling(node, filter){
function getNextSibling(node, filter){
 +
   for(var sibling = node.nextSibling; sibling != null; sibling = sibling.nextSibling){
   for(var sibling = node.nextSibling; sibling != null; sibling = sibling.nextSibling){
 +
     if(checkNode(sibling, filter)) return sibling;
     if(checkNode(sibling, filter)) return sibling;
 +
   }
   }
 +
   return null;
   return null;
 +
}
}
 +
function getNextSiblingByElement(node){
function getNextSiblingByElement(node){
 +
         return getNextSibling(node, "ELEMENT_NODE");
         return getNextSibling(node, "ELEMENT_NODE");
 +
}
}
 +
 +
// Menu Functions & Properties
// Menu Functions & Properties
 +
 +
var activeMenu;
var activeMenu;
 +
var lastClicked;
var lastClicked;
 +
 +
function showMenu() {
function showMenu() {
 +
   if(activeMenu){
   if(activeMenu){
 +
     activeMenu.className = "";
     activeMenu.className = "";
 +
     getNextSiblingByElement(activeMenu).style.display = "none";
     getNextSiblingByElement(activeMenu).style.display = "none";
 +
   }
   }
 +
   if(this == activeMenu)
   if(this == activeMenu)
 +
   {
   {
 +
     activeMenu = null;
     activeMenu = null;
 +
     lastClicked = null;
     lastClicked = null;
 +
   } else {
   } else {
 +
     this.className = "active";
     this.className = "active";
 +
     getNextSiblingByElement(this).style.display = "block";
     getNextSiblingByElement(this).style.display = "block";
 +
     activeMenu = this;
     activeMenu = this;
 +
     lastClicked = this.textContent;
     lastClicked = this.textContent;
 +
     window.name = lastClicked;
     window.name = lastClicked;
 +
   }  
   }  
 +
 +
return false;
return false;
 +
    
    
 +
 +
}
}
 +
 +
function initMenu(){
function initMenu(){
 +
   var menus, menu, text, a, i;
   var menus, menu, text, a, i;
 +
   menus = getChildrenByElement(document.getElementById("menu"));
   menus = getChildrenByElement(document.getElementById("menu"));
 +
    
    
 +
   for(i = 0; i < menus.length; i++){
   for(i = 0; i < menus.length; i++){
 +
     menu = menus[i];
     menu = menus[i];
 +
     text = getFirstChildByText(menu);
     text = getFirstChildByText(menu);
 +
     a = document.createElement("a");
     a = document.createElement("a");
 +
     menu.replaceChild(a, text);
     menu.replaceChild(a, text);
 +
     a.appendChild(text);
     a.appendChild(text);
 +
     a.href = "#";
     a.href = "#";
 +
     a.onclick = showMenu;
     a.onclick = showMenu;
 +
     a.onfocus = function(){this.blur()};
     a.onfocus = function(){this.blur()};
 +
     if (a.textContent == window.name)
     if (a.textContent == window.name)
 +
     {
     {
 +
       a.className = "active";
       a.className = "active";
 +
       getNextSiblingByElement(a).style.display = "block";
       getNextSiblingByElement(a).style.display = "block";
 +
       activeMenu = a;
       activeMenu = a;
 +
     }
     }
 +
 +
   }
   }
 +
    
    
 +
    
    
 +
}
}
 +
 +
if(document.createElement) window.onload = initMenu;
if(document.createElement) window.onload = initMenu;
 +
//-->
//-->
 +
</script>
</script>
 +
 +
 +
</head>
</head>
 +
<body>
<body>
 +
 +
<table align=left cellspacing=0 cellpadding=0>
<table align=left cellspacing=0 cellpadding=0>
 +
<tr><td>
<tr><td>
 +
<ul id="menu">
<ul id="menu">
 +
<li>Temp
<li>Temp
 +
     <ol>
     <ol>
 +
       <lie><a href="https://2010.igem.org/Team:Peking/Team">Team</a>
       <lie><a href="https://2010.igem.org/Team:Peking/Team">Team</a>
 +
       <li><a href="https://2010.igem.org/Team:Peking/Project">Project</a></li>
       <li><a href="https://2010.igem.org/Team:Peking/Project">Project</a></li>
 +
       <li><a href="https://2010.igem.org/Team:Peking/Parts">Parts</a></li>
       <li><a href="https://2010.igem.org/Team:Peking/Parts">Parts</a></li>
-
     
+
 
       <li><a href="https://2010.igem.org/Team:Peking/Modeling">Modeling</a></li>
       <li><a href="https://2010.igem.org/Team:Peking/Modeling">Modeling</a></li>
 +
       <li><a href="https://2010.igem.org/Team:Peking/Notebook">Notebook</a></li>
       <li><a href="https://2010.igem.org/Team:Peking/Notebook">Notebook</a></li>
 +
       <li><a href="https://2010.igem.org/Team:Peking/Human_Practice">Human Practice</a></li>
       <li><a href="https://2010.igem.org/Team:Peking/Human_Practice">Human Practice</a></li>
 +
     </ol>
     </ol>
 +
   </li>
   </li>
 +
 +
</ul>
</ul>
 +
</td></tr></table>
</td></tr></table>
 +
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
 +
 +
</body>
</body>
 +
 +
</html>
</html>
Line 324: Line 644:
<hr size=4px width=172px color=00009f>
<hr size=4px width=172px color=00009f>
 +
<font size=3><font color=00009f><font face="Showcard Gothic">CountDown</font></font></font>
<font size=3><font color=00009f><font face="Showcard Gothic">CountDown</font></font></font>
 +
 +
<!--the countdown code-->
<!--the countdown code-->
 +
 +
<html>
<html>
 +
<div id="countdown">
<div id="countdown">
 +
<object type="application/x-shockwave-flash" data="http://www.oneplusyou.com/bb/files/countdown/countdown.swf?co=00009f&bgcolor=ffffff&date_month=11&date_day=4&date_year=0&un=IGEM JAMBOREE 2010&size=small&mo=11&da=4&yr=2010" width="172" height="58">
<object type="application/x-shockwave-flash" data="http://www.oneplusyou.com/bb/files/countdown/countdown.swf?co=00009f&bgcolor=ffffff&date_month=11&date_day=4&date_year=0&un=IGEM JAMBOREE 2010&size=small&mo=11&da=4&yr=2010" width="172" height="58">
 +
<param name="movie" value="http://www.oneplusyou.com/bb/files/countdown/countdown.swf?co=00009f&bgcolor=ffffff&date_month=11&date_day=4&date_year=0&un=IGEM JAMBOREE 2010&size=small&mo=11&da=4&yr=2010" /><param name="bgcolor" value="#A9D0F5" /></object>
<param name="movie" value="http://www.oneplusyou.com/bb/files/countdown/countdown.swf?co=00009f&bgcolor=ffffff&date_month=11&date_day=4&date_year=0&un=IGEM JAMBOREE 2010&size=small&mo=11&da=4&yr=2010" /><param name="bgcolor" value="#A9D0F5" /></object>
 +
</div>
</div>
 +
</html>
</html>
 +
 +
<!--end of the countdown code-->
<!--end of the countdown code-->
 +
 +
<br>
<br>
 +
<hr size=4px width=172px color=00009f>
<hr size=4px width=172px color=00009f>
 +
<font size=3><font color=00009f><font face="Showcard Gothic">Vistors From...</font></font></font>
<font size=3><font color=00009f><font face="Showcard Gothic">Vistors From...</font></font></font>
 +
 +
<html>
<html>
 +
<a href="http://www3.clustrmaps.com/counter/maps.php?url=https://2010.igem.org/Team:Peking" id="clustrMapsLink"><img src="http://www3.clustrmaps.com/counter/index2.php?url=https://2010.igem.org/Team:Peking" width="172px" style="border:0px;" alt="Locations of visitors to this page" title="Locations of visitors to this page" id="clustrMapsImg" onerror="this.onerror=null; this.src='http://www2.clustrmaps.com/images/clustrmaps-back-soon.jpg'; document.getElementById('clustrMapsLink').href='http://www2.clustrmaps.com';" />
<a href="http://www3.clustrmaps.com/counter/maps.php?url=https://2010.igem.org/Team:Peking" id="clustrMapsLink"><img src="http://www3.clustrmaps.com/counter/index2.php?url=https://2010.igem.org/Team:Peking" width="172px" style="border:0px;" alt="Locations of visitors to this page" title="Locations of visitors to this page" id="clustrMapsImg" onerror="this.onerror=null; this.src='http://www2.clustrmaps.com/images/clustrmaps-back-soon.jpg'; document.getElementById('clustrMapsLink').href='http://www2.clustrmaps.com';" />
 +
</a>
</a>
 +
</html>
</html>
 +
 +
</div>
</div>
 +
<html>
<html>
 +
<div id="footer">
<div id="footer">
 +
<a href="#">^Top</a>
<a href="#">^Top</a>
 +
</div>
</div>
 +
</html>
</html>

Revision as of 15:43, 16 September 2010