Team:Peking

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
    <html>
-
<html>
+
<head>
<head>
-
<meta charset="utf-8">
+
    <meta charset="utf-8">
-
<title>first try</title>
+
    <title>first try</title>
-
<style>
+
   
-
 
+
    <style type="text/css">
-
/* hiding the top section*/
+
   
-
body{position:absolute; top:0px; width:100%; height:1300px;}
+
    /* hiding the top section*/
-
#top-section{
+
    body{position:absolute; top:0px; width:100%; height:1300px;}
-
  height:0px;
+
    #top-section{
-
    border:none;
+
      height:0px;
-
    width:980px;
+
        border:none;
-
    margin:0 auto;
+
        width:980px;
-
    padding:0 0 0 0;
+
        margin:0 auto;
-
    background-color:transparent;
+
        padding:0 0 0 0;
-
    overflow:hide;
+
        background-color:transparent;
-
 
+
        overflow:hide;
-
}
+
      
-
#p-logo{display:none;}
+
-
#search-controls{display:none;}
+
-
#top{display:none;}
+
-
.firstHeading{display:none;}
+
-
/* end of hiding the top section*/
+
-
 
+
-
/* global setting*/
+
-
#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;}
+
-
#content{
+
-
     background-color:transparent;
+
-
    border:none;
+
-
    width:1200px;
+
-
    height:700px;
+
-
    marign:0 auto;
+
-
    padding:0 0 0 0;
+
-
    top:-40px;
+
     }
     }
-
#bodyContent{
+
    #p-logo{display:none;}
-
     background-color:transparent;
+
     #search-controls{display:none;}
-
     border:none;
+
    #top{display:none;}
 +
    .firstHeading{display:none;}
 +
    /* end of hiding the top section*/
 +
   
 +
    /* global setting*/
 +
    #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;}
 +
    #content{
 +
        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*/
 +
    #footer-box{display:none;}
 +
    #catlinks{display:none;}
 +
    /*end of hiding the footer book*/
      
      
 +
    /* menu (page, edit ...) */
 +
    #menubar {
 +
        background-color:transparent;
 +
        position: relative;
 +
        float:left;
 +
        white-space: nowrap;
 +
        top:-6px;
 +
        width: 490px;
 +
        z-index: 5000;
 +
        font-family: sans-serif;
 +
        font-size: 95%;
 +
        line-height: 1em;
 +
        z-index:99;
     }
     }
-
siteSub{
+
   
-
     display:none;
+
      
-
    border:none;
+
    .left-menu, .left-menu a {
 +
        text-align: left;
 +
        color:#999999;
 +
        text-transform: lowercase;
     }
     }
-
contentSub{
+
   
-
     display:none;
+
     .left-menu:hover {
 +
        color: #D00000;
 +
        background-color: transparent;
     }
     }
-
/* end of global setting*/
+
      
-
 
+
     .right-menu{width:400px; float:right}
-
/*hiding the footer-box*/
+
    .right-menu, .right-menu a {
-
#footer-box{display:none;}
+
        right: 0px;
-
#catlinks{display:none;}
+
        text-align: right;
-
/*end of hiding the footer book*/
+
        color: #999999;
-
 
+
    }
-
/* menu (page, edit ...) */
+
    #menubar ul {
-
#menubar {
+
        color: #999999;
-
     background-color:transparent;
+
        list-style: none;
-
     position: relative;
+
    }
-
    float:left;
+
    #menubar li {
-
    white-space: nowrap;
+
        display: inline;
-
    top:-6px;
+
        position: relative;
-
    width: 490px;
+
        cursor: pointer;
-
    z-index: 5000;
+
        padding-left: 0px;
-
    font-family: sans-serif;
+
        padding-right: 0px;
-
    font-size: 95%;
+
    }
-
    line-height: 1em;
+
    .left-menu li a {
-
    z-index:99;
+
        padding: 0px 10px 0px 0px;
-
}
+
    }
-
 
+
    .left-menu .selected {
-
 
+
    #    color: #999999;
-
.left-menu, .left-menu a {
+
    }
-
    text-align: left;
+
    #.left-menu .selected:hover {
-
    color:#999999;
+
    #    color: #999999;
-
    text-transform: lowercase;
+
    #}
-
}
+
   
-
 
