Team:WHU-China

From 2012.igem.org

(Difference between revisions)
 
(126 intermediate revisions not shown)
Line 1: Line 1:
-
<div>{{Team:WHU-China/Templates/Header}}</div>
+
<html xmlns="http://www.w3.org/1999/xhtml">
 +
<body>
 +
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
 +
<script>
 +
function picObj(src, title, detail, href){
 +
this.src = src;
 +
this.title = title;
 +
this.detail = detail;
 +
this.href = href;
 +
}
 +
//*************************自定义数据部分*************************
 +
 +
//定义菜单及侧边栏数据
 +
var menuObj = {
 +
Home : [
 +
{
 +
title : "<strong>What's New</strong>",
 +
picArray : [
 +
new picObj("https://static.igem.org/mediawiki/2012/e/e3/What%27s_new_first.png","Overall Project", "Compared with traditional methods of losing weight, our probiotic-- E.coslim has three advantages: monitoring, high efficiency and long term efficiency.", "https://2012.igem.org/Team:WHU-China/Project?catalog=0"),
 +
new picObj("https://static.igem.org/mediawiki/2012/f/ff/Promoter_design.png", "Monitoring", "With two novel synthetic promoters, Pcar and PfadR, our E.coslim is able to sense, respond to the high calorie molecules and therefore monitor the health condition in human intestine.", "https://2012.igem.org/Team:WHU-China/Project?catalog=2#Pcar"),
 +
new picObj("http://partsregistry.org/wiki/images/f/ff/%E5%85%A8%E6%99%AF%E5%8A%A0%E6%AD%BB%E4%BA%A11.png", "Becoming highly efficient-- Panorama of the All Devices", "Four novel devices-- Fatty Acid Degradation, Cellulose Synthesis, Colonization and Death were designed to ensure high efficiency respond to high- calorie molecule, making people slim!", "https://2012.igem.org/Team:WHU-China/Project?catalog=3"),
 +
          new picObj("https://static.igem.org/mediawiki/2012/0/09/%E8%83%96%E5%AD%90%E7%98%A6%E5%AD%90.png", "Long term efficiency of the E.coslim", "By mathematical model, we showed that when viewed at a macroscopic level, the E. coslim may achieve long term efficiency by modulating the composition of gut microbiota.", "https://2012.igem.org/Team:WHU-China/Modeling?catalog=2")
 +
 +
]
 +
},
 +
{
 +
title : "<strong>Pathway Introduction</strong>",
 +
picArray : [
 +
new picObj("https://static.igem.org/mediawiki/igem.org/8/82/Pathway_FattyAcid.png", "Fatty Acid Degradation", "Feel free to eat meat since the fat is all degraded by our E.coslim!", "https://2012.igem.org/Team:WHU-China/Project?catalog=3"),
 +
new picObj("https://static.igem.org/mediawiki/igem.org/1/18/Pathway_Cellulose.png", "Cellulose Synthesis", "Transforming glucose into cellulose, the high-sugar food you eat will be turned into vegetables!", "https://2012.igem.org/Team:WHU-China/Project?catalog=4"),
 +
new picObj("https://static.igem.org/mediawiki/2012/e/ea/Device_three.png", "Colonization", "The magic molecule c-di-GMP enables E.coslim colonizing in the gut to better fulfill its magic function!", "https://2012.igem.org/Team:WHU-China/Project?catalog=5"),
 +
new picObj("https://static.igem.org/mediawiki/2012/b/b6/DEATH.png", "Death", "We plan to use xylose inducing death device to hlep people terminate the effect of E. coslim at will as well as prevent horizontal gene transfer", "https://2012.igem.org/Team:WHU-China/Project?catalog=6")
 +
]
 +
},
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
{
 +
title : "<strong>Future Perspective</strong>",
 +
picArray : [
 +
new picObj("https://static.igem.org/mediawiki/2012/a/ab/%E5%8F%8C%E8%83%B6%E5%9B%8A2.jpg", "Two Capsule Design", "Capsule I contains the E.coslim, making people slim, while Capsule II contains xylose, terminating the effects of the Capsule I.", "https://2012.igem.org/Team:WHU-China/Modeling?catalog=0"),
 +
new picObj("https://static.igem.org/mediawiki/2012/d/d2/Fpbody2.jpg", "In vitro experiment in a simulated intestine", "The gut microbiota and E.coslim will be inoculated in a simulated intestine, then the concentration measurement of each component will tell us whether E.coslim works as desired.", "https://2012.igem.org/Team:WHU-China/Modeling?catalog=0"),
 +
new picObj("https://static.igem.org/mediawiki/2012/8/85/%E5%B0%8F%E9%BC%A0%E5%AE%9E%E9%AA%8C02.jpg", "In vivo experiment in mice", "E.coslim will also be inoculated into mice and the microbiome analysis will tell us the real situation in vivo.", "https://2012.igem.org/Team:WHU-China/Modeling?catalog=0")
 +
]
 +
},
-
<html>
 
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
 
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
 
-
This is a template page. READ THESE INSTRUCTIONS.
 
-
</div>
 
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
 
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2009.igem.org/Help:Template/Examples">HERE</a>.
 
-
</div>
 
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
 
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified. PLEASE keep all of your pages within your teams namespace. 
 
-
</div>
 
-
</div>
 
-
</html>
 
-
<!-- *** End of the alert box *** -->
 
 +
{
 +
title : "<strong>Achievements</strong>",
 +
picArray : [
 +
new picObj("https://static.igem.org/mediawiki/2012/d/d1/Achievements_device_xia.png", "Devices", "This year, we got solid results in every device we designed. In all 66 new biobricks we submitted, 39 of them have been proved to be effective. Our project also foucused on the cutting edge science such as c-di-GMP and gut microbiota ", "https://2012.igem.org/Team:WHU-China/Notebooks?catalog=0"),
 +
new picObj("https://static.igem.org/mediawiki/2012/c/ca/Achievements_1.png", "Biobicks we have improved", "In our project, we have improved the function of some biobricks,such as BBa_J54222, BBa_K188011 and BBa_R0051. ", "https://2012.igem.org/Team:WHU-China/Notebooks?catalog=0"),
-
{|align="justify"
+
new picObj("https://static.igem.org/mediawiki/2012/f/f5/Achievements_2.png", "Novel promoter we designed", "As the existing promoter can not meet our demand, we designed two novel synthetic promoters Pcar and PfadR to achieve the goal of sensing and responding solely to high- calorie molecules. In addition, we also set up a standard for promoter design.", "https://2012.igem.org/Team:WHU-China/Notebooks?catalog=0"),
-
|You can write a background of your team here. Give us a background of your team, the members, etc. Or tell us more about something of your choosing.
+
-
|[[Image:WHU-China_logo.png|200px|right|frame]]
+
-
|-
+
-
| style = "font-family:'Calibri',monospace;font-size:16px"|
+
-
&nbsp;&nbsp;&nbsp;&nbsp;The utmost purpose of our project is to emancipate people from suffer of obesity and the restriction of diet. It can be achieved by genetically modifying a resident intestinal microbe, such as E.coli, to create a novel beneficial bacterial which is competent to eliminate the excessive absorption of calorie.<br>
+
-
&nbsp;&nbsp;&nbsp;&nbsp;Fatty acids are our primary targets. The competition between the absorption of the intestine and of the microbe on the surface of intestine is considered as a solution. To prevent the over in-take and accumulation of fatty acids, we will try to engineered microbe that can metabolize the excessive fatty acids in diet efficiently and effectively before they are absorbed by the host. To achieve this, we will overexpress the enzymes responsible for fatty acids degradation under the control of a natural sensor for concentration of fatty acids-- FadR, a repressor for the genes involving in fatty acids degradation. The problem is that we cannot use it directly since the natural promoter it regulates is also under the regulation of other factors responding to other signals. A synthetic promoter is then proposed to tackle the problem. A constitutive promoter is fused to the original binding site of FadR. If such promoter is added in front of the target genes, they can only express when the FadR senses the high concentration of fatty acids and slides off the site on DNA. The gene expression will and will solely respond to high concentration of fatty acids.<br>
+
-
&nbsp;&nbsp;&nbsp;&nbsp;Also, since the glucose can be transformed into fatty acids in our body, we will try to transform the glucose into polymers, such as cellulose, which cannot further be degraded and absorbed by the host. Instead of contributing to the formation of fatty acids, the glucose is turned into a healthier substance. The polymers made from the glucose may facilitate the growth of other species which have been proved to be beneficial for maintaining a normal weight. Enzymes responsible for cellulose synthesis are accessible from other species of bacteria and can be implanted into E.coli. To sense the glucose concentration and respond exclusively to it, we choose CRP as regulator. Specifically, we will change this activator into a repressor by overlapping its binding site downstream the constitutive promoter instead of in front of it. Then the relative gene can only be activated when the CRP cannot bind the site on DNA in high glucose concentration. This synthetic promoter may have broad applications. For example, it can be used in gene therapy for diabetes.<br>
+
-
&nbsp;&nbsp;&nbsp;&nbsp;
+
-
Another problem we will try to tackle is the survival and the colonization of the bacterial in intestine. One commonly accepted theory is that a species introduced into a new place gets the chance of surviving and even being dominant if it can utilize an energy resource that cannot be used by any other species. According to the theory, the unmatchable ability of the E.coli to utilize the fatty acids as its carbon sources can already partially fulfill the goal. The adhesion to intestinal cells is another factor for its survival other than the energy requirement. We will try to increase the adhesion ability of the E.coli by enhancing its production of c-di-GMP, a second massager which has been reported to increase adhesion of bacteria.
+
-
<br>
+
-
&nbsp;&nbsp;&nbsp;&nbsp;
+
-
Biological safety should be paid equal attention in the progress of designing novel probiotic. To prevent the uncontrolled reproduction of the modified E.coli in the intestine, we have designed a death system to wipe out the GMOs at will. It also exploits the natural sensor for the signal molecule xylose to regulate its target, which is the endonuclease responsible for kill the cell quietly without setting off immunological reaction. Also, Horizontal gene transfer will also trigger the death of the recipient.
+
-
<br>
+
-
&nbsp;&nbsp;&nbsp;&nbsp;To sum up , we not only propose a novel and interesting way to tackle the obese problems but also create the biological sensors for fatty acids and glucose which have broad application in  detection and therapy of related diseases .<br>
+
-
[[Image:whole_System.png|center|frame]]
+
-
<br>|'''Fig.The overall design of our system.'''
+
-
|[[Image:WHU-China_team.png|right|frame|Your team picture]]
+
-
|-
+
-
|
+
-
|align="center"|[[Team:WHU-China | Team WHU-China]]
+
-
|}
+
-
<!--- The Mission, Experiments --->
+
new picObj("https://static.igem.org/mediawiki/2012/2/27/Methods_we_improve.png", "Methods we improved", "In our project, we improved some traditional methods to measure the comsumption of fatty acids and production of cellulose. Also we developed a software named FANCY to detect the fluorescence intensity of single cell. ", "https://2012.igem.org/Team:WHU-China/Notebooks?catalog=0"),
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
new picObj("https://static.igem.org/mediawiki/2012/7/79/Human_practice_xia.png", "Human Practice", "We have helped HUST iGEM team debug their project and mathematical model. We also did a survey on GMOs and publicized iGEM to the public.", "https://2012.igem.org/Team:WHU-China/Notebooks?catalog=0"),
-
!align="center"|[[Team:WHU-China|Home]]
+
-
!align="center"|[[Team:WHU-China/Team|Team]]
+
]
-
!align="center"|[https://igem.org/Team.cgi?year=2012&team_name=WHU-China Official Team Profile]
+
},
-
!align="center"|[[Team:WHU-China/Project|Project]]
+
{
-
!align="center"|[[Team:WHU-China/Parts|Parts Submitted to the Registry]]
+
title : "<strong>About Us</strong>",
-
!align="center"|[[Team:WHU-China/Modeling|Modeling]]
+
picArray : [
-
!align="center"|[[Team:WHU-China/Notebook|Notebook]]
+
new picObj("https://static.igem.org/mediawiki/2012/a/a7/Whu-2012-1.jpg", "WHU-China 2012, I was there", "The Entrance of State Wuhan University", "https://2012.igem.org/Team:WHU-China/Team?catalog=1"),
-
!align="center"|[[Team:WHU-China/Safety|Safety]]
+
new picObj("https://static.igem.org/mediawiki/2012/2/23/Whu2012heying.jpg", "MIT, we're coming!", "Collge of Life Sciences of WHU", "https://2012.igem.org/Team:WHU-China/Team?catalog=4"),
-
!align="center"|[[Team:WHU-China/Attributions|Attributions]]
+
new picObj("https://static.igem.org/mediawiki/2012/4/43/Whu2012-2.jpg", "WHU-China, Hooray!", "Yuntai Mountain, Henan Province", "https://2012.igem.org/Team:WHU-China/Notebooks?catalog=5")
-
|}
+
]
 +
}
 +
],
 +
Team : [
 +
{
 +
title : '<strong>Team Introduction</strong>',
 +
dir : []
 +
},
 +
                {
 +
title : '<strong>Members</strong>',
 +
dir : [
 +
{
 +
title : 'Jiawei Huang',
 +
href : '#Jiawei Huang'
 +
},
 +
{
 +
title : 'Kuanwei Sheng',
 +
href : '#Kuanwei Sheng'
 +
},
 +
{
 +
title : 'Xian Xia',
 +
href : '#Xian Xia'
 +
},
 +
{
 +
title : 'Long Mei',
 +
href : '#Long Mei'
 +
},
 +
{
 +
title : 'Fan Cheng',
 +
href : '#Fan Cheng'
 +
},
 +
{
 +
title : 'Wenxiong Zhou',
 +
href : '#Wenxiong Zhou'
 +
},
 +
{
 +
title : 'Boxiang Wang',
 +
href : '#Boxiang Wang'
 +
},
 +
{
 +
title : 'Tong Wang',
 +
href : '#Tong Wang'
 +
},
 +
{
 +
title : 'Jiani Hu',
 +
href : '#Jiani Hu'
 +
},
 +
{
 +
title : 'Shiwei Gao',
 +
href : '#Shiwei Gao'
 +
},
 +
{
 +
title : 'Jing Zhang',
 +
href : '#Jing Zhang'
 +
},
 +
                        {
 +
title : 'Yuan Feng',
 +
href : '#Yuan Feng'
 +
},
 +
 
 +
{
 +
title : 'Pengcheng Zhou',
 +
href : '#PengchengZhou'
 +
},
 +
{
 +
title : 'Chang Liu',
 +
href : '#Chang Liu'
 +
},
 +
{
 +
title : 'Min Ye',
 +
href : '#Min Ye'
 +
},
 +
{
 +
title : 'Xuepeng Huang',
 +
href : '#Xuepeng Huang'
 +
},
 +
{
 +
title : 'Yancheng Liu',
 +
href : '#Yancheng Liu'
 +
},
 +
{
 +
title : 'Cheng Zhao',
 +
href : '#Cheng Zhao'
 +
},
 +
{
 +
title : 'Chao Huang',
 +
href : '#Chao Huang'
 +
},
 +
                        {
 +
title : 'Yutian Zhang',
 +
href : '#Yutian Zhang'
 +
},
 +
 
 +
{
 +
title : 'Wei Hong',
 +
href : '#Wei Hong'
 +
},
 +
{
 +
title : 'Liuyi Hu',
 +
href : '#Liuyi Hu'
 +
                                                },
 +
{
 +
title : 'Jin Liu',
 +
href : '#Jin Liu'
 +
}
 +
      ]
 +
},
 +
{
 +
title : '<strong>Instructors</strong>',
 +
dir : [
 +
{
 +
title : 'Jianbo Wang',
 +
href : '#Jianbo Wang'
 +
},
 +
                                                {
 +
                                                        title : 'Zhixiong Xie',
 +
                                                        href : '#Zhixiong Xie'
 +
                                                },
 +
                                                {
 +
                                                        title : 'Yu Chen',
 +
                                                        href : '#Yu Chen'
 +
                                                }
 +
]
 +
},
 +
{
 +
title : '<strong>Team History</strong>',
 +
dir : []
 +
},
 +
{
 +
title : '<strong>About WHU</strong>',
 +
dir : []
 +
},
 +
{
 +
title : '<strong>About Our Lab</strong>',
 +
dir : []
 +
},
 +
{
 +
title : '<strong>Acknow-</br>ledgements & Attributions</strong>',
 +
dir : [
 +
    {
 +
title : 'Acknowledgements',
 +
href : '#Acknowledgements'
 +
},
 +
                        {
 +
                            title : 'Attributions',
 +
                            href : '#Attributions'
 +
                        },
 +
]
 +
}
 +
 
 +
],
 +
Project: [{
 +
title: '<strong>Description</strong>',
 +
dir: []
 +
},
 +
{
 +
title: '<strong>Background</strong>',
 +
dir: [
 +
 
 +
]
 +
},
 +
{
 +
title: '<strong>Promoter Design</strong>',
 +
dir: [{
 +
title: 'Introduction',
 +
href: '#Introduction'
 +
},{
 +
title: 'Indirect Pathway Design',
 +
href: '#Indirect Pathway Design'
 +
},
 +
{
 +
title: 'Direct Regulatory Promoter Design',
 +
href: '#Direct Regulatory Promoter Design'
 +
},
 +
{
 +
title: '<i>Pcar</i>',
 +
href: '#Pcar'
 +
},
 +
{
 +
title: '<i>PfadR</i>',
 +
href: '#PfadR'
 +
},
 +
{
 +
title: 'Standard',
 +
href: '#Standard'
 +
}]
 +
},
 +
{
 +
title: '<strong>Device I: Fatty Acid Degradation</strong>',
 +
dir: [
 +
{
 +
    title: 'Purpose',
 +
href: '#Purpose'
 +
},
 +
{
 +
    title: 'Outline',
 +
    href: '#Outline'
 +
},
 +
{
 +
    title: 'Progress',
 +
    href: '#Progress'
 +
},
 +
{
 +
    title: 'Experimental Procedure',
 +
    href: '#Experimental Procedure'
 +
},
 +
{
 +
    title: 'Results',
 +
    href: '#Results'
 +
}
 +
]
 +
},
 +
{
 +
title: '<strong>Device II: Cellulose Synthesis</strong>',
 +
dir: [{
 +
    title: 'Outline',
 +
href: '#Outline1'
 +
},
 +
{
 +
    title: 'Design',
 +
href: '#Design1'
 +
},
 +
{
 +
    title: 'Progress',
 +
href: '#Progress1'
 +
},
 +
{
 +
    title: 'Results',
 +
href: '#Results1'
 +
},{
 +
    title: 'Discussion',
 +
href: '#Discussion1'
 +
},]
 +
},
 +
{
 +
title: '<strong>Device III: Colonization</strong>',
 +
dir: [
 +
{
 +
    title: 'Purpose',
 +
href: '#Purpose2'
 +
},
 +
{
 +
    title: 'Outline',
 +
    href: '#Outline2'
 +
},
 +
{
 +
    title: 'Experimental Procedure',
 +
    href: '#Experimental Procedure2'
 +
},
 +
{
 +
    title: 'Results',
 +
    href: '#Results2'
 +
}
 +
]
 +
},
 +
{
 +
title: '<strong>Device IV: Death</strong>',
 +
dir: [{
 +
    title: 'Outline',
 +
    href: '#Outline4'
 +
},
 +
{
 +
    title: 'Description',
 +
    href: '#Description'
 +
},
 +
 +
{
 +
    title: 'Prevention of HGT',
 +
    href: '#Prevention of HGT'
 +
}]
 +
},
 +
 
 +
],
 +
Modeling : [
 +
{
 +
title : '<strong>Future Perspective</strong>',
 +
dir : []
 +
},
 +
 
 +
{
 +
title : '<strong>Model I: Fatty Acid Degradation</strong>',
 +
dir : [
 +
{
 +
title : 'The Ordinary Differential Equations of the Model',
 +
href : '#The Ordinary Differential Equations of the Model'
 +
},
 +
{
 +
title : 'Analysis on the Steady State of the ODE',
 +
href : '#Analysis on the Steady State of the ODE'
 +
},
 +
{
 +
title : 'Parameter Screening',
 +
href : '#Parameter Screening'
 +
},
 +
{
 +
title : 'Conclusion',
 +
href : '#Conclusion'
 +
}
 +
]
 +
},
 +
{
 +
title : '<strong>Model II: Microbiota Regulation</strong>',
 +
dir : [
 +
{
 +
title : 'Gut Microbiota Regulation',
 +
href : '#Gut Microbiota Regulation'
 +
},
 +
{
 +
title : 'Situation Before the Establishment of <i>E. coslim</i> Flora',
 +
href : '#Situation Before the Establishment of <i>E. coslim</i> Flora'
 +
},
 +
{
 +
title : 'Situation After the Establishment of <i>E. coslim</i> Flora',
 +
href : '#Situation After the Establishment of <i>E. coslim</i> Flora'
 +
},
 +
{
 +
    title : 'Conclusion',
 +
href : '#Conclusion1'
 +
}
 +
]
 +
 
 +
},
 +
{
 +
title : '<strong>Software Tool: FANCY</strong>',
 +
dir : [
 +
{
 +
title : 'Abstract',
 +
href : '#Abstract'
 +
},
 +
{
 +
title : 'Protocol',
 +
href : '#Protocol'
 +
},
 +
{
 +
title : 'Performance Evaluation',
 +
href : '#Performance Evaluation'
 +
},
 +
{
 +
title : 'Source Code',
 +
href : '#Source Code'
 +
}
 +
                                              ]
 +
}
 +
],
 +
Notebooks : [
 +
                {
 +
title : '<strong>Achievements</strong>',
 +
dir : []
 +
},
 +
{
 +
title : '<strong>Parts</strong>',
 +
dir : []
 +
},
 +
{
 +
title : '<strong>Safety</strong>',
 +
dir : [
 +
{
 +
title : 'Brief Answers to Safety Questions',
 +
href : '#Brief Answers to Safety Questions'
 +
},
 +
{
 +
    title : 'General Safety Issues',
 +
href : '#General Safety Issues'
 +
},
 +
{
 +
    title : 'Safety Considerations of Our Biobrick parts and Our Project',
 +
href : '#Safety Considerations of Our Biobrick parts and Our Project'
 +
},
 +
{
 +
    title : 'Safety Management and Practice',
 +
href : '#Safety Management and Practice'
 +
},
 +
{
 +
    title : 'Biosafety and Publicity',
 +
href : '#Biosafety and Publicity'
 +
}
 +
]
 +
},
 +
{
 +
title : '<strong>Protocols</strong>',
 +
dir : [
 +
{
 +
title : 'Protocol for Fluorescence Measurement',
 +
href : '#Protocol for fluorescence measurement'
 +
},
 +
{
 +
title : 'Protocol of Cupric-Soap Reaction',
 +
href : '#Protocols of Cupric-Soap Reaction'
 +
},
 +
{
 +
title : 'Krebs-Ringer Phosphate(KRPD Buffer Solution)',
 +
href : '#Krebs-Ringer Phosphate(KRPD Buffer Solution)'
 +
},
 +
                        {
 +
title : 'Cellulose Detection',
 +
href : '#Cellulose Detection'
 +
},
 +
 +
{
 +
title : '<i>In vitro</i> Experiment',
 +
href : '#In vitro Experiment'
 +
},
 +
                        {
 +
title : 'Plate Assay',
 +
href : '#Plate Assay'
 +
},
 +
{
 +
title : 'Materials and Methods of SDS-PAGE',
 +
href : '#Materials and Methods of SDS-PAGE'
 +
}
 +
]
 +
},
 +
{
 +
title : '<strong>Events</strong>',
 +
dir : []
 +
},
 +
                                {
 +
                                        title : '<strong>Brainstorming</strong>',
 +
                                        dir : []
 +
                                },
 +
{
 +
title : '<strong>Gallery</strong>',
 +
dir : [
 +
    {
 +
title : 'Team',
 +
href : '#team'
 +
},
 +
{
 +
title : 'Presentation',
 +
href : '#presentation'
 +
},
 +
{
 +
title : 'Human Practice',
 +
href : '#human practice'
 +
},
 +
{
 +
title : 'Doodle',
 +
href : '#doodle'
 +
},
 +
{
 +
title : 'Funny Pictures',
 +
href : '#funny pictures'
 +
}]},
 +
                {
 +
title : '<strong>A Letter from Fancy</strong>',
 +
dir : []
 +
 +
 +
}
 +
],
 +
HumanPractice : [
 +
{
 +
title : '<strong>Outline</strong>',
 +
                                    dir : []
 +
 +
},
 +
{
 +
title : '<strong>Questionaire Survey</strong>',
 +
    dir : [{
 +
title : 'Background',
 +
href : '#Background'
 +
},{
 +
title : 'Methods',
 +
href : '#Methods'
 +
},{
 +
title : 'Results',
 +
href : '#Results'
 +
},{
 +
title : 'Discussion',
 +
href : '#Discussion'
 +
}]
 +
},
 +
{
 +
title : '<strong>Publicity</strong>',
 +
    dir : []
 +
}
 +
] };
 +
