Team:Manchester/Projecttest

From 2013.igem.org

(Difference between revisions)
 
(85 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:Manchester/layout/noheader}}
{{:Team:Manchester/layout/noheader}}
 +
{{:Team:Manchester/Navbartest3}}
 +
{{:Team:Manchester/Footer}}
<html>
<html>
<head>
<head>
<title> Safety </title>
<title> Safety </title>
-
<script type='text/javascript' src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
 
-
<script type='text/javascript' src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
 
-
 
-
<script type='text/javascript'>
 
-
function hoverLink1()
 
-
{
 
-
  $("#block #link1").hover(function() {
 
-
      $("#block #image1").toggleClass("expand");
 
-
  });
 
-
  $("#block #link1").mouseenter(function() {
 
-
    $("#block #image1").css({marginLeft: "17px"});
 
-
  });
 
-
  $("#block #link1").mouseleave(function() {
 
-
    $("#block #image1").css({marginLeft: "25px"});
 
-
  });
 
-
}
 
-
 
-
function hoverImage1()
 
-
{
 
-
  $("#block #image1").mouseenter(function() {
 
-
    $("#block #image1").css({marginLeft: "17px"});
 
-
  });
 
-
    $("#block #image1").mouseleave(function() {
 
-
    $("#block #image1").css({marginLeft: "25px"});
 
-
  });
 
-
}
 
-
 
-
function hoverLink2()
 
-
{
 
-
  $("#block #link2").hover(function() {
 
-
  $("#block #image2").toggleClass("expand");
 
-
  });
 
-
  $("#block #link2").mouseenter(function() {
 
-
    $("#block #image2").css({marginLeft: "17px"});
 
-
  });
 
-
  $("#block #link2").mouseleave(function() {
 
-
    $("#block #image2").css({marginLeft: "25px"});
 
-
  });
 
-
}
 
-
 
-
function hoverImage2()
 
-
{
 
-
  $("#block #image2").mouseenter(function() {
 
-
    $("#block #image2").css({marginLeft: "17px"});
 
-
  });
 
-
  $("#block #image2").mouseleave(function() {
 
-
    $("#block #image2").css({marginLeft: "25px"});
 
-
          });
 
-
}
 
-
 
-
function hoverLink3()
 
-
{
 
-
  $("#block #link3").hover(function() {
 
-
  $("#block #image3").toggleClass("expand");
 
-
  });
 
-
  $("#block #link3").mouseenter(function() {
 
-
    $("#block #image3").css({marginLeft: "15px"});
 
-
  });
 
-
  $("#block #link3").mouseleave(function() {
 
-
    $("#block #image3").css({marginLeft: "25px"});
 
-
  });
 
-
}
 
-
 
-
function hoverImage3()
 
-
{
 
-
  $("#block #image3").mouseenter(function() {
 
-
    $("#block #image3").css({marginLeft: "15px"});
 
-
  });
 
-
    $("#block #image3").mouseleave(function() {
 
-
    $("#block #image3").css({marginLeft: "25px"});
 
-
  });
 
-
}
 
-
 
-
function hoverLink4()
 
-
{
 
-
  $("#block #link4").hover(function() {
 
-
  $("#block #image4").toggleClass("expand");
 
-
  });
 
-
  $("#block #link4").mouseenter(function() {
 
-
    $("#block #image4").css({marginLeft: "15px"});
 
-
  });
 
-
  $("#block #link4").mouseleave(function() {
 
-
    $("#block #image4").css({marginLeft: "25px"});
 
-
  });
 
-
}
 
-
 
-
function hoverImage4()
 
-
{
 
-
  $("#block #image4").mouseenter(function() {
 
-
    $("#block #image4").css({marginLeft: "15px"});
 
-
  });
 
-
    $("#block #image4").mouseleave(function() {
 
-
    $("#block #image4").css({marginLeft: "25px"});
 
-
  });
 
-
}
 
-
 
-
function hoverLink5()
 
-
{
 
-
  $("#block #link5").hover(function() {
 
-
  $("#block #image5").toggleClass("expand");
 
-
  });
 
-
  $("#block #link5").mouseenter(function() {
 
-
    $("#block #image5").css({marginLeft: "17px"});
 
-
  });
 
-
  $("#block #link5").mouseleave(function() {
 
-
    $("#block #image5").css({marginLeft: "25px"});
 
-
  });
 
-
}
 
-
 
-
function hoverImage5()
 
