Team:UESTC-China

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-
<style type="text/css">
+
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-
/* hiding the top section*/
+
-
body{position:absolute; top:0px; width:100%; height:1300px;}
+
-
#top-section{
+
-
  height:0px;
+
-
    border:none;
+
-
    width:980px;
+
-
    margin:0 auto;
+
-
     padding:0 0 0 0;
+
-
    background-color:transparent;
+
-
    overflow:hide;
+
 +
<html xmlns="http://www.w3.org/1999/xhtml"><!--https://2014.igem.org/Special:Upload-->
 +
    <head>
 +
        <meta name="keywords" content="" />
 +
        <meta name="description" content="" />
 +
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 +
<title>Team:UESTC-2014.igem</title>
 +
<style>
 +
@font-face {
 +
  font-family: 'PT Sans Narrow';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(http://themes.googleusercontent.com/static/fonts/ptsansnarrow/v5/UyYrYy3ltEffJV9QueSi4RdbPw3QSf9R-kE0EsQUn2A.woff) format('woff');
 +
}
 +
@font-face {
 +
  font-family: 'Lobster';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: local('Lobster'), url(http://themes.googleusercontent.com/static/fonts/lobster/v8/MWVf-Rwh4GLQVBEwbyI61Q.woff) format('woff');
 +
}
 +
* {
 +
margin: 0; padding: 0;
}
}
-
#p-logo{display:none;}
 
-
#search-controls{display:none;}
 
-
#top{display:none;}
 
-
.firstHeading{display:none;}
 
-
/* end of hiding the top section*/
 
-
/* global setting*/
+
a {
-
#globalWrapper{position:absolute; top:0px;left:0px; width:100%; padding:0 0 0 0;margin:0 0 0 0;height:100%;font-family: calibri， Arial, Helvetica, sans-serif;}
+
color: #8f5038;
-
#content{
+
text-decoration: underline;
-
    background-color:transparent;
+
}
-
    border:none;
+
-
    width:1200px;
+
-
    height:700px;
+
-
    marign:0 auto;
+
-
    padding:0 0 0 0;
+
-
    top:-40px;
+
-
    }
+
-
#bodyContent{
+
-
    background-color:transparent;
+
-
    border:none;
+
-
   
+
-
    }
+
-
siteSub{
+
-
    display:none;
+
-
    border:none;
+
-
    }
+
-
contentSub{
+
-
    display:none;
+
-
    }
+
-
/* end of global setting*/
+
-
/*hiding the footer-box*/
+
a:hover {
-
#footer-box{display:none;}
+
text-decoration: none;
-
#catlinks{display:none;}
+
}
-
/*end of hiding the footer book*/
+
-
/* menu (page, edit ...) */
+
body {
-
#menubar {
+
font-size: 10.5pt;
-
    background-color:transparent;
+
line-height: 1.75em;
-
    position: relative;
+
font-family: Arial, sans-serif;
-
    float:left;
+
background: #e1e4e5 url('https://static.igem.org/mediawiki/2014/3/3a/Bg.png');
-
    white-space: nowrap;
+
color: #383939;
-
    top:-6px;
+
-
    width: 490px;
+
-
    z-index: 5000;
+
-
    font-family: sans-serif;
+
-
    font-size: 95%;
+
-
    line-height: 1em;
+
-
    z-index:99;
+
}
}
 +
br.clear {
 +
clear: both;
 +
}
-
.left-menu, .left-menu a {
+
h1,h2,h3,h4 {
-
    text-align: left;
+
text-transform: lowercase;
-
    color:#999999;
+
font-weight: normal;
-
    text-transform: lowercase;
+
}
}
-
.left-menu:hover {
+
h2,h3,h4 {
-
    color: #D00000;
+
margin-bottom: 1em;
-
    background-color: transparent;
+
font-family: "PT Sans Narrow", sans-serif;
 +
color: #000;
}
}
-
.right-menu{width:400px; float:right}
+
h2 {
-
.right-menu, .right-menu a {
+
font-size: 1.8em;
-
    right: 0px;
+
-
    text-align: right;
+
-
    color: #999999;
+
}
}
-
#menubar ul {
+
 