//*************************自定义数据部分*************************
 +
</script>
 +
<style type="text/css">
 +
/*
 +
* base css, DO NOT MODIFY!
 +
*/
 +
* {
 +
margin: 0;
 +
padding: 0;
 +
border: 0;
 +
font-family: "Verdana", sans-serif;
 +
color: #333;
 +
list-style: none;
 +
outline: none;
 +
resize: none;
 +
}
 +
html {
 +
overflow-y: scroll;
 +
}
 +
body {
 +
background: url("https://static.igem.org/mediawiki/2012/2/22/Body-bg.jpg") center center fixed;
 +
}
 +
a {
 +
text-decoration: none;
 +
}
 +
.clear {
 +
width: 0;
 +
height: 0;
 +
line-height: 0;
 +
display: block;
 +
clear: both;
 +
}
 +
 
 +
/*
 +
* common css, include "header","footer"...
 +
*/
 +
div.center {
 +
width: 1000px;
 +
margin: 0 auto;
 +
position: relative;
 +
}
 +
div.header {
 +
width: 1000px;
 +
height: 380px;
 +
background: url("https://static.igem.org/mediawiki/2012/1/12/Header-bg.png") no-repeat;
 +
position: relative;
 +
z-index: 50;
 +
}
 +
div.nav {
 +
position: absolute;
 +
height: 80px;
 +
top: 185px;
 +
left: 245px;
 +
}
 +
