Team:TU Delft

From 2010.igem.org

(Difference between revisions)
 
(244 intermediate revisions not shown)
Line 1: Line 1:
 +
__NOTOC__
<html>
<html>
-
<head>
+
<!--
-
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+
 
-
<title>iGEM 2010: TU Delft Home</title>
+
============================================================================================
-
<style type="text/css">
+
*** PLEASE NOTE: ***
-
#banner {
+
 
-
width: 965px;
+
When copying our code, please be so kind to mention so on your wiki.
-
height: 214px;
+
 
-
background-image: url("http://2010.igem.org/wiki/images/9/96/Banner1.jpg");
+
You can use our logo http://2010.igem.org/wiki/images/7/7b/TU_Delft.jpg to link to our wiki.
 +
 
 +
For questions about this, contact us at info@igemtudelft.nl.
 +
 
 +
Pieter van Boheemen, Jelmer Cnossen
 +
 
 +
============================================================================================
 +
 
 +
/-->
 +
 
 +
<!-- Reset CSS - START
 +
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.1/build/base/base-min.css">
 +
Reset CSS - END /-->
 +
 
 +
<!-- Internet Explorer PNG fix - START /-->
 +
<!--[if lt IE 7]>
 +
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js">IE7_PNG_SUFFIX=".png";</script>
 +
<![endif]-->
 +
<!-- Internet Explorer PNG fix - END /-->
 +
 
 +
<!-- Scripting - START /-->
 +
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.js"></script>
 +
<script type="text/javascript" src="http://github.com/cowboy/jquery-hashchange/raw/v1.3/jquery.ba-hashchange.js"></script>
 +
 
 +
<!-- Font Replacer - START /-->
 +
<script src="http://2010.igem.org/Team:TU_Delft/files/cufon-yui.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
<script src="http://2010.igem.org/Team:TU_Delft/files/Mido_500.font.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
<!-- Font Replacer - END /-->
 +
 
 +
<script>
 +
//Global Vars
 +
var currentPage;
 +
var in_frame_test = 1;
 +
var ampersandStr = String.fromCharCode(38);
 +
var loading_home = false;
 +
 
 +
function dbgout(msg) {
 +
  var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
 +
  if(is_chrome) console.log(msg);
}
}
-
#body {
+
function updateContentEditLink() {
-
width: 965px;
+
if (!wgUserName) {
-
height: 1500px;
+
return;
-
background-color: #001d1d;
+
-
padding: 5px;
+
-
color: #8bce9e;
+
-
font-family: Verdana, Sans-Serif;
+
-
font-size: 12px;
+
-
text-align: justify;
+
-
margin: 0 auto;
+
}
}
-
#menu {
+
var page = currentPage ? currentPage : 'Home';
-
width: 965px;
+
var url = location.pathname + '/' + page + '?action=edit';
-
height: 30px;
+
$("#edit_content_link").attr('href', url);
-
background-color: #8bce9e;
+
// $("#edit_content_link").click(function() {
-
border-top: 1px solid #032725;
+
// $("#iGEM_TU_Delft_container").html('<iframe src="'+url+'" width="100%" height="100%"></iframe>');
-
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 {
+
// Set document ready callback
-
font-weight: bold;
+
$(function() {
-
color: #032725;
+
if (wgUserName) {
-
font-family: Verdana, Sans-Serif;
+
// Create content edit link
-
font-size: 16px;
+
$(".left-menu ul > *:last").after('<li><a id="edit_content_link">edit content</a></li>');
-
text-decoration: none;
+
updateContentEditLink();
}
}
-
.submenu {
+
// Initialize history plugin.
-
width: 200px;
+
$(window).hashchange(historyCallback);
-
height: auto;
+
rewriteLinks($("#navlist"));
-
position: absolute;
+
-
top: 31px;
+
-
left: 0px;
+
-
margin:-1px 0px 0px -1px;
+
-
background-color: #8bce9e;
+
-
border:1px solid #032725;
+
-
display: none;
+
-
text-align: left;
+
-
}
+
-
.submenuItem {
+
historyCallback();
-
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 {
+
// setup hovering
-
font-weight: normal;
+
$(".menu_button").hover(
-
text-decoration: none;
+
function () { $(this).addClass("hover"); },
-
color: #8bce9e;
+
function () { $(this).removeClass("hover"); }
-
margin: 1px 2px 1px 2px;
+
);
-
}
+
});
-
.sidemenu {
 
-
width: 152px;
 
-
height: 300px;
 
-
background-color: #2c5983;
 
-
margin:2px;
 
-
padding: 2px;
 
-
float: left;
 
-
}
 
-
.sidemenuItem {
 
-
width: 146px;
 
-
margin: 1px 0px 2px 0px;
 
-
height: auto;
 
-
background-color: #001d1d;
 
-
border: 1px solid #8bce9e;
 
-
padding: 1px 1px 1px 2px;
 
-
font-size: 14px;
 
-
color: #8bce9e;
 
-
text-decoration: none;
 
-
}
 
-
.sidemenuItemLink {
+
function isDefined(variable)
-
font-size: 14px;
+
{
-
color: #8bce9e;
+
    return typeof(window[variable]) != "undefined";
-
text-decoration: none;
+
}
-
}
+
-
.sidemenuItemLink:hover {
+
function splitHash(hash) {
-
font-weight: bold;
+
var kvpairs = hash.split(ampersandStr);
 +
var i;
 +
var kvmap = {};
 +
for(i=0;i<kvpairs.length;i++) {
 +
var s = kvpairs[i].split('=');
 +
kvmap[s[0]] = s[1];
}
}
 +
return kvmap;
 +
}
-
#BodyText {
+
function makeHash(page, kvmap) {
-
width: 792px;
+
var str = '#page=' + page;
-
height: 1000px;
+
var i;
-
background-color: #FFFFFF;
+
if (kvmap) {
-
margin: 2px 1px 0px 2px;
+
for(i in kvmap) {
-
padding: 5px;
+
str += ampersandStr + i + '=' + kvmap[i];
-
float: left;
+
}
-
color: white;
+
-
font-family: Verdana, Sans-Serif;
+
-
font-size: 12px;
+
-
text-align: justify;
+
}
}
 +
return str; 
 +
}
 +
 +
function setHash(page, kvmap) {
 +
location.hash = makeHash(page,kvmap);
 +
}
-
#GroupPhoto {
 
-
width: 700px;
 
-
height: 465px;
 
-
background-image:url("http://2010.igem.org/wiki/images/d/d2/TUDelft_2010.png");
 
-
margin: 2px auto;
 
-
}
 
-
.LinkinText {
+
function include_js(file, cb) {
-
text-decoration: none;
+
var html_doc = document.getElementsByTagName('head')[0];
-
color: white;
+
var js = document.createElement('script');
-
font-weight: bold;
+
js.setAttribute('type', 'text/javascript');
 +
js.setAttribute('src', file);
 +
html_doc.appendChild(js);
 +
 
 +
js.onreadystatechange = function () {
 +
if (js.readyState == 'complete')
 +
cb();
}
}
-
#HomeLeft {
+
js.onload = cb;
-
width: 200px;
+
}
-
height: auto;
+
 
-
background-color: #2c5983;
+
function loadScript(src, callback)
-
margin: 5px 2px 0px 0px;
+
{
-
padding: 5px;
+
  include_js(src, callback);
-
float: left;
+
}
-
color: e0fea0;
+
 
-
font-family: Verdana, Sans-Serif;
+
 
-
font-size: 12px;
+
function moveToAnchor(anchor) {
-
text-align: justify;
+
try {
 +
var pos = $('#iGEM_TU_Delft_container > a[name='+anchor+']').offset();
 +
dbgout('anchor: '+anchor+'; pos=' + pos.left + ','+pos.top );
 +
window.scroll(pos.left, pos.top);
 +
} catch (err) {
 +
dbgout('moveToAnchor error: ' + err);
}
}
 +
}
-
#Countdown {
+
 
-
width: 196px;
+
function loadPage(page, anchor)
-
height: auto;
+
{
-
background-color: #001d1d;
+
var showLoadAnim = !!currentPage;
-
border: 1px solid #8bce9e;
+
currentPage = page;
-
color: white;
+
var url = wgServer + "/Team:TU_Delft/" + page + "?action=render";
-
text-align: center;
+
if(page.substring(0, 5) == "User:") {
-
padding: 2px;
+
url = wgServer + "/" + page + "?action=render";
}
}
 +
$(window).trigger('page_close');
-
#Upcoming {
+
if(showLoadAnim) {
-
width: 200px;
+
$("#TUD-loading-panel").show();
-
height: auto;
+
//$("#loading-overlay").show();
-
color: white;
+
$("#iGEM_TU_Delft_container").fadeTo(200,0.25);
 +
$('html, body').animate({scrollTop:0}, 'slow');
}
}
 +
loading_home = false;
-
#Sponsors {
+
var processPage = function(next) {
-
width: 200px;
+
dbgout('processPage: ' + page);
-
height: auto;
+
$(window).trigger('page_init');
-
color: white;
+
rewriteLinks($("#iGEM_TU_Delft_container"));
 +
updateContentEditLink();
 +
$("#iGEM_TU_Delft_container").fadeTo(200,1).delay(200).queue(function(n) {
 +
if(anchor) moveToAnchor(anchor); n();
 +
});
 +
next();
}
}
-
#Sponsor1 {
+
$.get(url, function(data) {
-
width: 180px;
+
$("#iGEM_TU_Delft_container").html(data).queue(processPage);
-
height: 131px;
+
buildBreadCrumbTrail(page);  
-
background-image: url("http://2010.igem.org/wiki/images/c/c1/SuitSupply.png");;
+
Cufon.replace('h2'); // Works without a selector engine
-
margin: 0 auto;
+
Cufon.replace('h3'); // Works without a selector engine
-
}
+
Cufon.replace('#sub1'); // Requires a selector engine for IE 6-7, see above
 +
$("tr:nth-child(odd)").addClass("odd");
-
#Sponsor2 {
+
$("#TUD-loading-panel").hide();
-
width: 200px;
+
$("#loading-overlay").hide();
-
height: 65px;
+
});
-
background-image: url("http://2010.igem.org/wiki/images/b/b5/DSM.png");
+
}
-
background-color: white;
+
-
margin: 0 auto;
+
-
}
+
-
#Sponsor3 {
+
function historyCallback() {
-
width: 150px;
+
var hash = location.hash;
-
height: 99px;
+
if(hash) {
-
margin: 0 auto;
+
hash = hash.substring(1);
-
background-image: url("images/NGI_large.png");
+
if(hash.split('=').length > 1) {
-
background-repeat:no-repeat;
+
var kvmap = splitHash(hash);
-
}
+
var changepage;
-
#HomeCenter {
+
// looks a little clumsy, but js AND operator conflicts with mediawiki markup
-
width: 485px;
+
if (kvmap.page) if(kvmap.page != currentPage) changepage = kvmap.page;
-
height: auto;
+
-
background-color: #003333;
+
-
margin: 5px 2px 0px 2px;
+
-
padding: 5px;
+
-
float: left;
+
-
color: white;
+
-
font-family: Verdana, Sans-Serif;
+
-
font-size: 12px;
+
-
text-align: justify;
+
-
}
+
-
#HomeRight {
+
if (changepage) {
-
width: 250px;
+
loadPage(changepage, kvmap.anchor);
-
height: auto;
+
} else {
-
background-color: none;
+
if(kvmap.anchor) moveToAnchor(kvmap.anchor);
-
margin: 0px 0px 0px 2px;
+
$(window).trigger('hashupdate');
-
pading-right: 1px;
+
}
-
float: left;
+
}
-
color: #e0fea0;
+
} else {
-
font-family: Verdana, Sans-Serif;
+
setHash('Home');
-
font-size: 12px;
+
-
text-align: justify;
+
}
}
 +
}
-
#ProjectPic {
+
function rewriteLinks(elem) {
-
width: 240px;
+
$("a",elem).each(function() {
-
height: 210px;
+
var txt = $(this).text();
-
margin-top: 5px;
+
var url = this.href;
-
color: white;
+
 
-
font-size: 12px;
+
if(this.hash) {
-
font-weight: bold;
+
var anchor = this.hash.substring(1);
 +
 
 +
if (anchor.substring(0,5)!='page=')
 +
this.href = '#page=' + currentPage + ampersandStr + 'anchor=' + anchor;
 +
} else if(txt != "edit")
 +
this.href = this.href.replace("http://2010.igem.org/Team:TU_Delft/", "#page=");
 +
 
 +
// dbgout('rewriting ' + url + ' to ' + this.href);
 +
});
 +
}
 +
 
 +
 
 +
</script>
 +
<script type="text/javascript">
 +
var timeout    = 500;
 +
var closetimer = 0;
 +
var ddmenuitem = 0;
 +
 
 +