+
    .left-menu:hover a {
-
.left-menu:hover {
+
        color: #999999;;
-
    color: #D00000;
+
    }
-
    background-color: transparent;
+
   
-
}
+
    .left-menu li a:hover {
-
 
+
        color: #D00000;
-
.right-menu{width:400px; float:right}
+
        text-decoration: underline;
-
.right-menu, .right-menu a {
+
    }
-
    right: 0px;
+
   
-
    text-align: right;
+
   
-
    color: #999999;
+
    .right-menu li {
-
}
+
    #    background-color: transparent;
-
#menubar ul {
+
    }
-
    color: #999999;
+
    .right-menu li a {
-
    list-style: none;
+
        padding: 0px 15px 0px 0px;
-
}
+
        color: #999999;;
-
#menubar li {
+
        background-color: transparent;
-
    display: inline;
+
    }
-
    position: relative;
+
    .right-menu li a:hover {
-
    cursor: pointer;
+
        color: #D00000;
-
    padding-left: 0px;
+
        text-decoration: underline;
-
    padding-right: 0px;
+
    }
-
}
+
    /* end menu (edit, page ...) */
-
.left-menu li a {
+
   
-
    padding: 0px 10px 0px 0px;
+
    #navigationblock{
-
}
+
background-color: #FFFFFF;
-
.left-menu .selected {
+
-
#    color: #999999;
+
-
}
+
-
#.left-menu .selected:hover {
+
-
#    color: #999999;
+
-
#}
+
-
 
+
-
.left-menu:hover a {
+
-
    color: #999999;;
+
-
}
+
-
 
+
-
.left-menu li a:hover {
+
-
    color: #D00000;
+
-
    text-decoration: underline;
+
-
}
+
-
 
+
-
 
+
-
.right-menu li {
+
-
#    background-color: transparent;
+
-
}
+
-
.right-menu li a {
+
-
    padding: 0px 15px 0px 0px;
+
-
    color: #999999;;
+
-
    background-color: transparent;
+
-
}
+
-
.right-menu li a:hover {
+
-
    color: #D00000;
+
-
    text-decoration: underline;
+
-
}
+
-
/* end menu (edit, page ...) */
+
-
 
+
-
#navigationblock{
+
-
background-color: #fafaf8;
+
position: fixed;
position: fixed;
top: 0px;
top: 0px;
Line 148: Line 148:
margin-right: auto;
margin-right: auto;
margin-top: auto;
margin-top: auto;
-
}
+
    }
-
#navbarlogo{position:absolute; top:2px; left:0px; width:1084px}
+
    #navbarlogo{position:absolute; top:2px; left:0px; width:1084px}
-
 
+
   
-
#navigationbar{position:absolute; left:460px; top:58px; font-size:20px; font-weight:100; color:black;}
+
    #navigationbar{position:absolute; left:460px; top:58px; font-size:20px; font-weight:100; color:black;}
-
#navigationbar > li {display:block; list-style-type:none; float:left; width:100px; height:30px; text-align:center; }
+
    #navigationbar > li {display:block; list-style-type:none; float:left; width:100px; height:30px; text-align:center; }
-
 
+
   
-
.Navbar_Item{background-color:transparent;}
+
    .Navbar_Item{background-color:transparent;}
-
.Navbar_Item a {color:black; text-decoration:none;}
+
    .Navbar_Item a {color:black; text-decoration:none;}
-
.Navbar_Item > ul {display:none; width:900px; height:80px; text-align:center; color:black; z-index:1100; }
+
    .Navbar_Item > ul {display:none; width:900px; height:80px; text-align:center; color:black; z-index:1100; }
-
.Navbar_Item > ul > li {float:left; list-style:none; text-align:center; background-color:transparent; position:relative; top:10px; padding:0 10px;}
+
    .Navbar_Item > ul > li {float:left; list-style:none; text-align:center; background-color:transparent; position:relative; top:10px; padding:0 10px;}