li.nav-outerLi {
 +
display: block;
 +
float: left;
 +
width: 80px;
 +
height: 80px;
 +
margin: 0 6px;
 +
cursor: pointer;
 +
}
 +
h2.nav-h21,h2.nav-h22,h2.nav-h23,h2.nav-h24,h2.nav-h25,h2.nav-h26 {
 +
display:  block;
 +
background: url("https://static.igem.org/mediawiki/2012/9/91/Nav-tabs.png") no-repeat;
 +
width: 80px;
 +
height: 80px;
 +
background-position: 0 0;
 +
z-index: 150;
 +
position: relative;
 +
}
 +
h2.nav-h22 {
 +
background-position: -80px 0;
 +
}
 +
h2.nav-h23 {
 +
background-position: -160px 0;
 +
}
 +
h2.nav-h24 {
 +
background-position: -240px 0;
 +
}
 +
h2.nav-h25 {
 +
background-position: -320px 0;
 +
}
 +
h2.nav-h26 {
 +
background-position: -400px 0;
 +
}
 +
h2.nav-h21:hover {
 +
background-position: 0 -80px;
 +
}
 +
h2.nav-h22:hover {
 +
background-position: -80px -80px;
 +
}
 +
h2.nav-h23:hover {
 +
background-position: -160px -80px;
 +
}
 +