function jsddm_open() {
 +
  jsddm_canceltimer();
 +
  jsddm_close();
 +
  ddmenuitem = $(this).find('ul').css('display', 'block');
 +
//ddmenuitem = $(this).find('ul').show(200);
 +
}
 +
 
 +
function jsddm_close() {
 +
  if(ddmenuitem) ddmenuitem.css('display', 'none');
 +
//if(ddmenuitem) ddmenuitem.hide();
 +
}
 +
 
 +
function jsddm_timer() {
 +
  closetimer = window.setTimeout(jsddm_close, timeout);
 +
}
 +
 
 +
function jsddm_canceltimer() {
 +
  if(closetimer) {
 +
    window.clearTimeout(closetimer);
 +
    closetimer = null;
 +
  }
 +
}
 +
 
 +
$(function() {
 +
  $('#navlist > li').bind('mouseover', jsddm_open);
 +
  $('#navlist > li').bind('mouseout',  jsddm_timer);
 +
// $("#navlist li ul li:even").addClass("alt");
 +
});
 +
 
 +
document.onclick = jsddm_close;
 +
</script>
 +
 
 +
<script language="javascript" type="text/javascript">
 +
function capitaliseFirstLetter(string)
 +
{
 +
    return string.charAt(0).toUpperCase() + string.slice(1);
 +
}
 +
 
 +
function buildDepth(array,count)
 +
{
 +
var depthStr="";
 +
for (i=0;i<count;i++)
 +
{
 +
depthStr=depthStr + array[i] + "/" ;
 +
}
 +
return depthStr;
 +
}
 +
function buildBreadCrumbTrail(page)
 +
{
 +
var constituentFolders = new Array();
 +
var currentURL = page;
 +
constituentFolders=currentURL.split("/");
 +
var outputStr="<a href='http://2010.igem.org/Team:TU_Delft#page=Home'>Home</a>";
 +
if(page != "Home") {
 +
for (count=0;count<(constituentFolders.length);count++)
 +
{
 +
if(constituentFolders[count].substring(0, 5) == "User:") {
 +
outputStr = outputStr + " <span class='doubleright'>&raquo;</span> <a href='http://2010.igem.org/Team:TU_Delft#page=Team/'>Team</a> <span class='doubleright'>&raquo;</span> <a href='http://2010.igem.org/Team:TU_Delft#page=Team/members'>Members</a> <span class='doubleright'>&raquo;</span> <a href='http://2010.igem.org/Team:TU_Delft#page=" + buildDepth(constituentFolders,count) + constituentFolders[count] + "'>" + capitaliseFirstLetter(constituentFolders[count]).replace(/-/gi," ").substring(5) + "</a>";
 +
}
 +
if(constituentFolders[count].substring(0, 5) !== "User:") {
 +
outputStr=outputStr + " <span class='doubleright'>&raquo;</span> <a href='http://2010.igem.org/Team:TU_Delft#page=" + buildDepth(constituentFolders,count) + constituentFolders[count] + "'>" + capitaliseFirstLetter(constituentFolders[count]).replace(/-/gi," ") + "</a>";
 +
}
 +
}
 +
}
 +
$("#breadcrumbs").html(outputStr);
 +
}
 +
</script>
 +
<!-- Scripting END /-->
 +
 
 +
<!-- Main CSS - START /-->
 +
<style type="text/css">
 +
/* Wiki Hacks - START */
 +
/* Author: Pieter van Boheemen */
 +
/* Team: TU Delft */
 +
#globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0; width: 100%;
 +
height:auto !important; /* real browsers */
 +
height:100%; /* IE6: treaded as min-height*/
 +
min-height:100%; /* real browsers */
 +
}
 +
#content { z-index: 1; background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: hidden; margin-top: -15px !important; margin-top: 0px;
 +
height:auto !important; /* real browsers */
 +
height:100%; /* IE6: treaded as min-height*/
 +
min-height:100%; /* real browsers */
 +
}
 +
#bodyContent { border: none; padding:0; margin:0; width:100%;
 +
height:auto !important; /* real browsers */
 +
height:100%; /* IE6: treaded as min-height*/
 +
min-height:100%; /* real browsers */
 +
}
 +
#top-section { z-index: 2; height: 15px; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; padding:0; border: none; font-size: 10px;}
 +
#p-logo { height:1px; overflow:hidden; display: none;}
 +
#search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 100px; right: 40px;}
 +
.left-menu { width: 500px !important; display:block; margin-top:-80px; border: none; text-align: right;}
 +
.left-menu ul { border: none; }
 +
#menubar.right-menu { width:300px; display:block; float:left; margin-top:-80px; border: none;}
 +
.right-menu ul { border: none; width: 300px;}
 +
#footer-box { background-color: #216085; border: none; width: 100%; margin: -10px auto 0 auto; padding: 20px 0;}
 +
.visualClear { display: none; }
 +
#footer { border: none; width: 965px; margin: 0 auto; padding: 0;}
 +
.firstHeading { display: none;}
 +
#f-list a { color: #333; font-size: 10px;}
 +
#f-list a:hover { color: #666;}
 +
.printfooter { display: none; }
 +
#footer ul { margin: 0; padding: 0;}
 +
#footer ul li { margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0;}
 +
#search-controls { display:none; }
 +
h3#siteSub { display: none;}
 +
#contentSub {display: none;}
 +
p:first-child { display: none;}
 +
h1{border:none; width: 100%; clear: both;}
 +
/* Wiki Hacks - END */
 +
 
 +
table {
 +
margin: 0;
 +
padding: 0;
 +
font-size: 11px;
 +
border: 1px solid #000;
 +
}
 +
table td {
padding: 5px;
padding: 5px;
-
border: 1px solid #003333;
+
}
-
background-image: url("http://2010.igem.org/wiki/images/2/2c/ProjectPic.jpg");
+
table .head {
-
}
+
background-color: #216085 ;
 +
font-weight: bold;
 +
color: #fff;
 +
}
 +
table .odd {
 +
background-color: #d0f1fa;
 +
}
-
#GroupphotoSmall {
+
h2 {
-
width: 245px;
+
font-size: 30px;
-
height: 166px;
+
border: none;
-
padding-left: 5px;
+
}
-
margin-top: 5px;
+
-
background-image: url("http://2010.igem.org/wiki/images/b/b4/Groupphoto_small.jpg");
+
-
border: 1px solid #003333;
+
-
color: #8bce9e;
+
-
}
+
-
#TUlogo {
+
h3 {
-
width: 250px;
+
font-size: 20px;
-
height: 147px;
+
border: none;
-
border: 1px solid #003333;
+
}
-
margin-top:5px;
+
-
color: white;
+
-
background-image: url("http://2010.igem.org/wiki/images/2/2b/TUlogo_250.jpg");
+
-
}
+
-
h3 {
+
html, body {
-
margin-top:3px;
+
margin: 0;
-
}
+
padding: 0;
-
h4 {
+
width: 100%;
-
margin-bottom: 3px;
+
height: 100%;
 +
}
 +
 
 +
body {
 +
background-color: #d0f1fa;
 +
font-family: Verdana, Arial;
 +
font-size: 12px;
 +
color: #222222;
 +
min-width: 1050px;
 +
}
 +
 +
#TUD-main-wrapper {
 +
width: 100%;
 +
height:auto !important; /* real browsers */
 +
height:100%; /* IE6: treaded as min-height*/
 +
min-height:100%; /* real browsers */
 +
text-align: center;
 +
background-image: url('http://2010.igem.org/wiki/images/b/b3/TU_Delft_footer_tile.gif');
 +
background-position: bottom left;
 +
background-repeat: repeat-x;
 +
display: block;
 +
font-family: Verdana, Arial;
 +
font-size: 12px;
 +
color: #222222;
 +
}
 +
 
 +
#TUD-main-wrapper div {
 +
line-height: 18px;
}
}
-
</style/>
+
 
-
<script type="text/javascript" src="script.js"></script>
+
/* IE ignores this */
-
</head>
+
html>body #TUD-main-wrapper {
-
<body>
+
height: auto;
-
<div id="body">
+
min-height: 100%;
-
<div id="banner">
+
}
-
</div>
+
 
-
<div id="menu">
+
#TUD-main-wrapper2 {
 +
width: 100%;
 +
height:auto !important; /* real browsers */
 +
height:100%; /* IE6: treaded as min-height*/
 +
min-height:100%; /* real browsers */
 +
text-align: center;
 +
background-image: url('http://2010.igem.org/wiki/images/9/9d/TU_Delft_bg_tile.gif');
 +
background-repeat: repeat-x;
 +
background-repeat: repeat-x;
 +
display: block;
 +
font-family: Verdana, Arial;
 +
font-size: 12px;
 +
color: #222222;
 +
margin-top: -8px;
 +
}
 +
 
 +
/* IE ignores this */
 +
html>body #TUD-main-wrapper2 {
 +
height: auto;
 +
min-height: 100%;
 +
}
 +
 
 +
#TUD-content-wrapper {
 +
background-color: #fff;
 +
text-align: left;
 +
width: 1024px;
 +
margin: 0 auto;
 +
padding: 0;
 +
height:auto !important; /* real browsers */
 +
height:100%; /* IE6: treaded as min-height*/
 +
min-height:100%; /* real browsers */
 +
}
 +
 
 +
#TUD-header {
 +
width: 1024px;
 +
background-image: url('http://2010.igem.org/wiki/images/5/58/TU_Delft_header_bg.gif');
 +
height: 120px;
 +
}
 +
 
 +
#TUD-menu {
 +
width: 1024px;
 +
background-image: url('http://2010.igem.org/wiki/images/c/c5/TU_Delft_menu_bg.gif');
 +
height: 38px;
 +
}
 +
 
 +
 
 +
#TUD-body-wrapper {
 +
width: 100%;
 +
background-image: url('http://2010.igem.org/wiki/images/8/80/TU_Delft_body_bg.jpg');
 +
/* FireFox collapsing margin fix */
 +
padding-top: 1px;/*important*/
 +
margin-top: -1px;/*important*/
 +
}
 +
 
 +
#TUD-body-container {
 +
width: 100%;
 +
background-image: url('http://2010.igem.org/wiki/images/5/5d/TU_Delft_body_top_bg.jpg');
 +
background-repeat: no-repeat;
 +
/* FireFox collapsing margin fix */
 +
padding-top: 1px;/*important*/
 +
margin-top: -1px;/*important*/
 +
display: block;
 +
}
 +
 
 +
#TUD-body-content {
 +
background-image: url('http://2010.igem.org/wiki/images/5/5f/TU_Delft_body_footer_bg.jpg');
 +
width: 1024px;
 +
background-repeat: no-repeat;
 +
background-position: bottom left;
 +
padding-bottom: 15px
 +
}
 +
 
 +
#TUD-main-content {
 +
width: 904px;
 +
margin: 10px 60px 0px 60px;
 +
}
-
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
+
#iGEM_TU_Delft_container {
-
<a class="menuItemLink" href="http://2010.igem.org/Team:TU_Delft">Home</a>
+
min-height: 400px;
-
<div class="submenu">
+
}
-
<div class="submenuItem">
+
 
-
<a class="submenuItemLink" href="http://2010.igem.org/Team:TU_Delft/Home/News">What's new?</a>
+
#TUD-footer {
-
</div>
+
width: 100%;
-
<div class="submenuItem">
+
height: 254px;
-
<a class="submenuItemLink" href="http://2010.igem.org/Team:TU_Delft/Home/What">What we're up to</a>
+
text-align: center;
-
</div>
+
}
-
</div>
+
 
 +
h1 {
 +
margin: 0;
 +
padding: 0;
 +
display: block;
 +
float: left;
 +
}
 +
 
 +
.TUD-logo {
 +
background-image: url('http://2010.igem.org/wiki/images/0/09/TU_Delft_iGEM_Team_Logo.png');
 +
width: 237px;
 +
height: 95px;
 +
margin-left: 90px;
 +
background-repeat: no-repeat;
 +
border: none;
 +
}
 +
 
 +
.TUD-logo span {
 +
visibility: hidden;
 +
}
 +
 
 +
 
 +
#TUD-loading-panel {
 +
z-index: 100;
 +
position: absolute;
 +
left: 0px;
 +
top: 0px;
 +
width: 100%;
 +
height: 100%;
 +
display:none;
 +
}
 +
 
 +
#TUD-loading-panel-logo {
 +
margin: 0 auto;
 +
margin-top: 250px;
 +
}
 +
 
 +
#loading-overlay {
 +
z-index: 70;
 +
width: 100%;
 +
height: 100%;
 +
display:none;
 +
opacity:0.4;
 +
filter:alpha(opacity=40);
 +
}
 +
 
 +
#back_to_igem {
 +
margin: 15px 0 0 0;
 +
padding:0;
 +
float: right;
 +
}
 +
 
 +
/* MENU */
 +
#navlist {
 +
margin: 0 0 0 55px;
 +
padding: 0;
 +
}
 +
 
 +
#navlist li {
 +
display: block;
 +