-
.Navbar_Item:hover{ border-bottom:1px solid #D00000; color:#D00000; background-color:#fafaf8;}
+
    .Navbar_Item:hover{ border-bottom:1px solid #D00000; color:#D00000; background-color:#fafaf8;}
-
.Navbar_Item:hover > ul{zoom:1; display:block;}
+
    .Navbar_Item:hover > ul{zoom:1; display:block;}
-
.Navbar_Item:hover >a {color:#D00000; background-color:#fafaf8;}
+
    .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 {border-bottom:1px solid #D00000; color:#D00000; background-color:#fafaf8;}
-
.Navbar_Item > ul > li:hover >a {color:#D00000}
+
    .Navbar_Item > ul > li:hover >a {color:#D00000}
-
.BackgroundofSublist{position:absolute; left:-1000px; width:2000px; height:80px; background-color:#ffffff; opacity:0;}
+
    .BackgroundofSublist{position:absolute; left:-1000px; width:2000px; height:80px; background-color:#ffffff; opacity:0;}
-
 
+
   
-
 
+
   
-
#Home_Sublist{position:relative; top:0px; left:-50px;}
+
    #Home_Sublist{position:relative; top:0px; left:-50px;}
-
#Team_Sublist{position:relative; top:0px; left:-110px;}
+
    #Team_Sublist{position:relative; top:0px; left:-110px;}
-
#Project_Sublist{position:relative; top:0px; left:-180px;}
+
    #Project_Sublist{position:relative; top:0px; left:-180px;}
-
#Model_Sublist{position:relative; top:0px; left:-140px;}
+
    #Model_Sublist{position:relative; top:0px; left:-140px;}
-
#DataPage_Sublist{position:relative; top:0px; left:-60px;}
+
    #DataPage_Sublist{position:relative; top:0px; left:-60px;}
-
#Safety_Sublist{position:relative; top:0px; left:-180px;}
+
    #Safety_Sublist{position:relative; top:0px; left:-180px;}
-
#HumanPractice_Sublist{position:relative; top:0px; left:-470px;}
+
    #HumanPractice_Sublist{position:relative; top:0px; left:-470px;}
-
 
+
   
-
#iGEM_logo{position:absolute; top:30px; left:1090px; height:80px;}
+
    #iGEM_logo{position:absolute; top:30px; left:1090px; height:80px;}
-
 
+
   
-
#welcome{position:absolute; top:250px; left:0px; width:1084px}
+
    #welcome{position:absolute; top:250px; left:0px; width:1084px}
-
</style>
+
    </style>
-
</head>
+
    </head>
-
 
+
   
-
<body>
+
    <body>
-
 
+
   
-
 
+
   
-
 
+
   
-
 
+
   
-
<div  id="navigationblock">
+
    <div  id="navigationblock">
-
<img id="navbarlogo" src="https://static.igem.org/mediawiki/2014/e/ef/Cs_5.png"/>
+
        <img id="navbarlogo" src="https://static.igem.org/mediawiki/2014/e/ef/Cs_5.png"/>
-
       
+
           
-
<ul id="navigationbar">
+
        <ul id="navigationbar">
-
<li id="PKU_navbar_Home" class="Navbar_Item">
+
            <li id="PKU_navbar_Home" class="Navbar_Item">
-
                       
+
                           
-
<a href="https://2014.igem.org/Team:Peking">Home</a>
+
                <a href="https://2014.igem.org/Team:Peking">Home</a>
-
<ul id="Home_Sublist" >
+
                <ul id="Home_Sublist" >
-
</ul>
+
                </ul>
-
</li>
+
            </li>
-
<li id="PKU_navbar_Team" class="Navbar_Item">
+
            <li id="PKU_navbar_Team" class="Navbar_Item">
-
<a href="">Team</a>
+
                <a href="">Team</a>
-
<ul id="Team_Sublist">
+
                <ul id="Team_Sublist">
-
                                <div class="BackgroundofSublist"></div>
+
                                    <div class="BackgroundofSublist"></div>
-
<li><a href="https://2014.igem.org/Team:Peking">Members</a></li>
+
                    <li><a href="https://2014.igem.org/Team:Peking">Members</a></li>
-
<li><a href="https://2014.igem.org/Team:Peking">Attributions</a></li>
+
                    <li><a href="https://2014.igem.org/Team:Peking">Attributions</a></li>
-
</ul>
+
                </ul>
-
</li>
+
            </li>
-
<li id="PKU_navbar_Project" class="Navbar_Item">
+
            <li id="PKU_navbar_Project" class="Navbar_Item">
-
<a href="https://2014.igem.org/Team:Peking/Project">Project</a>
+
                <a href="https://2014.igem.org/Team:Peking/Project">Project</a>
-
<ul id="Project_Sublist">
+
                <ul id="Project_Sublist">
-
                                <div class="BackgroundofSublist"></div>
+
                                    <div class="BackgroundofSublist"></div>
-
                                <li><a href="https://2014.igem.org/Team:Peking/Project">Experiments</a></li>
+
                                    <li><a href="https://2014.igem.org/Team:Peking/Project">Experiments</a></li>
-
<li><a href="https://2014.igem.org/Team:Peking/Project">Modeling</a></li>
+
                    <li><a href="https://2014.igem.org/Team:Peking/Project">Modeling</a></li>
-
          </ul>
+
              </ul>
-
</li>
+
            </li>
-
+
           
-
       
+
           
-
<li id="PKU_navbar_Safety" class="Navbar_Item">
+
            <li id="PKU_navbar_Safety" class="Navbar_Item">
-
<a href="https://2014.igem.org/Team:Peking/Safety">Safety</a>
+
                <a href="https://2014.igem.org/Team:Peking/Safety">Safety</a>
-
<ul id="Safety_Sublist">
+
                <ul id="Safety_Sublist">
-
</ul>
+
                </ul>
-
</li>
+
            </li>
-
<li id="PKU_navbar_HumanPractice" class="Navbar_Item" style="width:150px">
+
            <li id="PKU_navbar_HumanPractice" class="Navbar_Item" style="width:150px">
-
<a href="https://2014.igem.org/Team:Peking/HumanPractice">Human Practice</a>
+
                <a href="https://2014.igem.org/Team:Peking/HumanPractice">Human Practice</a>
-
<ul id="HumanPractice_Sublist">
+
                <ul id="HumanPractice_Sublist">
-
                                <div class="BackgroundofSublist"></div>
+
                                    <div class="BackgroundofSublist"></div>
-
                                <li><a href="https://2014.igem.org/Team:Peking/HumanPractice/Questionnaire">Questionnaire Survey</a></li>
+
                                    <li><a href="https://2014.igem.org/Team:Peking/HumanPractice/Questionnaire">Questionnaire Survey</a></li>
-
<li><a href="https://2014.igem.org/Team:Peking/HumanPractice/FactoryVisit">Visit and Interview</a></li>
+
                    <li><a href="https://2014.igem.org/Team:Peking/HumanPractice/FactoryVisit">Visit and Interview</a></li>
-
                                <li><a href="https://2014.igem.org/Team:Peking/HumanPractice/ModeliGEM">Practical Analysis</a></li>
+
                                    <li><a href="https://2014.igem.org/Team:Peking/HumanPractice/ModeliGEM">Practical Analysis</a></li>
-
<li><a href="https://2014.igem.org/Team:Peking/HumanPractice/iGEMWorkshop">Team Communication</a></li>
+
                    <li><a href="https://2014.igem.org/Team:Peking/HumanPractice/iGEMWorkshop">Team Communication</a></li>
-
 
+
   
-
</ul>
+
                </ul>
-
</li>
+
            </li>
-
+
           
-
</ul>
+
        </ul>
-
        <a href="https://2014.igem.org/Main_Page"><img id="iGEM_logo" src="https://static.igem.org/mediawiki/igem.org/4/48/Peking_igemlogo.jpg"/></a>
+
            <a href="https://2014.igem.org/Main_Page"><img id="iGEM_logo" src="https://static.igem.org/mediawiki/2014/0/04/Peking_igemlogo.png"/></a>
-
</div>
+
    </div>
-
 
+
   
-
<div id="welcome"><!--welcome box -->
+
    <div id="welcome"><!--welcome box -->
-
<table width="80%" align="center">
+
    <table width="80%" align="center">
-
<tr>
+
    <tr>
-
<td style="border:1px solid black;" colspan="3" align="center" height="250px" bgColor=#009933>
+
    <td style="border:1px solid black;" colspan="3" align="center" height="250px" bgColor=#009933>
-
<h1 >iGEM Peking is coming! </h1>
+
    <h1 >iGEM Peking is coming! </h1>
-
<p>Our wiki will take shape initially in one week! </p>
+
    <p>Our wiki will take shape initially in one week! </p>
-
<br>
+
    <br>
-
</td>
+
    </td>
-
</tr>
+
    </tr>
-
 
+
   
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
    <tr> <td colspan="3"  height="5px"> </td></tr>
-
<!-- end welcome box --></div>
+
    <!-- end welcome box --></div>
-
 
+
   
-
</body>
+
    </body>
-
</html>
+
    </html>

Revision as of 16:01, 30 July 2014

   

    
    first try
    
    
    
    
    
    
    
    
    
    
    
    

iGEM Peking is coming!

Our wiki will take shape initially in one week!