h2.nav-h24:hover {
 +
background-position: -240px -80px;
 +
}
 +
h2.nav-h25:hover {
 +
background-position: -320px -80px;
 +
}
 +
h2.nav-h26:hover {
 +
background-position: -400px -80px;
 +
}
 +
h2.nav-h21on {
 +
background-position: 0 -160px;
 +
}
 +
h2.nav-h22on {
 +
background-position: -80px -160px;
 +
}
 +
h2.nav-h23on {
 +
background-position: -160px -160px;
 +
}
 +
h2.nav-h24on {
 +
background-position: -240px -160px;
 +
}
 +
h2.nav-h25on {
 +
background-position: -320px -160px;
 +
}
 +
h2.nav-h26on {
 +
background-position: -400px -160px;
 +
}
 +
ul.nav-innerUl{
 +
position: absolute;
 +
top: 40px;
 +
padding-top: 40px;
 +
width: 76px;
 +
border-left: 2px solid #000;
 +
border-right: 2px solid #000;
 +
z-index: 140;
 +
display: none;
 +
}
 +
em.nav-libg{
 +
display: block;
 +
width: 96px;
 +
height: 11px;
 +
background: url('https://static.igem.org/mediawiki/2012/4/48/Nav-libg.png');
 +
margin-left: -10px;
 +
}
 +
ul.nav-innerUl1{
 +
background: #fffaca;
 +
}
 +
ul.nav-innerUl2{
 +
background: #dedede;
 +
}
 +
ul.nav-innerUl3{
 +
background: #d9f0c9;
 +
}
 +
ul.nav-innerUl4{
 +
background: #f6e5ff;
 +
}
 +
ul.nav-innerUl5{
 +
background: #ebfcff;
 +
}
 +
ul.nav-innerUl6{
 +
background: #ffeee8;
 +
}
 +
li.nav-innerLi{
 +
font-size: 10px;
 +
line-height: 14px;
 +
padding: 3px 5px;
 +
}
 +
li.nav-innerLi:hover{
 +
background: #fff;
 +
}
 +
div.middle {
 +
width: 940px;
 +
background: #e6deb8;
 +
background: rgba(230,222,184,0.5);
 +
position: absolute;
 +
top: 300px;
 +
left: 30px;
 +
}
 +
div.aside {
 +
width: 160px;
 +
height: 380px;
 +
background: url("https://static.igem.org/mediawiki/2012/b/b3/Aside-bg.png") no-repeat;
 +
margin-left: 20px;
 +
margin-top: 100px;
 +
float: left;
 +
padding: 20px;
 +
}
 +
ul.aside-outerUl {
 +
margin: 15px;
 +
}
 +
