Team:Groningen/DesignTest2

From 2012.igem.org

(Difference between revisions)
m
m
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
<style>
+
 +
div.cogbig{
 +
position:absolute;
 +
padding: 0px;
 +
margin: 0px 0px;
 +
opacity:0.4;
 +
filter:alpha(opacity=40);
 +
z-index:-1;
 +
}
 +
 +
/*Windmill*/
 +
#img1{
 +
width:120px;
 +
height:104px;
 +
position:absolute;
 +
z-index:10;
 +
left:-19px;
 +
top:-31px;
 +
}
 +
 +
/*Menu*/
 +
#navigation  {
 +
margin: 0;
 +
padding: 0 0em;
 +
height: 20px;
 +
list-style: none;
 +
display:block;
 +
font-size: 12px; 
 +
                                font-weight: 300;   
 +
color:#fff;
 +
z-index:2;
 +
}
 +
#navigation > li {
 +
float: left;
 +
height: 100%;
 +
margin-right: 18px;
 +
                                margin-left: 18px;
 +
left:100px;
 +
padding: 0 0em;
 +
}
 +
#navigation > li > a {
 +
float: left;
 +
height: 100%;
 +
color: #00;
 +
text-decoration: none;
 +
font-weight: 300;
 +
}
 +
#navigation > li > a:hover {
 +
color: Black;
 +
 +
 
 +
 
 +
}
 +
#navigation > li.sub {
 +
position: relative;
 +
 
 +
}
 +
#navigation > li.sub ul {
 +
width: 130px;
 +
margin: 0;
 +
padding: 0.0em 0;
 +
list-style: none;
 +
position: absolute;
 +
top: -800em;
 +
text-align:center;
 +
padding-left:13px;                                         
 +
background-color: rgba(0,0,0,0.5);
 +
}
 +
#navigation > li.sub ul li {
 +
width: 90%;
 +
background-color: rgba(0,0,0,0.9);
 +
}
 +
#navigation > li.sub ul li a {
 +
height: 100%;
 +
display: block;
 +
padding: 0.0em;
 +
color: #fff;
 +
text-decoration: none;
 +
}
 +
#navigation > li.sub ul li a:hover {
 +
color: rgb(255,103,0);
 +
font-weight: 700;
 +
}
 +
#navigation > li.sub:hover ul {
 +
top: 100px;
 +
left:-35px;
 +
}
 +
 
 +
#expand
 +
.expand-down span
 +
{
 +
font-family: Arial,Helvetica,sans-serif;
 +
line-height: normal;
 +
margin-bottom: 0px;
 +
margin-top: 0px;
 +
z-index:1;
 +
font-weight: 300;
 +
}
 +
.expand-down * {
 +
margin: 0px;
 +
padding: 0;
 +
z-index:1;
 +
}
 +
.expand-down ul {
 +
padding-top:100px;
 +
z-index:1;
 +
}
 +
.expand-down ul li {
 +
list-style-type:none;
 +
z-index:1;
 +
}
 +
.expand-down ul li a {
 +
text-decoration:none;
 +
z-index:1;
 +
}
 +
.expand-down ul li a img {
 +
width:80px;
 +
height:82px;
 +
border:none;
 +
z-index:1;
 +
}
 +
.expand-down ul li a span {
 +
//span bar under picture text
 +
z-index:1;
 +
text-align:center;
 +
font-size:14px;
 +
display: block;
 +
padding: 0.0em;
 +
color: #fff;
 +
}
 +
.expand-down ul li:hover a span {
 +
display:block;
 +
font-size:14px;
 +
z-index:1;
 +
color: rgb(255,103,0);
 +
font-weight: 700;
 +
background-color: rgba(0,0,0,0.5);
 +
}
 +
.expand-down ul li:hover a img {
 +
width:80px;
 +
height:82px;
 +
z-index:1;
 +
}
 +
.expand-down ul li:hover + li a img {
 +
width:80px;
 +
height:82px;
 +
z-index:1;
 +
}
 +
.expand-down ul li:hover + li + li a img {
 +
width:80px;
 +
height:82px;
 +
z-index:1;
 +
}
 +
 
 +
/*Body*/
 +
body{
 +
background-attachment:fixed;
 +
background-color:rgb(118,28,17);
 +
text-align: justify;
 +
border: none;
 +
}
 +
#content{
 +
position: relative;
 +
top:-5px;
 +
width: 1024px;
 +
padding: 0px 0px 0px 0px;
 +
background-color:transparent;
 +
border: none;
 +
}
 +
#bodyContent{
 +
