Team:Imperial College London

From 2010.igem.org

(Difference between revisions)
(Relieving my eyes by changing the colour of the red box)
(Version 1)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
 
-
 
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #808080;">
+
<head>
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
This is a template page. READ THESE INSTRUCTIONS.
+
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
-
</div>
+
  <script type="text/javascript">
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
  $(document).ready(function(){
-
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 a team description page, a project abstract, a complete project description, a lab notebook, and a safety page. PLEASE keep all of your pages within your teams namespace. 
+
-
</div>
+
-
</div>
+
-
</html>
+
-
<!-- *** End of the alert box *** -->
+
    $(function(){
 +
    var path = location.pathname.substring(1);
 +
    if ( path )
 +
    $('#headover ul li a[href$="' + path + '"]').addClass("curlink").css("color","#ea8828");
 +
    });
 +
    $('#menuback').mouseover(function() {
 +
    $('#headover').stop().animate({height:'150px',top:'0px'},1000);
 +
    });
 +
    $('#menu').mouseleave(function() {
 +
    $('.listhead').not('.curlink').css("color","#ffffff");
 +
    $('.listmain').not('.curlink').css("color","#dddddd");
 +
    $('#headover ul').fadeOut(200);
 +
    $('#headover').stop().animate({height:'50px',top:'100px'},1000);
 +
    });
-
{|align="justify"
+
    $('.listhead').mouseover(function(){
-
|
+
    $('.listhead').not('.curlink').css("color","#ffffff");
-
<h3>Project description</h3>
+
    $(this).css("color","#444444");
-
<!-- END INFORMATION HEADER with edit link-->
+
    $('#headover ul').css("display","none");
-
----
+
    var vActive = $(this).attr("id");
 +
    $('.'+vActive).stop().fadeIn(200);
 +
    });
-
Many biological systems are generally very slow. Most rely on transcription-based platforms which can take from several hours to a week to produce a detectable response. Our concept is an adaptable, modular and robust fast response system, which is fundamental for modern applications in synthetic biology.  
+
    $('.listmain').mouseover(function(){
-
|[[Image:ImperialCollege CentenaryLogo.png|200px|right|frame]]
+
    $('.listmain').not('.curlink').css("color","#dddddd");
-
|-
+
    $(this).css("color","#ea8828");
-
|
+
    });
-
|-
+
-
|
+
-
''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:Imperial_College_London_team.png|right|frame|Your team picture]]
+
-
|-
+
-
|
+
-
|align="center"|[[Team:Imperial_College_London | Team Example]]
+
-
|}
+
-
<!--- The Mission, Experiments --->
+
    $('#headover').mouseleave(function(){
 +
    $('.listmain').not('.curlink').css("color","#dddddd");
 +
    });
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
  });
-
!align="center"|[[Team:Imperial_College_London|Home]]
+
  </script>
-
!align="center"|[[Team:Imperial_College_London/Team|Team]]
+
  <style type="text/css">