-
    color: #999999;
+
h3 {
-
    list-style: none;
+
font-size: 1.4em;
}
}
-
#menubar li {
+
 
-
    display: inline;
+
img.left {
-
    position: relative;
+
float: left;
-
    cursor: pointer;
+
margin: 8px 20px 20px 0;
-
    padding-left: 0px;
+
-
    padding-right: 0px;
+
}
}
-
.left-menu li a {
+
 
-
    padding: 0px 10px 0px 0px;
+
img.top {
 +
margin: 8px 0 20px 0;
}
}
-
.left-menu .selected {
+
 
-
#    color: #999999;
+
p {
 +
margin-bottom: 1.75em;
}
}
-
#.left-menu .selected:hover {
 
-
#    color: #999999;
 
-
#}
 
-
.left-menu:hover a {
+
ul {
-
    color: #999999;;
+
margin-bottom: 1.75em;
}
}
-
.left-menu li a:hover {
+
.imageList {
-
    color: #D00000;
+
list-style: none;
-
    text-decoration: underline;
+
}
}
 +
.imageList li {
 +
clear: both;
 +
}
-
.right-menu li {
+
#bg {
-
#    background-color: transparent;
+
background: url('https://static.igem.org/mediawiki/2014/5/55/Highlight.png') top left repeat-x;
}
}
-
.right-menu li a {
+
 
-
    padding: 0px 15px 0px 0px;
+
#banner {
-
    color: #999999;;
+
top:135px;
-
    background-color: transparent;
+
position: relative;
 +
padding: 28px;
 +
height: 212px;
 +
width: 1124px;
 +
margin: 28px 0 0 0;
 +
background: #ffffff;
 +
border-bottom: solid 1px #c0c0c0;
}
}
-
.right-menu li a:hover {
+
 
-
    color: #D00000;
+
#box1 {
-
    text-decoration: underline;
+
width: 500px;
 +
overflow: hidden;
 +
margin: 0px 0 24px 0;
}
}
-
/* end menu (edit, page ...) */
 
-
/* navigation bar*/
+
#box2 {
 +
width: 236px;
 +
overflow: hidden;
 +
float: left;
 +
}
-
#navigationblock{background-color:#fafaf8; position:fixed; top:0px; width:1200px; height:130px; overflow:hidden; font-family:Calibri, Arial; float:left; margin:0px; padding:0px; z-index:1000; border-bottom:1px solid #d3d7d8;}
+
#box3 {
-
#navbarlogo{position:absolute; top:0px; left:0px; width:1200px}
+
width: 236px;
-
#navigationbar{position:absolute; left:460px; top:38px; font-size:16px; font-weight:100; color:black;}
+
overflow: hidden;
-
#navigationbar > li {display:block; list-style-type:none; float:left; width:75px; height:30px; text-align:center; }
+
margin: 0px 0 0 260px;
 +
}
-
.Navbar_Item{background-color:transparent;}
+
#content {
-
.Navbar_Item a {color:black; text-decoration:none;}
+
width: 500px;
-
.Navbar_Item > ul {display:none; width:900px; height:80px; text-align:center; color:black; z-index:1100; }
+
margin: 0px 28px 0 312px;
-
.Navbar_Item > ul > li {float:left; list-style:none; text-align:center; background-color:transparent; position:relative; top:10px; padding:0 10px;}
+
padding: 28px;
-
.Navbar_Item:hover{ border-bottom:1px solid #D00000; color:#D00000; background-color:#fafaf8;}
+
background: #ffffff;
-
.Navbar_Item:hover > ul{zoom:1; display:block;}
+
border-bottom: solid 1px #c0c0c0;
-
.Navbar_Item:hover >a {color:#D00000; background-color:#fafaf8;}
+
}
-
.Navbar_Item > ul > li:hover {border-bottom:1px solid #D00000; color:#D00000; background-color:#fafaf8;}
+
-
.Navbar_Item > ul > li:hover >a {color:#D00000}
+
-
.BackgroundofSublist{position:absolute; left:-1000px; width:2000px; height:80px; background-color:#ffffff; opacity:0;}
+
 +
#copyright {
 +
top:100px;
 +
position: relative;
 +
margin: 28px 0 64px 0;
 +
text-align: center;
 +
text-shadow: 0 1px 0 #ffffff;
 +
color: #787979;
 +
}
-
#Home_Sublist{position:relative; top:0px; left:-50px;}
+
#copyright a {
-
#Team_Sublist{position:relative; top:0px; left:-110px;}
+
color: #787979;
-
#Project_Sublist{position:relative; top:0px; left:-180px;}
+
}
-
#Model_Sublist{position:relative; top:0px; left:-140px;}
+
-
#DataPage_Sublist{position:relative; top:0px; left:-60px;}
+
-
#Safety_Sublist{position:relative; top:0px; left:-180px;}
+
-
#HumanPractice_Sublist{position:relative; top:0px; left:-470px;}
+
-
#iGEM_logo{position:absolute; top:30px; left:1090px; height:80px;}
+
#footer {
-
/*end navigation bar*/
+
top:100px;
 +
position: relative;
 +
padding: 28px;
 +
margin: 28px 0 0 0;
 +
width: 1124px;
 +
background: #636363;
 +
color: #d3d3d3;
 +
border-bottom: solid 1px #444444;
 +
text-shadow: 0 1px 0 #404040;
 +
}
-
/*Major body*/
+
#footer a {
-
#MajorBody{position:absolute; top:0px; left:0px; width:1200px; height:1380px; background-color:#f9f9f7;}
+
color: #eee;
-
#ProjectTitle{position:absolute; left:0px; width:1200px; height:184px; top:150px; z-index:600;}
+
}
-
#TitleBackground{position:absolute; left:0px; top:0px; height:150px;width:1200px;}
+
-
#LittleScout{position:relative; left:0px; top:-3px; width:70px;}
+
-
#ProjectName{position:absolute; left:405px; top:20px; border-bottom:0px; color:#FFFFFF; font-size:48px; font-family:calibri,Arial, Helvetica, sans-serif;}
+
-
#ProjectSubname{position:absolute; left:0px; width:1200px; top:105px; border-bottom:0px; color:#FFFFFF; font-size:18px;  font-family: calibri， Arial, Helvetica, sans-serif; text-align:center;}
+
-
#MajorBodyBackground{position:absolute; top:334px; left:0px; width:1200px;}
+
#footer h2, #footer h3, #footer h4 {
 +
color: #ffffff;
 +
}
-
#PreLocation{font-size:14px; font-family:arial,helvetica,sans-serif; color:#ca4321;position:absolute;top:190px;left:0px;text-align:center;width:1200px;line-height:20px; font-weight:bold;}
+
#footer ul {
 +
list-style: none;
 +