-
{
 
-
  $("#block #image5").mouseenter(function() {
 
-
    $("#block #image5").css({marginLeft: "17px"});
 
-
  });
 
-
    $("#block #image5").mouseleave(function() {
 
-
    $("#block #image5").css({marginLeft: "25px"});
 
-
  });
 
-
}
 
-
 
-
</script>
 
<style type="text/css">
<style type="text/css">
Line 134: Line 16:
#content, body
#content, body
{
{
-
background-color:#ccc;
+
background-color:#F2F2F2;
}
}
Line 149: Line 31:
-moz-box-shadow: 0px 0px 5px 0px rgba(76,0,130,1));
-moz-box-shadow: 0px 0px 5px 0px rgba(76,0,130,1));
box-shadow: 0px 0px 5px 0px rgba(76,0,130,1);
box-shadow: 0px 0px 5px 0px rgba(76,0,130,1);
-
 
-
/*-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);*/
 
}
}
Line 181: Line 59:
{
{
float:left;
float:left;
-
margin-left:100px;
+
margin-left:90px;
-
margin-right:30px;
+
margin-right:10px;
}
}
Line 190: Line 68:
margin-left:50px;
margin-left:50px;
}
}
 +
 +
.global
 +
{
 +
position:relative;
 +
width:950px;
 +
height:1000px;
 +
}
 +
 +
  .mtextbox {
 +
    width: 100%;
 +
    min-height: 80px;
 +
    height: auto;
 +
    background-color: white;
 +
    color: #4c0082;
 +
    font-face: Trebuchet Sans MS;
 +
    font-size: 20px;
 +
    margin: 10px 0;
 +
    text-align: center;
 +
  }
 +
  .mtextbox b {
 +
    color: #660099;
 +
  }
.wrapper
.wrapper
Line 195: Line 95:
position:absolute;
position:absolute;
clear:both;
clear:both;
-
width:1000px;
+
width:990px;
-
top:110px;
+
height:870px;
-
left:0;
+
top:120px;
 +
left:-20px;
padding:10px;
padding:10px;
-
background-color:#ccc;
+
background-color:white;
-
-webkit-border-radius: 10px;
+
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-
border-radius: 10px;
+
-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);
-
-webkit-box-shadow: 0px 0px 10px 2px rgba(102,0,153,1);
+
-
-moz-box-shadow: 0px 0px 10px 2px rgba(102,0,153,1);
+
-
box-shadow: 0px 0px 10px 2px rgba(102,0,153,1);
+
-
 
+
-
/*-webkit-box-shadow: 10px 10px 15px 0px rgba(102,0,153,0.71);
+
-
-moz-box-shadow: 10px 10px 15px 0px rgba(102,0,153,0.71);
+
-
box-shadow: 10px 10px 15px 0px rgba(102,0,153,0.71);*/
+
}
}
-
.text1, .text2, .text3, .text4
+
#content1, #content3, #content5
{
{
-
width:600px;
+
float:left;
-
margin:35px auto;
+
margin-bottom:10px;
 +
width:470px;
 +
height:230px;
 +
background:#ccc;
padding:10px;
padding:10px;
-
background-color:#F2F2F2;
 
-
-webkit-border-radius: 10px;
+
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-
border-radius: 10px;
+
-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);
-
/*-webkit-box-shadow: 10px 10px 15px 0px rgba(102,0,153,0.71);
+
-
-moz-box-shadow: 10px 10px 15px 0px rgba(102,0,153,0.71);
+
-
box-shadow: 10px 10px 15px 0px rgba(102,0,153,0.71);*/
+
}
}
-
 
