Team:TU Delft

From 2010.igem.org

(Difference between revisions)
Line 35: Line 35:
}
}
-
#banner {
+
#header {
width: 965px;
width: 965px;
-
height: 180px;
+
height: 222px;
-
background-image: url("https://static.igem.org/mediawiki/2010/9/96/Banner1.jpg");
+
/*background-color: #001d1d*/
-
}
+
background-color: orange;
-
 
+
-
#content {
+
-
padding:0px;
+
-
}
+
-
 
+
-
#body {
+
-
width: 965px;
+
-
height: 1200px;
+
-
background-color: #001d1d;
+
-
padding: 5px;
+
color: #8bce9e;
color: #8bce9e;
font-family: Verdana, Sans-Serif;
font-family: Verdana, Sans-Serif;
Line 55: Line 45:
text-align: justify;
text-align: justify;
margin: 0 auto;
margin: 0 auto;
-
}
 
-
 
-
#menu {
 
-
width: 965px;
 
-
height: 30px;
 
-
background-color: #8bce9e;
 
-
border-top: 1px solid #032725;
 
-
border-bottom: 1px solid #032725;
 
-
}
 
-
 
-
.menuItem {
 
-
width: auto;
 
-
height: 20px;
 
-
padding: 5px;
 
-
border-right: 1px solid #032725;
 
-
float: left;
 
-
background-color: #8bce9e;
 
-
color: #032725;
 
-
text-align: center;
 
-
font-family: Verdana, Sans-Serif;
 
-
font-size: 16px;
 
-
font-weight: bold;
 
-
position: relative;
 
}
}
-
.menuItemLink {
+
#banner {
-
font-weight: bold;
+
width: 965px;
-
color: #032725;
+
height: 222px;
-
font-family: Verdana, Sans-Serif;
+
background-image: url("https://static.igem.org/mediawiki/2010/9/96/Banner1.jpg");
-
font-size: 16px;
+
-
text-decoration: none;
+
}
}
-
.menuItemLink:visited {
+
                #menu {
-
color: #032725;
+
width: 965px;
-
}
+
height: 24px;
 +
text-align: center;
 +
margin-top:-32px;
 +
padding-left:5px;
 +
}
 +
 +
.menuItem {
 +
width: auto;
 +
height: 20px;
 +
padding: 2px 11px;
 +
border-right: 1px solid #032725;
 +
float: left;
 +
background-color: #8bce9e;
 +
color: #032725;
 +
text-align: center;
 +
font-family: Verdana, Sans-Serif;
 +
font-size: 16px;
 +
position: relative;
 +
}
 +
 +
.menuItemLink {
 +
color: #032725;
 +
font-family: Verdana, Sans-Serif;
 +
font-size: 16px;
 +
text-decoration: none;
 +
}
 +
 +
.menuItemLink:hover {
 +
color: #8bce9e;
 +
}
 +
 +
.menuItemLink:visited {
 +
color: #032725;
 +
}
 +
 +
.submenu {
 +
width: 200px;
 +
height: auto;
 +
position: absolute;
 +
top: 31px;
 +
left: 0px;
 +
margin: -7px 0px 0px -1px;
 +
background-color: #8bce9e;
 +
border: 1px solid #032725;
 +
display: none;
 +
text-align: left;
 +
}
 +
 +
.submenuItem {
 +
width: 196px;
 +
height: 20px;
 +
background-color: #032725;
 +
border: 1px Solid #032725;
 +
font-weight: normal;
 +
margin: 1px 2px 1px 1px;
 +
}
 +
 +
.submenuItem:hover {
 +
background-color: #8bce9e;
 +
color: #032725;
 +
}
 +
 +
.submenuItemLink {
 +
text-align:left;
 +
font-weight: normal;
 +
text-decoration: none;
 +
color: #8bce9e;
 +
margin: 1px 2px 1px 2px;
 +
}
 +
 +
.submenuItemLink:visited {
 +
color: #8bce9e;
 +
}
 +
 +
.submenuItemLink:hover {
 +
color: #032725;
 +
}
-
.submenuItemLink:visited {
+
#mainContent {
 +
width: 965px;
 +
height: 880px;
 +
background-image: url("https://static.igem.org/mediawiki/2010/e/e9/Body.png");
color: #8bce9e;
color: #8bce9e;
-
}
 