list-style-type: none;
 +
float:left;
 +
padding: 0;
 +
margin: 0;
 +
}
 +
 
 +
#navlist li a {
 +
text-decoration: none;
 +
color: #000;
 +
}
 +
 
 +
#navlist li a:hover {
 +
text-decoration: underline;
 +
}
 +
 
 +
#navlist li ul {
 +
position: absolute;
 +
display:none;
 +
background-color: #fff;
 +
padding:0;
 +
border: 1px solid #aaa;
 +
z-index:100;
 +
margin-left: 0px;
 +
margin-top: 4px;
 +
}
 +
 
 +
html>body #navlist li ul {
 +
margin-left: 0;
 +
}
 +
 
 +
#navlist li ul li {
 +
list-style-type:none;
 +
float:left;
 +
clear:both;
 +
z-index:100;
 +
}
 +
 
 +
#navlist li ul li a {
 +
display: block;
 +
color: #222;
 +
width: 150px;
 +
border: 1px solid #d0f1fa;
 +
padding: 3px;
 +
}
 +
 
 +
#navlist li ul li a:hover {
 +
color: #000;
 +
background-color: #54c9f5;
 +
text-decoration: underline;
 +
}
 +
 
 +
#insilico_menu li a {
 +
width: 230px !important;
 +
}
 +
 
 +
.menubutton {
 +
display:block;
 +
margin: 13px 10px 0px 10px;
 +
}
 +
/* FOOTER */
 +
#TUD-footer, #TUD-footer-content {
 +
width: 904px;
 +
margin: 0 auto;
 +
text-align: left;
 +
}
 +
/*TABLE .odd {
 +
background-color: #dbeaff;
 +
} */
 +
 
 +
</style>
 +
<!-- Main CSS - END /-->
 +
<a name="top"></a>
 +
 
 +
<div id="TUD-loading-panel">
 +
<div id="TUD-loading-panel-logo">
 +
<!-- yes im using center -->
 +
<center><img width="100" height="120" src="http://2010.igem.org/wiki/images/d/d8/TUDelft_2010_AlkanivoreAnimated.gif" /> <h2>Loading...</h2></center>
</div>
</div>
-
+
</div>
-
<div class="menuItem"  onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
+
 
-
<a class="menuItemLink" href="http://2010.igem.org/Team:TU_Delft/Team">Team</a>
+
<div id="TUD-main-wrapper2">
-
<div class="submenu">
+
<div id="TUD-main-wrapper">
-
<div class="submenuItem">
+
 
-
<a class="submenuItemLink" href="http://2010.igem.org/Team:TU_Delft/Team">Who we are</a>
+
<div id="TUD-content-wrapper">
-
</div>
+
<div id="TUD-header">
-
<div class="submenuItem">
+
<style>
-
<a class="submenuItemLink" href="http://2010.igem.org/Team:TU_Delft/Team/Students">Students</a>
+
a.nohover:hover {
-
</div>
+
text-decoration: none;
-
<div class="submenuItem">
+
}
-
<a class="submenuItemLink" href="http://2010.igem.org/Team:TU_Delft/Team/TUDelft">Where we're from</a>
+
</style>
-
</div>
+
<a class="nohover" href="http://2010.igem.org/Team:TU_Delft"><h1 class="TUD-logo"><span>TU Delft iGEM Team 2010</span></h1></a>
-
<div class="submenuItem">
+
<span id="back_to_igem"><a href="http://2010.igem.org/" alt="back to 2010.igem.org" title="back to 2010.igem.org"><img src="http://2010.igem.org/wiki/images/3/32/TU_Delft_back_to_igem.png" border="0" /></a></span>
-
<a class="submenuItemLink" href="http://2010.igem.org/Team:TU_Delft/Team/Supervisors">Supervisors</a>
+
-
</div>
+
-
<div class="submenuItem">
+
-
<a class="submenuItemLink" href="http://igem.org/Team.cgi?year=2010">Official team profile</a>
+
-
</div>
+
</div>
</div>
-
</div>
+
<div id="TUD-menu">
-
+
 
-
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
+
<ul id="navlist">
-
<a class="menuItemLink" href="http://2010.igem.org/Team:TU_Delft/Project">Project</a>
+
<li><a class="menubutton" id="home" href="http://2010.igem.org/Team:TU_Delft/Home" title="Home"><span>Home</span></a></li>
-
<div class="submenu">
+
<li><a class="menubutton" id="team" href="http://2010.igem.org/Team:TU_Delft/Team" title="Team"><span>Team</span></a>
-
<div class="submenuItem">
+
 
-
<a class="submenuItemLink" href="http://2010.igem.org/Team:TU_Delft/Project">In short</a>
+
<ul>
-
</div>
+
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Team" title="Overview">Overview</a></li>
-
<div class="submenuItem">
+
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Team/members" title="Members">Members</a></li>
-
<a class="submenuItemLink" href="http://2010.igem.org/Team:TU_Delft/Project/Part1">Part 1</a>
+
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Team/organization" title="Organization">Organization</a></li>
-
</div>
+
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Team/university" title="University">University</a></li>
-
<div class="submenuItem">
+
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Team/previous-teams" title="Previous Teams">Previous Teams</a></li>
-
<a class="submenuItemLink" href="http://2010.igem.org/Team:TU_Delft/Project/Part2">Part 2</a>
+
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Team/gallery" title="Picture Gallery">Picture Gallery</a></li>
-
</div>
+
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Team/movies" title="Movies">Movies</a></li>
-
<div class="submenuItem">
+
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Team/ijam" title="iJAM">iJAM</a></li>
-
<a class="submenuItemLink" href="http://2010.igem.org/Team:TU_Delft/Project/Part3">Part 3</a>
+
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Team/statistics" title="Statistics">Statistics</a></li>
-
</div>
+
</ul>
-
<div class="submenuItem">
+
</li>
-
<a class="submenuItemLink" href="http://2010.igem.org/Team:TU_Delft/Project/Part4">Part 4</a>
+
<li><a class="menubutton" id="project" href="http://2010.igem.org/Team:TU_Delft#page=Project" title="Project">Project</a>
-
</div>
+
<ul>
-
</div>
+
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Project" title="Overview">Overview</a></li>
-
</div>
+
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Project/introduction" title="Introduction">Introduction</a></li>
-
+
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Project/alkane-degradation" title="Alkane Degradation">Alkane Degradation</a></li>
-
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
+
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Project/sensing" title="Hydrocarbon Sensing">Sensing</a></li>
-
<a class="menuItemLink" href="http://2010.igem.org/Team:TU_Delft/Parts">Biobricks</a>
+
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Project/tolerance" title="Survival">Survival</a></li>
-
</div>
+
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Project/solubility" title="Emulsification">Solubility</a></li>
-
+
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Project/rbs-characterization" title="RBS Characterization">RBS Characterization</a></li>
-
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
+
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Project/conclusions" title="General Conclusions">General Conclusions</a></li>
-
<a class="menuItemLink" href="http://2010.igem.org/Team:TU_Delft/Modeling">Modeling</a>
+
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Project/references" title="References">References</a></li>
-
</div>
+
</ul>
-
+
</li>
-
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
+
<li><a class="menubutton" id="insilico" href="http://2010.igem.org/Team:TU_Delft#page=Notebook" title="Notebook">Notebook</a>
-
<a class="menuItemLink" href="http://2010.igem.org/Team:TU_Delft/Safety">Safety</a>
+
<ul>
-
<div class="submenu">
+
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Notebook" title="Overview">Overview</a></li>
-
<div class="submenuItem">
+
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Notebook/blog" title="Blog">Blog</a></li>
-
<a class="submenuItemLink" href="http://2010.igem.org/Team:TU_Delft/Safety/Lab">Safety in the Lab</a>
+
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Notebook/timeline" title="Timeline">Timeline</a></li>
-
</div>
+
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Notebook/brainstorm" title="Brainstorm">Brainstorm</a></li>
-
<div class="submenuItem">
+
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Notebook/cloning-plan" title="Cloning Plan">Cloning Plan</a></li>
-
<a class="submenuItemLink" href="http://2010.igem.org/Team:TU_Delft/Safety/Society">Safety for Society</a>
+
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Notebook/protocols" title="Protocols">Protocols</a></li>
-
</div>
+
</ul>
 +
</li>
 +
<li><a class="menubutton" id="parts" href="http://2010.igem.org/Team:TU_Delft#page=Parts" title="Parts">Parts</a>
 +
<ul>
 +
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Parts" title="Overview">Overview</a></li>
 +
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Parts/biobricks" title="BioBricks">BioBricks</a></li>
 +
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Parts/characterization" title="Characterization">Characterization</a></li>
 +
</ul>
 +
</li>
 +
<li><a class="menubutton" id="insilico" href="http://2010.igem.org/Team:TU_Delft#page=Modeling" title="In Silico">In Silico</a>
 +
<ul id="insilico_menu">
 +
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Modeling" title="Overview">Overview</a></li>
 +
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Modeling/MFA" title="MFA">Metabolic Flux Analysis</a></li>
 +
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Modeling/HC_regulation" title="Hydrocarbon Regulation">Hydrocarbon Regulation</a></li>
 +
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Modeling/protein-production-model" title="Protein production model">Protein production model</a></li>
 +
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Modeling/pcaif-model" title="pCaiF CRP sensing model">pCaiF CRP sensing model</a></li>
 +
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Modeling/interaction-mapping" title="Software Tool">Interaction Mapping</a></li>
 +
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Software/part-search" title="Part search server & iPhone app">Part search server & iPhone app</a></li>
 +
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Modeling/wiki-tips-tricks" title="Wiki tips & tricks">Wiki Tips &amp; Tricks</a></li>
 +
</ul>
 +
</li>
 +
<li><a class="menubutton" id="safety" href="http://2010.igem.org/Team:TU_Delft#page=Safety" title="Safety">Safety</a>
 +
<ul>
 +
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Safety" title="Overview">Overview</a></li>
 +
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Safety/in-the-lab" title="Biosafety">Biosafety in the lab</a></li>
 +
</ul>
 +
</li>
 +
<li><a class="menubutton" id="humanpractice" href="http://2010.igem.org/Team:TU_Delft#page=Human-practice" title="Human Practice">Human Practice</a>
 +
<ul>
 +
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Human-practice" title="Overview">Overview</a></li>
 +
<li><a href="http://2010.igem.org/Team:TU_Delft#page=EPAC" title="EPAC">EPAC</a></li>
 +
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Education" title="Education">Education</a></li>
 +
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Perception" title="Perception">Perception</a></li>
 +
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Awareness" title="Awareness">Awareness</a></li>
 +
</ul>
 +
</li>
 +
<li><a class="menubutton" id="education" href="http://2010.igem.org/Team:TU_Delft#page=Education" title="Education">Education</a>
 +
<ul>
 +
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Education" title="Overview">Overview</a></li>
 +
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Education/science-museum" title="Science Museum">Science Museum</a></li>
 +
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Education/game" title="Game">iGEM Game</a></li>
 +
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Education/Workshop_on_synthetic_biology" title="SynBio Workshop">SynBio Workshop</a></li>
 +
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Education/nemo" title="Night of the Nerds">Night of the Nerds</a></li>
 +
</ul>
 +
</li>
 +
<li><a class="menubutton" id="publicity" href="http://2010.igem.org/Team:TU_Delft#page=Publicity" title="Publicity">Publicity</a>
 +
<ul>
 +
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Publicity" title="Overview">Overview</a></li>
 +
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Publicity/communication_plan" title="Communication Plan">Communication Plan</a></li>
 +
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Publicity/in-the-news" title="In The News">In the Media</a></li>
 +
<!-- <li><a href="http://2010.igem.org/Team:TU_Delft#page=Publicity/articles" title="Articles">Articles</a></li> /-->
 +
</ul>
 +
</li>
 +
<li><a class="menubutton" id="collaboration" href="http://2010.igem.org/Team:TU_Delft#page=Collaboration" title="Collaboration">Collaboration</a>
 +
<ul>
 +
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Collaboration" title="Overview">Overview</a></li>
 +
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Collaboration/sponsors" title="Sponsors">Sponsors</a></li>
 +
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Collaboration/Rathenau Institute" title="Rathenau Institute">Rathenau Institute</a></li>
 +
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Collaboration/Science Centre Delft" title="Science Centre Delft">Science Centre Delft</a></li>
 +
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Collaboration/igem-teams" title="iGEM Teams">iGEM Teams</a></li>
 +
<li><a href="http://2010.igem.org/Team:TU_Delft#page=Collaboration/acknowledgements" title="Acknowledgements">Acknowledgements</a></li>
 +
</ul>
 +
</li>
 +
<li><a class="menubutton" id="collaboration" href="http://2010.igem.org/Team:TU_Delft#page=Contact" title="Contact">Contact</a></li>
 +
</ul>
</div>
</div>
-
</div>
+
<div id="TUD-body-wrapper">
-
+
<div id="TUD-body-container">
-
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
+
 