+
#content1 p, #content3 p, #content5 p 
-
#content1  
+
{
{
-
float:left;
 
margin:0;
margin:0;
-
width:500px;
+
width:285px;
-
}
+
height:180px;
-
 
+
-
#content1 p
+
-
{
+
-
margin:10px 20px 10px 20px;
+
-
width:300px;
+
float:left;
float:left;
-
float:left;
+
font-family: Trebuchet MS;
-
font-family: Cambria, Georgia, serif;
+
-
font-style: italic;
+
font-size:15px;
font-size:15px;
-
}
+
padding:10px;
 +
background:#F2F2F2;
 +
color:#4c0082;
 +
text-align:justify;
-
#content1 img
 
-
{
 
-
position:relative;
 
-
top:5px;
 
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-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);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
Line 256: Line 139:
}
}
-
#content1 .myButton
+
#content1 img, #content3 img, #content5 img
{
{
-
margin:10px 0 10px 20px;      
+
float:right;
-
        -moz-box-shadow:inset 0px 1px 0px 0px #e184f3;
+
margin-right:5px;
-
         -webkit-box-shadow:inset 0px 1px 0px 0px #e184f3;
+
         /*-moz-border-radius:6px;
-
        box-shadow:inset 0px 1px 0px 0px #e184f3;
+
-
       
+
-
        background-color:#c123de;
+
-
       
+
-
        -moz-border-radius:6px;
+
         -webkit-border-radius:6px;
         -webkit-border-radius:6px;
-
         border-radius:6px;
+
         border-radius:6px;*/
-
       
+
-
        border:1px solid #a511c0;
+
-
       
+
-
        display:inline-block;
+
-
        color:#ffffff;
+
-
        font-family:Trebuchet MS;
+
-
        font-size:15px;
+
-
        font-weight:bold;
+
-
        padding:6px 24px;
+
-
        text-decoration:none;
+
-
       
+
-
        text-shadow:0px 1px 0px #9b14b3;
+
-
       
+
-
    }
+
-
+
-
#content1 .myButton:hover
+
-
{       
+
-
        background-color:#a20dbd;
+
-
}
+
-
+
-
#content1 .myButton:active   
+
-
{
+
-
        position:relative;
+
-
        top:1px;
+
-
    }
+
-
 
+
-
#content2
+
-
{
+
-
float:right;
+
-
margin:0;
+
-
width:500px;
+
-
}
+
-
 
+
-
#content2 img
+
-
{
+
-
float:left;
+
-
margin:5px 5px 5px 0;
+
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-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);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
Line 310: Line 151:
}
}
-
#content2 p
+
#content1 .myButton, #content2 .myButton, #content3 .myButton, #content4 .myButton, #content5 .myButton, #content6 .myButton
{
{
-
position:relative;
 
-
top:10px;
 
-
right:10px;
 
-
left:10px;
 
-
bottom:10px;
 
-
font-family: Cambria, Georgia, serif;
 
-
font-style: italic;
 
-
font-size:15px;
 
-
}
 
-
 
-
#content2 .myButton {
 
clear:both;
clear:both;
-
margin: 10px 0 5px 230px;
+
margin-top:5px;     
 +
        /*-moz-box-shadow:inset 0px 1px 0px 0px #efdcfb;
 +
        -webkit-box-shadow:inset 0px 1px 0px 0px #efdcfb;
 +
        box-shadow:inset 0px 1px 0px 0px #efdcfb;*/
 +
-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);
          
          
-
        -moz-box-shadow:inset 0px 1px 0px 0px #e184f3;
+
         background-color:#bc80ea;
-
        -webkit-box-shadow:inset 0px 1px 0px 0px #e184f3;
+
-
        box-shadow:inset 0px 1px 0px 0px #e184f3;
+
-
       
+
-
         background-color:#c123de;
+
-
       
+
-
        -moz-border-radius:6px;
+
-
        -webkit-border-radius:6px;
+
-
        border-radius:6px;
+
-
       
+
-
        border:1px solid #a511c0;
+
          
          
         display:inline-block;
         display:inline-block;
         color:#ffffff;
         color:#ffffff;
-
         font-family:Trebuchet MS;
+
         font-family:trebuchet MS;
         font-size:15px;
         font-size:15px;
         font-weight:bold;
         font-weight:bold;
-
         padding:6px 24px;
+
         padding:6px 24px;     
 +
        text-shadow:0px 1px 0px #9752cc;
         text-decoration:none;
         text-decoration:none;
-
          
+
         text-align:center;       
 +
 
         text-shadow:0px 1px 0px #9b14b3;
         text-shadow:0px 1px 0px #9b14b3;
-
          
+
         width:255px;
     }
     }
-
    #content2 .myButton:hover {
+
#content1 .myButton:hover, #content2 .myButton:hover, #content3 .myButton:hover, #content4 .myButton:hover,
-
       
+
#content5 .myButton:hover, #content6 .myButton:hover
-
        background-color:#a20dbd;
+
{             
-
    }
+
background-color:#dfbdfa;
 +
}
-
    #content2 .myButton:active {
+
#content1 .myButton:active, #content2 .myButton:active, #content3 .myButton:active, #content4 .myButton:active,
 +