width: 1024px;
 +
position: relative;
 +
padding: 0px 0px 0px 0px;
 +
background-color:transparent;
 +
border: none;
 +
}
 +
 
 +
 
 +
/*Suppress iGEM defaults*/
 +
a[title="Main Page"]{display: none;}
 +
.firstHeading{display: none;}
 +
.noprint{display: none;}
 +
#menubar{
 +
display: block;
 +
background-color:transparent;
 +
}
 +
#search-controls{display: none;}
 +
#contentSub{display: none;}
 +
#catlinks{display: none;}
 +
#footer-box{display: none;}
 +
#p-logo{display: block;}
 +
#top-section {
 +
display: block;
 +
position: relative;
 +
height: 98px;
 +
width: 975px;
 +
margin: 0px auto;
 +
border-left: 1px solid rgb(118,28,17);
 +
border-right: 1px solid rgb(118,28,17);
 +
border-bottom: 1px solid rgb(118,28,17);
 +
}
 +
body {  
body {  
font-family: Helvetica, Arial, sans-serif;
font-family: Helvetica, Arial, sans-serif;

Revision as of 17:26, 26 September 2012

div.cogbig{ position:absolute; padding: 0px; margin: 0px 0px; opacity:0.4; filter:alpha(opacity=40); z-index:-1; } /*Windmill*/ #img1{ width:120px; height:104px; position:absolute; z-index:10; left:-19px; top:-31px; } /*Menu*/ #navigation { margin: 0; padding: 0 0em; height: 20px; list-style: none; display:block; font-size: 12px; font-weight: 300; color:#fff; z-index:2; } #navigation > li { float: left; height: 100%; margin-right: 18px; margin-left: 18px; left:100px; padding: 0 0em; } #navigation > li > a { float: left; height: 100%; color: #00; text-decoration: none; font-weight: 300; } #navigation > li > a:hover { color: Black; } #navigation > li.sub { position: relative; } #navigation > li.sub ul { width: 130px; margin: 0; padding: 0.0em 0; list-style: none; position: absolute; top: -800em; text-align:center; padding-left:13px; background-color: rgba(0,0,0,0.5); } #navigation > li.sub ul li { width: 90%; background-color: rgba(0,0,0,0.9); } #navigation > li.sub ul li a { height: 100%; display: block; padding: 0.0em; color: #fff; text-decoration: none; } #navigation > li.sub ul li a:hover { color: rgb(255,103,0); font-weight: 700; } #navigation > li.sub:hover ul { top: 100px; left:-35px; } #expand .expand-down span { font-family: Arial,Helvetica,sans-serif; line-height: normal; margin-bottom: 0px; margin-top: 0px; z-index:1; font-weight: 300; } .expand-down * { margin: 0px; padding: 0; z-index:1; } .expand-down ul { padding-top:100px; z-index:1; } .expand-down ul li { list-style-type:none; z-index:1; } .expand-down ul li a { text-decoration:none; z-index:1; } .expand-down ul li a img { width:80px; height:82px; border:none; z-index:1; } .expand-down ul li a span { //span bar under picture text z-index:1; text-align:center; font-size:14px; display: block; padding: 0.0em; color: #fff; } .expand-down ul li:hover a span { display:block; font-size:14px; z-index:1; color: rgb(255,103,0); font-weight: 700; background-color: rgba(0,0,0,0.5); } .expand-down ul li:hover a img { width:80px; height:82px; z-index:1; } .expand-down ul li:hover + li a img { width:80px; height:82px; z-index:1; } .expand-down ul li:hover + li + li a img { width:80px; height:82px; z-index:1; } /*Body*/ body{ background-attachment:fixed; background-color:rgb(118,28,17); text-align: justify; border: none; } #content{ position: relative; top:-5px; width: 1024px; padding: 0px 0px 0px 0px; background-color:transparent; border: none; } #bodyContent{ width: 1024px; position: relative; padding: 0px 0px 0px 0px; background-color:transparent; border: none; } /*Suppress iGEM defaults*/ a[title="Main Page"]{display: none;} .firstHeading{display: none;} .noprint{display: none;} #menubar{ display: block; background-color:transparent; } #search-controls{display: none;} #contentSub{display: none;} #catlinks{display: none;} #footer-box{display: none;} #p-logo{display: block;} #top-section { display: block; position: relative; height: 98px; width: 975px; margin: 0px auto; border-left: 1px solid rgb(118,28,17); border-right: 1px solid rgb(118,28,17); border-bottom: 1px solid rgb(118,28,17); } body { font-family: Helvetica, Arial, sans-serif; } z1 { font-size:18pt; line-height:21pt; color:white; } .ctd { width: 170px; height: 25px; text-align: center; background: #000; background-color: rgba(0,0,0,0.3); padding: 5px ; margin: 30px auto; color: #FFF; } .cte { width: 200px; height: 35px; text-align: center; background: #000; padding-right:10px; padding-left:10px; margin: -20px auto; background-color: rgba(0,0,0,0.3); color: #FFF; } z2 { font-size:18pt; line-height:21pt; color:white; } .ctd2 { width: 230px; height: 25px; text-align: center; background: #000; background-color: rgba(0,0,0,0.3); padding: 5px ; margin: 30px auto; color: #FFF; } .cte2 { width: 260px; height: 35px; text-align: center; background: #000; padding-right:10px; padding-left:10px; margin: 0 auto; background-color: rgba(0,0,0,0.3); color: #FFF; } z3 { font-size:18pt; line-height:21pt; color:white; } .ctd3 { width: 180px; height: 25px; text-align: center; background: #000; background-color: rgba(0,0,0,0.3); padding: 5px ; margin: 30px auto; color: #FFF; } .cte3 { width: 210px; height: 35px; text-align: center; background: #000; padding-right:10px; padding-left:10px; margin: 0 auto; background-color: rgba(0,0,0,0.3); color: #FFF; } p.margin{ font-size:12pt; line-height:14pt; color:white; margin-top:0px; margin-bottom:20px; margin-right:0px; margin-left:125px; margin-right:130px; } p{ margin-left:150px; font-size:12pt; line-height:14pt; margin-right:150px; color:white; } p.marginleft{ font-size:12pt; line-height:14pt; color:white; margin-top:0px; margin-bottom:20px; margin-right:0px; margin-left:110px; margin-right:130px; } p.marginleftheader{ font-size:12pt; line-height:14pt; color:white; margin-top:38px; margin-bottom:0px; margin-left:650px; margin-right:200px; } p.marginChecklist{ font-size:12pt; line-height:16pt; color:white; margin-top:0px; margin-bottom:38px; margin-right:0px; margin-left:150px; margin-right:115px; } a:link { color: #FFFFFF; } a:visited { color: #FFFFFF; } a:hover { color: #FF6700; } a:active { color: #FF6700; } .hoverbox { cursor: default; list-style: none; margin-left: 100px; margin-right: 100px; } .hoverbox a { cursor: default; } .hoverbox a .preview { display: none; } .hoverbox a:hover .preview { display: block; position: absolute; top: -60px; left: -60px; z-index: 1; } .hoverbox img { background: #761C11; color: inherit; padding: 2px; vertical-align: top; } .hoverbox li { background: #761C11; border-width: 0px; color: inherit; display: inline; float: left; margin: 3px; position: relative; } .hoverbox .preview { background: #52140C; border-color: #761C11; }

Food Warden



The Food Warden
The Food Warden is a system which detects meat spoilage. It uses Bacillus subtilis cells. Their natural genetic response to the gases of rotten meat has been identified and linked to a pigment production system. In this way, a consumer can easily see when the meat is spoiled: it's rotten and you know it!
read more


Stop the food waste!
Every year, 1,300,000,000 tons of food are thrown away worldwide. This is one third of the global food production. One of the reasons for this is the fact that best before dates are imprecise. A reliable way of monitoring whether food is spoiled or not could save up to 600 euro per household per year.
read more

Now in the lab
With the iGEM deadline being just a couple of days away, the lab is now always occupied in order to make the Food Warden work. The newly identified genes in the running to become our PBADmeat promoter are ready to be tested, the pigments are waiting to be transformed. But Bacillus biobricks are tricky things...
read more

Picture gallery



































Gold medal checklist

Click on any of the list below to see the appropriate wiki section!

BRONZE

Team registration done
Judging form completed
Beautiful Team Wiki finished
We present our poster and project at iGEM Jamboree in Amsterdam at Saturday 6 October 2012
Our Biobricks

SILVER (in addition to bronze medal requirements)

Proof that our BioBrick works!
Characterization of our BioBrick's operation: BBa_K818600

GOLD (in addition to silver and bronze medal requirements, any one or more of the following)

We improved the function of existing BioBricks: BBa_K592010, BBa_K592009, BBa_K818000
We helped iGEM LMU Munich by characterizing their parts
We explored the topic of safety for GMOs that would be used near food
We raised public awareness about food waste in developed countries
We surveyed the broad public about the need for Food Warden product and GMOs safety

Our sponsors: