Team:Peking

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{CSS/Main}}
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 +
<html>
 +
<head>
 +
<meta charset="utf-8">
 +
<title>first try</title>
 +
<style>
 +
/* 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>
+
}
 +
#p-logo{display:none;}
 +
#search-controls{display:none;}
 +
#top{display:none;}
 +
.firstHeading{display:none;}
 +
/* end of hiding the top section*/
-
<!--main content -->
+
/* global setting*/
-
<table width="70%" align="center">
+
#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*/
-
<!--welcome box -->
+
/* menu (page, edit ...) */
-
<tr>
+
#menubar {
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#009933>
+
    background-color:transparent;
-
<h1 >iGEM Peking is coming! </h1>
+
    position: relative;
-
<p>Our wiki will take shape initially in one week! </p>
+
    float:left;
-
<br>
+
    white-space: nowrap;
-
</td>
+
    top:-6px;
-
</tr>
+
    width: 490px;
 +
    z-index: 5000;
 +
    font-family: sans-serif;
 +
    font-size: 95%;
 +
    line-height: 1em;
 +
    z-index:99;
 +
}
-
<tr> <td colspan="3"  height="5px"> </td></tr>
 
-
<!-- end welcome box -->
 
-
<tr>
 
 +
.left-menu, .left-menu a {
 +
    text-align: left;
 +
    color:#999999;
 +
    text-transform: lowercase;
 +
}
 +
.left-menu:hover {
 +
    color: #D00000;
 +
    background-color: transparent;
 +
}
-
<!--
+
.right-menu{width:400px; float:right}
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:Peking&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
.right-menu, .right-menu a {
-
-->
+
    right: 0px;
 +
    text-align: right;
 +
    color: #999999;
 +
}
 +
#menubar ul {
 +
    color: #999999;
 +
    list-style: none;
 +
}
 +
#menubar li {
 +
    display: inline;
 +
    position: relative;
 +
    cursor: pointer;
 +
    padding-left: 0px;
 +
    padding-right: 0px;
 +
}
 +
.left-menu li a {
 +
    padding: 0px 10px 0px 0px;
 +
}
 +
.left-menu .selected {
 +
#    color: #999999;
 +
}
 +
#.left-menu .selected:hover {
 +
#    color: #999999;
 +
#}
-
<!--navigation menu -->
+
.left-menu:hover a {
-
<td align="center" colspan="3">
+
    color: #999999;;
 +
}
-
<table  width="100%">
+
.left-menu li a:hover {
-
<tr heigth="15px"></tr>
+
    color: #D00000;
-
<tr heigth="75px">
+
    text-decoration: underline;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
.right-menu li {
-
<a href="https://2014.igem.org/Team:Peking"style="color:#000000">Home </a> </td>
+
#    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 ...) */
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
#navigationblock{
-
<a href="https://2014.igem.org/Team:Peking/Team"style="color:#000000"> Team </a> </td>
+
background-color: #fafaf8;
 +
position: fixed;
 +
top: 0px;
 +
width: 1260px;
 +
height: 230px;
 +
overflow: hidden;
 +
font-family: Calibri, Arial;
 +
float: left;
 +
padding: 0px;
 +
z-index: 1000;
 +
border-bottom: 2px solid #009900;
 +
margin-bottom: auto;
 +
margin-left: auto;
 +
margin-right: auto;
 +
margin-top: auto;
 +
}
 +
#navbarlogo{position:absolute; top:2px; left:0px; width:1084px}
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
#navigationbar{position:absolute; left:460px; top:58px; font-size:20px; font-weight:100; color:black;}
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=Peking"style="color:#000000"> Official Team Profile </a></td>
+
#navigationbar > li {display:block; list-style-type:none; float:left; width:100px; height:30px; text-align:center; }
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.Navbar_Item{background-color:transparent;}
-
<a href="https://2014.igem.org/Team:Peking/Project"style="color:#000000"> Project</a></td>
+
.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 > 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 > ul{zoom:1; display:block;}
 +
.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;}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href="https://2014.igem.org/Team:Peking/Parts"style="color:#000000"> Parts</a></td>
 
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
#Home_Sublist{position:relative; top:0px; left:-50px;}
-
<a href="https://2014.igem.org/Team:Peking/Modeling"style="color:#000000"> Modeling</a></td>
+
#Team_Sublist{position:relative; top:0px; left:-110px;}
 +
#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;}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
#iGEM_logo{position:absolute; top:30px; left:1090px; height:80px;}
-
<a href="https://2014.igem.org/Team:Peking/Notebook"style="color:#000000"> Notebook</a></td>
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
#welcome{position:absolute; top:250px; left:0px; width:1084px}
-
<a href="https://2014.igem.org/Team:Peking/Safety"style=" color:#000000"> Safety </a></td>
+
</style>
 +
</head>
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
<body>
-
<a href="https://2014.igem.org/Team:Peking/Attributions"style="color:#000000"> Attributions </a></td>
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href="https://2014.igem.org/wiki/index.php?title=Team:Peking&action=edit"style="color:#000000"> Edit </a></td>
 
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
 
-
</tr>
 
-
</table>
 
-
<!--end navigation menu -->
+
<div  id="navigationblock">
-
</tr>
+
<img id="navbarlogo" src="cs_5.png"/>
 +
       
 +
<ul id="navigationbar">
 +
<li id="PKU_navbar_Home" class="Navbar_Item">
 +
                       
 +
<a href="https://2014.igem.org/Team:Peking">Home</a>
 +
<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://2014.igem.org/Team:Peking">Members</a></li>
 +
<li><a href="https://2014.igem.org/Team:Peking">Attributions</a></li>
 +
</ul>
 +
</li>
 +
<li id="PKU_navbar_Project" class="Navbar_Item">
 +
<a href="https://2014.igem.org/Team:Peking/Project">Project</a>
 +
<ul id="Project_Sublist">
 +
                                <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">Modeling</a></li>
 +
          </ul>
 +
</li>
 +
 +
       
 +
<li id="PKU_navbar_Safety" class="Navbar_Item">
 +
<a href="https://2014.igem.org/Team:Peking/Safety">Safety</a>
 +
<ul id="Safety_Sublist">
 +
</ul>
 +
</li>
 +
<li id="PKU_navbar_HumanPractice" class="Navbar_Item" style="width:150px">
 +
<a href="https://2014.igem.org/Team:Peking/HumanPractice">Human Practice</a>
 +
<ul id="HumanPractice_Sublist">
 +
                                <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/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/iGEMWorkshop">Team Communication</a></li>
 +
</ul>
 +
</li>
 +
 +
</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>
 +
</div>
 +
<div id="welcome"><!--welcome box -->
 +
<table width="80%" align="center">
 +
<tr>
 +
<td style="border:1px solid black;" colspan="3" align="center" height="250px" bgColor=#009933>
 +
<h1 >iGEM Peking is coming! </h1>
 +
<p>Our wiki will take shape initially in one week! </p>
 +
<br>
 +
</td>
</tr>
</tr>
-
 
 +
<tr> <td colspan="3"  height="5px"> </td></tr>
 +
<!-- end welcome box --></div>
-
 
+
</body>
-
 
+
</html>
-
</td>
+

Revision as of 15:41, 30 July 2014

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> first try

Retrieved from "http://2014.igem.org/Team:Peking"

iGEM Peking is coming!

Our wiki will take shape initially in one week!