-
<a class="menuItemLink" href="http://2010.igem.org/Team:TU_Delft/Notebook">Notebook</a>
+
<div id="TUD-body-content">
-
<div class="submenu">
+
<div id="TUD-main-content">
-
<div class="submenuItem">
+
<div id="loading-overlay"></div>
-
<a class="submenuItemLink" href="http://2010.igem.org/Team:TU_Delft/Notebook/Calender">Calendar</a>
+
<div id="breadcrumbs"></div>
-
</div>
+
<div id="iGEM_TU_Delft_container">
-
<div class="submenuItem">
+
</div>
-
<a class="submenuItemLink" href="http://2010.igem.org/Team:TU_Delft/Notebook/LabJournal">Lab Journal</a>
+
</div>
 +
</div>
</div>
</div>
</div>
</div>
</div>
</div>
 +
<div id="TUD-footer">
 +
<div id="TUD-footer-content">
 +
 +
<div id="TUD-footer-contact-info">
 +
<span class="TUD-footer-title">About the TU Delft Team</span>
 +
<div class="br"></div>
 +
Nine students spent their summer in the lab, having fun with digesting, ligating and transforming BioBricks. This wiki is all about the plans, the work and the results. If you can't find what you need, please contact us!
 +
<div class="br"></div>
 +
<a href="http://2010.igem.org/Team:TU_Delft#page=Team">Meet the team</a>
 +
<br />
 +
<a href="#top">Back to top</a>
 +
</div>
 +
 +
<div id="TUD-footer-search">
 +
<span class="TUD-footer-title">Search</span>
 +
 +
<div class="br"></div>
 +
<form action="/Special:Search" id="search-form">
 +
<input id="searchInput" name="search" type="text" title="Search 2010.igem.org [f]" accesskey="f" value="" />
 +
<input type='submit' name="go" class="searchButton" id="searchGoButton" value="Go" title="Go to a page with this exact name if exists" />&nbsp;
 +
<input type='submit' name="fulltext" class="searchButton" id="mw-searchButton" value="Search" title="Search the pages for this text" />
 +
</form>
 +
<br />
 +
<span class="TUD-footer-title">Contact us</span>
 +
<div class="br"></div>
 +
<i>Kluyverlaboratorium voor Biotechnologie</i><br />
 +
Julianalaan 67, 2628 BC Delft, The Netherlands<br />
 +
<div class="br"></div>
 +
<b>E:</b> <a href="mailto:info@igemtudelft.nl">info@igemtudelft.nl</a><br />
 +
 +
<div class="br"></div>
 +
<b>T:</b> +31 15 278 1625
 +
</div>
 +
 +
<div id="TUD-footer-navlist">
 +
<span class="TUD-footer-title">Navigate our wiki</span>
 +
<div class="br"></div>
 +
<ul>
 +
<li><a href="/Team:TU_Delft#page=Home">Home</a></li>
 +
<li><a href="/Team:TU_Delft#page=Team">Team</a></li>
 +
<li><a href="/Team:TU_Delft#page=Project">Project</a></li>
 +
<li><a href="/Team:TU_Delft#page=Notebook/blog">Blog</a></li>
 +
<li><a href="/Team:TU_Delft#page=Parts">Parts</a></li>
 +
<li><a href="/Team:TU_Delft#page=Modeling">In Silico</a></li>
 +
<li><a href="/Team:TU_Delft#page=Safety">Safety</a></li>
 +
<li><a href="/Team:TU_Delft#page=Education">Education</a></li>
 +
<li><a href="/Team:TU_Delft#page=Publicity">Publicity</a></li>
 +
<li><a href="/Team:TU_Delft#page=Collaboration">Collaboration</a></li>
 +
<li><a href="/Team:TU_Delft#page=Contact">Contact</a></li>
 +
</ul>
 +
</div>
 +
 +
<div id="TUD-footer-twitter-box">
 +
<div id="twitter_div">
 +
<ul id="twitter_update_list"><li></li></ul>
 +
</div>
 +
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
 +
 +
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/iGEMTUDELFT2010.json?callback=twitterCallback2&amp;count=3"></script>
 +
<div class="socialicon" style="background-image:url(http://2010.igem.org/wiki/images/c/c8/Facebook-32x32.png);"><a href="http://tiny.cc/igemtudelft" title="TU Delft iGEM Team Facebook"></a></div>
 +
<div class="socialicon" style="background-image:url(http://2010.igem.org/wiki/images/7/7e/Twitter-32x32.png);"><a href="http://twitter.com/igemtudelft2010" title="TU Delft iGEM Team Twitter"></a></div>
 +
<div class="socialicon" style="background-image:url(http://2010.igem.org/wiki/images/3/38/Youtube-32x32.png);"><a href="http://www.youtube.com/user/igemtudelft2010" title="TU Delft iGEM Team YouTube"></a></div>
 +
<div class="socialicon" style="background-image:url(http://2010.igem.org/wiki/images/2/22/Linkedin-32x32.png);"><a href="http://www.linkedin.com/groups?gid=3070941" title="TU Delft iGEM Team LinkedIn"></a></div>
 +
</div>
 +
 +
<style>
 +
#TUD-footer-content {
 +
padding: 25px 0 25px 0;
 +
font-size: 10px;
 +
color: #000;
 +
line-height: 12px;
 +
}
 +
 +
#TUD-footer-content div {
 +
line-height: 12px;
 +
}
 +
 +
#TUD-footer-content a {
 +
color: #4db7f1;
 +
}
 +
 +
.br {
 +
height: 5px;
 +
width: 100%;
 +
margin: 0;
 +
padding: 0;
 +
overflow: hidden;
 +
}
 +
 +
#TUD-footer-contact-info {
 +
float: left;
 +
width: 153px;
 +
}
 +
 +
#TUD-footer-search {
 +
float: left;
 +
width: 153px;
 +
margin-left: 30px;
 +
}
 +
 +
#TUD-footer-navlist {
 +
float: left;
 +
width: 153px;
 +
margin-left: 30px;
 +
}
 +
 +
#TUD-footer-twitter-box {
 +
float: left;
 +
width: 350px;
 +
margin-left: 30px;
 +
}
 +
 +
.TUD-footer-title {
 +
font-weight: bold;
 +
color: #019aed;
 +
}
 +
 +
#TUD-footer-search form {
 +
margin: 0;
 +
padding: 0;
 +
font-size: 10px;
 +
}
 +
 +
#TUD-footer-search form #searchInput {
 +
background-color: #4db7f1;
 +