li.aside-outerLi {
 +
margin: 15px 0;
 +
background: #fff1a9;
 +
padding: 5px 10px;
 +
color: #725718;
 +
font-size: 16px;
 +
line-height: 24px;
 +
font-weight: bold;
 +
text-align: center;
 +
cursor: pointer;
 +
}
 +
li.aside-outerLi:hover {
 +
background: #fff8d3;
 +
}
 +
div.main {
 +
width: 640px;
 +
height: 400px;
 +
border: 5px solid #333;
 +
background: #fff;
 +
float: right;
 +
margin: 100px 30px 30px 0;
 +
}
 +
div.footer {
 +
}
 +
 +
/*
 +
* picSlider Css
 +
*/
 +
#picSlider {
 +
width: 640px;
 +
height: 320px;
 +
}
 +
.momo {
 +
background: #000;
 +
}
 +
.momo .pic li {
 +
width: 100%;
 +
height: 100%;
 +
overflow: hidden;
 +
position: absolute;
 +
display: none;
 +
}
 +
.momo .txt li {
 +
position: absolute;
 +
padding: 5px 10px;
 +
z-index: 2;
 +
bottom: 0;
 +
height: 28px;
 +
background: #DBDBDB;
 +
display: none;
 +
}
 +
.momo .txt li a {
 +
display: block;
 +
position: relative;
 +
z-index: 1;
 +
color: #333;
 +
font-size: 12px;
 +
font-weight: bold;
 +
text-decoration: none;
 +
}
 +