-
 
-
.submenu {
 
-
width: 200px;
 
-
height: auto;
 
-
position: absolute;
 
-
top: 31px;
 
-
left: 0px;
 
-
margin:-1px 0px 0px -1px;
 
-
background-color: #8bce9e;
 
-
border:1px solid #032725;
 
-
display: none;
 
-
text-align: left;
 
-
}
 
-
 
-
.submenuItem {
 
-
width: 196px;
 
-
height: 20px;
 
-
background-color:#032725;
 
-
border: 1px Solid #032725;
 
-
font-weight: normal;
 
-
margin: 1px 2px 1px 1px;
 
-
}
 
-
.submenuItemLink:hover {
 
-
font-weight: bold;
 
-
}
 
-
 
-
.submenuItemLink {
 
-
font-weight: normal;
 
-
text-decoration: none;
 
-
color: #8bce9e;
 
-
margin: 1px 2px 1px 2px;
 
-
}
 
-
 
-
.sidemenu {
 
-
width: 152px;
 
-
height: auto;
 
-
background-color: #2c5983;
 
-
margin:2px;
 
-
padding: 2px;
 
-
float: left;
 
-
}
 
-
.sidemenuItem {
 
-
width: 146px;
 
-
margin: 1px 0px 2px 0px;
 
-
height: 1200px;
 
-
background-color: #001d1d;
 
-
border: 1px solid #8bce9e;
 
-
padding: 1px 1px 1px 2px;
 
-
font-size: 14px;
 
-
color: #8bce9e;
 
-
text-decoration: none;
 
-
}
 
-
 
-
.sidemenuItemLink {
 
-
font-size: 14px;
 
-
color: #8bce9e;
 
-
text-decoration: none;
 
-
}
 
-
 
-
.sidemenuItemLink:hover {
 
-
font-weight: bold;
 
-
}
 
-
 
-
#BodyText {
 
-
width: 792px;
 
-
height: auto;
 
-
background-color: #0d3a3f;
 
-
margin: 2px 1px 0px 2px;
 
-
padding: 5px;
 
-
float: left;
 
-
color: white;
 
font-family: Verdana, Sans-Serif;
font-family: Verdana, Sans-Serif;
font-size: 12px;
font-size: 12px;
text-align: justify;
text-align: justify;
 +
margin: 0 auto;
 +
}
 +
 +
.SmallPic {
 +
height: 120px;
 +
width: 180px;
 +
margin: 5px 6px 2px 5px;
 +
float: left;
 +
border: 1px solid #001d1d;
 +
link: url("https://2010.igem.org/Team:TU_Delft/Gallery");
}
}
-
#GroupPhoto {
+
#small_1 {background-image: url("https://static.igem.org/mediawiki/2010/4/48/Small_1.png");}
-
width: 700px;
+
#small_2 {background-image: url("https://static.igem.org/mediawiki/2010/b/bd/Small_2.png");}
-
height: 465px;
+
#small_3 {background-image: url("https://static.igem.org/mediawiki/2010/a/ae/Small_3.png");}
-
background-image:url("https://static.igem.org/mediawiki/2010/d/d2/TUDelft_2010.png");
+
#small_4 {background-image: url("https://static.igem.org/mediawiki/2010/7/7b/Small_4.png");}
-
margin: 2px auto;
+
#small_5 {background-image: url("https://static.igem.org/mediawiki/2010/5/59/Small_5.png");}
-
}
+
#small_6 {background-image: url("https://static.igem.org/mediawiki/2010/c/c9/Small_6.png");}
-
 
+
#small_7 {background-image: url("https://static.igem.org/mediawiki/2010/8/86/Small_7.png");}
-
.LinkinText {
+
-
text-decoration: none;
+
#HomeCenter {
-
color: white;
+
width: 747px;
-
font-weight: bold;
+
height: auto;
-
}
+
background-color: #001d1d;
-
 