border: 1px solid #000;
 +
width: 100%;
 +
}
 +
 +
#TUD-footer-search form .searchButton {
 +
margin-top: 4px;
 +
font-size: 11px;
 +
background-color: #266c96;
 +
border: 1px solid #000;
 +
color: #4db7f1;
 +
padding: 2px;
 +
}
 +
 +
#TUD-footer-navlist ul {
 +
margin: 0;
 +
padding: 0;
 +
list-style-type: none;
 +
list-style: none;
 +
}
 +
 +
#TUD-footer-navlist ul li {
 +
height: 14px;
 +
display: block;
 +
margin: 1px;
 +
background-color: #266c96;
 +
padding: 0 5px;
 +
}
 +
 +
#TUD-footer-navlist ul li a {
 +
text-decoration: none;
 +
}
 +
 +
#TUD-footer-navlist ul li a:hover {
 +
text-decoration: underline;
 +
}
 +
 +
#TUD-footer-content .socialicon {
 +
margin-top: 4px;
 +
margin-right:10px;
 +
width:32px;
 +
height:32px;
 +
display:block;
 +
float:left;
 +
}
 +
 +
#TUD-footer-content .socialicon a {
 +
width:100%;
 +
height:100%;
 +
display:block;
 +
}
 +
 +
 +
#twitter_div {
 +
background-image: url('http://2010.igem.org/wiki/images/e/ec/TU_Delft_twitterBG.gif');
 +
background-repeat: no-repeat;
 +
border-bottom-style: solid;
 +
border-bottom-width: 1px;
 +
border-bottom-color: #5AA5BC;
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 0.9em;
 +
margin-top:10px;
 +
padding-top: 33px;
 +
padding-right: 5px;
 +
padding-left: 5px;
 +
width: 340px;
 +
overflow: hidden;
 +
}
 +
 +
#twitter_div ul {
 +
list-style-type: none;
 +
margin: 5px 0 5px 0;
 +
padding: 0;
 +
width: 340px;
 +
}
 +
 +
#twitter_div ul li {
 +
color: #0C93BA;
 +
border-bottom-style: solid;
 +
border-bottom-width: 1px;
 +
border-bottom-color: #A1E8F7;
 +
margin: 0 0 3px 0;
 +
}
 +
 +
#twitter_div ul li a {
 +
text-decoration: none;
 +
color: #DDA84E;
 +
}
 +
 +
#twitter_div ul li a:hover {
 +
text-decoration: none;
 +
color: #D78E42;
 +
}
 +
 +
#twitter_div p {
 +
text-align: right;
 +
padding-right: 6px;
 +
padding-bottom: 10px;
 +
}
 +
</style>
-
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
 
-
<a class="menuItemLink" href="http://2010.igem.org/Team:TU_Delft/Brainstorming">Brainstorming</a>
 
-
<div class="submenu">
 
-
<div class="submenuItem">
 
-
<a class="submenuItemLink" href="http://2010.igem.org/Team:TU_Delft/Brainstorming">Our ideas</a>
 
-
</div>
 
-
</div>
 
-
</div>
 
-
 
-
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
 
-
<a class="menuItemLink" href="http://2010.igem.org/Team:TU_Delft/Contact">Follow us!</a>
 
-
<div class="submenu">
 
-
<div class="submenuItem">
 
-
<a class="submenuItemLink" href="http://2010.igem.org/Team:TU_Delft/Contact">Contact</a>
 
-
</div>
 
-
<div class="submenuItem">
 
-
<a class="submenuItemLink" href="http://twitter.com/igemtudelft2010" target="_blank">Twitter</a>
 
-
</div>
 
-
<div class="submenuItem">
 
-
<a class="submenuItemLink" href="http://www.facebook.com/pages/TU-Delft-iGEM-team/112242102125963" target="_blank">Facebook</a>
 
-
</div>
 
</div>
</div>
</div>
</div>
</div>
</div>
-
<div id="HomeLeft">
 
-
    <div id="Countdown">
 
-
    <embed width="200" height="60" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" src="http://www.oneplusyou.com/bb/files/countdown/countdown.swf?co=8bce9e&amp;bgcolor=FFFFFF&amp;date_month=11&amp;date_day=05&amp;date_year=10&amp;un=IGEM JAMBOREE 2010&amp;size=normal&amp;mo=11&amp;da=05&amp;yr=2010">
 
-
    </div>
 
-
    <div id="Upcoming">
 
-
    <br><h3>Upcoming Events</h3>
 
-
    <h4>May 12th</h4>
 
-
    Our next meeting: We will be presenting initial action plans for each subpart of our project<br><br>
 
-
</div>
 
-
<br>
 
-
<div id="Sponsors">
 
-
<h3>Our Sponsors</h3>
 
-
<a href="http://www.suitsupply.nl/">
 
-
<div id="Sponsor1">
 
-
</div>
 
-
</a>
 
-
<br>
 
-
<a href="http://www.dsm.nl/">
 
-
<div id="Sponsor2">
 
-
</div>
 
-
</a>
 
-
<br>
 
-
<a href="http://www.genomics.nl//">
 
-
<div id="Sponsor3">
 
-
</div>
 
-
</a>
 
-
</div>
 
-
</div>
 
-
<div id="HomeCenter">
 
-
<h3>The Team</h3>
 
-
Yes! We've got our team together!
 
-
9 undergraduates together with # advisors have cleared their schedules until September in order to work on iGEM. Want to get to know us? Have a look at our <a class="LinkinText" href="http://2010.igem.org/Team:TU_Delft/Team">team page</a>
 
-
<br><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!
 
-
</div>
 
-
<div id="HomeRight">
 
-
<a href="http://2010.igem.org/Team:TU_Delft/Project">
 
-
<div id="ProjectPic">
 
-
The Project
 
-
</div>
 
-
</a>
 
-
<a href="http://2010.igem.org/Team:TU_Delft/Team">
 
-
<div id="GroupphotoSmall">
 
-
</div>
 
-
</a>
 
-
<a href="http://home.tudelft.nl/en/" target="_blank">
 
-
<div id="TUlogo">
 
-
</div>
 
-
</a>
 
-
</div>
 
</div>
</div>
 +
<script type="text/javascript">
 +
 +
  var _gaq = _gaq || [];
 +
  _gaq.push(['_setAccount', 'UA-16783722-1']);
 +
  _gaq.push(['_trackPageview']);
 +
 +
  (function() {
 +
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
 +
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
 +
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 +
  })();
-
</body>
+
</script>
</html>
</html>

Latest revision as of 01:53, 26 May 2011