Team:Manchester/outreachtest

From 2013.igem.org

(Difference between revisions)
Line 80: Line 80:
position:absolute;
position:absolute;
clear:both;
clear:both;
-
width:940px;
+
width:990px;
top:120px;
top:120px;
left:0;
left:0;
padding:10px;
padding:10px;
-
background-color:#ccc;
+
background-color:white;
-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);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
#content1, #content3, #content5
 +
{
 +
float:left;
 +
margin-bottom:10px;
 +
width:470px;
 +
height:230px;
 +
background:#ccc;
 +
padding:10px;
 +
 +
-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);
}
}
 +
 +
#content1 p, #content3 p, #content5 p 
 +
{
 +
margin:0;
 +
width:285px;
 +
height:180px;
 +
float:left;
 +
font-family: Trebuchet MS;
 +
font-size:15px;
 +
padding:10px;
 +
background:#F2F2F2;
 +
color:#4c0082;
 +
text-align:justify;
 +
 +
-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);
 +
}
 +
 +
#content1 img, #content3 img, #content5 img
 +
{
 +
float:right;
 +
margin-right:5px;
 +
        /*-moz-border-radius:6px;
 +
        -webkit-border-radius:6px;
 +
        border-radius:6px;*/
 +
-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);
 +
}
 +
 +
#content1 .myButton, #content2 .myButton, #content3 .myButton, #content4 .myButton, #content5 .myButton, #content6 .myButton
 +
{
 +
clear:both;
 +
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);
 +
       
 +
        background-color:#bc80ea;
 +
       
 +
        display:inline-block;
 +
        color:#ffffff;
 +
        font-family:trebuchet MS;
 +
        font-size:15px;
 +
        font-weight:bold;
 +
        padding:6px 24px;     
 +
        text-shadow:0px 1px 0px #9752cc;
 +
        text-decoration:none;
 +
        text-align:center;       
 +
 +
        text-shadow:0px 1px 0px #9b14b3;
 +
        width:255px;
 +
    }
 +
 +
#content1 .myButton:hover, #content2 .myButton:hover, #content3 .myButton:hover, #content4 .myButton:hover,
 +
#content5 .myButton:hover, #content6 .myButton:hover
 +
{             
 +
background-color:#dfbdfa;
 +
}
 +
 +
#content1 .myButton:active, #content2 .myButton:active, #content3 .myButton:active, #content4 .myButton:active,
 +
#content5 .myButton:hover, #content6 .myButton:hover         
 +
{
 +
        position:relative;
 +
        top:1px;
 +
}
 +
 +
#content2 .myButton, #content4 .myButton, #content6 .myButton
 +
{
 +
margin-left:12px;
 +
}
 +
 +
#content2, #content4, #content6
 +
{
 +
float:right;
 +
margin-bottom:10px;
 +
width:470px;
 +
height:230px;
 +
background:#ccc;
 +
padding:10px;
 +
 +
-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);
 +
}
 +
 +
#content2 img, #content4 img, #content6 img
 +
{
 +
float:left;
 +
margin:0 5px 5px 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);
 +
}
 +
 +
#content2 p, #content4 p, #content6 p
 +
{
 +
float:right;
 +
width:285px;
 +
height:180px;
 +
margin:0;
 +
font-family: Trebuchet MS;
 +
font-size:15px;
 +
padding:10px;
 +
background:#F2F2F2;
 +
color:#4c0082;
 +
text-align:justify;
 +
 +
-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 123: Line 253:
<div class="global">
<div class="global">
-
<div class="wrapper" >
+
<div class="wrapper">
-
          
+
         <div id="content1">
 +
            <p>
 +
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...
 +
        </p>
 +
                        <img src="https://static.igem.org/mediawiki/2013/7/7e/Aimresized.jpg" height="230" width="150"/>     
 +
<a href="https://2013.igem.org/Team:Manchester/Aimtest2" class="myButton" > PUBLIC OUTREACH</a>
 +
 +
 +
  </div>
 +
 +
  <div id="content2">
 +
  <img src="https://static.igem.org/mediawiki/2013/e/ea/Ethics.jpg" height="230" width="150"/>     
 +
            <p>
 +
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.
 +
 +
</p>         
 +
            <a href="https://2013.igem.org/Team:Manchester/ethicstest" class="myButton" > ETHICS </a>
 +
  </div>
</div>
</div>
</div>
</div>

Revision as of 14:49, 23 August 2013

page

Top

Safety

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...

PUBLIC OUTREACH

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.

ETHICS

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