+
margin: 10px 5px 0px 1px;
-
#HomeRight {
+
float: left;
-
width: 200px;
+
color: white;
-
height: auto;
+
font-family: Verdana, Sans-Serif;
-
background-color: #2c5983;
+
font-size: 12px;
-
margin: 5px 2px 0px 0px;
+
text-align: justify;
-
padding: 5px;
+
-
float: left;
+
-
color: e0fea0;
+
-
font-family: Verdana, Sans-Serif;
+
-
font-size: 12px;
+
-
text-align: justify;
+
-
}
+
-
 
+
-
#Countdown {
+
-
width: 196px;
+
-
height: auto;
+
-
background-color: #001d1d;
+
-
border: 1px solid #8bce9e;
+
-
color: white;
+
-
text-align: center;
+
-
padding: 2px;
+
-
}
+
-
 
+
-
#Upcoming {
+
-
width: 200px;
+
-
height: auto;
+
-
color: white;
+
-
}
+
-
 
+
-
#Sponsors {
+
-
width: 200px;
+
-
height: auto;
+
-
color: white;
+
}
}
-
#Sponsor1 {
+
#HomeCenterBox1 {
-
width: 180px;
+
Width: 731px;
-
height: 131px;
+
height: 170px;
-
background-image: url("https://static.igem.org/mediawiki/2010/c/c1/SuitSupply.png");;
+
margin: 0px 0px 2px 4px;
-
margin: 0 auto;
+
padding: 5px;
-
}
+
background-color: #0d3a3f;
-
 
+
border: 1px solid #001d1d;
-
#Sponsor2 {
+
}
-
width: 200px;
+
-
height: 65px;
+
#HomeCenterBox2 {
-
background-image: url("https://static.igem.org/mediawiki/2010/b/b5/DSM.png");
+
Width: 731px;
-
background-color: white;
+
height: 170px;
-
margin: 0 auto;
+
margin: 0px 0px 2px 4px;
-
}
+
padding: 5px;
-
 
+
background-color: #001d1d;
-
#Sponsor3 {
+
border: 1px solid #0d3a3f;
-
width: 150px;
+
}
-
height: 99px;
+
-
margin: 0 auto;
+
#CenterbodyText1 {
-
background-image: url("images/NGI_large.png");
+
width: 465px;
-
background-repeat:no-repeat;
+
height: auto;
-
}
+
padding-right: 4px;
-
 
+
margin: 0px 5px 0px 4px;
-
#HomeCenter {
+
font-family: Verdana, Sans-Serif;
-
width: 747px;
+
font-size: 12px;
-
height: auto;
+
text-align: justify;
-
background-color:#001d1d;
+
float: left;
-
margin: 5px 5px 0px 1px;
+
color: white;
-
float: left;
+
text-decoration: none;
-
color: white;
+
}
-
font-family: Verdana, Sans-Serif;
+
-
font-size: 12px;
+
#CenterbodyText2 {
-
text-align: justify;
+
width: 470px;
-
}
+
height: auto;
-
 
+
margin: 0px 0px 0px 4px;
-
#HomeCenterBox1 {
+
font-family: Verdana, Sans-Serif;
-
Width: 735px;
+
font-size: 12px;
-
height: 170px;
+
text-align: justify;
-
margin:0px 0px 2px 0px;
+
float: left;
-
padding: 5px;
+
color: white;
-
background-color:#0d3a3f;  
+
text-decoration: none;
-
border: 1px solid #0d3a3f;
+
}
-
}
+
-
 
+
#GroupphotoSmall {
-
#HomeCenterBox2 {
+
width: 245px;
-
Width: 735px;
+
height: 166px;
-
height: 170px;
+
float: left;
-
margin: 5px 0px;
+
padding-left: 5px;
-
padding: 5px;
+
margin-top: 1px;
-
background-color:#001d1d;  
+
background-image: url("https://static.igem.org/mediawiki/2010/b/b4/Groupphoto_small.jpg");
-
border: 1px solid #0d3a3f;
+
border: 1px solid #001d1d;
-
}
+
color: #8bce9e;
-
 
+
}
-
#CenterbodyText1 {
+
-
width:465px;
+
#ProjectPic {
-
height:auto;
+
width: 240px;
-
padding-right: 4px;
+
height: 150px;
-
margin: 0px 5px 0px 4px;
+
color: white;
-
font-family: Verdana, Sans-Serif;
+
font-size: 12px;
-
font-size: 12px;
+
font-weight: bold;
-
text-align: justify;
+
float: left;
-
float: left;
+
padding: 5px;
-
color: white;
+
border: 1px solid #0d3a3f;
-
text-decoration: none;
+
background-image: url("https://static.igem.org/mediawiki/2010/2/2c/ProjectPic.jpg");
 +
margin: 4px 0px 4px 4px;
 +
}
 +
 +
#newslogo {
 +
width: 245px;
 +
height: 160px;
 +
float: left;
 +
padding-right: 0px;
 +
margin-top: 1px;
 +
background-image: url("https://static.igem.org/mediawiki/2010/0/07/News.png");
 +
border: 1px solid #001d1d;
 +
color: #8bce9e;
 +
}
 +
 +
#iJAM {
 +
width: 230px;
 +
height: 150px;
 +
color: white;
 +
font-size: 12px;
 +
font-weight: bold;
 +
float: left;
 +
padding: 5px;
 +
margin: 4px 0px 4px 4px;
 +
border: 1px solid #0d3a3f;
 +
background-image: url("https://static.igem.org/mediawiki/2010/7/73/IJAM.png");
 +
}
 +
 +
#HomeRight {
 +
width: 195px;
 +
height: 723px;
 +
background-color: #2c5983;
 +
margin: 10px 5px 0px 0px;
 +
padding: 5px;
 +
float: left;
 +
color: #e0fea0;
 +
font-family: Verdana, Sans-Serif;
 +
font-size: 12px;
 +
text-align: justify;
}
}
-
#CenterbodyText2 {
+
#Countdown {
-
width:472px;
+
width: 189px;
-
height: auto;
+
height: auto;
-
margin: 0px 0px 0px 4px;
+
background-color: #001d1d;
-
font-family: Verdana, Sans-Serif;
+
border: 1px solid #8bce9e;
-
font-size: 12px;
+
color: white;
-
text-align: justify;
+
text-align: center;
-
float: left;
+
padding: 2px;
-
color: white;
+
}
-
text-decoration: none;
+
-
}
+
#Upcoming {
 +
width: 195px;
 +
height: auto;
 +
color: white;
 +
}
 +
 +
#Sponsors {
 +
width: 200px;
 +
height: auto;
 +
color: white;
 +
}
 +
 +
#Sponsor1 {
 +
width: 180px;
 +
height: 131px;
 +
background-image: url("https://static.igem.org/mediawiki/2010/c/c1/SuitSupply.png");
 +
margin: 0 auto;
 +
}
 +
 +
#Sponsor2 {
 +
width: 200px;
 +
height: 65px;
 +
background-image: url("https://static.igem.org/mediawiki/2010/b/b5/DSM.png");
 +
background-color: white;
 +
margin: 0 auto;
 +
}
 +
 +
#Sponsor3 {
 +
width: 120px;
 +
height: 80px;
 +
margin: 0 auto;
 +
background-image: url("images/NGI_logo.png");
 +
background-repeat: no-repeat;
 +
}
-
#HomeLeft {
+
#content {
-
width: 250px;
+
padding:0px;
-
height: auto;
+
}
-
background-color: none;
+
-
margin: 0px 0px 0px 2px;
+
-
pading-right: 1px;
+
-
float: left;
+
-
color: #e0fea0;
+
-
font-family: Verdana, Sans-Serif;
+
-
font-size: 12px;
+
-
text-align: justify;
+
-
}
+
-
 
+
-
#GroupphotoSmall {
+
-
width: 245px;
+
-
height: 166px;
+
-
float: left;
+
-
padding-left: 5px;
+
-
margin-top: 1px;
+
-
background-image: url("https://static.igem.org/mediawiki/2010/b/b4/Groupphoto_small.jpg");
+
-
border: 1px solid #001d1d;
+
-
color: #8bce9e;
+
-
}
+
-
 
+
-
#ProjectPic {
+
-
width: 240px;
+
-
height: 150px;
+
-
color: white;
+
-
font-size: 12px;
+
-
font-weight: bold;
+
-
float: left;
+
-
padding: 5px;
+
-
border: 1px solid #0d3a3f;
+
-
background-image: url("https://static.igem.org/mediawiki/2010/2/2c/ProjectPic.jpg");
+
-
margin: 4px 0px 4px 4px;
+
-
}
+
-
 
+
-
#newslogo {
+
-
width: 245px;
+
-
height: 160px;
+
-
float: left;
+
-
padding-right: 0px;
+
-
margin-top: 1px;
+
-
background-image: url("https://static.igem.org/mediawiki/2010/0/07/News.png");
+
-
border: 1px solid #001d1d;
+
-
color: #8bce9e;
+
-
}
+
-
 
+
-
#iJAM {
+
-
width: 230px;
+
-
height: 150px;
+
-
color: white;
+
-
font-size: 12px;
+
-
font-weight: bold;
+
-
float: left;
+
-
padding: 5px;
+
-
margin: 4px 0px 4px 4px;
+
-
border: 1px solid #0d3a3f;
+
-
background-image: url("https://static.igem.org/mediawiki/2010/7/73/IJAM.png");
+
-
}
+
-
 
+
-
#TUlogo {
+
-
width: 250px;
+
-
height: 147px;
+
-
border: 1px solid #0d3a3f;
+
-
margin-top:5px;
+
-
color: white;
+
-
background-image: url("https://static.igem.org/mediawiki/2010/2/2b/TUlogo_250.jpg");
+
-
}
+
-
 
+
-
.SmallPic {
+
-
height: 120px;
+
-
width: 180px;
+
-
margin: 5px 6px 2px 7px;
+
-
float: left;
+
-
link: url("https://2010.igem.org/Team:TU_Delft/Gallery");
+
-
}
+
-
 
+
-
#small_1 {background-image: url("https://static.igem.org/mediawiki/2010/4/48/Small_1.png");}
+
-
#small_2 {background-image: url("https://static.igem.org/mediawiki/2010/b/bd/Small_2.png");}
+
-
#small_3 {background-image: url("https://static.igem.org/mediawiki/2010/a/ae/Small_3.png");}
+
-
#small_4 {background-image: url("https://static.igem.org/mediawiki/2010/7/7b/Small_4.png");}
+
-
#small_5 {background-image: url("https://static.igem.org/mediawiki/2010/5/59/Small_5.png");}
+
-
#small_6 {background-image: url("https://static.igem.org/mediawiki/2010/c/c9/Small_6.png");}
+
-
#small_7 {background-image: url("https://static.igem.org/mediawiki/2010/8/86/Small_7.png");}
+
-
 
+
-
#StudentBox1 {
+
-
Width: 700px;
+
-
height: 170px;
+
-
margin:0px 0px 2px 0px;
+
-
padding: 5px;
+
-
background-color:#0d3a3f;
+
-
border: 1px solid #0d3a3f;
+
-
}
+
-
 
+
-
#StudentBox2 {
+
-
Width: 700px;
+
-
height: 170px;
+
-
margin: 5px 0px;
+
-
padding: 5px;
+
-
background-color:#001d1d;
+
-
border: 1px solid #0d3a3f;
+
-
}
+
a {
a {
Line 413: Line 338:
margin-bottom: 3px;
margin-bottom: 3px;
}
}
 +
</style>
</style>
<script type="text/javascript">
<script type="text/javascript">
Line 427: Line 353:
</head>
</head>
<body>
<body>
-
<div id="body">
+
 
-
<a href="https://2010.igem.org/Team:TU_Delft"
+
<div id="header">
-
<div id="banner">
+
<div id="banner">
-
</div>
+
</div>  
-
</a>
+
<div id="menu">
<div id="menu">
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
Line 458: Line 383:
</div>
</div>
<div class="submenuItem">
<div class="submenuItem">
-
<a class="submenuItemLink" href="https://2010.igem.org/Team:TU_Delft/Team/Supervisors">Supervisors</a>
+
<a class="submenuItemLink" href="https://2010.igem.org/Team:TU_Delft/Team/Advisors">Advisors/Supporters</a>
</div>
</div>
<div class="submenuItem">
<div class="submenuItem">
Line 554: Line 479:
</div>
</div>
</div>
</div>
-
<a href="https://2010.igem.org/Team:TU_Delft/Gallery">
+
<!-- End of header -->
-
<div class="SmallPic" id="small_1"></div>
+
</div>
-
<div class="SmallPic" id="small_2"></div>
+
 
