Team:Manchester

From 2013.igem.org

(Difference between revisions)
 
(30 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:Manchester/layout/noheader}}
{{:Team:Manchester/layout/noheader}}
-
{{:Team:Manchester/layout/banner}}
+
<html>
-
{{:Team:Manchester/layout/nav}}
+
<head>
-
{{:Team:Manchester/layout/background}}
+
<title> Home </title>
 +
<script type="text/javascript">
-
<span style="font-family:Arial;font-size:22px;font-style:normal;font-weight:bold;text-decoration:none;text-transform:none;color:990099;">We're working on our iGem Wiki page right now - Please check back later!</span>
+
function doSomething() {
-
<table border="0" align="center">
+
var targetAnchor = document.getElementById('myAnchor1');
-
<tr>
+
targetAnchor.className = '' ;
-
<td>[[File:logo.jpg|300px|center]]</td>
+
-
<td>[[File:300px-Logo_finished.png|300px|center]]</td>
+
-
</tr>
+
var targetAnchor = document.getElementById('myAnchor2');
 +
targetAnchor.className = '' ;
-
</table>
+
var targetAnchor = document.getElementById('myAnchor3');
 +
targetAnchor.className = '' ;
 +
var targetAnchor = document.getElementById('myAnchor4');
 +
targetAnchor.className = '' ;
-
[[File:mib.jpg|270px]]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[[File:Uom-logo.jpg|270px|]]
+
var targetAnchor = document.getElementById('myAnchor5');
 +
targetAnchor.className = '' ;
-
<html>
+
var targetAnchor = document.getElementById('myAnchor6');
 +
targetAnchor.className = '' ;
-
<html>
+
var targetAnchor = document.getElementById('myAnchor7');
 +
targetAnchor.className = '' ;
-
<html>
+
var targetAnchor = document.getElementById('myAnchor8');
 +
targetAnchor.className = '' ;
-
<!-- =============================================================
 
-
The following was written by Moustafa Abdalla for iGEM UToronto.
+
}
 +
</script>
-
Permission is granted, free of charge, to any person reading the code,
+
<style type="text/css">
-
to use, copy, modify, merge, publish, distribute, sublicense, and/or
+
*
-
sell copies of the code, subject ONLY to the following condition:
+
{
 +
margin:0;
 +
padding:0;
 +
}
-
******* This permission notice shall be included in all copies or
+
#content, body
-
substantial portions of the code. *********
+
{
 +
background-color:#F2F2F2;
 +
}
-
Please enjoy :) .
+
.header
-
===================================================================-->
+
{
 +
width:100%;
 +
height:100px;
 +
background:#4c0082;
 +
margin-top:10px;
 +
margin-bottom:40px;
 +
-webkit-border-radius: 10px;
 +
border-radius: 10px;
 +
}
-
<body>
+
.banner
 +
{
 +
height:100px;
 +
background:#4c0082;
 +
margin:0 auto;
-
<!--==========================General Document Styling
+
-webkit-border-radius: 10px;
-
And CSS for sliders================-->
+
border-radius: 10px;
-
<style>
+
}
 +
 
 +
.igemlogo
 +
{
 +
float:left;
 +
margin-left:30px;
-
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo{
 
-
    display:none;}
 
-
#top-section {
 
-
background-repeat: no-repeat;
 
-
background-position: center top;
 
-
height:1220px ! important;
 
-
background:#215E21;
 
}
}
-
body {
+
 
-
    background: white url('http://igemtoronto.files.wordpress.com/2012/07/white-writing-29491444-516-350.jpg') no-repeat center top;
+
.logo
-
    background-attachment: fixed;
+
{
-
    height:0px;
+
float:left;
 +
margin-left:20px;
 +
 
}
}
-
#content{height:0px}
+
 