margin-bottom: 0;
 +
}
-
#AbstractBox{position:absolute; left:430px; top:390px; width:710px; height:540px; background-color:transparent;}
+
#footer p {
-
#AbstractBackground{width:100%; height:100%; background-color:#FFFFFF; opacity:0.8;}
+
margin-bottom: 0;
-
#AbstractContent{position:absolute; left:40px; top:25px; width:630px; font-size:18px; line-height:25px ; font-family: calibri, Arial, sans-serif; text-align:justify;}
+
}
-
#AbstractContent:first-letter{font-size:30px;}
+
-
.SmallBoxes{width:340px; height:250px;background-color:#FFFFFF; overflow:hidden;font-family: calibri， Arial, Helvetica, sans-serif; }
+
-
.SmallBoxes > img{position:absolute; left:0px; top:0px;}
+
-
.SmallBoxes p{position:absolute; left:20px; top:75px; width:300px; font-size:14px; color:#ffffff; text-align:justify;}
+
-
.SmallBoxes a{position:absolute; left:240px; top:220px; width:300px; font-size:12px; color:#ffffff; text-align:justify;}
+
 +
#footer ul li {
 +
padding: 8px 0 8px 0;
 +
border-top: dotted 1px #8c8c8c;
 +
}
-
#AppendixBox1{position:absolute; left:60px; top:390px; background-color:#aa4630;}
+
#footer ul li.first {
-
#Appendix1Title{position:absolute; left:0px; top:70px; width:340px; text-align:center; color:#ffffff; font-size:16px; border-bottom:0px; line-height:28px;}
+
padding-top: 0;
-
#Appendix1Cover{position:absolute; left:0px; top:170px; width:370px; height:280px;}
+
border-top: 0;
-
#AppendixBox2{position:absolute; left:60px; top:680px; background-color:#e98d70;}
+
}
-
#Appendix2Title{position:absolute; left:0px; top:70px; width:340px; text-align:center; color:#ffffff; font-size:16px; border-bottom:0px; line-height:28px;}
+
-
#Appendix2Cover{position:absolute; left:0px; top:170px; width:370px; height:280px;}
+
-
#AppendixBox3{position:absolute; left:60px; top:970px; background-color:#f37021;}
+
-
#Appendix3Title{position:absolute; left:0px; top:70px; width:340px; text-align:center; color:#ffffff; font-size:16px; border-bottom:0px; line-height:28px;}
+
-
#Appendix3Cover{position:absolute; left:0px; top:170px; width:370px; height:280px;}
+
-
#AppendixBox4{position:absolute; left:430px; top:970px; background-color:#1f8a70;}
+
-
#Appendix4Title{position:absolute; left:0px; top:70px; width:340px; text-align:center; color:#ffffff; font-size:16px; border-bottom:0px; line-height:28px;}
+
-
#Appendix4Cover{position:absolute; left:0px; top:170px; width:370px; height:280px;}
+
-
#AppendixBox5{position:absolute; left:800px; top:970px; background-color:#004258;}
+
-
#Appendix5Title{position:absolute; left:0px; top:70px; width:340px; text-align:center; color:#ffffff; font-size:16px; border-bottom:0px; line-height:28px;}
+
-
#Appendix5Cover{position:absolute; left:0px; top:170px; width:370px; height:280px;}
+
-
.AppendixHeadLine{position:absolute; left:20px; top:20px; width:250px;border-bottom:0px; font-size:23px; color:#ffffff;}
+
#footerContent {
-
.AppendixIcon{position:absolute; left:270px; top:20px; width:50px; }
+
width: 812px;
 +
float: left;
 +
}
 +
#footerSidebar {
 +
width: 232px;
 +
margin: 0px 0 0 892px;
 +
}
-
/*end of Major body*/
+
#header {
-
#AcknowledgementBox{ position:absolute; left:0px; top:1280px; height:150px;width:1200px;}
+
top:0px;
 +
overflow:hidden;
 +
border-bottom:1px solid #d3d7d8;
 +
position: fixed;
 +
padding: 28px;
 +
height: 126px;
 +
width: 1124px;
 +
z-index:1000;
 +
background: url('https://static.igem.org/mediawiki/2014/5/55/Highlight.png') repeat-x;
 +
}
 +
#logo {
 +
position: relative;
 +
margin: -35px auto;
 +
height: 100px;
 +
line-height:50px;
 +
}
-
</style>
+
#logo a {
 +
 +
text-decoration: none;
 +
color: #000;
 +
text-shadow: 0px 3px 0px #ffffff;
 +
}
 +
#h1 {
 +
text-transform:Uppercase;
 +
text-align: left;
 +
font-size: 2em;
 +
font-family:"Purisa", cursive;
 +
}
 +
#h2 {
 +
text-transform:Uppercase;
 +
text-align: left;
 +
font-size: 4em;
 +
font-family: "Purisa", cursive;
 +
}
-
<!--navigationbar-->
 
-
<div id="navigationblock">
+
#main {
-
<img id="navbarlogo" src="https://static.igem.org/mediawiki/2014/f/f3/1.jpg"/>
+
top:130px;
-
       
+
position: relative;
-
<ul id="navigationbar">
+
padding: 0px;
-
<li id="PKU_navbar_Home" class="Navbar_Item">
+
margin: 28px 0 0 0;
-
                       
+
width: 1180px;
-
<a href="https://2014.igem.org/Team:UESTC-China">Home</a>
+
color: #474747;
-
<ul id="Home_Sublist" >
+
}
-
</ul>
+
-
</li>
+
-
<li id="PKU_navbar_Team" class="Navbar_Item">
+
-
<a href="">Team</a>
+
-
<ul id="Team_Sublist">
+
-
                                <div class="BackgroundofSublist"></div>