-
<div class="SmallPic" id="small_3"></div>
+
<div id="mainContent">
-
<div class="SmallPic" id="small_4"></div>
+
<a href="https://2010.igem.org/Team:TU_Delft/Gallery">
-
<div class="SmallPic" id="small_5"></div>
+
<div class="SmallPic" id="small_1"></div>
-
</a>
+
<div class="SmallPic" id="small_2"></div>
 +
<div class="SmallPic" id="small_3"></div>
 +
<div class="SmallPic" id="small_4"></div>
 +
<div class="SmallPic" id="small_5"></div>
 +
</a>
 +
<div id="HomeCenter">
<div id="HomeCenter">
<a id="HomeCenterbodyText1" href="https://2010.igem.org/Team:TU_Delft/Team">
<a id="HomeCenterbodyText1" href="https://2010.igem.org/Team:TU_Delft/Team">
<div id="HomeCenterBox1">
<div id="HomeCenterBox1">
<div id="CenterbodyText1">
<div id="CenterbodyText1">
-
<br><h3 style="color: white">The Team</h3>
+
<br><h3>The Team</h3>
Yes! We've got our team together!  
Yes! We've got our team together!  
9 undergraduate students of the Delft Technical University have cleared their schedules  
9 undergraduate students of the Delft Technical University have cleared their schedules  
Line 581: Line 511:
</div>
</div>
<div id="CenterbodyText2">
<div id="CenterbodyText2">
-
<br><h3 style="color: white">The Project</h3>
+
<br><h3>The Project</h3>
This year the TU Delft team will take a more worldly approach by making an attempt on improving the environment by creating biobricks that will facilitate hydrocarbon degradation in aqueous environments. More information on our project will follow soon!
This year the TU Delft team will take a more worldly approach by making an attempt on improving the environment by creating biobricks that will facilitate hydrocarbon degradation in aqueous environments. More information on our project will follow soon!
</div>
</div>
Line 589: Line 519:
<div id="HomeCenterBox1">
<div id="HomeCenterBox1">
<div id="CenterbodyText1">
<div id="CenterbodyText1">
-
<br><h3 style="color: white">In the news</h3>
+
<br><h3>In the news</h3>
insert text  
insert text  
</div>
</div>
Line 601: Line 531:
</div>
</div>
<div id="CenterbodyText2">
<div id="CenterbodyText2">
-
<br><h3 style="color: white">Fun Stuff</h3>
+
<br><h3>Fun Stuff</h3>
-
<h4 style="color: white">iJAM</h4>
+
<h4>iJAM</h4>
Next to Synthetic Biology our team also has another common interest: Music! We actually had our first jamming session last week  
Next to Synthetic Biology our team also has another common interest: Music! We actually had our first jamming session last week  
</div>
</div>
Line 613: Line 543:
    </div>
    </div>
    <div id="Upcoming">
    <div id="Upcoming">
-
    <br><h3 style="color: white">Upcoming Events</h3>
+
    <br><h3>Upcoming Events</h3>
-
    <h4 style="color: white">May 19th</h4>
+
    <h4>May 19th</h4>
    Our next meeting: We will be presenting action plans for each subpart of our project<br>
    Our next meeting: We will be presenting action plans for each subpart of our project<br>
-
    <h4 style="color: white">May 20th</h4>
+
    <h4>May 20th</h4>
    Important day! We will present our action plans for a number of professors and other department members, hoping they'll have some good input concerning our project.
    Important day! We will present our action plans for a number of professors and other department members, hoping they'll have some good input concerning our project.
    <br><br>
    <br><br>
Line 630: Line 560:
<a href="http://www.dsm.nl/">
<a href="http://www.dsm.nl/">
<div id="Sponsor2">
<div id="Sponsor2">
 +
</div>
 +
</a>
 +
<br>
 +
<a href="http://www.genomics.nl//">
 +
<div id="Sponsor3">
</div>
</div>
</a>
</a>
</div>
</div>
</div>
</div>
-
</div>
+
<!-- End of main content -->
-
 
+
</div>
</body>
</body>
</html>
</html>

Revision as of 11:01, 16 May 2010

iGEM 2010: TU Delft Home