Team:Manchester/Partstest

From 2013.igem.org

(Difference between revisions)
 
(22 intermediate revisions not shown)
Line 140: Line 140:
#content
#content
{
{
-
background-color:white;
+
background-color:#F2F2F2;
}
}
body
body
{
{
-
background:white;
+
background:#F2F2F2;
}
}
Line 202: Line 202:
position:absolute;
position:absolute;
clear:both;
clear:both;
-
width:900px;
+
width:950px;
height:1500px;
height:1500px;
top:110px;
top:110px;
Line 221: Line 221:
margin:0 auto;
margin:0 auto;
width:300px;
width:300px;
-
 
+
padding:0;
-
/*-webkit-border-radius: 10px;
+
-
border-radius: 10px;*/
+
-
 
+
-
/*-webkit-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.5);
+
-
-moz-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.5);
+
-
box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.5);*/
+
}
}
.contents h1  
.contents h1  
{
{
-
margin:0 auto;
+
margin:0;
-
margin-bottom:2px;
+
width:300px;
-
 
+
padding:0;
font-family:Trebuchet MS;
font-family:Trebuchet MS;
font-weight:bold;
font-weight:bold;
-
font-size:20px;
+
font-size:15px;
text-align:center;
text-align:center;
background-color:#F2F2F2;
background-color:#F2F2F2;
Line 245: Line 239:
border-radius: 10px;
border-radius: 10px;
-
/*-webkit-box-shadow: 0px 0px 10px 2px rgba(102,0,153,1);
+
-webkit-box-shadow: 0px 0px 5px 0px rgba(76,0,130,1);
-
-moz-box-shadow: 0px 0px 10px 2px rgba(102,0,153,1);
+
-moz-box-shadow: 0px 0px 5px 0px rgba(76,0,130,1));
-
box-shadow: 0px 0px 10px 2px rgba(102,0,153,1);*/
+
box-shadow: 0px 0px 5px 0px rgba(76,0,130,1);
-
 
+
-
-webkit-box-shadow: 0px 0px 10px 2px rgba(255,204,51,1);
+
-
-moz-box-shadow: 0px 0px 10px 2px rgba(255,204,51,1);
+
-
box-shadow: 0px 0px 10px 2px rgba(255,204,51,1);
+
}
}
Line 257: Line 247:
{
{
margin:0 auto;
margin:0 auto;
-
margin-bottom:2px;
+
padding:0;
width:200px;
width:200px;
font-family:Trebuchet MS;
font-family:Trebuchet MS;
font-weight:bold;
font-weight:bold;
-
font-size:15px;
+
font-size:10px;
text-align:center;
text-align:center;
background-color:#F2F2F2;
background-color:#F2F2F2;
Line 269: Line 259:
border-radius: 10px;
border-radius: 10px;
-
-webkit-box-shadow: 0px 0px 10px 2px rgba(255,204,51,1);
+
-webkit-box-shadow: 0px 0px 5px 0px rgba(76,0,130,1);
-
-moz-box-shadow: 0px 0px 10px 2px rgba(255,204,51,1);
+
-moz-box-shadow: 0px 0px 5px 0px rgba(76,0,130,1));
-
box-shadow: 0px 0px 10px 2px rgba(255,204,51,1);
+
box-shadow: 0px 0px 5px 0px rgba(76,0,130,1);
}
}
 +
 +
.container1
 +
{
 +
width:1200px;
 +
height:230px;
 +
}
 +
 +
.container1 .image
 +
{
 +
float:left;
 +
margin:5px;
 +
background-color:#F2F2F2;
 +
padding:5px 5px 0 5px;
 +
 +
-webkit-border-radius: 10px;
 +
border-radius: 10px;
 +
 +
-webkit-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);
 +
 +
}
 +
 +
.container1 .text
 +
{
 +
width:700px;
 +
float:left;
 +
margin:5px 5px 5px 5px;
 +
line-height:24px;
 +
text-align:justify;
 +
text-indent:50px;
 +
/*text-shadow:0px 0px 5px #660099;*/
 +
background-color:#F2F2F2;
 +
padding:10px;
 +
color:#424242;
 +
color:#660099;
 +
font-family:Trebuchet MS;
 +
font-weight:bold;
 +
font-size:16px;
 +
-webkit-border-radius: 10px;
 +
border-radius: 10px;
 +
 +
-webkit-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);
 +
}
 +
 +
.container2
 +
{
 +
width:1200px;
 +
}
 +
 +
.container2 p
 +
{
 +
float:left;
 +
width:700px;
 +
margin:5px 5px 5px 5px;
 +
line-height:24px;
 +
text-align:justify;
 +
text-indent:50px;
 +
/*text-shadow:0px 0px 5px #660099;*/
 +
background-color:#F2F2F2;
 +
padding:10px;
 +
color:#424242;
 +
color:#660099;
 +
font-family:Trebuchet MS;
 +
font-weight:bold;
 +
font-size:16px;
 +
-webkit-border-radius: 10px;
 +
border-radius: 10px;
 +
 +
-webkit-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);
 +
}
 +
 +
.container2 img
 +
{
 +
float:left;
 +
margin:5px;
 +
margin-bottom:25px;
 +
background-color:#F2F2F2;
 +
padding:5px 5px 0 5px;
 +
 +
-webkit-border-radius: 10px;
 +
border-radius: 10px;
 +
 +
-webkit-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);
 +
}
 +
 +
.container3
 +
{
 +
width:950px;
 +
margin-top:250px;
 +
}
 +
 +
.container3 img
 +
{
 +
float:left;
 +
margin:15px 20px 0 20px;
 +
background-color:#F2F2F2;
 +
padding:5px 5px 0 5px;
 +
 +
-webkit-border-radius: 10px;
 +
border-radius: 10px;
 +
 +
-webkit-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);
 +
}
 +
 +
.container3 p
 +
{
 +
margin:5px 5px 5px 5px;
 +
line-height:24px;
 +
background-color:#F2F2F2;
 +
padding:10px;
 +
text-align:justify;
 +
text-indent:50px;
 +
color:#660099;
 +
font-family:Trebuchet MS;
 +
font-weight:bold;
 +
font-size:16px;
 +
 +
-webkit-border-radius: 10px;
 +
border-radius: 10px;
 +
 +
-webkit-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);
 +
}
 +
 +
.container4
 +
{
 +
width:950px;
 +
margin-top:10px;
 +
}
 +
 +
.container4 img
 +
{
 +
float:right;
 +
margin:15px 20px 0 15px;
 +
background-color:#F2F2F2;
 +
padding:5px 5px 0 5px;
 +
 +
-webkit-border-radius: 10px;
 +
border-radius: 10px;
 +
 +
-webkit-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);
 +
}
 +
 +
.container4 p
 +
{
 +
margin:5px 5px 5px 5px;
 +
line-height:24px;
 +
background-color:#F2F2F2;
 +
padding:10px;
 +
text-align:justify;
 +
text-indent:50px;
 +
color:#660099;
 +
color:#660099;
 +
font-family:Trebuchet MS;
 +
font-weight:bold;
 +
font-size:16px;
 +
-webkit-border-radius: 10px;
 +
border-radius: 10px;
 +
 +
-webkit-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);
 +
}
 +
 +
.container5
 +
{
 +
width:950px;
 +
margin-top:10px;
 +
margin-bottom:10px;
 +
position:relative;
 +
}
 +
 +
.container5 .left
 +
{
 +
position:absolute;
 +
top:0;
 +
margin:15px 20px 0 15px;
 +
background-color:#F2F2F2;
 +
padding:5px 5px 0 5px;
 +
 +
-webkit-border-radius: 10px;
 +
border-radius: 10px;
 +
 +
-webkit-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);
 +
z-index:50;
 +
}
 +
 +
.container5 p
 +
{
 +
position:absolute;
 +
top:0;
 +
left:230px;
 +
width:450px;
 +
margin:5px 5px 5px 5px;
 +
line-height:24px;
 +
text-align:justify;
 +
text-indent:50px;
 +
background-color:#F2F2F2;
 +
padding:10px;
 +
color:#424242;
 +
color:#660099;
 +
font-family:Trebuchet MS;
 +
font-weight:bold;
 +
font-size:16px;
 +
-webkit-border-radius: 10px;
 +
border-radius: 10px;
 +
 +
-webkit-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);
 +
}
 +
 +
.container5 .right
 +
{
 +
position:absolute;
 +
top:0;
 +
right:0;
 +
margin:15px 20px 0 15px;
 +
background-color:#F2F2F2;
 +
padding:5px 5px 0 5px;
 +
 +
-webkit-border-radius: 10px;
 +
border-radius: 10px;
 +
 +
-webkit-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);
 +
}
 +
.container
.container
Line 279: Line 512:
width:560px;
width:560px;
margin:0 auto;
margin:0 auto;
-
background-color:#ccc;
 