-
h1 a, h2 a, h3 a {
+
.central
-
text-decoration: none;
+
{
-
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
+
float:left;
-
font-size: 1.75em;
+
margin-left:20px;
-
line-height: 1.5em; 
+
margin-top:1px;
-
font-weight: 200;
+
-
color:990099
+
-
}
+
-
p {
+
-
text-decoration: none;
+
-
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
+
-
font-size: 1.25em;
+
-
line-height: 1.5em; 
+
-
font-weight: 150;
+
-
color:990099
+
}
}
 +
.uni
 +
{
 +
float:left;
 +
margin-left:20px;
-
.slideshow {
 
-
position: relative;
 
-
min-height: 220px;
 
-
clear: both;
 
-
margin: 35px 0 25px;
 
}
}
-
.slide {
+
 
-
  float: left;  
+
#content, body
 +
{
 +
background-color: #F2F2F2;  
}
}
-
.slide h3 a:hover {
+
 
-
text-decoration: none;
+
#slider
-
font-weight: bold;
+
{
 +
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);
}
}
-
.slide label {
+
 
-
    background: #2F2F2F;
+
#slider ul
-
    padding: 3px 7px;
+
{
-
    border: 1px solid #215E21;
+
width:1300px;
-
    margin-right: 4px;
+
list-style:none;
-
    position: relative;
+
margin:0;
-
    left: 1px;
+
-
    top: 280px;
+
-
    -webkit-transition: background-color .17s linear;
+
-
      -moz-transition: background-color .17s linear;
+
-
            transition: background-color .17s linear;
+
}
}
-
.slide [type=radio] {
+
 
-
display: none;  
+
#slider ul li
 +
{
 +
position:relative;
 +
display:block;
 +
float:left;
 +
width:130px;
 +
transition: all 0.4s;
 +
-webkit-transition:all 0.4s;
}
}
-
.content {
+
 
-
position: absolute;
+
#slider ul li.startopen
-
top: -1px;
+
{
-
left: -400px;
+
position:relative;
-
background: #215E21;
+
display:block;
-
width: 500px;
+
float:left;
-
padding: 20px;
+
width:600px;
-
border: 1px solid #215E21;
+
transition: all 0.4s;
-
opacity: 0;
+
-webkit-transition:all 0.4s;
-
  height: 100%;
+
-
-webkit-transition: all .6s linear;
+
-
  -moz-transition: all .6s linear;
+
-
            transition: all .6s linear;
+
}
}
-
[type=radio]:checked ~ label {
+
#slider ul li.startclosed
-
background: #215E21;
+
{
-
border-bottom: 1px solid #215E21;
+
position:relative;
-
z-index: 2;
+
display:block;
 +
float:left;
 +
width:100px;
 +
transition: all 0.4s;
 +
-webkit-transition:all 0.4s;
}
}
-
[type=radio]:checked ~ label ~ .content {
 
-
z-index: 1;
 
-
opacity: 1;
 
-
left: 0;
 
-
}​
 
 +
#slider ul:hover li
 +
{
 +
width:100px;
 +
}
-
 
+
#slider ul li:hover
-
#fisheye_menu {
+
{
-
list-style: none;
+
width:600px;
-
padding: 0;
+
-
margin: 10px;
+
-
height: 140px;
+
}
}
-
#fisheye_menu li {
+
 
-
position: relative;
+
/*#slider ul li:nth-child(1):hover #title
-
display: block;
+
{
-
float: left;
+
background: rgba(0,0,0,0.5);
-
margin: 0;
+
width:95px;
-
padding: 0;
+
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;
}
}
-
#fisheye_menu span {
 
-
position: absolute;
 
-
top: 100%;
 
-
left: 0;
 
-
text-align: center;
 
-
width: 95px;
 
-
padding: 1px;
+
#slider li img
 +
{
 +
display:block;
-
margin: 0;
 
-
border: solid 1px #bbb;
 
-
color: #333;
 
-
background: #eee;
 
}
}
-
#fisheye_menu a {
+
 
-
text-decoration: none;
+
#title
-
margin: 0;
+
{
-
padding: 0;
+
background: rgba(0,0,0,0.5);
 +
width:130px;
 +
height:300px;
 +
position:absolute;
 +
left:0;
 +
top:0;
}
}
-
#fisheye_menu img {
+
 
-
border: 0;
+
#slider ul li:last-child #title
-
vertical-align: top;
+
{
 +
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;
 +
}
-
#stuff {
+
.mobilesite
-
overflow: hidden;
+
{
-
width: 853px;
+
float:left;
-
height: 204px;
+
-
-webkit-box-shadow: 0px 0px 50px 10px #215E21;
+
-
  -moz-box-shadow: 0px 0px 50px 10px #215E21;
+
-
    box-shadow: 0px 0px 50px 10px #215E21;
+
}
}
-
#stuff-inside {
+
 
-
width:10000px;
+
.impactreport
-
height: 204px;
+
{
 +
float:right;
}
}
-
.pag {
+
.footer
-
width: 853px;
+
{
-
height: 204px;
+
width:1000px;
-
float: left;
+
height:100px;
 +
padding:0;
 +
margin-left:0;
 +
margin-bottom:20px;
}
}
-
#stuff-inside-1:target #stuff-inside {
+
 
-
-webkit-transition: all 400ms ease;
+
.igem
-
    -moz-transition: all 400ms ease;
+
{
-
    -o-transition: all 400ms ease;
+
float:left;
-
                transition: all 400ms ease;
+
margin:0;
-
margin-left: 0px;
+
 
 +
-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);
}
}
-
#stuff-inside-2:target #stuff-inside {
+
.our
-
-webkit-transition: all 400ms ease;
+
{
-
    -moz-transition: all 400ms ease;
+
float:left;
-
    -o-transition: all 400ms ease;
+
margin-left:720px;
-
                transition: all 400ms ease;
+
 
-
margin-left: -853px;
+
-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);
}
}
-
#stuff-inside-3:target #stuff-inside {
+
 
-
-webkit-transition: all 400ms ease;
+
.heading1
-
    -moz-transition: all 400ms ease;
+
{
-
    -o-transition: all 400ms ease;
+
clear:both;
-
                transition: all 400ms ease;
+
margin-left:-160px;
-
margin-left: -1706px;
+
width:1300px;
 +
height:80px;
}
}
-
#stuff-inside-4:target #stuff-inside {
+
.heading1 .upper
-
-webkit-transition: all 400ms ease;
+
{
-
    -moz-transition: all 400ms ease;
+
font-style:italic;
-
    -o-transition: all 400ms ease;
+
width:200px;
-
                transition: all 400ms ease;
+
height:20px;
-
margin-left: -2559px;
+
margin-left:520px;
 +
margin-bottom:20px;
}
}
-
#stuff-inside-5:target #stuff-inside {
+
.heading1 .bottom
-
    -webkit-transition: all 400ms ease;
+
{
-
    -moz-transition: all 400ms ease;
+
height:30px;
-
    -o-transition: all 400ms ease;
+
width:1000px;
-
                transition: all 400ms ease;
+
margin-left:140px;
-
margin-left: -3412px;
+
}
}
-
.pag-info {
+
 
-
height: 40px;
+
.heading1 .upper, .heading1 .bottom, .heading2 .upper, .heading2 .bottom
-
background-color: #215E21;
+
{
-
opacity:0.9;
+
font-size:40px;
-
position: relative;
+
font-weight:bold;
-
margin-top: 0px;
+
font-family:Trebuchet MS;
-
bottom: 50px;
+
text-align:center;
-
color: #147025;
+
color:#660099;
-
padding-left: 20px;
+
text-shadow: 0 1px 0 #ccc,
-
padding-top: 20px;
+
              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);
}
}
-
#nav {
+
 
-
list-style-type: none;
+
.heading2 .upper
-
width: 156px;
+
{
-
height: 16px;
+
margin:0 0 5px 250px;
-
margin: 0 auto;
+
width:800px;
-
margin-top: 20px;
+
height:30px;
-
padding: 0;
+
-
color:#215E21;
+
}
}
-
.click {
+
 
-
float: left;
+
.heading2 .bottom
-
background: #74C365;
+
{
-
width: 16px;
+
margin:0 0 10px 450px;
-
height: 16px;
+
width:400px;
-
-webkit-border-radius: 8px;
+
height:30px;
-
  -moz-border-radius: 8px;
+
 
-
            border-radius: 8px;
+
-
margin-left: 5px;
+
-
margin-right: 5px;
+
}
}
-
.click:hover {
+
 
-
-webkit-box-shadow: inset 0px 0px 2px 2px #d4d4d4;
+
.heading2
-
  -moz-box-shadow: inset 0px 0px 2px 2px #d4d4d4;
+
{
-
            box-shadow: inset 0px 0px 2px 2px #d4d4d4;
+
clear:both;
 +
margin:20px 0 20px -150px;
 +
width:1300px;
 +
height:100px;
}
}
-
.click:active {
+
 
-
-webkit-box-shadow: inset 0px 0px 2px 2px #7a7a7a;
+
.footer2
-
  -moz-box-shadow: inset 0px 0px 2px 2px #7a7a7a;
+
{
-
            box-shadow: inset 0px 0px 2px 2px #7a7a7a;
+
clear:both;
 +
width:950px;
 +
height:100px;
 +
margin-left:0;
 +
margin-top:50px;
 +
padding:0;
}
}
-
.click a {
+
 
-
display: block;
+
.footer2 .mib
-
width: 16px;
+
{
-
height: 16px;
+
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);
}
}
-
li {
+
 
-
    list-style: none;
+
.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);
}
}
-
</style>
 
 +
.checklist
 +
{
 +
width:710px;
 +
height:100px;
 +
margin-left:130px;
-
<!--==========================Javascript for MENU (written below)================-->
 
-
<script type="text/javascript">
 
-
var fisheyemenu = {
 
-
startSize : 65,
 
-
endSize : 90,
 
-
imgType : ".png",
 
-
init : function () {
 
-
var animElements = document.getElementById("fisheye_menu").getElementsByTagName("img");
 
-
var titleElements = document.getElementById("fisheye_menu").getElementsByTagName("span");
 
-
for(var j=0; j<titleElements.length; j++) {
 
-
titleElements[j].style.display = 'none';
 
}
}
-
for(var i=0; i<animElements.length; i++) {
+
 
-
var y = animElements[i];
+
.note
-
y.style.width = fisheyemenu.startSize+'px';
+
{
-
y.style.height = fisheyemenu.startSize+'px';
+
clear:both;
-
fisheyemenu.imgSmall(y);
+
width:100%;
-
animElements[i].onmouseover = changeSize;
+
height:50px;
-
animElements[i].onmouseout = restoreSize;
+
font-family:Trebuchet MS;
 +
font-size: 16px;
 +
text-align:center;
 +
color:#660099;
}
}
-
function changeSize() {
+
 
-
fisheyemenu.imgLarge(this);
+
.contact
-
var x = this.parentNode.getElementsByTagName("span");
+
{
-
x[0].style.display = 'block';
+
clear:left;
-
if (!this.currentWidth) this.currentWidth = fisheyemenu.startSize;
+
margin-left:-180px;
-
fisheyemenu.resizeAnimation(this,this.currentWidth,fisheyemenu.endSize,15,10,0.333);
+
margin-top:30px;
 +
width:1300px;
 +
height:100px;
}
}
-
function restoreSize() {
+
 
-
var x = this.parentNode.getElementsByTagName("span");
+
.gmail
-
x[0].style.display = 'none';
+
{
-
if (!this.currentWidth) return;
+
float:left;
-
fisheyemenu.resizeAnimation(this,this.currentWidth,fisheyemenu.startSize,15,10,0.5);
+
margin:30px 0 20px 260px;
-
fisheyemenu.imgSmall(this);
+
z-index:100;
}
}
-
},
+
 
-
resizeAnimation : function (elem,startWidth,endWidth,steps,intervals,powr) {
+
.fb
-
if (elem.widthChangeMemInt) window.clearInterval(elem.widthChangeMemInt);
+
{
-
var actStep = 0;
+
float:left;
-
elem.widthChangeMemInt = window.setInterval(
+
margin:20px 0 20px 100px;
-
function() {
+
 
-
elem.currentWidth = fisheyemenu.easeInOut(startWidth,endWidth,steps,actStep,powr);
+
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-
elem.style.width = elem.currentWidth+"px";
+
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-
elem.style.height = elem.currentWidth+"px";
+
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-
actStep++;
+
-
if (actStep > steps) window.clearInterval(elem.widthChangeMemInt);
+
}
}
-
,intervals)
+
 
-
},
+
 
-
easeInOut : function (minValue,maxValue,totalSteps,actualStep,powr) {
+
.myButton {
-
//Generic Animation Step Value Generator By www.hesido.com
+
        z-index:100;
-
var delta = maxValue - minValue;
+
        -moz-box-shadow:inset 0px 1px 0px 0px #e184f3;
-
var stepp = minValue+(Math.pow(((1 / totalSteps)*actualStep),powr)*delta);
+
        -webkit-box-shadow:inset 0px 1px 0px 0px #e184f3;
-
return Math.ceil(stepp)
+
        box-shadow:inset 0px 1px 0px 0px #e184f3;
-
},
+
       
-
imgSmall : function (obj) {
+
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c123de), color-stop(1, #a20dbd));
-
imgSrc = obj.getAttribute("src");
+
        background:-moz-linear-gradient(top, #c123de 5%, #a20dbd 100%);
-
var typePos = imgSrc.indexOf(fisheyemenu.imgType, 0);
+
        background:-webkit-linear-gradient(top, #c123de 5%, #a20dbd 100%);
-
var imgName = imgSrc.substr(0, typePos);
+
        background:-o-linear-gradient(top, #c123de 5%, #a20dbd 100%);
-
obj.setAttribute("src", imgName+"_small"+fisheyemenu.imgType);
+
        background:-ms-linear-gradient(top, #c123de 5%, #a20dbd 100%);
-
},
+
        background:linear-gradient(to bottom, #c123de 5%, #a20dbd 100%);
-
imgLarge : function (obj) {
+
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c123de', endColorstr='#a20dbd',GradientType=0);
-
imgSrc = obj.getAttribute("src");
+
       
-
var typePos = imgSrc.indexOf("_small", 0);
+
        background-color:#c123de;
-
var imgName = imgSrc.substr(0, typePos);
+
       
-
obj.setAttribute("src", imgName+fisheyemenu.imgType);
+
        -moz-border-radius:6px;
-
}
+
        -webkit-border-radius:6px;
-
}
+
        border-radius:6px;
-
// Add event with wide browser support
+
       
-
if ( typeof window.addEventListener != "undefined" )
+
        border:1px solid #a511c0;
-
    window.addEventListener( "load", fisheyemenu.init, false );
+
       
-
else if ( typeof window.attachEvent != "undefined" )
+
        display:inline-block;
-
    window.attachEvent( "onload", fisheyemenu.init );
+
         color:#ffffff;
-
else {
+
         font-family:arial;
-
    if ( window.onload != null ) {
+
        font-size:15px;
-
         var oldOnload = window.onload;
+
        font-weight:bold;
-
         window.onload = function ( e ) {
+
         padding:6px 24px;
-
            oldOnload( e );
+
        text-decoration:none;
-
            fisheyemenu.init();
+
       
-
         };
+
        text-shadow:0px 1px 0px #9b14b3;
 +
       
     }
     }
-
    else
+
.myButton:hover {
-
         window.onload = fisheyemenu.init;
+
          
 +
        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);
}
}
-
</script>
 
 +
</style>
 +
</head>
 +
<body>
-
<body style="overflow-y:scroll;" >
+
<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>
-
<!--==========================TOP MENU================-->
+
<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="container" style=" background: #147025; margin-top:-1240px;">
+
<div class="header">
-
<div align=left style="margin-top:0px; margin-left:0px;">
+
<div class="banner">
-
<img src="https://static.igem.org/mediawiki/2012/5/5d/Toronto_green.jpg" alt="Background" width="965" height="130"/>
+
          <div class="igemlogo">  
-
</div>
+
    <a href="https://2013.igem.org/Main_Page">
-
+
              <img src="https://static.igem.org/mediawiki/2013/3/3f/Igem.png" height="95"/>
-
<div style="margin-top:-125px">
+
            </a>
-
<ul id="fisheye_menu">
+
  </div>  
-
<li> <font color=#147025> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  &nbsp; &nbsp; &nbsp;  </font> </li>
+
 
-
<li><a href="https://2012.igem.org/Team:Toronto" class="fisheye"><img src="http://igemtoronto.files.wordpress.com/2012/07/toronto_home.png" alt="" /><span> <font size=3><b>Home </span></a> </li>
+
  <div class="logo">  
-
<li><a href="https://2012.igem.org/Team:Toronto/Contact" class="fisheye"><img src="http://igemtoronto.files.wordpress.com/2012/07/toronto_email.png" alt="" /><span>Contact</span></a></li>
+
    <img src="https://static.igem.org/mediawiki/2013/8/87/LOGO1.jpg">
-
<li><a href="https://2012.igem.org/Team:Toronto/Team" class="fisheye"><img src="http://igemtoronto.files.wordpress.com/2012/07/toronto_teamicon.png" alt="" /><span>Team</span></a></li>
+
  </div>
-
<li><a href="https://2012.igem.org/Team:Toronto/Project" class="fisheye"><img src="http://igemtoronto.files.wordpress.com/2012/07/toronto_projecticon.png" alt="" /><span>Project</span></a> </li>
+
 
-
<li><a href="https://2012.igem.org/Team:Toronto/Notebook" class="fisheye"><img src="http://igemtoronto.files.wordpress.com/2012/07/toronto_notebook.png" alt="" /><span>Notebook</span></a></li>
+
          <div class="central">  
-
<li><a href="https://2012.igem.org/Team:Toronto/Attributions" class="fisheye"><img src="http://igemtoronto.files.wordpress.com/2012/07/toronto_history.png" alt="" /><span>Attributions </span></a></li>
+
    <img src="https://static.igem.org/mediawiki/2013/0/0c/MIBLogo.jpg" width="300" height="98" />
-
<li><a href="https://2012.igem.org/Team:Toronto/HumanPractice" class="fisheye"><img src="http://igemtoronto.files.wordpress.com/2012/07/toronto_outreach.png" alt="" /><span>Human Practice (Safety & Outreach)</span></a></li>
+
  </div>  
-
<li><a href="https://2012.igem.org/Main_Page" class="fisheye"><img src="http://igemtoronto.files.wordpress.com/2012/07/toronto_igemlogo.png" alt="" /><span>iGEM 2012 Home</span></a></li>
+
 
-
</ul> </font></b> </div>
+
  <div class="uni">  
 +
    <img src="https://static.igem.org/mediawiki/2013/f/fd/Uni1.jpg">
 +
  </div>
 +
 
 +
</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>
 +
 +
 +
<br><br>
 +
 +
 +
<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