#content5 .myButton:hover, #content6 .myButton:hover         
 +
{
         position:relative;
         position:relative;
         top:1px;
         top:1px;
-
    }
 
-
 
-
#content3
 
-
{
 
-
clear:both;
 
-
float:left;
 
-
margin:0;
 
-
width:500px;
 
}
}
-
#content3 p
+
#content2 .myButton, #content4 .myButton, #content6 .myButton
{
{
-
margin:10px 20px 10px 20px;
+
margin-left:12px;
-
width:300px;
+
-
float:left;
+
-
float:left;
+
-
font-family: Cambria, Georgia, serif;
+
-
font-style: italic;
+
-
font-size:15px;
+
}
}
-
#content3 img
+
#content2, #content4, #content6
-
{
+
-
position:relative;
+
-
top:5px;
+
-
-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);
+
-
}
+
-
 
+
-
#content3 .myButton {
+
-
margin:10px 0 10px 20px;
+
-
       
+
-
        -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-color:#c123de;
+
-
       
+
-
        -moz-border-radius:6px;
+
-
        -webkit-border-radius:6px;
+
-
        border-radius:6px;
+
-
       
+
-
        border:1px solid #a511c0;
+
-
       
+
-
        display:inline-block;
+
-
        color:#ffffff;
+
-
        font-family:Trebuchet MS;
+
-
        font-size:15px;
+
-
        font-weight:bold;
+
-
        padding:6px 24px;
+
-
        text-decoration:none;
+
-
       
+
-
        text-shadow:0px 1px 0px #9b14b3;
+
-
       
+
-
    }
+
-
+
-
    #content3 .myButton:hover {
+
-
       
+
-
        background-color:#a20dbd;
+
-
    }
+
-
+
-
    #content3 .myButton:active {
+
-
        position:relative;
+
-
        top:1px;
+
-
    }
+
-
 
+
-
#content4
+
{
{
float:right;
float:right;
-
margin:0;
+
margin-bottom:10px;
-
width:500px;
+
width:470px;
-
}
+
height:230px;
 +
background:#ccc;
 +
padding:10px;
-
#content4 img
 
-
{
 
-
float:left;
 
-
margin:5px 5px 5px 0;
 
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-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);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
Line 441: Line 210:
}
}
-
#content4 p
+
#content2 img, #content4 img, #content6 img
{
{
-
position:relative;
 
-
top:10px;
 
-
right:10px;
 
-
left:10px;
 
-
bottom:10px;
 
-
font-family: Cambria, Georgia, serif;
 
-
font-style: italic;
 
-
font-size:15px;
 
-
}
 
-
 
-
#content4 .myButton {
 
-
clear:both;
 
-
margin: 10px 0 5px 230px;
 
-
       
 
-
        -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-color:#c123de;
 
-
       
 
-
        -moz-border-radius:6px;
 
-
        -webkit-border-radius:6px;
 
-
        border-radius:6px;
 
-
       
 
-
        border:1px solid #a511c0;
 
-
       
 
-
        display:inline-block;
 
-
        color:#ffffff;
 
-
        font-family:Trebuchet MS;
 
-
        font-size:15px;
 
-
        font-weight:bold;
 
-
        padding:6px 24px;
 
-
        text-decoration:none;
 
-
       
 
-
        text-shadow:0px 1px 0px #9b14b3;
 
-
       
 
-
    }
 
-
 
-
    #content4 .myButton:hover {
 
-
       
 
-
        background-color:#a20dbd;
 
-
    }
 
-
 
-
    #content4 .myButton:active {
 
-
        position:relative;
 
-
        top:1px;
 
-
    }
 
-
 
-
#content5
 
-
{
 
-
clear:both;
 
float:left;
float:left;
-
margin:0;
+
margin:0 5px 5px 0;
-
width:500px;
+
-
}
+
-
 
+
-
#content5 p
+
-
{
+
-
margin:10px 20px 10px 20px;
+
-
width:300px;
+
-
float:left;
+
-
float:left;
+
-
font-family: Cambria, Georgia, serif;
+
-
font-style: italic;
+
-
font-size:15px;
+
-
}
+
-
 
+
-
#content5 img
+
-
{
+
-
position:relative;
+
-
top:5px;
+
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-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);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
Line 519: Line 219:
}
}
-
#content5 .myButton {
+
#content2 p, #content4 p, #content6 p
-
margin:10px 0 10px 20px;
+
-
       
+
-
        -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-color:#c123de;