+
-
<li><a href="https://2013.igem.org/Team:Peking/Team/Members">Members</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Peking/Team/Notebook">Notebook</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Peking/Team/Attributions">Attributions</a></li>
+
-
</ul>
+
-
</li>
+
-
<li id="PKU_navbar_Project" class="Navbar_Item">
+
-
<a href="https://2014.igem.org/Team:UESTC-China/Project">Project</a>
+
-
<ul id="Project_Sublist">
+
-
                                <div class="BackgroundofSublist"></div>
+
-
                                <li><a href="https://2013.igem.org/Team:Peking/Project/SensorMining">Biosensor Mining</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Peking/Project/BioSensors">Biosensors</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Peking/Project/Plugins">Adaptors</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Peking/Project/BandpassFilter">Band-pass Filter</a></li>
+
-
                                <li><a href="https://2013.igem.org/Team:Peking/Project/Devices">Devices</a></li>
+
-
</ul>
+
-
</li>
+
-
<li id="PKU_navbar_Model" class="Navbar_Item">
+
-
<a href="">Model</a>
+
-
<ul id="Model_Sublist">
+
-
                                <div class="BackgroundofSublist"></div>
+
-
                                <li><a href="https://2013.igem.org/Team:Peking/Model">Band-pass Filter</a></li>
+
-
                                <li><a href="https://2013.igem.org/Team:Peking/ModelforFinetuning">Biosensor Fine-tuning</a></li>
+
-
</ul>
+
-
</li>
+
-
                        <li id="PKU_navbar_HumanPractice" class="Navbar_Item" style="width:90px">
+
-
<a href="">Data page</a>
+
-
<ul id="DataPage_Sublist">
+
-
                                <div class="BackgroundofSublist"></div>
+
-
                                <li><a href="https://2013.igem.org/Team:Peking/DataPage/Parts">Parts</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Peking/DataPage/JudgingCriteria">Judging Criteria</a></li>
+
-
 
+
-
</ul>
+
-
</li>
+
-
<li id="PKU_navbar_Safety" class="Navbar_Item">
+
-
<a href="https://2013.igem.org/Team:Peking/Safety">Safety</a>
+
-
<ul id="Safety_Sublist">
+
-
</ul>
+
-
</li>
+
-
<li id="PKU_navbar_HumanPractice" class="Navbar_Item" style="width:120px">
+
-
<a href="https://2013.igem.org/Team:Peking/HumanPractice">Human Practice</a>
+
-
<ul id="HumanPractice_Sublist">
+
-
                                <div class="BackgroundofSublist"></div>
+
-
                                <li><a href="https://2013.igem.org/Team:Peking/HumanPractice/Questionnaire">Questionnaire Survey</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Peking/HumanPractice/FactoryVisit">Visit and Interview</a></li>
+
-
                                <li><a href="https://2013.igem.org/Team:Peking/HumanPractice/ModeliGEM">Practical Analysis</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Peking/HumanPractice/iGEMWorkshop">Team Communication</a></li>
+
-
</ul>
+
#main strong {
-
</li>
+
color: #242424;
-
+
}
-
</ul>
+
-
        <a href="https://2013.igem.org/Main_Page"><img id="iGEM_logo" src="https://static.igem.org/mediawiki/igem.org/4/48/Peking_igemlogo.jpg"/></a>
+
-
</div>
+
-
<!--end navigationbar-->
+
-
<!--MajorBody-->
+
#main h2, #main h3, #main h4 {
-
<div id="MajorBody"> 
+
color: #0d0d0d;
-
<div id="ProjectTitle">
+
}
-
                <img id="TitleBackground" src="https://static.igem.org/mediawiki/2014/f/f3/1.jpg" />
+
-
               
+
-
<h1 id="ProjectName">Plant Vs HCHO</h1>
+
-
                <h1 id="ProjectSubname">A war of plant and HCHO</h1>