.momo .num {
 +
position: absolute;
 +
z-index: 3;
 +
bottom: 5px;
 +
right: 5px;
 +
}
 +
.momo .num li {
 +
float: left;
 +
}
 +
.momo .num li a {
 +
color: #333;
 +
float: left;
 +
margin-left: 3px;
 +
width: 15px;
 +
height: 15px;
 +
line-height: 15px;
 +
*line-height: 14px;
 +
overflow: hidden;
 +
border: 1px solid #AEC1CC;
 +
text-align: center;
 +
cursor: pointer;
 +
background: #fff;
 +
text-decoration: none;
 +
}
 +
.momo .num li.current a, .momo .num li.hover a {
 +
color: #fff;
 +
background: #f60;
 +
-webkit-transition: all 0.4s;
 +
-moz-transition: all 0.4s;
 +
-o-transition: all 0.4s;
 +
}
 +
.momo_picSlider .txt li{
 +
width: 620px;
 +
}
 +
.momo_picSlider .txt li a{
 +
font-size: 16px;
 +
line-height: 24px;
 +
}
 +
#p-logo {
 +
  display:none;
 +
}
 +
#top-section {
 +
  height:0;
 +
  border:none;
 +
}
 +
#search-controls {
 +
  display:none;
 +
}
 +