+
-
       
+
-
        -moz-border-radius:6px;
+
-
        -webkit-border-radius:6px;
+
-
        border-radius:6px;
+
-
       
+
-
        border:1px solid #a511c0;
+
-
       
+
-
        display:inline-block;
+
-
        color:#ffffff;
+
-
        font-family:Trebuchet MS;
+
-
        font-size:15px;
+
-
        font-weight:bold;
+
-
        padding:6px 24px;
+
-
        text-decoration:none;
+
-
       
+
-
        text-shadow:0px 1px 0px #9b14b3;
+
-
       
+
-
    }
+
-
+
-
    #content5 .myButton:hover {
+
-
       
+
-
        background-color:#a20dbd;
+
-
    }
+
-
+
-
    #content5 .myButton:active {
+
-
        position:relative;
+
-
        top:1px;
+
-
    }
+
-
 
+
-
#content6
+
{
{
float:right;
float:right;
 +
width:285px;
 +
height:180px;
margin:0;
margin:0;
-
width:500px;
+
font-family: Trebuchet MS;
-
}
+
font-size:15px;
 +
padding:10px;
 +
background:#F2F2F2;
 +
color:#4c0082;
 +
text-align:justify;
-
#content6 img
 
-
{
 
-
float:left;
 
-
margin:5px 5px 5px 0;
 
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-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);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
Line 572: Line 237:
}
}
-
#content6 p
+
hr
{
{
-
position:relative;
 
-
top:10px;
 
-
right:10px;
 
-
left:10px;
 
-
bottom:10px;
 
-
font-family: Cambria, Georgia, serif;
 
-
font-style: italic;
 
-
font-size:15px;
 
-
}
 
-
 
-
#content6 .myButton {
 
-
clear:both;
 
-
margin: 10px 0 5px 230px;
 
-
       
 
-
        -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-color:#c123de;
 
-
       
 
-
        -moz-border-radius:6px;
 
-
        -webkit-border-radius:6px;
 
-
        border-radius:6px;
 
-
       
 
-
        border:1px solid #a511c0;
 
-
       
 
-
        display:inline-block;
 
-
        color:#ffffff;
 
-
        font-family:Trebuchet MS;
 
-
        font-size:15px;
 
-
        font-weight:bold;
 
-
        padding:6px 24px;
 
-
        text-decoration:none;
 
-
       
 
-
        text-shadow:0px 1px 0px #9b14b3;
 
-
       
 
-
    }
 
-
 
-
    #content6 .myButton:hover {
 
-
       
 
-
        background-color:#a20dbd;
 
-
    }
 
-
 
-
    #content6 .myButton:active {
 
-
        position:relative;
 
-
        top:1px;
 
-
    }
 
-
 
-
 
-
.container
 
-
{
 
-
height:90px;
 
-
width:560px;
 
-
margin:0 auto;
 
-
background-color:#ccc;
 
-
position:absolute;
 
-
top:5px;
 
-
left:200px;
 
-
z-index:100;
 
-
}
 
-
 
-
#block
 
-
{
 
-
float:left;
 
-
width:100px;
 
-
margin:5px;
 
-
}
 
-
 
-
#block a
 
-
{
 
-
display:block;
 
-
text-decoration: none;
 
-
background-color: #660099;
 
-
color:white;
 
-
font-size: 14px;
 
-
font-family: Trebuchet MS;
 
-
font-weight: bold;
 
-
border-radius: 5px;
 
-
width: 60px;
 
-
margin:0 auto;
 
-
text-align: center;
 
-
padding: 3px;
 
-
color:#F2F2F2;
 
-
 
-
transition-duration:0.1s;
 
-
transition-timing-function:linear;
 
-
}
 
-
 
-
#block img
 
-
{
 
-
transition-duration:0.1s;
 
-
transition-timing-function:linear;
 
-
margin:0 25px;
 
-
display:block;
 
-
}
 
-
 
-
#block img:hover
 
-
{
 
-
width:65px;
 
-
height:65px;
 
-
}
 
-
 
-
#block .list
 
-
{
 
-
margin:0;
 
-
}
 
-
 
-
#block .list li
 
-
{
 
-
display:block;
 
-
list-style:none;
 
-
}
 
-
 
-
#block .list .submenu
 
-
{
 
-
display:none;
 
clear: both;
clear: both;
-
margin:0;
+
border: 0;  
-
display: none;
+
height: 0;
-
}
+
border-top: 1px solid rgba(0, 0, 0, 0.1);  
-
 
+
border-bottom: 1px solid rgba(255, 255, 255, 0.3);  
-
#block .list .submenu li
+
-
{
+
-
list-style:none;
+
-
display: block;
+
-
margin:0;
+
-
float: none;
+
-
}
+
-
 
+
-
#block .list .submenu li a
+
-
{
+
-
clear:both;
+
-
display:block;
+
-
border:1px solid #4C0082;
+
-
margin:0 auto;
+
-
width:90px;
+
-
}
+
-
 
+
-
#block .list li:hover .submenu
+
-
{
+
-
display:block;
+
-
}
+
-
 
+
-
.expand
+
-
{
+
-
width:65px;
+
-
height:65px;
+
-
}
+
-
 
+
-
.global
+
-
{
+
-
position:relative;
+
-
width:950px;
+
-
height:1600px;
+
-
 
+
}
}
Line 740: Line 255:
<div class="banner">
<div class="banner">
  <div class="igem">  
  <div class="igem">  
-
  <a>
+
  <a href="https://2013.igem.org/Main_Page">
           <img src="https://static.igem.org/mediawiki/2013/3/3f/Igem.png">
           <img src="https://static.igem.org/mediawiki/2013/3/3f/Igem.png">
           </a>
           </a>
Line 750: Line 265:
           <div class="central">  
           <div class="central">  
-
    <a><img src="https://static.igem.org/mediawiki/2013/d/d5/Safety.jpg"></a>
+
    <a><img src="https://static.igem.org/mediawiki/2013/9/90/ProjectMan.png"></a>
  </div>  
  </div>  
Line 761: Line 276:
<div class="global">
<div class="global">
-
<div class="container">
+
<div class="wrapper" >
-
        <div id="block">
+
<div class="mtextbox">
-
              <img src="https://static.igem.org/mediawiki/2013/7/74/Home.gif" width="50" height="50" id="image1"/>
+
  <b><u>Key Achievements</u></b><br>
-
      <a href="#" id="link1">Home</a>
+
• Created three biobricks<br>
-
        </div>
+
• Used an expression vector based on standard parts to successfully characterise biobricks<br>
-
 
+
• Improvement of a biobrick
-
        <div id="block">
+
-
            <img src="https://static.igem.org/mediawiki/2013/e/e6/Group.gif" width="50" height="50" id="image2"/>
+
-
                  <ul class="list">
+
-
                    <li><a href="#" id="link2">About</a>
+
-
                  <ul class="submenu" id="sub1">
+
-
        <li><a href="#" id="link2">Our Team</a></li>
+
-
                        <li><a href="#" id="link2">Team Profile</a></li>
+
-
  </ul>
+
-
                    </li>
+
-
                  </ul>
+
-
        </div>
+
-
 
+
-
        <div id="block">
+
-
            <img src="https://static.igem.org/mediawiki/2013/a/a8/Project.gif" width="50" height="50" id="image3"/>
+
-
              <ul class="list">
+
-
                  <li><a href="#" id="link3">Project</a>
+
-
                <ul class="submenu">
+
-
    <li><a href="#" id="link3">Aim</a></li>
+
-
                    <li><a href="#" id="link3">Modelling</a></li>
+
-
    <li><a href="#" id="link3">Notebook</a></li>
+
-
                    <li><a href="#" id="link3">Contributions</a></li>
+
-
    <li><a href="#" id="link3">Safety</a></li>
+
-
                    <li><a href="#" id="link3">Human Proctices</a></li>
+
-
    <li><a href="#" id="link3">Attributions</a></li>
+
-
        </ul>
+
-
                </li>
+
-
              </ul>
+
-
        </div>
+
-
 
+
-
        <div id="block">
+
-
            <img src="https://static.igem.org/mediawiki/2013/5/5b/Outreach.gif" width="50" height="50" id="image4"/>
+
-
            <ul class="list">
+
-
                  <li><a href="#" onclick="javascript:openMenu('sub3')" id="link4">Outreach</a>
+
-
                <ul class="submenu" id="sub3">
+
-
    <li><a href="#" id="link4">Event 1</a></li>
+
-
                    <li><a href="#" id="link4">Event 2</a></li>
+
-
    <li><a href="#" id="link4">Event 3</a></li>
+
-
                    <li><a href="#" id="link4">Event 4</a></li>
+
-
                </ul>
+
-
                  </li>
+
-
            </ul>
+
-
        </div>
+
-
 
+
-
        <div id="block">
+
-
            <img src="https://static.igem.org/mediawiki/2013/c/cb/Sponsors.gif" width="50" height="50" id="image5"/>
+
-
            <a href="#" id="link5">Sponsors</a>
+
-
        </div>
+
</div>
</div>
-
 
-
<div class="wrapper" >
 
         <div id="content1">
         <div id="content1">
             <p>  
             <p>  
-
Lorem ipsum dolor sit amet, consectetur adipisicing
+
The mass deforestation in Indonesia and Malaysia to make room for oil palm plantations is one of the biggest issues of our time. Not only does it result in the extinction of many endangered species, it’s also having a massive impact on the amount of CO<sub>2</sub> released into the atmosphere. That’s where we come in...
-
elit, sed do eiusmod tempor incididunt ut labore et dolore
+
        </p>
-
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+
                        <img src="https://static.igem.org/mediawiki/2013/7/7e/Aimresized.jpg" height="230" width="150"/>       
-
ullamco laboris nisi ut aliquip ex ea commodo consequat.
+
<a href="https://2013.igem.org/Team:Manchester/Aimtest2" class="myButton" > PROJECT OVERVIEW </a>
-
Duis aute irure dolor in reprehenderit in voluptate velit
+
-
esse cillum dolore eu fugiat nulla pariatur.
+
-
 
+
-
<a href="#" class="myButton" > READ </a>
+
-
</p>
+
-
<img src="https://static.igem.org/mediawiki/2013/8/8d/Logoscaled.jpg" height="200" width="150"/>       
+
  </div>
  </div>
  <div id="content2">
  <div id="content2">
-
  <img src="https://static.igem.org/mediawiki/2013/8/8d/Logoscaled.jpg" height="200" width="150"/>
+
  <img src="https://static.igem.org/mediawiki/2013/f/fd/Safety3.jpg" height="230" width="150"/>      
             <p>  
             <p>  
-
Lorem ipsum dolor sit amet, consectetur adipisicing
+
Promoting safety within the lab, and also within the wider synthetic biology community, is paramount to the success of this research area. Here we consider how lab work can be made as safe as possible, and also how we would ensure our project remains safe if it became a commercial success.
-
elit, sed do eiusmod tempor incididunt ut labore et dolore
+
-
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+
-
ullamco laboris nisi ut aliquip ex ea commodo consequat.  
+
-
Duis aute irure dolor in reprehenderit in voluptate velit
+
-
esse cillum dolore eu fugiat nulla pariatur.
+
</p>           
</p>           
-
             <a href="#" class="myButton" > READ </a>
+
             <a href="https://2013.igem.org/Team:Manchester/Safetytest" class="myButton" > SAFETY </a>
  </div>
  </div>
-
<hr> </hr>
+
    <div id="content3">
    <div id="content3">
             <p>  
             <p>  
-
Lorem ipsum dolor sit amet, consectetur adipisicing
+
Over the course of the summer we documented our progress weekly, both as a way for the team to remain as organised as possible and also as a way to allow future teams to see how we developed the project through the weeks. Also sometimes it is nice to show off.
-
elit, sed do eiusmod tempor incididunt ut labore et dolore
+
            </p>
-
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+
                        <img src="https://static.igem.org/mediawiki/2013/c/cb/Notebookresized.jpg" height="230" width="150"/>       
-
ullamco laboris nisi ut aliquip ex ea commodo consequat.  
+
<a href="https://2013.igem.org/Team:Manchester/Notebooktest2" class="myButton" >NOTEBOOK </a>
-
Duis aute irure dolor in reprehenderit in voluptate velit
+
-
esse cillum dolore eu fugiat nulla pariatur.
+
-
 
+
-
<a href="#" class="myButton" > READ </a>
+
-
</p>
+
-
<img src="https://static.igem.org/mediawiki/2013/8/8d/Logoscaled.jpg" height="200" width="150"/>       
+
  </div>  
  </div>  
  <div id="content4">
  <div id="content4">
-
  <img src="https://static.igem.org/mediawiki/2013/8/8d/Logoscaled.jpg" height="200" width="150"/>
+
  <img src="https://static.igem.org/mediawiki/2013/3/30/Labbook3.jpg" height="230" width="150"/>
             <p>  
             <p>  