-
!align="center"|[https://igem.org/Team.cgi?year=2010&team_name=Imperial_College_London Official Team Profile]
+
 
-
!align="center"|[[Team:Imperial_College_London/Project|Project]]
+
  #content {
-
!align="center"|[[Team:Imperial_College_London/Parts|Parts Submitted to the Registry]]
+
    width: 900px;
-
!align="center"|[[Team:Imperial_College_London/Modeling|Modeling]]
+
    font-family: helvetica, arial, sans-serif;
-
!align="center"|[[Team:Imperial_College_London/Notebook|Notebook]]
+
    color: #555555}
-
!align="center"|[[Team:Imperial_College_London/Safety|Safety]]
+
 
-
|}
+
  #title {
 +
    width:900px;
 +
    height:50px;
 +
    position: relative;
 +
    top: 0px;
 +
    left: 0px;}
 +
 
 +
  #implogo {
 +
    width:190px;
 +
    height:50px;
 +
    position: absolute;
 +
    top: 0px;
 +
    left: 20px;
 +
    background-image:url(http://openwetware.org/images/c/c9/Imperialigemimplogo.jpg);}
 +
 
 +
  #igemlogo {
 +
    width:84px;
 +
    height:50px;
 +
    position:absolute;
 +
    top:0px;
 +
    left:260px;
 +
    background-image:url(http://openwetware.org/images/9/9c/Imperialigemigemlogo.jpg);}
 +
 
 +
  #csynbilogo {
 +
    width:205px;
 +
    height:50px;
 +
    position:absolute;
 +
    top:0px;
 +
    left:394px;
 +
    background-image:url(http://openwetware.org/images/a/ac/Imperialigemcsynbilogo.jpg);}
 +
 
 +
  #menu {
 +
    width:900px;
 +
    height:150px;
 +
    position: relative;
 +
    top: 20px;
 +
    left: 0px;}
 +
 
 +
  #menuback {
 +
    width:100px;
 +
    height:150px;
 +
    position: absolute;
 +
    top: 0px;
 +
    left: 0px;
 +
    background-color: #ea8828}
 +
 
 +
  #headpic {
 +
    width:800px;
 +
    height:150px;
 +
    position: absolute;
 +
    top: 0px;
 +
    left: 100px;
 +
    background-image: url('http://openwetware.org/images/5/54/Imperialigemheadone.jpg'); }
 +
 
 +
  #headover {
 +
    width: 800px;
 +
    height:50px;
 +
    position: absolute;
 +
    top: 100px;
 +
    left: 0px;
 +
    background: url(http://openwetware.org/images/d/d8/Imperialigemheadoverone.png) 0px 0px no-repeat; }
 +
 
 +
  a {
 +
    outline:none;}
 +
 
 +
  #headtit{
 +
    font-family: helvetica, arial, sans-serif;
 +
    font-size: 1.2em;
 +
    color: #ffffff;
 +
    position: absolute;
 +
    top: 0.5em;
 +
    right: 1.4em;}
 +
 
 +
  .dark{
 +
    color: #dddddd;}
 +
 
 +
  .highlight{
 +
    color: #ea8828;}
 +
 
 +
  #menulist{
 +
    position: absolute;
 +
    top: 16px;
 +
    left: 3px;
 +
    list-style: none;}
 +
 
 +
  #menulist li{
 +
    height: 30px;
 +
    }
 +
 
 +
  #menulist li a{
 +
    font-weight: 100;
 +
    font-size: 1.2em;
 +
    text-decoration: none;
 +
    font-family: helvetica, arial, sans-serif;
 +
    color: #ffffff;}
 +
 
 +
  #headover ul{
 +
    list-style: none;
 +
    display: none;
 +
    position: absolute;
 +
    top: 1.2em;
 +
    left: 0.2em;
 +
    }
 +
 
 +
  #headover ul ul{
 +
    position: absolute;
 +
    top:-0.2em;
 +
    left: 15em;}
 +
 
 +
  #headover ul li{
 +
    height: 2.4em;
 +
    }
 +
 
 +
  #headover ul li a{
 +
    font-weight: 100;
 +
    font-size: 1.2em;
 +
    text-decoration: none;
 +
    font-family: helvetica, arial, sans-serif;
 +
    color: #dddddd;}
 +
 
 +
  </style>
 +
</head>
 +
<body>
 +
  <div id='title'>
 +
  <div id='implogo'>
 +
  </div>
 +
  <div id='igemlogo'>
 +
  </div>
 +
  <div id='csynbilogo'>
 +
  </div>
 +
  </div>
 +
  <div id='menu'>
 +
  <div id='menuback'>
 +
    <ul id='menulist'>
 +
    <li><a href='#' class='listhead' id='project'>Project</a></li>
 +
    <li><a href='#' class='listhead' id='plan'>Plan</a></li>
 +
    <li><a href='#' class='listhead' id='results'>Results</a></li>
 +
    <li><a href='#' class='listhead' id='extra'>Extra</a></li>
 +
    </ul>
 +
  </div>
 +
  <div id='headpic'>
 +
    <div id='headover'>
 +
    <p id='headtit'>Parasight<span class='dark'> &nbsp;<span class='highlight'>|</span>&nbsp;&nbsp;Parasite detection with a rapid response</span></p>
 +
    <ul class='project'>
 +
      <li><a href='https://2010.igem.org/Team:Imperial_College_London/Diary' class='listmain' id='project'>Diary</a></li>
 +
      <ul class='project'>
 +
      </ul>
 +
    </ul>
 +
    <ul class='plan'>
 +
      <li><a href='#' class='listmain' id='results'>Under Construction</a></li>
 +
      <ul class='plan'>
 +
      </ul>
 +
    </ul>
 +
    <ul class='results'>
 +
      <li><a href='#' class='listmain' id='results'>Under Construction</a></li>
 +
    </ul>
 +
    <ul class='extra'>
 +
      <li><a href='#' class='listmain' id='results'>Under Construction</a></li>
 +
    </ul>
 +
    </div>
 +
  </div>
 +
  </div>
 +
</body>
 +
</html>
 +
<html>
 +
<head>
 +
  <style type="text/css">
 +
  #blank {
 +
    height:40px;
 +
    width: 900px;
 +
  </style>
 +
</head>
 +
<body>
 +
  <div id="blank">
 +
  </div>
 +
</body>
 +
</html>

Revision as of 10:22, 29 September 2010

Retrieved from "http://2010.igem.org/Team:Imperial_College_London"