Team:Groningen/DesignTest2

From 2012.igem.org

(Difference between revisions)
m
m
Line 8: Line 8:
<head>
<head>
<style>
<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);
 +
}
z1 {  
z1 {  
font-size:18pt;
font-size:18pt;
Line 38: Line 238:
font-weight: bold;
font-weight: bold;
color: rgb(255,103,0);
color: rgb(255,103,0);
-
}
 
-
p {
 
-
margin-left:150px;
 
-
font-size:12pt;
 
-
line-height:14pt;
 
-
margin-right:150px;
 
-
color:white;
 
}
}
p.margin{
p.margin{
Line 53: Line 246:
margin-bottom:20px;
margin-bottom:20px;
margin-right:0px;
margin-right:0px;
-
margin-left:270px;
+
margin-left:125px;
margin-right:130px;
margin-right:130px;
 +
}
 +
p{
 +
margin-left:150px;
 +
font-size:12pt;
 +
line-height:14pt;
 +
margin-right:150px;
 +
color:white;
}
}
p.marginleft{
p.marginleft{
Line 64: Line 264:
margin-right:0px;
margin-right:0px;
margin-left:110px;
margin-left:110px;
-
margin-right:270px;
+
margin-right:130px;
}
}
a.readmore{
a.readmore{
Line 83: Line 283:
</div>
</div>
</div>
</div>
-
<br>
 
<br>
<br>
<br>
<br>
Line 89: Line 288:
<p class="margin">
<p class="margin">
<img src="http://2012.igem.org/wiki/images/9/99/Groningen2012_RR_Microscope.png" width="130" height="130" align=left style="padding-right: 10px; padding-left: 0px">  
<img src="http://2012.igem.org/wiki/images/9/99/Groningen2012_RR_Microscope.png" width="130" height="130" align=left style="padding-right: 10px; padding-left: 0px">  
 +
<br>
<a class="z2link" href="http://2012.igem.org/Team:Groningen/summer_school">iGEM/Sciencelinx Summerschool</a>
<a class="z2link" href="http://2012.igem.org/Team:Groningen/summer_school">iGEM/Sciencelinx Summerschool</a>
<br>
<br>
Line 100: Line 300:
<p class="marginleft">
<p class="marginleft">
<img src="http://2012.igem.org/wiki/images/7/7d/Groningen2012_AD20120924_EH_during-night-of-arts-and-scienceCog.png" width="130" height="130" align=right style="padding-left: 10px">
<img src="http://2012.igem.org/wiki/images/7/7d/Groningen2012_AD20120924_EH_during-night-of-arts-and-scienceCog.png" width="130" height="130" align=right style="padding-left: 10px">
 +
<br>
<a class="z2link" href="http://2012.igem.org/Team:Groningen/Festivals">Biological Art</a>
<a class="z2link" href="http://2012.igem.org/Team:Groningen/Festivals">Biological Art</a>
<br>
<br>
Line 110: Line 311:
<p class="margin">
<p class="margin">
<img src="http://2012.igem.org/wiki/images/2/2a/Groningen2012_AD24092012_DutchFlag.png" width="130" height="130" align=left style="padding-right: 10px">
<img src="http://2012.igem.org/wiki/images/2/2a/Groningen2012_AD24092012_DutchFlag.png" width="130" height="130" align=left style="padding-right: 10px">
 +
<br>
<a class="z2link" href="http://2012.igem.org/Team:Groningen/Festivals">Joining forces for Discovery</a>
<a class="z2link" href="http://2012.igem.org/Team:Groningen/Festivals">Joining forces for Discovery</a>
<br>
<br>
Line 120: Line 322:
<p class="marginleft">
<p class="marginleft">
<img src="http://2012.igem.org/wiki/images/f/f2/Groningen2012_AD20120915_StopFoodWaste.png" width="130" height="130" align=right style="padding-left: 10px">
<img src="http://2012.igem.org/wiki/images/f/f2/Groningen2012_AD20120915_StopFoodWaste.png" width="130" height="130" align=right style="padding-left: 10px">
 +
<br>
<a class="z2link" href="http://2012.igem.org/Team:Groningen/Stop_the_food_waste_initiative">Stop the food waste!</a>
<a class="z2link" href="http://2012.igem.org/Team:Groningen/Stop_the_food_waste_initiative">Stop the food waste!</a>
<br>
<br>
Line 130: Line 333:
<p class="margin">
<p class="margin">
<img src="http://2012.igem.org/wiki/images/4/48/Groningen2012_ADMarketResearch.png" width="130" height="130" align=left style="padding-right: 10px">
<img src="http://2012.igem.org/wiki/images/4/48/Groningen2012_ADMarketResearch.png" width="130" height="130" align=left style="padding-right: 10px">
 +
<br>
 +
<br>
<a class="z2link" href="http://2012.igem.org/Team:Groningen/market_research">Bringing the product to the market</a>
<a class="z2link" href="http://2012.igem.org/Team:Groningen/market_research">Bringing the product to the market</a>
<br>
<br>

Revision as of 17:47, 26 September 2012






Human Practice




iGEM/Sciencelinx Summerschool
In previous years, several high schools visited the iGEM Groningen teams for an afternoon. We decided to do this too, but then bigger. Sciencelinx, the science centre from the RuG, sponsored us so we could organize a three-day summerschool where students from Friesland and Groningen could learn about microbiology & synthetic biology.
read more


Biological Art
Do you think micro-organisms are scary? Think again when you look at the microbial art we made together with artist and designer Leen van Wijngaarden. Painting with bacteria on huge agar plates gives evolving pictures which evoke questions from the public.
read more


Joining forces for Discovery
Together with the iGEM teams from Wageningen, Eindhoven and Amsterdam, we join forces in representing iGEM at the Discovery festival. This is a festival at three locations where people can experience science, art and technology. We hope to see you in Nemo, Amsterdam on 28 September!
read more


Stop the food waste!
We think our food warden sticker can help in solving the food waste problem. But raising awareness of the problem can also help. Read what YOU can do to stop the food waste!
read more



Bringing the product to the market
We surveyed the public about our Food Warden. Do they think it is useful? What do they think about GMO? And what should our food warden cost?
read more




Our sponsors: