Team:Manchester

From 2013.igem.org

(Difference between revisions)
 
(75 intermediate revisions not shown)
Line 1: Line 1:
-
{{:Team:Manchester/layout/nav}}
+
{{:Team:Manchester/layout/noheader}}
-
<br>
+
<html>
 +
<head>
 +
<title> Home </title>
-
[[File:Uom-logo.jpg|300px|center]]
+
<script type="text/javascript">
 +
function doSomething() {
 +
var targetAnchor = document.getElementById('myAnchor1');
 +
targetAnchor.className = '' ;
 +
var targetAnchor = document.getElementById('myAnchor2');
 +
targetAnchor.className = '' ;
 +
var targetAnchor = document.getElementById('myAnchor3');
 +
targetAnchor.className = '' ;
-
{|align="left"
+
var targetAnchor = document.getElementById('myAnchor4');
-
|You can write a background of your team here.  Give us a background of your team, the members, etc.  Or tell us more about something of your choosing.
+
targetAnchor.className = '' ;
-
|-
+
var targetAnchor = document.getElementById('myAnchor5');
-
|
+
targetAnchor.className = '' ;
-
''Tell us more about your project. Give us background.  Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
+
-
|-
+
var targetAnchor = document.getElementById('myAnchor6');
-
|
+
targetAnchor.className = '' ;
 +
 
 +
var targetAnchor = document.getElementById('myAnchor7');
 +
targetAnchor.className = '' ;
 +
 
 +
var targetAnchor = document.getElementById('myAnchor8');
 +
targetAnchor.className = '' ;
 +
 
 +
 
 +
}
 +
 
 +
</script>
 +
 
 +
<style type="text/css">
 +
*
 +
{
 +
margin:0;
 +
padding:0;
 +
}
 +
 
 +
#content, body
 +
{
 +
background-color:#F2F2F2;
 +
}
 +
 
 +
.header
 +
{
 +
width:100%;
 +
height:100px;
 +
background:#4c0082;
 +
margin-top:10px;
 +
margin-bottom:40px;
 +
 
 +
-webkit-border-radius: 10px;
 +
border-radius: 10px;
 +
}
 +
 
 +
.banner
 +
{
 +
height:100px;
 +
background:#4c0082;
 +
margin:0 auto;
 +
 
 +
-webkit-border-radius: 10px;
 +
border-radius: 10px;
 +
}
 +
 
 +
.igemlogo
 +
{
 +
float:left;
 +
margin-left:30px;
 +
 
 +
}
 +
 
 +
.logo
 +
{
 +
float:left;
 +
margin-left:20px;
 +
 
 +
}
 +
 
 +
.central
 +
{
 +
float:left;
 +
margin-left:20px;
 +
margin-top:1px;
 +
}
 +
 
 +
.uni
 +
{
 +
float:left;
 +
margin-left:20px;
 +
 
 +
}
 +
 
 +
#content, body
 +
{
 +
background-color: #F2F2F2;
 +
}
 +
 
 +
#slider
 +
{
 +
width:1300px;
 +
height:300px;
 +
margin-left:-160px;
 +
overflow:hidden;
 +
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
 
 +
#slider ul
 +
{
 +
width:1300px;
 +
list-style:none;
 +
margin:0;
 +
}
 +
 
 +
#slider ul li
 +
{
 +
position:relative;
 +
display:block;
 +
float:left;
 +
width:130px;
 +
transition: all 0.4s;
 +
-webkit-transition:all 0.4s;
 +
}
 +
 
 +
#slider ul li.startopen
 +
{
 +
position:relative;
 +
display:block;
 +
float:left;
 +
width:600px;
 +
transition: all 0.4s;
 +
-webkit-transition:all 0.4s;
 +
}
 +
 
 +
#slider ul li.startclosed
 +
{
 +
position:relative;
 +
display:block;
 +
float:left;
 +
width:100px;
 +
transition: all 0.4s;
 +
-webkit-transition:all 0.4s;
 +
}
 +
 
 +
#slider ul:hover li
 +
{
 +
width:100px;
 +
}
 +
 
 +
#slider ul li:hover
 +
{
 +
width:600px;
 +
}
 +
 
 +
/*#slider ul li:nth-child(1):hover #title
 +
{
 +
background: rgba(0,0,0,0.5);
 +
width:95px;
 +
height:300px;
 +
position:absolute;
 +
left:0;
 +
top:0;
 +
}*/
 +
 
 +
#slider ul li:hover #title
 +
{
 +
background: rgba(0,0,0,0.5);
 +
width:110px;
 +
height:300px;
 +
position:absolute;
 +
left:0;
 +
top:0;
 +
}
 +
 
 +
#slider li img
 +
{
 +
display:block;
 +
 
 +
}
 +
 
 +
#title
 +
{
 +
background: rgba(0,0,0,0.5);
 +
width:130px;
 +
height:300px;
 +
position:absolute;
 +
left:0;
 +
top:0;
 +
}
 +
 
 +
#slider ul li:last-child #title
 +
{
 +
background:none;
 +
}
 +
 
 +
#title a
 +
{
 +
margin:0;
 +
display:block;
 +
color:white;
 +
text-decoration:none;
 +
font-family:Trebuchet MS;
 +
font-weight:bold;
 +
font-size:16px;
 +
padding:0;
 +
margin:10px;
 +
}
 +
 
 +
#slider ul li:last-child #title
 +
{
 +
background: rgba(0,0,0,0.5);
 +
width:390px;
 +
height:300px;
 +
position:absolute;
 +
left:0;
 +
top:0;
 +
}
 +
 
 +
#slider ul li:last-child:hover #title
 +
{
 +
background: rgba(0,0,0,0.5);
 +
width:110px;
 +
height:300px;
 +
position:absolute;
 +
left:0;
 +
top:0;
 +
}
 +
 
 +
.mobilesite
 +
{
 +
float:left;
 +
}
 +
 
 +
.impactreport
 +
{
 +
float:right;
 +
}
 +
 
 +
.footer
 +
{
 +
width:1000px;
 +
height:100px;
 +
padding:0;
 +
margin-left:0;
 +
margin-bottom:20px;
 +
}
 +
 
 +
.igem
 +
{
 +
float:left;
 +
margin:0;
 +
 
 +
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
 
 +
.our
 +
{
 +
float:left;
 +
margin-left:720px;
 +
 
 +
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
 
 +
.heading1
 +
{
 +
clear:both;
 +
margin-left:-160px;
 +
width:1300px;
 +
height:80px;
 +
}
 +
 
 +
.heading1 .upper
 +
{
 +
font-style:italic;
 +
width:200px;
 +
height:20px;
 +
margin-left:520px;
 +
margin-bottom:20px;
 +
}
 +
 
 +
.heading1 .bottom
 +
{
 +
height:30px;
 +
width:1000px;
 +
margin-left:140px;
 +
}
 +
 
 +
.heading1 .upper, .heading1 .bottom, .heading2 .upper, .heading2 .bottom
 +
{
 +
font-size:40px;
 +
font-weight:bold;
 +
font-family:Trebuchet MS;
 +
text-align:center;
 +
color:#660099;
 +
text-shadow: 0 1px 0 #ccc,
 +
              0 2px 0 #c9c9c9,
 +
              0 3px 0 #bbb,
 +
              0 4px 0 #b9b9b9,
 +
              0 5px 0 #aaa,
 +
              0 6px 1px rgba(0,0,0,.1),
 +
              0 0 5px rgba(0,0,0,.1),
 +
              0 1px 3px rgba(0,0,0,.3),
 +
              0 3px 5px rgba(0,0,0,.2),
 +
              0 5px 10px rgba(0,0,0,.25),
 +
              0 10px 10px rgba(0,0,0,.2),
 +
              0 20px 20px rgba(0,0,0,.15);
 +
}
 +
 
 +
.heading2 .upper
 +
{
 +
margin:0 0 5px 250px;
 +
width:800px;
 +
height:30px;
 +
}
 +
 
 +
.heading2 .bottom
 +
{
 +
margin:0 0 10px 450px;
 +
width:400px;
 +
height:30px;
 +
 
 +
}
 +
 
 +
.heading2
 +
{
 +
clear:both;
 +
margin:20px 0 20px -150px;
 +
width:1300px;
 +
height:100px;
 +
}
 +
 
 +
.footer2
 +
{
 +
clear:both;
 +
width:950px;
 +
height:100px;
 +
margin-left:0;
 +
margin-top:50px;
 +
padding:0;
 +
}
 +
 
 +
.footer2 .mib
 +
{
 +
float:left;
 +
margin:0;
 +
 
 +
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
 
 +
.footer2 .uni
 +
{
 +
float:right;
 +
 
 +
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
 
 +
.checklist
 +
{
 +
width:710px;
 +
height:100px;
 +
margin-left:130px;
 +
 
 +
}
 +
 
 +
.note
 +
{
 +
clear:both;
 +
width:100%;
 +
height:50px;
 +
font-family:Trebuchet MS;
 +
font-size: 16px;
 +
text-align:center;
 +
color:#660099;
 +
}
 +
 
 +
.contact
 +
{
 +
clear:left;
 +
margin-left:-180px;
 +
margin-top:30px;
 +
width:1300px;
 +
height:100px;
 +
}
 +
 
 +
.gmail
 +
{
 +
float:left;
 +
margin:30px 0 20px 260px;
 +
z-index:100;
 +
}
 +
 
 +
.fb
 +
{
 +
float:left;
 +
margin:20px 0 20px 100px;
 +
 
 +
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
 
 +
 
 +
.myButton {
 +
        z-index:100;
 +
        -moz-box-shadow:inset 0px 1px 0px 0px #e184f3;
 +
        -webkit-box-shadow:inset 0px 1px 0px 0px #e184f3;
 +
        box-shadow:inset 0px 1px 0px 0px #e184f3;
 +
       
 +
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c123de), color-stop(1, #a20dbd));
 +
        background:-moz-linear-gradient(top, #c123de 5%, #a20dbd 100%);
 +
        background:-webkit-linear-gradient(top, #c123de 5%, #a20dbd 100%);
 +
        background:-o-linear-gradient(top, #c123de 5%, #a20dbd 100%);
 +
        background:-ms-linear-gradient(top, #c123de 5%, #a20dbd 100%);
 +
        background:linear-gradient(to bottom, #c123de 5%, #a20dbd 100%);
 +
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c123de', endColorstr='#a20dbd',GradientType=0);
 +
       
 +
        background-color:#c123de;
 +
       
 +
        -moz-border-radius:6px;
 +
        -webkit-border-radius:6px;
 +
        border-radius:6px;
 +
       
 +
        border:1px solid #a511c0;
 +
       
 +
        display:inline-block;
 +
        color:#ffffff;
 +
        font-family:arial;
 +
        font-size:15px;
 +
        font-weight:bold;
 +
        padding:6px 24px;
 +
        text-decoration:none;
 +
       
 +
        text-shadow:0px 1px 0px #9b14b3;
 +
       
 +
    }
 +
.myButton:hover {
 +
       
 +
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a20dbd), color-stop(1, #c123de));
 +
        background:-moz-linear-gradient(top, #a20dbd 5%, #c123de 100%);
 +
        background:-webkit-linear-gradient(top, #a20dbd 5%, #c123de 100%);
 +
        background:-o-linear-gradient(top, #a20dbd 5%, #c123de 100%);
 +
        background:-ms-linear-gradient(top, #a20dbd 5%, #c123de 100%);
 +
        background:linear-gradient(to bottom, #a20dbd 5%, #c123de 100%);
 +
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a20dbd', endColorstr='#c123de',GradientType=0);
 +
       
 +
        background-color:#a20dbd;
 +
    }
 +
.myButton:active {
 +
        position:relative;
 +
        top:1px;
 +
    }
 +
 
 +
 
 +
.twitter
 +
{
 +
float:left;
 +
margin:40px 0 20px 90px;
 +
 
 +
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
 
 +
 
 +
</style>
 +
</head>
 +
<body>
 +
 
 +
<div id="fb-root"></div>
 +
<script>(function(d, s, id) {
 +
  var js, fjs = d.getElementsByTagName(s)[0];
 +
  if (d.getElementById(id)) return;
 +
  js = d.createElement(s); js.id = id;
 +
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
 +
  fjs.parentNode.insertBefore(js, fjs);
 +
}(document, 'script', 'facebook-jssdk'));</script>
 +
 
 +
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
 +
 
 +
<div class="header">
 +
<div class="banner">
 +
          <div class="igemlogo">
 +
    <a href="https://2013.igem.org/Main_Page">
 +
              <img src="https://static.igem.org/mediawiki/2013/3/3f/Igem.png" height="95"/>
 +
            </a>
 +
  </div>
 +
 
 +
  <div class="logo">
 +
    <img src="https://static.igem.org/mediawiki/2013/8/87/LOGO1.jpg">
 +
  </div>
 +
 
 +
          <div class="central">
 +
    <img src="https://static.igem.org/mediawiki/2013/0/0c/MIBLogo.jpg" width="300" height="98" />
 +
  </div>
 +
 
 +
  <div class="uni">
 +
    <img src="https://static.igem.org/mediawiki/2013/f/fd/Uni1.jpg">
 +
  </div>
 +
 
 +
</div>
 +
</div>
 +
 
 +
 
 +
 
 +
<div class="mobilesite">
 +
                    <right><a href="https://2013.igem.org/Team:Manchester/Hometest3" target="_blank"><img src="https://static.igem.org/mediawiki/2013/d/d1/ClickTab.png"  width="300" height="100"></a> </right>   
 +
              </div>
 +
 
 +
<div class="impactreport">
 +
                <left><a href="https://static.igem.org/mediawiki/2013/9/9c/MANCHESTERIGEMimpactanalysisofsyntheticpalmoil.pdf"><img src="https://static.igem.org/mediawiki/2013/6/62/Man4.jpg" width="300" height="150" /></a></left>
 +
          </div>
-
<center>[[File:Logo_finished.jpg|300px|center]]</center>
 
-
'''The Manchester iGem team 2013 is Supported by'''
 
<br><br>
<br><br>
-
[[File:Mib.jpg|300px|]]
 
-
|}
+
<div class="heading1">
 +
            <div class="upper">
 +
              E.C(oil)i
 +
            </div>
 +
 
 +
            <div class="bottom">
 +
                THE LEAN, GREEN, FAT PRODUCING SYNBIO MACHINE
 +
            </div>
 +
</div>
 +
 
 +
<div id="slider">
 +
  <ul>
 +
        <li id="myAnchor1" class="startopen">
 +
<div id="title"> <a href="https://2013.igem.org/Team:Manchester/Team" onmouseover="doSomething();" onmouseout="doSomething();">Our Team</a></div>
 +
<a href="https://2013.igem.org/Team:Manchester/Team" onmouseover="doSomething();" onmouseout="doSomething();"> <img src="https://static.igem.org/mediawiki/2013/a/a6/Team1.jpg"/> </a>
 +
</li>
 +
 +
<li id="myAnchor2" class="startclosed">
 +
<div id="title"> <a href="https://2013.igem.org/Team:Manchester/Project" onmouseover="doSomething();" onmouseout="doSomething();">Project</a></div>
 +
<a href="https://2013.igem.org/Team:Manchester/Project" onmouseover="doSomething();" onmouseout="doSomething();"> <img src="https://static.igem.org/mediawiki/2013/6/6d/Project1.jpg"/></a>
 +
</li>
 +
 +
<li id="myAnchor6" class="startclosed">
 +
<div id="title"> <a href="https://2013.igem.org/Team:Manchester/Modelling" onmouseover="doSomething();" onmouseout="doSomething();">Modelling</a></div>
 +
<a href="https://2013.igem.org/Team:Manchester/Modelling" onmouseover="doSomething();" onmouseout="doSomething();"> <img src="https://static.igem.org/mediawiki/2013/6/6b/Modelling.png"/></a>
 +
</li>
 +
 
 +
                <li id="myAnchor7" class="startclosed">
 +
<div id="title"> <a href="https://2013.igem.org/Team:Manchester/HumanPractices" onmouseover="doSomething();" onmouseout="doSomething();">Human Practices</a></div>
 +
<a href="https://2013.igem.org/Team:Manchester/HumanPractices" onmouseover="doSomething();" onmouseout="doSomething();"> <img src="https://static.igem.org/mediawiki/igem.org/0/09/Humanpracticesresize.jpg"/></a>
 +
</li>
 +
 
 +
                <li id="myAnchor3" class="startclosed">
 +
    <div id="title"> <a href="https://2013.igem.org/Team:Manchester/Parts" onmouseover="doSomething();" onmouseout="doSomething();">Parts Contributions</a></div>
 +
    <a href="https://2013.igem.org/Team:Manchester/Parts" onmouseover="doSomething();" onmouseout="doSomething();"> <img src="https://static.igem.org/mediawiki/2013/2/2f/Contributions.jpg"/> </a>
 +
</li>
 +
               
 +
                <li id="myAnchor4" class="startclosed">
 +
<div id="title"> <a href="https://2013.igem.org/Team:Manchester/Judging" onmouseover="doSomething();" onmouseout="doSomething();">Judging</a></div>
 +
<a href="https://2013.igem.org/Team:Manchester/Judging" onmouseover="doSomething();" onmouseout="doSomething();""> <img src="https://static.igem.org/mediawiki/2013/d/d0/Judging.jpg"/></a>
 +
</li>
 +
 
 +
                <li id="myAnchor5" class="startclosed">
 +
<div id="title"> <a href="https://2013.igem.org/Team:Manchester/Attributions" onmouseover="doSomething();" onmouseout="doSomething();">Attributions</a></div>
 +
<a href="https://2013.igem.org/Team:Manchester/Attributions" onmouseover="doSomething();" onmouseout="doSomething();"> <img src="https://static.igem.org/mediawiki/2013/b/bb/Attributions1.jpg"/></a>
 +
</li>
 +
 
 +
<li id="myAnchor8" class="startclosed">
 +
<div id="title"> <a href="https://2013.igem.org/Team:Manchester/Sponsorship" id="last" onmouseover="doSomething();" onmouseout="doSomething();">Sponsorship</a></div>
 +
<a href="https://2013.igem.org/Team:Manchester/Sponsorship" onmouseover="doSomething();" onmouseout="doSomething();"> <img src="https://static.igem.org/mediawiki/2013/0/00/Sponsors.jpg"/></a>
 +
</li>
 +
  </ul>
 +
</div>
 +
 
 +
<br>
 +
<br>
 +
 
 +
<div class="note">
 +
                <center><b>Key Achievements:</b><br>
 +
<i>Gold medal</i><br>
 +
<i>Advance to championship</i><br>
 +
<i>Best Human Practice Advance, Europe</i><br>
 +
<i>Best Human Practice Advance, Undergrad</i><br>
 +
</div>
 +
 
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
 
 +
 
 +
 
 +
<div class="checklist" >
 +
          <div class="medal">
 +
              <a href="https://2013.igem.org/Team:Manchester/Judging">
 +
                <img src="https://static.igem.org/mediawiki/2013/2/22/MedalCheckList_RB2.jpg"/>
 +
              </a>
 +
          </div>
 +
</div>
 +
 
 +
<!--<div class="footer2">
 +
          <div class="mib">
 +
    <a href="#"> <img src="https://static.igem.org/mediawiki/2013/0/0c/MIBLogo.jpg" /></a>  
 +
  </div>
 +
   
 +
  <div class="uni">
 +
    <a><img src="https://static.igem.org/mediawiki/2013/f/fd/Uni1.jpg" /></a>
 +
  </div>
 +
</div>-->
 +
 
 +
 
 +
<!--<div class="contact">
 +
      <div class="gmail">
 +
           
 +
      </div>
 +
 
 +
        <div class="fb">
 +
            <div class="fb-like-box" data-href="https://www.facebook.com/ManchesteriGEM" data-width="400" data-show-faces="false"  data-stream="false" data-show-border="true" data-header="true"></div>
 +
      </div>
 +
   
 +
      <div class="twitter">
 +
          <a href="https://twitter.com/@ManchesteriGEM" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @twitter</a>
 +
      </div>
 +
</div>-->
 +
 
 +
 
 +
</body>
 +
</html>

Latest revision as of 21:55, 7 November 2013

Home



E.C(oil)i
THE LEAN, GREEN, FAT PRODUCING SYNBIO MACHINE


Key Achievements:
Gold medal
Advance to championship
Best Human Practice Advance, Europe
Best Human Practice Advance, Undergrad