+
-
+
-
<p id="PreLocation">
+
-
<B>★Presentation:</B> Room 34-101, Saturday 12:30 PM, Session 2
+
-
      &ensp;&ensp;&ensp;&ensp;<B>★Poster:</B> Sunday, #13 (Stata)
+
-
</p>
+
 +
#main ul {
 +
list-style: none;
 +
}
 +
#main ul li {
 +
padding: 8px 0 8px 0;
 +
border-top: dotted 1px #bdbdbd;
 +
}
-
</div>
+
#main ul.imageList li {
-
        <img id="MajorBodyBackground" src="https://static.igem.org/mediawiki/igem.org/9/97/Peking2013_Home_background.jpg" />
+
padding: 16px 0 16px 0;
-
        <div id="AbstractBox">
+
}
-
            <div id="AbstractBackground"></div>
+
-
              <p id="AbstractContent">introduction of our projectCancer globally kills eight million people each year, a number unchanged over the past five decades. The current paradigm for cancer treatment involves non-specific therapies such as chemotherapy and radiation that cannot differentiate between cancerous and healthy tissue. Scientists in the rising field of cancer immunotherapy are applying bionanomedical techniques to harness the patient’s own immune system to fight cancer. During primary tumor development, a patient’s innate immune function is active. However, tumors have developed a multitude of immune system inhibitors, which suppress a patient’s immune system and promote complete tumor development. We propose a novel vaccine delivery system (BactoVax) of tumor associated antigens and immunomodular agents encapsulated within probiotic bacteria, akin to those found in commercial yogurt. The proposed vaccine should breach the immunological barrier posed by primary tumors through the activation of macrophages and dendritic cells (DCs) in order to teach a patient’s immune system to recognize cell surface antigens and markers that distinguish tumors from healthy tissue. This process of “training” the immune system to target cancer stems from the adapti.<br/><br/>
+
-
We expect that these novel biosensors, together with the plug-in devices, will serve as intriguing synthetic biological tools for diverse practical applications.
+
-
</p>
+
-
        </div>
+
 +
#main ul li.first {
 +
padding-top: 0;
 +
border-top: 0;
 +
}
 +
#nav {
 +
position: absolute;
 +
bottom: 0;
 +
left: 0;
 +
width: 1180px;
 +
height: 56px;
 +
line-height: 56px;
 +
margin: 28px 0 0 0;
 +
background: #8f5038;
 +
font-size: 1em;
 +
font-family: "Loma", sans-serif;
 +
border-bottom: solid 1px #6f3018;
 +
border-top: solid 1px #ffffff;
 +
text-shadow: 0 1px 0px #6f3018;
 +
text-transform: lowercase;
 +
}
 +
#nav a {
 +
text-decoration: none;
 +
color: #ffffff;
 +
}
-
</div><!--end of major body-->
+
#nav ul {
-
<img id="AcknowledgementBox" src="https://static.igem.org/mediawiki/2014/1/15/2.jpg">
+
list-style: none;
-
<!--end of acknowledgement box-->
+
margin: 0 auto;
 +
width: 1062px;
 +
text-align: center;
 +
}
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
+
#nav ul li {
-
<script type="text/javascript">
+
display: inline;
-
$(window).scroll(function(){
+
text-align: center;
-
  if(0==document.getElementById("content").offsetLeft){ $('#navigationblock').css('left',-$(window).scrollLeft());}
+
padding: 0 1.75em 0 1.75em;
-
  else{$('#navigationblock').css('left',document.getElementById("content").offsetLeft); }
+
}
-
});
+
-
$(window).resize(function(){
+
#outer {
-
  if(0==document.getElementById("content").offsetLeft){ $('#navigationblock').css('left',-$(window).scrollLeft());}
+
position: relative;
-
  else{$('#navigationblock').css('left',document.getElementById("content").offsetLeft); }
+
width: 1180px;
-
});
+
padding-top: 30px;
 +
margin: 0 auto 0 auto;
 +
}
-
document.getElementById("AppendixBox1").onmouseover=function(){MoveInSlide("#Appendix1Cover")};
+
#search input.button {
-
document.getElementById("AppendixBox1").onmouseout=function(){MoveOutSlide("#Appendix1Cover")};
+
margin-left: 1em;
-
document.getElementById("AppendixBox2").onmouseover=function(){MoveInSlide("#Appendix2Cover")};
+
border: 0px;
-
document.getElementById("AppendixBox2").onmouseout=function(){MoveOutSlide("#Appendix2Cover")};
+
color: #ffffff;
-
document.getElementById("AppendixBox3").onmouseover=function(){MoveInSlide("#Appendix3Cover")};
+
background: #8f5038;
-
document.getElementById("AppendixBox3").onmouseout=function(){MoveOutSlide("#Appendix3Cover")};
+
padding: 5px;
-
document.getElementById("AppendixBox4").onmouseover=function(){MoveInSlide("#Appendix4Cover")};
+
}
-
document.getElementById("AppendixBox4").onmouseout=function(){MoveOutSlide("#Appendix4Cover")};
+
-
document.getElementById("AppendixBox5").onmouseover=function(){MoveInSlide("#Appendix5Cover")};
+
-
document.getElementById("AppendixBox5").onmouseout=function(){MoveOutSlide("#Appendix5Cover")};
+
-
function MoveInSlide(SlideId)
+
#search input.text {
-
{
+
border: dotted 1px #000;
-
$(SlideId).stop().animate({top:"0px"},"fast");
+
padding: 4px;
-
         
+
}
-
};
+
 +
#sidebar1 {
 +
width: 232px;
 +
float: left;
 +
padding: 28px;
 +
background: #ffffff;
 +
color: #474747;
 +
border-bottom: solid 1px #c0c0c0;
 +
}
 +
#sidebar1 h2, #sidebar1 h3, #sidebar1 h4 {
 +
color: #000;
 +
}
-
function MoveOutSlide(SlideId)
+
#sidebar1 ul {
-
{
+
list-style: none;
-
$(SlideId).stop().animate({top:"170px"},"fast");
+
}
-
       
+
-
};
+
 +
#sidebar1 ul li {
 +
padding: 8px 0 8px 0;
 +
border-top: dotted 1px #bdbdbd;
 +
}
-
</script>
+
#sidebar1 ul li.first {
 +
padding-top: 0;
 +
border-top: 0;
 +
}
 +
#sidebar2 {
 +
width: 232px;
 +
float: right;
 +
padding: 28px;
 +
background: #ffffff;
 +
color: #474747;
 +
border-bottom: solid 1px #c0c0c0;
 +
}
 +
 +
#sidebar2 h2, #sidebar2 h3, #sidebar2 h4 {
 +
color: #000;
 +
}
 +
 +
#sidebar2 ul {
 +
list-style: none;
 +
}
 +
 +
#sidebar2 ul li {
 +
padding: 8px 0 8px 0;
 +
border-top: dotted 1px #bdbdbd;
 +
}
 +
 +
#sidebar2 ul li.first {
 +
padding-top: 0;
 +
border-top: 0;
 +
}
 +
</style>
 +
    </head>
 +
    <body>
 +
<div id="bg">
 +
<div id="outer">
 +
<div id="header">
 +
 +
<div id="logo">
 +
<h1 id="h1">
 +
<a href="#" style="">UESTC-China 2014 </a>
 +
</h1>
 +
<h1 id="h2">
 +
<a href="#" style="">PLANTS vs HCHO</a>
 +
</h1>
 +
</div>
 +
<div id="nav">
 +
<ul style="text-transform:Uppercase">
 +
<li class="first active">
 +
<a href="#">Home</a>
 +
</li>
 +
<li>
 +
<a href="#">Team</a>
 +
</li>
 +
<li>
 +
<a href="#">Porject</a>
 +
</li>
 +
<li>
 +
<a href="#">Model</a>
 +
</li>
 +
<li>
 +
<a href="#">Links</a>
 +
</li>
 +
<li>
 +
<a href="#">Notebook</a>
 +
</li>
 +
<li>
 +
<a href="#">Safety</a>
 +
</li>
 +
<li class="last">
 +
<a href="#">Human Practice</a>
 +
</li>
 +
</ul>
 +
<br class="clear" />
 +
</div>
 +
</div>
 +
<div id="banner">
 +
<img src="https://static.igem.org/mediawiki/2014/5/5d/Home_img1.jpg" width="1124" height="212" alt="" />
 +
</div>
 +
<div id="main">
 +
<div id="sidebar1">
 +
<h3>
 +
left bar
 +
</h3>
 +
<p>
 +
put something here!
 +
</p>
 +
<h3>
 +
description
 +
</h3>
 +
<ul class="linkedList">
 +
<li class="first">
 +
<a href="#">first</a>
 +
</li>
 +
<li>
 +
<a href="#">first</a>
 +
</li>
 +
<li>
 +
<a href="#">first</a>
 +
</li>
 +
<li>
 +
<a href="#">first</a>
 +
</li>
 +
<li>
 +
<a href="#">first</a>
 +
</li>
 +
<li>
 +
<a href="#">first</a>
 +
</li>
 +
<li>
 +
<a href="#">first</a>
 +
</li>
 +
<li>
 +
<a href="#">first</a>
 +
</li>
 +
<li class="last">
 +
<a href="#">wahaahhahahahh</a>
 +
</li>
 +
</ul>
 +
</div>
 +
<div id="sidebar2">
 +
<h3>
 +
right bar
 +
</h3>
 +
<ul class="linkedList">
 +
<li class="first">
 +
<a href="#">sssss</a>
 +
</li>
 +
<li>
 +
<a href="#">ssss</a>
 +
</li>
 +
<li>
 +
<a href="#">ssss</a>
 +
</li>
 +
<li>
 +
<a href="#">sssss</a>
 +
</li>
 +
<li>
 +
<a href="#">ssssss</a>
 +
</li>
 +
<li class="last">
 +
<a href="#">sssss</a>
 +
</li>
 +
</ul>
 +
<h3>
 +
china
 +
</h3><img class="top" src="https://static.igem.org/mediawiki/2014/a/a7/Home_img2.jpg" width="232" height="84" alt="" />
 +
<p>
 +
ok ok
 +
ok ok
 +
</p>
 +
</div>
 +
<div id="content">
 +
<div id="box1">
 +
<h2>
 +
Introduction
 +
</h2><img class="left" src="https://static.igem.org/mediawiki/2014/e/ed/Home_img3.gif" width="100" height="115" alt="" />
 +
<p>
 +
some some some
 +
</p>
 +
</div>
 +
<div id="box2">
 +
<h3>
 +
some
 +
</h3>
 +
<p>
 +
a jiao jiao
 +
</p>
 +
<ul class="linkedList">
 +
<li class="first">
 +
<a href="#">,,,,,</a>
 +
</li>
 +
<li>
 +
<a href="#">,,,,</a>
 +
</li>
 +
<li>
 +
<a href="#">,,,,,</a>
 +
</li>
 +
<li>
 +
<a href="#">,,,,</a>
 +
</li>
 +
<li class="last">
 +
<a href="#">,,,,,</a>
 +
</li>
 +
</ul>
 +
</div>
 +
<br class="clear" />
 +
</div>
 +
<br class="clear" />
 +
</div>
 +
<div id="footer">
 +
<div id="footerContent">
 +
<h3>
 +
Sponsers
 +
</h3>
 +
<p>
 +
uestc   
 +
</p>
 +
</div>
 +
<div id="footerSidebar">
 +
<h3>
 +
fine
 +
</h3>
 +
<ul class="linkedList">
 +
<li class="first">
 +
<a href="#">xxx</a>
 +
</li>
 +
<li>
 +
<a href="#">xx</a>
 +
</li>
 +
<li class="last">
 +
<a href="#">xxxxx</a>
 +
</li>
 +
</ul>
 +
</div>
 +
<br class="clear" />
 +
</div>
 +
</div>
 +
<div id="copyright">
 +
&copy; eagel liu | Design by <a href="%%" rel="nofollow"></a>
 +
</div>
 +
</div>
 +
    </body>
</html>
</html>

Revision as of 15:09, 10 June 2014

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 

   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Team:UESTC-2014.igem

left bar

put something here!

description

right bar

china

ok ok ok ok

Introduction

some some some

some

a jiao jiao



Retrieved from "http://2014.igem.org/Team:UESTC-China"