|
|
Line 1: |
Line 1: |
- | <html> | + | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| + | <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head> | | <head> |
- | <style type="text/css">
| + | <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> |
- | body {behavior: url();}
| + | <title>无标题文档</title> |
- | | + | <style type="text/css"> |
- | .clear {clear:both;}
| + | <!-- |
- | body.mediawiki {
| + | #Layer1 { |
- | background-color:#000000;
| + | position:absolute; |
- | font-family: Calibri, Verdana, helvetica, sans-serif;}
| + | left:23px; |
- | h2 {padding: 10px 20px;
| + | top:14px; |
- | font-size: 18px;
| + | width:998px; |
- | color: #000000;
| + | height:32px; |
- | text-decoration: none;
| + | z-index:1; |
- | font-weight: bold;}
| + | background-color: #990000; |
- | border: none;
| + | background-image: url(https://static.igem.org/mediawiki/2010/2/2d/BANNER_BACK.jpg); |
- | h2 a {color: #eb8300;}
| + | } |
- | h3 {padding: 10px 20px;
| + | a:link { |
- | font-size: 16px;
| + | color: #FFFFFF; |
- | color: #000000;
| + | text-decoration: none; |
- | font-decoration: none;
| + | } |
- | font-weight: bold;}
| + | #Layer2 { |
- | h1.firstHeading {
| + | position:absolute; |
- | display: none;
| + | left:191px; |
- | }
| + | top:46px; |
- | p {
| + | width:197px; |
- | text-align: justify;
| + | height:76px; |
- | }
| + | z-index:2; |
- | a:link {
| + | background-color: #990000; |
- | color: #00a5ea;
| + | visibility: hidden; |
- | text-decoration: none
| + | } |
- | }
| + | #Layer3 { |
- | a:visited {
| + | position:absolute; |
- | color:#00a5ea;
| + | left:513px; |
- | text-decoration: none
| + | top:45px; |
- | }
| + | width:167px; |
- | a:hover {
| + | height:132px; |
- | color: #eb8300;
| + | z-index:3; |
- | text-decoration: none
| + | background-color: #990000; |
- | }
| + | visibility: hidden; |
- | a:active {
| + | } |
- | color:#f29400;
| + | a:hover { |
- | text-decoration: none
| + | color: #00FFCC; |
- | }
| + | text-decoration: none; |
- | #bodyContent { width: 970px; margin: 225px 0px 0px; background-color:#ffffff;}
| + | font-family: "Times New Roman", Times, serif; |
- | #content {padding-left: 0px; width: 970px;}
| + | |
- | table#team_members { text-align: justify; border: 0; }
| + | |
- | table#team_members h2, table#team_members h3 { clear: both; }
| + | |
- | #content * a:hover {text-decoration:none;}
| + | |
- | #main_wrapper {
| + | |
- | position:absolute; left:0px; top:0px;
| + | |
- | margin: 0;
| + | |
- | width: 967px;
| + | |
- | height: 220px;
| + | |
- | align: center;
| + | |
- | border-style: solid;
| + | |
- | border-color: white;
| + | |
- | }
| + | |
- | #header {
| + | |
- | position:absolute; left:0px; top:0px;
| + | |
- | margin: 0;
| + | |
- | width: 969px;
| + | |
- | height: 150px;
| + | |
- | align: left;
| + | |
- | background-color: #FFFFFF;
| + | |
- | background-image: url(https://static.igem.org/mediawiki/2010/9/9f/Banner000.jpg); }
| + | |
- | #navigation {
| + | |
- | position:absolute; left:0px; top:145px; width:793px; height:69px;
| + | |
- | z-index:100; background-color: transparent; float: left;
| + | |
- | color: #000000;
| + | |
- | }
| + | |
- | #super_main_wrapper {
| + | |
- | position:absolute; left:0px; top:220px;
| + | |
- | width: 973px;
| + | |
- | align: center;
| + | |
- | background-color: #ede8e2;
| + | |
- | height: auto;
| + | |
- | }
| + | |
- | #orangeBox, #greenBox, #blueBox {background-repeat: no-repeat;
| + | |
- | height:200px;
| + | |
- | width: 323px;
| + | |
- | float:left;}
| + | |
- | #orangeBox p, #greenBox p, #blueBox p{padding: 0 20px;
| + | |
- | text-align: justify;
| + | |
- | font-weight: bold;
| + | |
- | font-size: 14px;
| + | |
- | color: #000033;}
| + | |
- | #orangeBox h3, #greenBox h3, #blueBox h3{padding: 20px 25px 0 20px;
| + | |
- | font-weight: bold;
| + | |
- | font-size: 20px;
| + | |
- | color: #000033;}
| + | |
- | #orangeBox a, #greenBox a, #blueBox a {
| + | |
- | padding-right: 20px;
| + | |
- | font-weight: bold;
| + | |
- | font-size: 16px;
| + | |
- | display: block;
| + | |
- | text-align: right;
| + | |
- | color: #000033;}
| + | |
- | #orangeBox a:hover, #greenBox a:hover, #blueBox a:hover {
| + | |
- | color: #ffffff;}
| + | |
- | #orangeBox {margin-left: 3px;
| + | |
- | background-image: url(https://static.igem.org/mediawiki/2010/d/df/Box1.jpg);}
| + | |
- | #greenBox {background-image: url(https://static.igem.org/mediawiki/2010/7/74/Box2.jpg);}
| + | |
- | #blueBox {background-image: url(https://static.igem.org/mediawiki/2010/9/9b/Box3.jpg);}
| + | |
- | | + | |
- | #SubWrapper {width: 645px;
| + | |
- | padding: 0px;
| + | |
- | border-left:4px solid #ede8e2;
| + | |
- | float: left;
| + | |
- | margin-top: 0px;
| + | |
- | background-color: #ede8e2;}
| + | |
- | #SubWrapper * p, #SubWrapper p {padding: 0 20px;
| + | |
- | text-align: justify;
| + | |
- | font-size: 12px;}
| + | |
- | #SubWrapper * h3, #SubWrapper h3 {padding-top: 10px;
| + | |
- | font-size: 18px;}
| + | |
- | #news {width: 323px;
| + | |
- | margin-top: 0px;
| + | |
- | float: left;
| + | |
- | background-color: #d8d5d0;}
| + | |
- | #news p {padding: 0 20px 20px 20px;
| + | |
- | text-align: justify;
| + | |
- | font-size: 12px;}
| + | |
- | #news h3 {padding: 10px 20px;
| + | |
- | font-size: 18px;}
| + | |
- | #mission_box {width:650px;
| + | |
- | float: left;}
| + | |
- | #team_box, #project_box, #parts_box, #modeling_box, #humanpractices_box, #notebook_box, .boxy {width:215px;
| + | |
- | float: left;
| + | |
- | padding: 10px 0 0 0;}
| + | |
- | div.tleft {border-width: 0px; margin:0; padding:0;border-color:transparent;}
| + | |
- | | + | |
- |
| + | |
- | <!-- ################# Navi styles ######################### -->
| + | |
- | #menu * {
| + | |
- | margin: 0;
| + | |
- | padding: 0;
| + | |
- | }
| + | |
- | | + | |
- | #menu {
| + | |
- | behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc); <!-- fuer ie6 -->
| + | |
- | font-family: calibri, verdana, sans-serif; | + | |
| font-size: 16px; | | font-size: 16px; |
- | background-color: transparent; | + | font-weight: bold; |
- | float:left;
| + | } |
- | padding: 10px 0 0 0;
| + | a:visited { |
- | }
| + | color: #CCCCCC; |
- | | + | |
- | #menu ul {
| + | |
- | float: left;
| + | |
- | list-style: none;
| + | |
- | }
| + | |
- | | + | |
- | #menu ul li {
| + | |
- | background-color:transparent;
| + | |
- | position:relative;
| + | |
- | float:left;
| + | |
- | list-style: none;
| + | |
- | padding: 10px 15px 0 0;
| + | |
- | font-weight: bold;
| + | |
- | width: auto;
| + | |
- | }
| + | |
- | | + | |
- | #menu a {
| + | |
- | color: #000000; | + | |
- | display: inline;
| + | |
| text-decoration: none; | | text-decoration: none; |
- | } | + | } |
| + | td { |
| + | font-family: "Times New Roman", Times, serif; |
| + | font-weight: bold; |
| + | color: #FFFFFF; |
| + | font-size: 16px; |
| + | } |
| + | --> |
| + | </style> |
| + | <script type="text/JavaScript"> |
| + | <!-- |
| + | function MM_findObj(n, d) { //v4.01 |
| + | var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { |
| + | d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} |
| + | if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; |
| + | for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); |
| + | if(!x && d.getElementById) x=d.getElementById(n); return x; |
| + | } |
| | | |
- | #menu a:visited {
| + | function MM_showHideLayers() { //v6.0 |
- | color:#000000;
| + | var i,p,v,obj,args=MM_showHideLayers.arguments; |
- | text-decoration: none
| + | for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2]; |
- | }
| + | if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; } |
- | | + | obj.visibility=v; } |
- | #menu a:hover {
| + | } |
- | color: #00a5ea;
| + | //--> |
- | }
| + | </script> |
- | | + | |
- | #menu ul li ul {
| + | |
- | display: none;
| + | |
- | position: absolute;
| + | |
- | left: -20px;
| + | |
- | width: 120px;
| + | |
- | height: 1%;
| + | |
- | font-size: 15px;
| + | |
- | font-weight: bold;
| + | |
- | list-style: none;
| + | |
- | top: 20px;
| + | |
- | padding-top: 15px;
| + | |
- | z-index:500;
| + | |
- | }
| + | |
- | | + | |
- | #menu ul li:hover ul {
| + | |
- | display: inline;
| + | |
- | background-position: bottom;
| + | |
- | }
| + | |
- | | + | |
- | #menu ul li ul li {
| + | |
- | opacity: 0.8;
| + | |
- | width: 100%;
| + | |
- | list-style: none;
| + | |
- | background-color:white;
| + | |
- | margin: 0px;
| + | |
- | padding: 0 0 0 5px;
| + | |
- | display: inline;
| + | |
- | }
| + | |
- | | + | |
- | body#home #mainHome a,
| + | |
- | body#team .aTeam,
| + | |
- | body#project .aProject,
| + | |
- | body#parts .aParts,
| + | |
- | body#notebook .aNotebook,
| + | |
- | body#modeling .aModeling,
| + | |
- | body#HumanPractices .aHumanPractices,
| + | |
- | body#acknowledgements .aAcknowledgements,
| + | |
- | { color: #00a5ea; <!--cursor: default;--> }
| + | |
- | | + | |
- | | + | |
- | </style>
| + | |
| </head> | | </head> |
- |
| |
- |
| |
- |
| |
- | <!-- ############################# BODY!!!!! #################################### -->
| |
| | | |
| <body> | | <body> |
- | <!--[if IE]>
| + | <div id="Layer1"> |
- | <style type="text/css">
| + | <table width="1000" height="36" border="1"> |
- | #SubWrapper {width: 645px;}
| + | <tr> |
- | #news {width: 317px;}
| + | <td width="76"><div align="center"><a href="https://2010.igem.org/Team:Peking">HOME</a></div></td> |
- | #super_main_wrapper {position:static;}
| + | <td width="78" onmouseover="MM_showHideLayers('Layer2','','hide')"><div align="center"><a href="https://2010.igem.org/Team:Peking/Team">TEAM</a></div></td> |
- | #navigation {left: 15px;}
| + | <td width="95" onmouseover="MM_showHideLayers('Layer2','','show')"><div align="center"><a href="https://2010.igem.org/Team:Peking/Project">PROJECT</a></div></td> |
- | #menu ul li ul {left: -2px; top: 22px;}
| + | <td width="82" onmouseover="MM_showHideLayers('Layer2','','hide')"><div align="center"><a href="https://2010.igem.org/Team:Peking/Parts">PARTS</a></div></td> |
- | </style>
| + | <td width="127" onmouseover="MM_showHideLayers('Layer3','','hide')"><div align="center"><a href="https://2010.igem.org/Team:Peking/Modeling">MODELING</a></div></td> |
- | <![endif]-->
| + | <td width="126" onmouseover="MM_showHideLayers('Layer3','','show')"><div align="center"><a href="https://2010.igem.org/Team:Peking/Notebook">NOTEBOOK</a></div></td> |
- | <div id="main_wrapper"> | + | <td width="205" onmouseover="MM_showHideLayers('Layer3','','hide')"><div align="center"><a href="https://2010.igem.org/Team:Peking/Humanpractice">HUMAN PRACTICE </a></div></td> |
- | <div id="header"> | + | <td width="159"><div align="center"><a href="https://2010.igem.org/Team:Peking/Googleparts">GOOGLE PARTS </a></div></td> |
- | <div id="navigation">
| + | </tr> |
- | <div id="menu" style="position:static">
| + | </table> |
- | <ul> | + | |
- | <li id="mainHome"><a class="aMain" href="https://2010.igem.org/Team:British_Columbia">Home</a></li>
| + | |
- | <li id="mainTeam"><a class="aTeam" href="https://2010.igem.org/Team:British_Columbia/Team">Team</a>
| + | |
- | <ul>
| + | |
- | <li><a href="https://2010.igem.org/Team:British_Columbia/Team">People</a></li>
| + | |
- | <li><a href="https://2010.igem.org/Team:British_Columbia/TeamLocation">Location</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li id="mainProject"><a class="aProject" href="https://2010.igem.org/Team:British_Columbia/Project">Project</a>
| + | |
- | <ul>
| + | |
- | <li><a href="https://2010.igem.org/Team:British_Columbia/Project">Introduction</a></li>
| + | |
- | <li><a href="https://2010.igem.org/Team:British_Columbia/Project_Biofilm">Biofilm</a></li>
| + | |
- | <li><a href="https://2010.igem.org/Team:British_Columbia/Project_QS">Quorum-Sensing</a></li> | + | |
- | <li><a href="https://2010.igem.org/Team:British_Columbia/Project_DspB">DspB</a></li> | + | |
- | <li><a href="https://2010.igem.org/Team:British_Columbia/Project_Phage">Phage</a></li>
| + | |
- | <li><a href="https://2010.igem.org/Team:British_Columbia/Project_Outlook">Outlook</a></li>
| + | |
- | <li><a href="https://2010.igem.org/Team:British_Columbia/Project_References">References</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li id="mainParts"><a class="aParts" href="https://2010.igem.org/Team:British_Columbia/Parts">Parts</a>
| + | |
- | </li>
| + | |
- | <li id="mainNotebook"><a class="aNotebook" href="https://2010.igem.org/Team:British_Columbia/Notebook">Notebook</a>
| + | |
- | <ul>
| + | |
- | <li><a href="https://2010.igem.org/Team:British_Columbia/Notebook_Biofilm">Biofilm</a></li>
| + | |
- | <li><a href="https://2010.igem.org/Team:British_Columbia/Notebook_QS">Quorum-Sensing</a></li> | + | |
- | <li><a href="https://2010.igem.org/Team:British_Columbia/Notebook_DspB">DspB</a></li>
| + | |
- | <li><a href="https://2010.igem.org/Team:British_Columbia/Notebook_Phage">Phage</a></li>
| + | |
- | </ul> | + | |
- | </li>
| + | |
- | <li id="mainModeling"><a class="aModeling" href="https://2010.igem.org/Team:British_Columbia/modeling">Modeling</a>
| + | |
- | <ul>
| + | |
- | <li><a href="https://2010.igem.org/Team:British_Columbia/modeling_description">Model Description</a></li>
| + | |
- | <li><a href="https://2010.igem.org/Team:British_Columbia/modeling_equ">Equation Summary</a></li>
| + | |
- | <li><a href="https://2010.igem.org/Team:British_Columbia/modeling_results">Simulation Results</a></li> | + | |
- | <li><a href="https://2010.igem.org/Team:British_Columbia/modeling_DIY">Try It Yourself!</a></li> | + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li id="mainHumanPractices"><a class="aHumanPractices" href="https://2010.igem.org/Team:British_Columbia/HumanPractices">Human Practices</a>
| + | |
- | <ul>
| + | |
- | <li><a href="https://2010.igem.org/Team:British_Columbia/HumanPractices">Promoter Maps</a></li>
| + | |
- | <li><a href="http://forum2010.ubcigem.com/">Forum</a></li> | + | |
- | <li><a href="https://2010.igem.org/Team:British_Columbia/HP_arts">Arts</a></li> | + | |
- | </ul>
| + | |
- | <li id="mainAcknowledgements"><a class="aAcknowledgements" href="https://2010.igem.org/Team:British_Columbia/Acknowledgements">Acknowledgements</a></li>
| + | |
- | </ul> | + | |
- | | + | |
- | </div><!-- end drop menu --> | + | |
- | </div> <!-- end navigation --> | + | |
| </div> | | </div> |
| + | <div id="Layer2" onmouseover="MM_showHideLayers('Layer2','','show')" onmouseout="MM_showHideLayers('Layer2','','hide')"> |
| + | <table width="195" height="78" border="1"> |
| + | <tr> |
| + | <td height="24"> <a href="https://2010.igem.org/Team:Peking/Project"> project inscription </a></td> |
| + | </tr> |
| + | <tr> |
| + | <td height="23"> <a href="https://2010.igem.org/Team:Peking/Reference"> reference</a></td> |
| + | </tr> |
| + | </table> |
| </div> | | </div> |
- | <!-- For IE 6 --> | + | <div id="Layer3" onmouseover="MM_showHideLayers('Layer3','','show')" onmouseout="MM_showHideLayers('Layer3','','hide')"> |
- | <script type="text/javascript">
| + | <table width="165" height="130" border="1"> |
- | window.onload = function() {
| + | <tr> |
- | var lis = document.getElementsByTagName('li');
| + | <td> <a href="https://2010.igem.org/Team:Peking/Bioreporter">bioreporter</a> </td> |
- | for(i = 0; i < lis.length; i++) {
| + | </tr> |
- | var li = lis[i];
| + | <tr> |
- | if (li.id == 'mainTeam' || li.id == 'mainProject' || li.id == 'mainParts' || li.id == 'mainModeling' || li.id == 'mainNotebook') {
| + | <td><a href="https://2010.igem.org/Team:Peking/Bioabsorbent"> bioabsorbent</a></td> |
- | li.onmouseover = function() { this.getElementsByTagName('ul').item(0).style.display = 'block'; }
| + | </tr> |
- | li.onmouseout = function() { this.getElementsByTagName('ul').item(0).style.display = 'none'; }
| + | <tr> |
- | }
| + | <td> <a href="https://2010.igem.org/Team:Peking/Modeling">modeling</a></td> |
- | } | + | </tr> |
- | }
| + | </table> |
- | </script> | + | </div> |
- | </body></html> | + | </body> |
| + | </html> |