#content {
 +
  position:inherit;
 +
  width:inherit;
 +
  margin:0;
 +
  padding:0;
 +
  background:inherit;
 +
  color:inherit;
 +
  border:none;
 +
  line-height:inherit;
 +
  z-index:2;
 +
}
 +
.firstHeading {
 +
  display:none;
 +
}
 +
#catlinks {
 +
  display:none;
 +
}
 +
#footer-box {
 +
  display:none;
 +
}
 +
#contentSub {
 +
  display:none;
 +
}
 +
#menubar ul li a {
 +
  background:none;
 +
}
 +
#bodyContent h1,#bodyContent h2 {
 +
  margin:0;
 +
  border:0;
 +
  padding: 0;
 +
}
 +
.left-menu:hover {
 +
  background:none;
 +
}
 +
</style>
 +
<div class="center">
 +
<div class="header">
 +
<div class="nav">
 +
<ul class="nav-outerUl">
 +
<li class="nav-outerLi">
 +
<a href="https://2012.igem.org/Team:WHU-China"><h2 class="nav-h21 nav-h21on" title="Home"></h2></a>
 +
<ul class="nav-innerUl nav-innerUl1" name="Home"></ul>
 +
</li>
 +
<li class="nav-outerLi">
 +
<a href="https://2012.igem.org/Team:WHU-China/Team"><h2 class="nav-h22" title="Team"></h2></a>
 +
<ul class="nav-innerUl nav-innerUl2" name="Team"></ul>
 +
</li>
 +
<li class="nav-outerLi">
 +
<a href="https://2012.igem.org/Team:WHU-China/Project"><h2 class="nav-h23" title="Project"></h2></a>
 +
<ul class="nav-innerUl nav-innerUl3" name="Project"></ul>
 +
</li>
 +
<li class="nav-outerLi">
 +
<a href="https://2012.igem.org/Team:WHU-China/Modeling"><h2 class="nav-h24" title="Modeling"></h2></a>
 +
<ul class="nav-innerUl nav-innerUl4" name="Modeling"></ul>
 +
</li>
 +
<li class="nav-outerLi">
 +
<a href="https://2012.igem.org/Team:WHU-China/Notebooks"><h2 class="nav-h25" title="Notebooks"></h2></a>
 +
<ul class="nav-innerUl nav-innerUl5" name="Notebooks"></ul>
 +
</li>
 +
<li class="nav-outerLi">
 +
<a href="https://2012.igem.org/Team:WHU-China/humanPractice"><h2 class="nav-h26" title="Human Practice"></h2></a>
 +
<ul class="nav-innerUl nav-innerUl6" name="HumanPractice"></ul>
 +
</li>
 +
</ul>
 +
</div>
 +
</div>
 +
<div class="middle">
 +
<div class="aside">
 +
<ul class="aside-outerUl"></ul>
 +
</div>
 +
<div class="main"></div>
 +
<div class="clear"></div>
 +
</div>
 +
<div class="footer"></div>
 +
</div>
 +
<script src="http://www.yichengliu.com/code/igem/home.js"></script>
 +
</body>
 +
</html>

Latest revision as of 04:01, 27 October 2012