Team:Harvard/human practices/index

From 2010.igem.org

(Difference between revisions)
Line 2: Line 2:
<head>
<head>
<style>
<style>
 +
#allcontent {
 +
      width: 950px;
 +
}
 +
#sidebar a{
 +
      text-decoration: none;
 +
      color: #7F5217;
 +
}
 +
#sidebar a:hover{
 +
    color: #A0C544;
 +
    text-decoration: none;
 +
}
body {
body {
 +
        margin-left: 10%;
font-family: Helvetica, Arial, sans-serif;
font-family: Helvetica, Arial, sans-serif;
-
width: 975px;
+
width: 900px;
font-size: 0.9 em;
font-size: 0.9 em;
color: #254117;
color: #254117;
-
  margin-left: auto;
 
-
  margin-right: auto;
 
}
}
 +
 +
#headerlinks{
 +
      margin-left: -20px;
 +
}
#nav, #nav ul {
#nav, #nav ul {
padding: 0;
padding: 0;
Line 17: Line 31:
#nav a {
#nav a {
display: block;
display: block;
-
width: 153px;
+
width: 149px;
}
}
#nav li {
#nav li {
float: left;
float: left;
-
width: 153px;
+
width: 149px;
margin-right: 41px;
margin-right: 41px;
}
}
Line 28: Line 42:
#nav li ul {
#nav li ul {
position: absolute;
position: absolute;
-
width: 153px;
+
width: 149px;
left: -999em;
left: -999em;
}
}
Line 34: Line 48:
#nav li:hover ul {
#nav li:hover ul {
left: auto;
left: auto;
 +
      text-decoration: none;
 +
      color: white;
}
}
Line 39: Line 55:
#nav li:hover ul, #nav li.sfhover ul {
#nav li:hover ul, #nav li.sfhover ul {
left: auto;
left: auto;
 +
      text-decoration: none;
 +
      color: white;
}
}
Line 55: Line 73:
.bannerimage {
.bannerimage {
-
margin-left: 3px;
+
}
}
-
a {
+
a.bannerlinks {
 +
  color: white;
   text-decoration: none;
   text-decoration: none;
-
  color: #7F5217;
 
   }
   }
-
 
 
-
a:hover {
 
-
color: #A0C544;
 
-
}
 
   
   
a.bannerlinks:hover {
a.bannerlinks:hover {
   background-color: #A0C544;
   background-color: #A0C544;
   color: white;
   color: white;
 +
  text-decoration: none;
   }
   }
 +
 +
a.bannertoplinks {
 +
  color: white;
 +
}
   a.bannertoplinks:hover {
   a.bannertoplinks:hover {
   background-color: #A0C544;
   background-color: #A0C544;
   color: white;
   color: white;
 +
  text-decoration: none;
   }  
   }  
Line 83: Line 103:
color: white;
color: white;
padding: 3px 20px 3px 20px;
padding: 3px 20px 3px 20px;
 +
      margin-left: -19px;
}
}
 +
.bannertoplinks {
.bannertoplinks {
background-color: #827B60;
background-color: #827B60;
Line 90: Line 112:
border-width: 1px;
border-width: 1px;
color: white;
color: white;
 +
        margin-bottom: -2px;
padding: 3px 20px 3px 20px;
padding: 3px 20px 3px 20px;
}
}
-
 
 
#twitter_div {
#twitter_div {
font-size: 0.8em;
font-size: 0.8em;
 +
      width: 280px;
}
}
-
 
-
 
#sidebar {
#sidebar {
Line 111: Line 132:
#abstract {
#abstract {
-
width: 620px;
+
width: 600px;
border-style: solid;
border-style: solid;
border-color: white;
border-color: white;
Line 123: Line 144:
line-height: 1.3em;
line-height: 1.3em;
text-indent: 3px;
text-indent: 3px;
-
list-style-image: url('images/leaficon.png');
+
list-style-image: url('https://static.igem.org/mediawiki/2010/1/11/Harvard2010leaficon.png');
}
}
#rightgroup {
#rightgroup {
float: right;
float: right;
-
width: 310px;
+
width: 300px;
padding: 10px;
padding: 10px;
}
}
#leftgroup {
#leftgroup {
-
width: 310px;
+
width: 300px;
padding: 10px;
padding: 10px;
-
}
+
        margin-right: 20px;
-
+
-
a.sidebarlinks {
+
-
display: block;
+
-
width: 300px;
+
-
font-size: 1.2em;
+
-
text-align: center;
+
-
background-color: #827B60;
+
-
color: white;
+
-
padding: 10px 0px 10px 0px;
+
-
margin-bottom: 5px;
+
-
}
+
-
+
-
a.sidebarlinks:hover {
+
-
background-color: #A0C544;
+
}
}
#maincontent {
#maincontent {
-
+
width: 610px;
}
}
</style>
</style>

Revision as of 16:05, 12 July 2010




human practices

One major roadblock to synthetic biology is public perception of the field. With movies such as Splice (2009) and television shows such as Fringe which portray synthetic biology as dangerous and grotesque, as well as policy wars over the use and sale of genetically modified organisms, []. Our aim with the Harvard iGarden is to change public perception of what it means to engineer our food by putting part of the process in the hands of the consumer. Need a longer introduction...so repeating...

Retrieved from "http://2010.igem.org/Team:Harvard/human_practices/index"