Team:WHU-China

From 2012.igem.org

(Difference between revisions)
 
(131 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]]
+
-
}
+
-
{|
+
-
''Tell us more about your project. Give us background. Use this as the abstract of your project. Be descriptive but concise (1-2 paragraphs)''
+
-
|[[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