-
Lorem ipsum dolor sit amet, consectetur adipisicing
+
Can’t have an iGEM team without a lab book! Here you will find a list of protocols, some general and some more project-specific, that we have been using during the project.  
-
elit, sed do eiusmod tempor incididunt ut labore et dolore
+
-
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+
-
ullamco laboris nisi ut aliquip ex ea commodo consequat.
+
-
Duis aute irure dolor in reprehenderit in voluptate velit
+
-
esse cillum dolore eu fugiat nulla pariatur.
+
</p>           
</p>           
-
             <a href="#" class="myButton" > READ </a>
+
             <a href="https://2013.igem.org/Team:Manchester/LabBooktest" class="myButton" > LAB BOOK </a>
  </div>
  </div>
-
<hr> </hr>
+
 
         <div id="content5">
         <div id="content5">
             <p>  
             <p>  
-
Lorem ipsum dolor sit amet, consectetur adipisicing
+
We think the work we’ve done during this uncharacteristically hot summer has what it takes to win some medals/prizes! Click here to see our completed Judging Form and a medalling checklist.
-
elit, sed do eiusmod tempor incididunt ut labore et dolore
+
-
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+
-
ullamco laboris nisi ut aliquip ex ea commodo consequat.
+
-
Duis aute irure dolor in reprehenderit in voluptate velit
+
-
esse cillum dolore eu fugiat nulla pariatur.
+
-
<a href="#" class="myButton" > READ </a>
+
          </p>
-
</p>
+
                        <img src="https://static.igem.org/mediawiki/2013/2/29/Judge.jpg" height="230" width="150"/>  
-
<img src="https://static.igem.org/mediawiki/2013/8/8d/Logoscaled.jpg" height="200" width="150"/>      
+
<a href="https://2013.igem.org/Team:Manchester/medaltest" class="myButton" > JUDGING</a>
  </div>
  </div>
   
   
  <div id="content6">
  <div id="content6">
-
  <img src="https://static.igem.org/mediawiki/2013/8/8d/Logoscaled.jpg" height="200" width="150"/>
+
  <img src="https://static.igem.org/mediawiki/2013/9/9f/Projectpartspageresized.jpg" height="230" width="150"/>
             <p>  
             <p>  
-
Lorem ipsum dolor sit amet, consectetur adipisicing
+
Click here to see the list of the BioBricks we have sent in to the Registry of Standard Biological Parts, in addition to detailed information about our characterisation.
-
elit, sed do eiusmod tempor incididunt ut labore et dolore
+
-
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+
-
ullamco laboris nisi ut aliquip ex ea commodo consequat.
+
-
Duis aute irure dolor in reprehenderit in voluptate velit
+
-
esse cillum dolore eu fugiat nulla pariatur.
+
</p>           
</p>           
-
             <a href="#" class="myButton" > READ </a>
+
             <a href="https://2013.igem.org/Team:Manchester/contributiontest" class="myButton" > PARTS CONTRIBUTION </a>
  </div>  
  </div>  
-
 
</div>
</div>
</div>
</div>

Latest revision as of 19:41, 15 October 2013

page

Top

Safety

Key Achievements
• Created three biobricks
• Used an expression vector based on standard parts to successfully characterise biobricks
• Improvement of a biobrick

The mass deforestation in Indonesia and Malaysia to make room for oil palm plantations is one of the biggest issues of our time. Not only does it result in the extinction of many endangered species, it’s also having a massive impact on the amount of CO2 released into the atmosphere. That’s where we come in...

PROJECT OVERVIEW

Promoting safety within the lab, and also within the wider synthetic biology community, is paramount to the success of this research area. Here we consider how lab work can be made as safe as possible, and also how we would ensure our project remains safe if it became a commercial success.

SAFETY

Over the course of the summer we documented our progress weekly, both as a way for the team to remain as organised as possible and also as a way to allow future teams to see how we developed the project through the weeks. Also sometimes it is nice to show off.

NOTEBOOK

Can’t have an iGEM team without a lab book! Here you will find a list of protocols, some general and some more project-specific, that we have been using during the project.

LAB BOOK

We think the work we’ve done during this uncharacteristically hot summer has what it takes to win some medals/prizes! Click here to see our completed Judging Form and a medalling checklist.

JUDGING

Click here to see the list of the BioBricks we have sent in to the Registry of Standard Biological Parts, in addition to detailed information about our characterisation.

PARTS CONTRIBUTION

Retrieved from "http://2013.igem.org/Team:Manchester/Projecttest"