position:absolute;
position:absolute;
top:5px;
top:5px;
left:200px;
left:200px;
z-index:100;
z-index:100;
-
background:white;
+
background:#F2F2F2;
}
}
Line 402: Line 634:
           <div class="central">  
           <div class="central">  
-
    <a><img src="https://static.igem.org/mediawiki/2013/e/ea/Notebook1.png"></a>
+
    <a><img src="https://static.igem.org/mediawiki/2013/d/d4/Aim.png"></a>
  </div>  
  </div>  
Line 475: Line 707:
          <h2> Our Project </h2>
          <h2> Our Project </h2>
  <h2> References </h2>    
  <h2> References </h2>    
-
  </div>
+
      </div>
-
   
+
 
 +
      <div class="container1">
 +
          <div class="image">
 +
            <img src="https://static.igem.org/mediawiki/2013/a/af/Tux.png" width="200" height="200" />
 +
  </div>
 +
             
 +
              <div class="text">  
 +
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing 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. Excepteur sint
 +
occaecat cupidatat non proident, sunt in culpa qui officia
 +
deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet,
 +
consectetur adipisicing elit, ed do eiusmod tempor incididunt
 +
ut labore et dolore magna liqua. Ut enim ad minim veniam, quis nostrud exercitation 
 +
</p>
 +
</div>
 +
  </div>  
 
 
-
   
+
        <div class="container2">           
 +
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing 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. Excepteur sint
 +
occaecat cupidatat non proident, sunt in culpa qui officia
 +
deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet,
 +
consectetur adipisicing elit, ed do eiusmod tempor incididunt
 +
ut labore et dolore magna liqua. 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
 +
</p>
 +
<img src="https://static.igem.org/mediawiki/2013/a/af/Tux.png" width="200" height="200" />
 +
  </div>
 +
 
 +
        <div class="container3">
 +
        <img src="https://static.igem.org/mediawiki/2013/a/af/Tux.png" width="200" height="200" />  
 +
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing 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. Excepteur sint
 +
occaecat cupidatat non proident, sunt in culpa qui officia
 +
deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet,
 +
consectetur adipisicing elit, ed do eiusmod tempor incididunt
 +
ut labore et dolore magna liqua. 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. Excepteur sint
 +
occaecat cupidatat non proident, sunt in culpa qui officia
 +
        deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet,
 +
consectetur adipisicing elit, ed do eiusmod tempor incididunt
 +
occaecat cupidatat non proident, sunt in culpa qui officia
 +
deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet,
 +
consectetur adipisicing elit, ed do eiusmod tempor incididunt
 +
</p>
 +
  </div>
 +
 
 +
        <div class="container4">
 +
        <img src="https://static.igem.org/mediawiki/2013/a/af/Tux.png" width="200" height="200" />  
 +
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing 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. Excepteur sint
 +
occaecat cupidatat non proident, sunt in culpa qui officia
 +
deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet,
 +
consectetur adipisicing elit, ed do eiusmod tempor incididunt
 +
ut labore et dolore magna liqua. 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. Excepteur sint
 +
occaecat cupidatat non proident, sunt in culpa qui officia
 +
</p>
 +
  </div>
 +
 
 +
        <div class="container5">
 +
        <img class="left" src="https://static.igem.org/mediawiki/2013/a/af/Tux.png" width="200" height="200" />  
 +
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing 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. Excepteur sint
 +
occaecat cupidatat non proident, sunt in culpa qui officia
 +
deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet,
 +
</p>
 +
<img class="right" src="https://static.igem.org/mediawiki/2013/a/af/Tux.png" width="200" height="200" />
 +
  </div>
 +
 
</div>
</div>
</div>
</div>

Latest revision as of 21:32, 24 July 2013

Safety

Objectives

Overview

Palm Oil

Our Project

References

Lorem ipsum dolor sit amet, consectetur adipisicing 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, ed do eiusmod tempor incididunt ut labore et dolore magna liqua. Ut enim ad minim veniam, quis nostrud exercitation

Lorem ipsum dolor sit amet, consectetur adipisicing 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, ed do eiusmod tempor incididunt ut labore et dolore magna liqua. 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

Lorem ipsum dolor sit amet, consectetur adipisicing 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, ed do eiusmod tempor incididunt ut labore et dolore magna liqua. 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, ed do eiusmod tempor incididunt occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, ed do eiusmod tempor incididunt

Lorem ipsum dolor sit amet, consectetur adipisicing 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, ed do eiusmod tempor incididunt ut labore et dolore magna liqua. 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia

Lorem ipsum dolor sit amet, consectetur adipisicing 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet,

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