http://2010.igem.org/wiki/index.php?title=Special:Contributions/Supacalafrglstic&feed=atom&limit=50&target=Supacalafrglstic&year=&month=
2010.igem.org - User contributions [en]
2024-03-29T13:13:53Z
From 2010.igem.org
MediaWiki 1.16.5
http://2010.igem.org/Template:CM_css
Template:CM css
2010-10-28T02:53:05Z
<p>Supacalafrglstic: </p>
<hr />
<div><html><br />
<head><br />
<script type="text/javascript" src="http://www.sunsean.com/idTabs/jquery.idTabs.min.js"></script><br />
<script type="text/javascript" src="http://jquery.com/demo/thickbox/thickbox-code/thickbox.js"></script><br />
<link rel="stylesheet" href="http://jquery.com/demo/thickbox/thickbox-code/thickbox.css" type="text/css" media="screen" /><br />
<script type="text/javascript" src="http://www.google.com/jsapi"></script><br />
<script src="http://d2o0t5hpnwv4c1.cloudfront.net/004_Moo/tutorial/demo/sliding_effect.js"></script><br />
<script> google.load("jquery", "1.4.2"); </script><br />
<script type="text/javascript"><br />
$('#rightMenu a')<br />
.css( {backgroundPosition: "0 0"} )<br />
.mouseover(function(){<br />
$(this).stop().animate(<br />
{backgroundPosition:"(0 -250px)"}, <br />
{duration:500})<br />
})<br />
.mouseout(function(){<br />
$(this).stop().animate(<br />
{backgroundPosition:"(0 0)"}, <br />
{duration:500})<br />
})<br />
</script><br />
<script type="text/javascript"><br />
$(function() {<br />
$("#button").toggle(<br />
function() {<br />
$("#effect").animate({backgroundColor: '#aa0000', color: '#fff', width: 500}, 1000);<br />
},<br />
function() {<br />
$("#effect").animate({backgroundColor: '#fff', color: '#000', width: 240}, 1000);<br />
}<br />
);<br />
});<br />
$(document).ready(function(){<br />
if($("#nav")) {<br />
$("#nav dd").hide();<br />
$("#nav dt b").click(function() {<br />
if(this.className.indexOf("clicked") != -1) {<br />
$(this).parent().next().slideUp(200);<br />
$(this).removeClass("clicked");<br />
}<br />
else {<br />
$("#nav dt b").removeClass();<br />
$(this).addClass("clicked");<br />
$("#nav dd:visible").slideUp(200);<br />
$(this).parent().next().slideDown(500);<br />
}<br />
return false;<br />
});<br />
}<br />
});<br />
<br />
</script><br />
<!--[if IE]><br />
<style><br />
#header {<br />
width: 900px;<br />
}<br />
</style><br />
<![endif]--><br />
<style type="text/css"><br />
.toggler { width: 500px; height: 200px; position: relative;}<br />
#button { padding: .5em 1em; text-decoration: none; }<br />
#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; background: #fff; }<br />
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }<br />
<br />
<br />
#header {<br />
position: relative;<br />
left: 2px;<br />
text-align: left;<br />
margin: 0px;<br />
width: 955px;<br />
}<br />
<br />
#header a {<br />
color: white;<br />
}<br />
<br />
#content {<br />
background-color: transparent;<br />
border: none;<br />
}<br />
<br />
.mainContent {<br />
width: 943px;<br />
position: absolute;<br />
padding:5px;<br />
top: 160px;<br />
font-size: 14px;<br />
margin:5px;<br />
}<br />
<br />
#groupparts {<br />
position:relative;<br />
left: 21px;<br />
top: 5px;<br />
}<br />
<br />
.baby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
}<br />
<br />
.bodybaby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
border-bottom: 2px solid black;<br />
color: black;<br />
}<br />
<br />
.bodybaby a {<br />
color: black;<br />
}<br />
<br />
.sidep {<br />
display: inline;<br />
background-color: #boc4de;<br />
width: 170px;<br />
float: right;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
.outline {<br />
display: inline;<br />
padding: 5px;<br />
background-color: #boc4de;<br />
width: 250px;<br />
float: left;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
#procedure,<br />
#procedure a {<br />
display: relative;<br />
text-decoration: none;<br />
color: black;<br />
list-style: none;<br />
}<br />
<br />
#procedure a:hover {<br />
color: white;<br />
text-decoration: none;<br />
}<br />
<br />
.bolded {<br />
font-size: 16px;<br />
}<br />
<br />
#unique {<br />
margin: 5px 21px !important;<br />
border: none !important;<br />
background-color: white;<br />
}<br />
<br />
#freedom {<br />
width: 105px;<br />
position: relative;<br />
left: -20px;<br />
top: 8px;<br />
display: block;<br />
list-style: none;<br />
text-align: left;<br />
color: black;<br />
background-color: honeydew;<br />
font-family: Osaka, verdana, Sans-Serif;<br />
font-size: 16px;<br />
}<br />
#freedom li a {<br />
text-align: left;<br />
padding-left: 7px;<br />
color: #330066<br />
}<br />
<br />
#freedom li a:hover {<br />
background-color: #b2b2cc;<br />
<br />
}<br />
#freedom li a.selected {<br />
position: relative;<br />
left: 10px;<br />
color: black;<br />
}<br />
<br />
.tabContainer {<br />
position: relative;<br />
top: 0px;<br />
left: 4px;<br />
height: 23px;<br />
width: 99%;<br />
}<br />
.tabContainer p {<br />
text-align:left;<br />
top: 1px;<br />
}<br />
<br />
/* ================================================================ <br />
This copyright notice must be untouched at all times.<br />
Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved.<br />
=================================================================== */<br />
<br />
#nav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#nav a:hover {text-decoration:underline;}<br />
#nav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#nav dt a {color:#000; text-decoration:none;}<br />
#nav dd {padding:0; margin:0;}<br />
#nav dd ul {padding:0; margin:0; list-style:none;}<br />
#nav dd ul li {padding-left:20px; width:230px}<br />
#nav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
<br />
input.searchButton {<br />
background:none repeat scroll 0 0 transparent;<br />
border:medium none;<br />
color:#000066;<br />
font-size:100%;<br />
font-weight:bold;<br />
margin:1px 10px 0;<br />
}<br />
<br />
#search-controls {<br />
display: block;<br />
background: none;<br />
position: absolute;<br />
top: -100px;<br />
left: -50px;}<br />
<br />
.left-menu {<br />
width: 300px;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
.left-menu ul {<br />
border: none; }<br />
<br />
#searchform {<br />
background: none;<br />
display: block;<br />
float: right;}<br />
<br />
#menubar.right-menu {<br />
width: 300px;<br />
display: block;<br />
float: left;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
<br />
#top-section {<br />
height: 0px;<br />
margin-top: -5px;<br />
margin-bottom: 0 !important;<br />
margin-left: auto;<br />
padding:0;<br />
border: none;}<br />
<br />
#p-logo {<br />
height: 0px;<br />
overflow: hidden;<br />
display: none;<br />
border: }<br />
<br />
#footer {<br />
border: none;<br />
background-color: transparent;<br />
margin: 0;<br />
padding: 0; }<br />
<br />
#footer-box {<br />
border:none;<br />
background-color: transparent;<br />
}<br />
<br />
.firstHeading {<br />
display: none; }<br />
<br />
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }<br />
.code code { display: block; padding: 3px; margin-bottom: 0; }<br />
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }<br />
.indent1 { padding-left: 1em; }<br />
.indent2 { padding-left: 2em; }<br />
<br />
/* sidenav styling */<br />
#sidenav {<br />
clear: both;<br />
line-height: 50%;<br />
}<br />
<br />
#sidenav li {<br />
list-style-type: none;<br />
display: block;<br />
margin: 8px 0px;<br />
font-size: 14px;<br />
}<br />
<br />
#sidenav li li {<br />
padding-left: 16px;<br />
}<br />
<br />
#sidenav li a {<br />
color: #333;<br />
padding: 0px 4px 0px 10px;<br />
background-color: transparent;<br />
font-weight: bold;<br />
}<br />
<br />
#sidenav ul a {<br />
font-weight: normal;<br />
}<br />
<br />
#sidenav li li a,<br />
#sidenav li.sel li a {<br />
padding-left: 0px;<br />
}<br />
<br />
#sidenav li.sel a,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav.col li.sel ul li a:hover,<br />
#sidenav.col li.sel ul li a:active {<br />
color: #fff;<br />
text-decoration: none;<br />
}<br />
<br />
<br />
<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
*{padding: 0; margin: 0;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_window {<br />
font: 12px Arial, Helvetica, sans-serif;<br />
color: #333333;<br />
}<br />
<br />
#TB_secondLine {<br />
font: 10px Arial, Helvetica, sans-serif;<br />
color:#666666;<br />
}<br />
<br />
#TB_window a:link {color: #666666;}<br />
#TB_window a:visited {color: #666666;}<br />
#TB_window a:hover {color: #000;}<br />
#TB_window a:active {color: #666666;}<br />
#TB_window a:focus{color: #666666;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_overlay {<br />
position: fixed;<br />
z-index:100;<br />
top: 0px;<br />
left: 0px;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}<br />
.TB_overlayBG {<br />
background-color:#000;<br />
filter:alpha(opacity=75);<br />
-moz-opacity: 0.75;<br />
opacity: 0.75;<br />
}<br />
<br />
* html #TB_overlay { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_window {<br />
position: fixed;<br />
background: #ffffff;<br />
z-index: 102;<br />
color:#000000;<br />
display:none;<br />
border: 4px solid #525252;<br />
text-align:left;<br />
top:50%;<br />
left:50%;<br />
}<br />
<br />
* html #TB_window { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_window img#TB_Image {<br />
display:block;<br />
margin: 15px 0 0 15px;<br />
border-right: 1px solid #ccc;<br />
border-bottom: 1px solid #ccc;<br />
border-top: 1px solid #666;<br />
border-left: 1px solid #666;<br />
}<br />
<br />
#TB_caption{<br />
height:25px;<br />
padding:7px 30px 10px 25px;<br />
float:left;<br />
}<br />
<br />
#TB_closeWindow{<br />
height:25px;<br />
padding:11px 25px 10px 0;<br />
float:right;<br />
}<br />
<br />
#TB_closeAjaxWindow{<br />
padding:7px 10px 5px 0;<br />
margin-bottom:1px;<br />
text-align:right;<br />
float:right;<br />
}<br />
<br />
#TB_ajaxWindowTitle{<br />
float:left;<br />
padding:7px 0 5px 10px;<br />
margin-bottom:1px;<br />
}<br />
<br />
#TB_title{<br />
background-color:#e8e8e8;<br />
height:27px;<br />
}<br />
<br />
#TB_ajaxContent{<br />
clear:both;<br />
padding:2px 15px 15px 15px;<br />
overflow:auto;<br />
text-align:left;<br />
line-height:1.4em;<br />
}<br />
<br />
#TB_ajaxContent.TB_modal{<br />
padding:15px;<br />
}<br />
<br />
#TB_ajaxContent p{<br />
padding:5px 0px 5px 0px;<br />
}<br />
<br />
#TB_load{<br />
position: fixed;<br />
display:none;<br />
height:13px;<br />
width:208px;<br />
z-index:103;<br />
top: 50%;<br />
left: 50%;<br />
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */<br />
}<br />
<br />
* html #TB_load { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_HideSelect{<br />
z-index:99;<br />
position:fixed;<br />
top: 0;<br />
left: 0;<br />
background-color:#fff;<br />
border:none;<br />
filter:alpha(opacity=0);<br />
-moz-opacity: 0;<br />
opacity: 0;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
* html #TB_HideSelect { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_iframeContent{<br />
clear:both;<br />
border:none;<br />
margin-bottom:-1px;<br />
margin-top:1px;<br />
_margin-bottom:1px;<br />
}<br />
<br />
#stones {<br />
position: fixed;<br />
top: 45px;<br />
left: 0px;<br />
width: 43px;<br />
padding: 2px;<br />
background-image: url('https://static.igem.org/mediawiki/2010/3/34/Transparency50.png');<br />
background-repeat: repeat-y;<br />
}<br />
<br />
/* MIT ChemE Menu */<br />
<br />
#navwrapper {<br />
position: absolute;<br />
width: 955px;<br />
}<br />
<br />
#topnav {<br />
height: 65px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li {<br />
list-style: none;<br />
float: left;<br />
}<br />
<br />
#topnav li a {<br />
display: block;<br />
width: 183px;<br />
height: 65px;<br />
margin-right: 2px;<br />
background-color: #2e2e2e;<br />
font-family: "Arial", Verdana, sans-serif;<br />
font-size: medium;<br />
line-height: 1.25em;<br />
color: #fff;<br />
font-weight: 900;<br />
}<br />
<br />
#topnav li a.last {<br />
margin-right: 0px;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul,<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
display: block;<br />
}<br />
<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
z-index: 1;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul {<br />
z-index: 100;<br />
}<br />
<br />
#topnav li ul {<br />
display: none;<br />
clear: both;<br />
position: absolute;<br />
top: 65px;<br />
left: 0px;<br />
width: 950px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li li {<br />
float: none;<br />
display: block;<br />
}<br />
<br />
#topnav li a:hover,<br />
#topnav li a:active {<br />
text-decoration: none;<br />
}<br />
<br />
#topnav li li {<br />
display: block;<br />
float: left;<br />
padding-top: 11px;<br />
padding-bottom: 9px;<br />
}<br />
<br />
#topnav li li a {<br />
margin: 0;<br />
padding: 0 8px;<br />
background-color: transparent;<br />
height: auto;<br />
width: auto;<br />
font-weight: normal;<br />
font-size: small;<br />
border-right: 1px solid white;<br />
}<br />
<br />
#topnav li li.last a {<br />
background-image: none;<br />
padding-right: 0px;<br />
border-right: none;<br />
}<br />
<br />
#topnav li li a:hover,<br />
#topnav li li a:active,<br />
#topnav li li.sel a {<br />
text-transform: uppercase;<br />
}<br />
<br />
<br />
<br />
/* specific styles */<br />
<br />
#topnav li.about a:hover,<br />
#topnav li.about a:active,<br />
#topnav li.about ul,<br />
body.about #topnav li.about a:link,<br />
body.about #topnav li.about a:visited {<br />
background-color: #8b0000;<br />
}<br />
<br />
#topnav li.about ul {<br />
width: 923px;<br />
}<br />
<br />
#topnav li.people a:hover,<br />
#topnav li.people a:active,<br />
#topnav li.people ul,<br />
body.people #topnav li.people a:link,<br />
body.people #topnav li.people a:visited,<br />
body.people #sidenav .sel a:link,<br />
body.people #sidenav .sel a:visited,<br />
body.people #sidenav a:hover,<br />
body.people #sidenav a:active,<br />
body.people #sidenav li.sel li a:hover,<br />
body.people #sidenav li.sel li a:active {<br />
background-color: #e6881a;<br />
}<br />
<br />
#topnav li.people ul {<br />
width: 848px;<br />
padding-left: 75px;<br />
}<br />
<br />
#topnav li.academics a:hover,<br />
#topnav li.academics a:active,<br />
#topnav li.academics ul,<br />
body.academics #topnav li.academics a:link,<br />
body.academics #topnav li.academics a:visited,<br />
body.academics #sidenav li.sel a:link,<br />
body.academics #sidenav li.sel a:visited,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active,<br />
body.academics #sidenav li a:hover,<br />
body.academics #sidenav li a:active,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active {<br />
background-color: #2e2e91;<br />
}<br />
<br />
#topnav li.academics ul {<br />
width: 698px;<br />
padding-left: 225px;<br />
}<br />
<br />
#topnav li.notebook a:hover,<br />
#topnav li.notebook a:active,<br />
#topnav li.notebook ul,<br />
body.notebook #topnav li.notebook a:link,<br />
body.notebook #topnav li.notebook a:visited,<br />
#sidenav li.sel a:link,<br />
#sidenav li.sel a:visited,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active {<br />
background-color: #016b9d;<br />
}<br />
<br />
#topnav li.notebook ul {<br />
width: 463px;<br />
padding-left: 460px;<br />
}<br />
<br />
#topnav li.contributions a:hover,<br />
#topnav li.contributions a:active,<br />
#topnav li.contributions ul,<br />
body.contributions #topnav li.contributions a:link,<br />
body.contributions #topnav li.contributions a:visited,<br />
body.contributions #sidenav li.sel a:link,<br />
body.contributions #sidenav li.sel a:visited,<br />
body.contributions #sidenav li a:hover,<br />
body.contributions #sidenav li a:active,<br />
body.contributions #sidenav li.sel li a:hover,<br />
body.contributions #sidenav li.sel li a:active {<br />
background-color: #4ca14c;<br />
}<br />
<br />
#topnav li.contributions ul {<br />
width: 293px;<br />
padding-left: 630px;<br />
}<br />
<br />
#specialnav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#specialnav a:hover {text-decoration:underline;}<br />
#specialnav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#specialnav dt a {color:#000; text-decoration:none;}<br />
#specialnav dd {padding:0; margin:0;}<br />
#specialnav dd ul {padding:0; margin:0; list-style:none;}<br />
#specialnav dd ul li {padding-left:20px; width:230px}<br />
#specialnav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
/* Thanks to MIT ChemE dept. Your site is lovely. */<br />
<br />
</style><br />
<br />
<br />
</head><br />
<body><br />
<div id="header"><br />
<div id="whitespace" style="background-color: transparent; height: 60px; font-size: large; color: white;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://mit.edu"><img style="vertical-align: -35px;" src="http://web.mit.edu/img/MIT_logo.gif"> <b style="vertical-align:-15px;">iGEM 2010</b></a></div><br />
<div id="navwrapper"><br />
<ul id="topnav"><br />
<li class="about"><a href="https://2010.igem.org/Team:MIT"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Home</td></table><br />
</a><br />
<br />
<ul><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT">Home</a></li><br />
</ul></li><br />
<li class="people"><a href="https://2010.igem.org/Team:MIT/Team"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Team</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_undergraduates">Undergraduates</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_instructors">Instructors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_advisors">Advisors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_fun">Fun</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_gallery">Gallery</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_sponsors">Sponsors</a></li><br />
</ul></li><br />
<li class="academics"><a href="https://2010.igem.org/Team:MIT_overview"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Project</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_overview">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_toggle">Bacteria</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage">Phage</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Mammalian</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_results">Results</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_summary">Summary</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_acknowledgements">Acknowledgments</a></li><br />
</ul><br />
<br />
</li><br />
<li class="notebook"><a href="https://2010.igem.org/Team:MIT/Notebook"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Notebook</td></table><br />
</a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mm">Materials & Methods</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_parts">Parts</a></li><br />
<li class="last"><a href ="https://2010.igem.org/Team:MIT_safety">Safety</a></li><br />
<br />
</ul></li><br />
<li class="contributions"><a href="https://2010.igem.org/Team:MIT_contributions" class="last"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Beyond Biobrick</td></table></a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_bioethics">Bioethics</a></li><br />
</ul></li><br />
<br />
</ul><br />
</div><br />
<div id="whitespace" style="height: 100px;"></div><br />
</div> <br />
<br />
</body><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Template:CM_css
Template:CM css
2010-10-28T02:48:49Z
<p>Supacalafrglstic: </p>
<hr />
<div><html><br />
<head><br />
<script type="text/javascript" src="http://www.sunsean.com/idTabs/jquery.idTabs.min.js"></script><br />
<script type="text/javascript" src="http://jquery.com/demo/thickbox/thickbox-code/thickbox.js"></script><br />
<link rel="stylesheet" href="http://jquery.com/demo/thickbox/thickbox-code/thickbox.css" type="text/css" media="screen" /><br />
<script type="text/javascript" src="http://www.google.com/jsapi"></script><br />
<script src="http://d2o0t5hpnwv4c1.cloudfront.net/004_Moo/tutorial/demo/sliding_effect.js"></script><br />
<script> google.load("jquery", "1.4.2"); </script><br />
<script type="text/javascript"><br />
$('#rightMenu a')<br />
.css( {backgroundPosition: "0 0"} )<br />
.mouseover(function(){<br />
$(this).stop().animate(<br />
{backgroundPosition:"(0 -250px)"}, <br />
{duration:500})<br />
})<br />
.mouseout(function(){<br />
$(this).stop().animate(<br />
{backgroundPosition:"(0 0)"}, <br />
{duration:500})<br />
})<br />
</script><br />
<script type="text/javascript"><br />
$(function() {<br />
$("#button").toggle(<br />
function() {<br />
$("#effect").animate({backgroundColor: '#aa0000', color: '#fff', width: 500}, 1000);<br />
},<br />
function() {<br />
$("#effect").animate({backgroundColor: '#fff', color: '#000', width: 240}, 1000);<br />
}<br />
);<br />
});<br />
$(document).ready(function(){<br />
if($("#nav")) {<br />
$("#nav dd").hide();<br />
$("#nav dt b").click(function() {<br />
if(this.className.indexOf("clicked") != -1) {<br />
$(this).parent().next().slideUp(200);<br />
$(this).removeClass("clicked");<br />
}<br />
else {<br />
$("#nav dt b").removeClass();<br />
$(this).addClass("clicked");<br />
$("#nav dd:visible").slideUp(200);<br />
$(this).parent().next().slideDown(500);<br />
}<br />
return false;<br />
});<br />
}<br />
});<br />
<br />
</script><br />
<!--[if IE]><br />
<style><br />
#header {<br />
width: 900px;<br />
}<br />
</style><br />
<![endif]--><br />
<style type="text/css"><br />
.toggler { width: 500px; height: 200px; position: relative;}<br />
#button { padding: .5em 1em; text-decoration: none; }<br />
#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; background: #fff; }<br />
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }<br />
<br />
<br />
#header {<br />
position: relative;<br />
left: 2px;<br />
text-align: left;<br />
margin: 0px;<br />
width: 955px;<br />
}<br />
<br />
#header a {<br />
color: white;<br />
}<br />
<br />
#content {<br />
background-color: transparent;<br />
border: none;<br />
}<br />
<br />
.mainContent {<br />
width: 943px;<br />
position: absolute;<br />
padding:5px;<br />
top: 160px;<br />
font-size: 14px;<br />
margin:5px;<br />
}<br />
<br />
#groupparts {<br />
position:relative;<br />
left: 21px;<br />
top: 5px;<br />
}<br />
<br />
.baby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
}<br />
<br />
.bodybaby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
border-bottom: 2px solid black;<br />
color: black;<br />
}<br />
<br />
.bodybaby a {<br />
color: black;<br />
}<br />
<br />
.sidep {<br />
display: inline;<br />
background-color: #boc4de;<br />
width: 170px;<br />
float: right;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
.outline {<br />
display: inline;<br />
padding: 5px;<br />
background-color: #boc4de;<br />
width: 250px;<br />
float: left;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
#procedure,<br />
#procedure a {<br />
display: relative;<br />
text-decoration: none;<br />
color: black;<br />
list-style: none;<br />
}<br />
<br />
#procedure a:hover {<br />
color: white;<br />
text-decoration: none;<br />
}<br />
<br />
.bolded {<br />
font-size: 16px;<br />
}<br />
<br />
#unique {<br />
margin: 5px 21px !important;<br />
border: none !important;<br />
background-color: white;<br />
}<br />
<br />
#freedom {<br />
width: 105px;<br />
position: relative;<br />
left: -20px;<br />
top: 8px;<br />
display: block;<br />
list-style: none;<br />
text-align: left;<br />
color: black;<br />
background-color: honeydew;<br />
font-family: Osaka, verdana, Sans-Serif;<br />
font-size: 16px;<br />
}<br />
#freedom li a {<br />
text-align: left;<br />
padding-left: 7px;<br />
color: #330066<br />
}<br />
<br />
#freedom li a:hover {<br />
background-color: #b2b2cc;<br />
<br />
}<br />
#freedom li a.selected {<br />
position: relative;<br />
left: 10px;<br />
color: black;<br />
}<br />
<br />
.tabContainer {<br />
position: relative;<br />
top: 0px;<br />
left: 4px;<br />
height: 23px;<br />
width: 99%;<br />
}<br />
.tabContainer p {<br />
text-align:left;<br />
top: 1px;<br />
}<br />
<br />
/* ================================================================ <br />
This copyright notice must be untouched at all times.<br />
Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved.<br />
=================================================================== */<br />
<br />
#nav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#nav a:hover {text-decoration:underline;}<br />
#nav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#nav dt a {color:#000; text-decoration:none;}<br />
#nav dd {padding:0; margin:0;}<br />
#nav dd ul {padding:0; margin:0; list-style:none;}<br />
#nav dd ul li {padding-left:20px; width:230px}<br />
#nav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
<br />
input.searchButton {<br />
background:none repeat scroll 0 0 transparent;<br />
border:medium none;<br />
color:#000066;<br />
font-size:100%;<br />
font-weight:bold;<br />
margin:1px 10px 0;<br />
}<br />
<br />
#search-controls {<br />
display: block;<br />
background: none;<br />
position: absolute;<br />
top: -100px;<br />
left: -50px;}<br />
<br />
.left-menu {<br />
width: 300px;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
.left-menu ul {<br />
border: none; }<br />
<br />
#searchform {<br />
background: none;<br />
display: block;<br />
float: right;}<br />
<br />
#menubar.right-menu {<br />
width: 300px;<br />
display: block;<br />
float: left;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
<br />
#top-section {<br />
height: 0px;<br />
margin-top: -5px;<br />
margin-bottom: 0 !important;<br />
margin-left: auto;<br />
padding:0;<br />
border: none;}<br />
<br />
#p-logo {<br />
height: 0px;<br />
overflow: hidden;<br />
display: none;<br />
border: }<br />
<br />
#footer {<br />
border: none;<br />
background-color: transparent;<br />
margin: 0;<br />
padding: 0; }<br />
<br />
#footer-box {<br />
border:none;<br />
background-color: transparent;<br />
}<br />
<br />
.firstHeading {<br />
display: none; }<br />
<br />
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }<br />
.code code { display: block; padding: 3px; margin-bottom: 0; }<br />
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }<br />
.indent1 { padding-left: 1em; }<br />
.indent2 { padding-left: 2em; }<br />
<br />
/* sidenav styling */<br />
#sidenav {<br />
clear: both;<br />
line-height: 50%;<br />
}<br />
<br />
#sidenav li {<br />
list-style-type: none;<br />
display: block;<br />
margin: 8px 0px;<br />
font-size: 14px;<br />
}<br />
<br />
#sidenav li li {<br />
padding-left: 16px;<br />
}<br />
<br />
#sidenav li a {<br />
color: #333;<br />
padding: 0px 4px 0px 10px;<br />
background-color: transparent;<br />
font-weight: bold;<br />
}<br />
<br />
#sidenav ul a {<br />
font-weight: normal;<br />
}<br />
<br />
#sidenav li li a,<br />
#sidenav li.sel li a {<br />
padding-left: 0px;<br />
}<br />
<br />
#sidenav li.sel a,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav.col li.sel ul li a:hover,<br />
#sidenav.col li.sel ul li a:active {<br />
color: #fff;<br />
text-decoration: none;<br />
}<br />
<br />
<br />
<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
*{padding: 0; margin: 0;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_window {<br />
font: 12px Arial, Helvetica, sans-serif;<br />
color: #333333;<br />
}<br />
<br />
#TB_secondLine {<br />
font: 10px Arial, Helvetica, sans-serif;<br />
color:#666666;<br />
}<br />
<br />
#TB_window a:link {color: #666666;}<br />
#TB_window a:visited {color: #666666;}<br />
#TB_window a:hover {color: #000;}<br />
#TB_window a:active {color: #666666;}<br />
#TB_window a:focus{color: #666666;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_overlay {<br />
position: fixed;<br />
z-index:100;<br />
top: 0px;<br />
left: 0px;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}<br />
.TB_overlayBG {<br />
background-color:#000;<br />
filter:alpha(opacity=75);<br />
-moz-opacity: 0.75;<br />
opacity: 0.75;<br />
}<br />
<br />
* html #TB_overlay { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_window {<br />
position: fixed;<br />
background: #ffffff;<br />
z-index: 102;<br />
color:#000000;<br />
display:none;<br />
border: 4px solid #525252;<br />
text-align:left;<br />
top:50%;<br />
left:50%;<br />
}<br />
<br />
* html #TB_window { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_window img#TB_Image {<br />
display:block;<br />
margin: 15px 0 0 15px;<br />
border-right: 1px solid #ccc;<br />
border-bottom: 1px solid #ccc;<br />
border-top: 1px solid #666;<br />
border-left: 1px solid #666;<br />
}<br />
<br />
#TB_caption{<br />
height:25px;<br />
padding:7px 30px 10px 25px;<br />
float:left;<br />
}<br />
<br />
#TB_closeWindow{<br />
height:25px;<br />
padding:11px 25px 10px 0;<br />
float:right;<br />
}<br />
<br />
#TB_closeAjaxWindow{<br />
padding:7px 10px 5px 0;<br />
margin-bottom:1px;<br />
text-align:right;<br />
float:right;<br />
}<br />
<br />
#TB_ajaxWindowTitle{<br />
float:left;<br />
padding:7px 0 5px 10px;<br />
margin-bottom:1px;<br />
}<br />
<br />
#TB_title{<br />
background-color:#e8e8e8;<br />
height:27px;<br />
}<br />
<br />
#TB_ajaxContent{<br />
clear:both;<br />
padding:2px 15px 15px 15px;<br />
overflow:auto;<br />
text-align:left;<br />
line-height:1.4em;<br />
}<br />
<br />
#TB_ajaxContent.TB_modal{<br />
padding:15px;<br />
}<br />
<br />
#TB_ajaxContent p{<br />
padding:5px 0px 5px 0px;<br />
}<br />
<br />
#TB_load{<br />
position: fixed;<br />
display:none;<br />
height:13px;<br />
width:208px;<br />
z-index:103;<br />
top: 50%;<br />
left: 50%;<br />
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */<br />
}<br />
<br />
* html #TB_load { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_HideSelect{<br />
z-index:99;<br />
position:fixed;<br />
top: 0;<br />
left: 0;<br />
background-color:#fff;<br />
border:none;<br />
filter:alpha(opacity=0);<br />
-moz-opacity: 0;<br />
opacity: 0;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
* html #TB_HideSelect { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_iframeContent{<br />
clear:both;<br />
border:none;<br />
margin-bottom:-1px;<br />
margin-top:1px;<br />
_margin-bottom:1px;<br />
}<br />
<br />
#stones {<br />
position: fixed;<br />
top: 45px;<br />
left: 0px;<br />
width: 43px;<br />
padding: 2px;<br />
background-image: url('https://static.igem.org/mediawiki/2010/3/34/Transparency50.png');<br />
background-repeat: repeat-y;<br />
}<br />
<br />
/* MIT ChemE Menu */<br />
<br />
#navwrapper {<br />
position: absolute;<br />
width: 955px;<br />
}<br />
<br />
#topnav {<br />
height: 65px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li {<br />
list-style: none;<br />
float: left;<br />
}<br />
<br />
#topnav li a {<br />
display: block;<br />
width: 183px;<br />
height: 65px;<br />
margin-right: 2px;<br />
background-color: #2e2e2e;<br />
font-family: "Arial", Verdana, sans-serif;<br />
font-size: medium;<br />
line-height: 1.25em;<br />
color: #fff;<br />
font-weight: 900;<br />
}<br />
<br />
#topnav li a.last {<br />
margin-right: 0px;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul,<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
display: block;<br />
}<br />
<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
z-index: 1;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul {<br />
z-index: 100;<br />
}<br />
<br />
#topnav li ul {<br />
display: none;<br />
clear: both;<br />
position: absolute;<br />
top: 65px;<br />
left: 0px;<br />
width: 950px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li li {<br />
float: none;<br />
display: block;<br />
}<br />
<br />
#topnav li a:hover,<br />
#topnav li a:active {<br />
text-decoration: none;<br />
}<br />
<br />
#topnav li li {<br />
display: block;<br />
float: left;<br />
padding-top: 11px;<br />
padding-bottom: 9px;<br />
}<br />
<br />
#topnav li li a {<br />
margin: 0;<br />
padding: 0 8px;<br />
background-color: transparent;<br />
height: auto;<br />
width: auto;<br />
font-weight: normal;<br />
font-size: small;<br />
border-right: 1px solid white;<br />
}<br />
<br />
#topnav li li.last a {<br />
background-image: none;<br />
padding-right: 0px;<br />
border-right: none;<br />
}<br />
<br />
#topnav li li a:hover,<br />
#topnav li li a:active,<br />
#topnav li li.sel a {<br />
text-transform: uppercase;<br />
}<br />
<br />
<br />
<br />
/* specific styles */<br />
<br />
#topnav li.about a:hover,<br />
#topnav li.about a:active,<br />
#topnav li.about ul,<br />
body.about #topnav li.about a:link,<br />
body.about #topnav li.about a:visited {<br />
background-color: #8b0000;<br />
}<br />
<br />
#topnav li.about ul {<br />
width: 923px;<br />
}<br />
<br />
#topnav li.people a:hover,<br />
#topnav li.people a:active,<br />
#topnav li.people ul,<br />
body.people #topnav li.people a:link,<br />
body.people #topnav li.people a:visited,<br />
body.people #sidenav .sel a:link,<br />
body.people #sidenav .sel a:visited,<br />
body.people #sidenav a:hover,<br />
body.people #sidenav a:active,<br />
body.people #sidenav li.sel li a:hover,<br />
body.people #sidenav li.sel li a:active {<br />
background-color: #e6881a;<br />
}<br />
<br />
#topnav li.people ul {<br />
width: 848px;<br />
padding-left: 75px;<br />
}<br />
<br />
#topnav li.academics a:hover,<br />
#topnav li.academics a:active,<br />
#topnav li.academics ul,<br />
body.academics #topnav li.academics a:link,<br />
body.academics #topnav li.academics a:visited,<br />
body.academics #sidenav li.sel a:link,<br />
body.academics #sidenav li.sel a:visited,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active,<br />
body.academics #sidenav li a:hover,<br />
body.academics #sidenav li a:active,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active {<br />
background-color: #2e2e91;<br />
}<br />
<br />
#topnav li.academics ul {<br />
width: 698px;<br />
padding-left: 225px;<br />
}<br />
<br />
#topnav li.notebook a:hover,<br />
#topnav li.notebook a:active,<br />
#topnav li.notebook ul,<br />
body.notebook #topnav li.notebook a:link,<br />
body.notebook #topnav li.notebook a:visited,<br />
#sidenav li.sel a:link,<br />
#sidenav li.sel a:visited,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active {<br />
background-color: #016b9d;<br />
}<br />
<br />
#topnav li.notebook ul {<br />
width: 463px;<br />
padding-left: 460px;<br />
}<br />
<br />
#topnav li.contributions a:hover,<br />
#topnav li.contributions a:active,<br />
#topnav li.contributions ul,<br />
body.contributions #topnav li.contributions a:link,<br />
body.contributions #topnav li.contributions a:visited,<br />
body.contributions #sidenav li.sel a:link,<br />
body.contributions #sidenav li.sel a:visited,<br />
body.contributions #sidenav li a:hover,<br />
body.contributions #sidenav li a:active,<br />
body.contributions #sidenav li.sel li a:hover,<br />
body.contributions #sidenav li.sel li a:active {<br />
background-color: #4ca14c;<br />
}<br />
<br />
#topnav li.contributions ul {<br />
width: 293px;<br />
padding-left: 630px;<br />
}<br />
<br />
#specialnav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#specialnav a:hover {text-decoration:underline;}<br />
#specialnav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#specialnav dt a {color:#000; text-decoration:none;}<br />
#specialnav dd {padding:0; margin:0;}<br />
#specialnav dd ul {padding:0; margin:0; list-style:none;}<br />
#specialnav dd ul li {padding-left:20px; width:230px}<br />
#specialnav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
/* Thanks to MIT ChemE dept. Your site is lovely. */<br />
<br />
</style><br />
<br />
<br />
</head><br />
<body><br />
<div id="header"><br />
<div id="whitespace" style="background-color: transparent; height: 60px; font-size: large; color: white;"><a href="http://mit.edu"><img style="vertical-align: -25px;" src="http://web.mit.edu/img/MIT_logo.gif"> iGEM 2010</a></div><br />
<div id="navwrapper"><br />
<ul id="topnav"><br />
<li class="about"><a href="https://2010.igem.org/Team:MIT"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Home</td></table><br />
</a><br />
<br />
<ul><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT">Home</a></li><br />
</ul></li><br />
<li class="people"><a href="https://2010.igem.org/Team:MIT/Team"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Team</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_undergraduates">Undergraduates</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_instructors">Instructors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_advisors">Advisors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_fun">Fun</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_gallery">Gallery</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_sponsors">Sponsors</a></li><br />
</ul></li><br />
<li class="academics"><a href="https://2010.igem.org/Team:MIT_overview"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Project</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_overview">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_toggle">Bacteria</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage">Phage</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Mammalian</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_results">Results</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_summary">Summary</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_acknowledgements">Acknowledgments</a></li><br />
</ul><br />
<br />
</li><br />
<li class="notebook"><a href="https://2010.igem.org/Team:MIT/Notebook"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Notebook</td></table><br />
</a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mm">Materials & Methods</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_parts">Parts</a></li><br />
<li class="last"><a href ="https://2010.igem.org/Team:MIT_safety">Safety</a></li><br />
<br />
</ul></li><br />
<li class="contributions"><a href="https://2010.igem.org/Team:MIT_contributions" class="last"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Beyond Biobrick</td></table></a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_bioethics">Bioethics</a></li><br />
</ul></li><br />
<br />
</ul><br />
</div><br />
<div id="whitespace" style="height: 100px;"></div><br />
</div> <br />
<br />
</body><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Template:CM_css
Template:CM css
2010-10-28T02:41:48Z
<p>Supacalafrglstic: </p>
<hr />
<div><html><br />
<head><br />
<script type="text/javascript" src="http://www.sunsean.com/idTabs/jquery.idTabs.min.js"></script><br />
<script type="text/javascript" src="http://jquery.com/demo/thickbox/thickbox-code/thickbox.js"></script><br />
<link rel="stylesheet" href="http://jquery.com/demo/thickbox/thickbox-code/thickbox.css" type="text/css" media="screen" /><br />
<script type="text/javascript" src="http://www.google.com/jsapi"></script><br />
<script src="http://d2o0t5hpnwv4c1.cloudfront.net/004_Moo/tutorial/demo/sliding_effect.js"></script><br />
<script> google.load("jquery", "1.4.2"); </script><br />
<script type="text/javascript"><br />
$('#rightMenu a')<br />
.css( {backgroundPosition: "0 0"} )<br />
.mouseover(function(){<br />
$(this).stop().animate(<br />
{backgroundPosition:"(0 -250px)"}, <br />
{duration:500})<br />
})<br />
.mouseout(function(){<br />
$(this).stop().animate(<br />
{backgroundPosition:"(0 0)"}, <br />
{duration:500})<br />
})<br />
</script><br />
<script type="text/javascript"><br />
$(function() {<br />
$("#button").toggle(<br />
function() {<br />
$("#effect").animate({backgroundColor: '#aa0000', color: '#fff', width: 500}, 1000);<br />
},<br />
function() {<br />
$("#effect").animate({backgroundColor: '#fff', color: '#000', width: 240}, 1000);<br />
}<br />
);<br />
});<br />
$(document).ready(function(){<br />
if($("#nav")) {<br />
$("#nav dd").hide();<br />
$("#nav dt b").click(function() {<br />
if(this.className.indexOf("clicked") != -1) {<br />
$(this).parent().next().slideUp(200);<br />
$(this).removeClass("clicked");<br />
}<br />
else {<br />
$("#nav dt b").removeClass();<br />
$(this).addClass("clicked");<br />
$("#nav dd:visible").slideUp(200);<br />
$(this).parent().next().slideDown(500);<br />
}<br />
return false;<br />
});<br />
}<br />
});<br />
<br />
</script><br />
<!--[if IE]><br />
<style><br />
#header {<br />
width: 900px;<br />
}<br />
</style><br />
<![endif]--><br />
<style type="text/css"><br />
.toggler { width: 500px; height: 200px; position: relative;}<br />
#button { padding: .5em 1em; text-decoration: none; }<br />
#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; background: #fff; }<br />
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }<br />
<br />
<br />
#header {<br />
position: relative;<br />
left: 2px;<br />
text-align: left;<br />
margin: 0px;<br />
width: 955px;<br />
}<br />
<br />
#header a {<br />
color: white;<br />
}<br />
<br />
#content {<br />
background-color: transparent;<br />
border: none;<br />
}<br />
<br />
.mainContent {<br />
width: 943px;<br />
position: absolute;<br />
padding:5px;<br />
top: 160px;<br />
font-size: 14px;<br />
margin:5px;<br />
}<br />
<br />
#groupparts {<br />
position:relative;<br />
left: 21px;<br />
top: 5px;<br />
}<br />
<br />
.baby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
}<br />
<br />
.bodybaby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
border-bottom: 2px solid black;<br />
color: black;<br />
}<br />
<br />
.bodybaby a {<br />
color: black;<br />
}<br />
<br />
.sidep {<br />
display: inline;<br />
background-color: #boc4de;<br />
width: 170px;<br />
float: right;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
.outline {<br />
display: inline;<br />
padding: 5px;<br />
background-color: #boc4de;<br />
width: 250px;<br />
float: left;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
#procedure,<br />
#procedure a {<br />
display: relative;<br />
text-decoration: none;<br />
color: black;<br />
list-style: none;<br />
}<br />
<br />
#procedure a:hover {<br />
color: white;<br />
text-decoration: none;<br />
}<br />
<br />
.bolded {<br />
font-size: 16px;<br />
}<br />
<br />
#unique {<br />
margin: 5px 21px !important;<br />
border: none !important;<br />
background-color: white;<br />
}<br />
<br />
#freedom {<br />
width: 105px;<br />
position: relative;<br />
left: -20px;<br />
top: 8px;<br />
display: block;<br />
list-style: none;<br />
text-align: left;<br />
color: black;<br />
background-color: honeydew;<br />
font-family: Osaka, verdana, Sans-Serif;<br />
font-size: 16px;<br />
}<br />
#freedom li a {<br />
text-align: left;<br />
padding-left: 7px;<br />
color: #330066<br />
}<br />
<br />
#freedom li a:hover {<br />
background-color: #b2b2cc;<br />
<br />
}<br />
#freedom li a.selected {<br />
position: relative;<br />
left: 10px;<br />
color: black;<br />
}<br />
<br />
.tabContainer {<br />
position: relative;<br />
top: 0px;<br />
left: 4px;<br />
height: 23px;<br />
width: 99%;<br />
}<br />
.tabContainer p {<br />
text-align:left;<br />
top: 1px;<br />
}<br />
<br />
/* ================================================================ <br />
This copyright notice must be untouched at all times.<br />
Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved.<br />
=================================================================== */<br />
<br />
#nav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#nav a:hover {text-decoration:underline;}<br />
#nav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#nav dt a {color:#000; text-decoration:none;}<br />
#nav dd {padding:0; margin:0;}<br />
#nav dd ul {padding:0; margin:0; list-style:none;}<br />
#nav dd ul li {padding-left:20px; width:230px}<br />
#nav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
<br />
input.searchButton {<br />
background:none repeat scroll 0 0 transparent;<br />
border:medium none;<br />
color:#000066;<br />
font-size:100%;<br />
font-weight:bold;<br />
margin:1px 10px 0;<br />
}<br />
<br />
#search-controls {<br />
display: block;<br />
background: none;<br />
position: absolute;<br />
top: -100px;<br />
left: -50px;}<br />
<br />
.left-menu {<br />
width: 300px;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
.left-menu ul {<br />
border: none; }<br />
<br />
#searchform {<br />
background: none;<br />
display: block;<br />
float: right;}<br />
<br />
#menubar.right-menu {<br />
width: 300px;<br />
display: block;<br />
float: left;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
<br />
#top-section {<br />
height: 0px;<br />
margin-top: -5px;<br />
margin-bottom: 0 !important;<br />
margin-left: auto;<br />
padding:0;<br />
border: none;}<br />
<br />
#p-logo {<br />
height: 0px;<br />
overflow: hidden;<br />
display: none;<br />
border: }<br />
<br />
#footer {<br />
border: none;<br />
background-color: transparent;<br />
margin: 0;<br />
padding: 0; }<br />
<br />
#footer-box {<br />
border:none;<br />
background-color: transparent;<br />
}<br />
<br />
.firstHeading {<br />
display: none; }<br />
<br />
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }<br />
.code code { display: block; padding: 3px; margin-bottom: 0; }<br />
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }<br />
.indent1 { padding-left: 1em; }<br />
.indent2 { padding-left: 2em; }<br />
<br />
/* sidenav styling */<br />
#sidenav {<br />
clear: both;<br />
line-height: 50%;<br />
}<br />
<br />
#sidenav li {<br />
list-style-type: none;<br />
display: block;<br />
margin: 8px 0px;<br />
font-size: 14px;<br />
}<br />
<br />
#sidenav li li {<br />
padding-left: 16px;<br />
}<br />
<br />
#sidenav li a {<br />
color: #333;<br />
padding: 0px 4px 0px 10px;<br />
background-color: transparent;<br />
font-weight: bold;<br />
}<br />
<br />
#sidenav ul a {<br />
font-weight: normal;<br />
}<br />
<br />
#sidenav li li a,<br />
#sidenav li.sel li a {<br />
padding-left: 0px;<br />
}<br />
<br />
#sidenav li.sel a,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav.col li.sel ul li a:hover,<br />
#sidenav.col li.sel ul li a:active {<br />
color: #fff;<br />
text-decoration: none;<br />
}<br />
<br />
<br />
<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
*{padding: 0; margin: 0;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_window {<br />
font: 12px Arial, Helvetica, sans-serif;<br />
color: #333333;<br />
}<br />
<br />
#TB_secondLine {<br />
font: 10px Arial, Helvetica, sans-serif;<br />
color:#666666;<br />
}<br />
<br />
#TB_window a:link {color: #666666;}<br />
#TB_window a:visited {color: #666666;}<br />
#TB_window a:hover {color: #000;}<br />
#TB_window a:active {color: #666666;}<br />
#TB_window a:focus{color: #666666;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_overlay {<br />
position: fixed;<br />
z-index:100;<br />
top: 0px;<br />
left: 0px;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}<br />
.TB_overlayBG {<br />
background-color:#000;<br />
filter:alpha(opacity=75);<br />
-moz-opacity: 0.75;<br />
opacity: 0.75;<br />
}<br />
<br />
* html #TB_overlay { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_window {<br />
position: fixed;<br />
background: #ffffff;<br />
z-index: 102;<br />
color:#000000;<br />
display:none;<br />
border: 4px solid #525252;<br />
text-align:left;<br />
top:50%;<br />
left:50%;<br />
}<br />
<br />
* html #TB_window { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_window img#TB_Image {<br />
display:block;<br />
margin: 15px 0 0 15px;<br />
border-right: 1px solid #ccc;<br />
border-bottom: 1px solid #ccc;<br />
border-top: 1px solid #666;<br />
border-left: 1px solid #666;<br />
}<br />
<br />
#TB_caption{<br />
height:25px;<br />
padding:7px 30px 10px 25px;<br />
float:left;<br />
}<br />
<br />
#TB_closeWindow{<br />
height:25px;<br />
padding:11px 25px 10px 0;<br />
float:right;<br />
}<br />
<br />
#TB_closeAjaxWindow{<br />
padding:7px 10px 5px 0;<br />
margin-bottom:1px;<br />
text-align:right;<br />
float:right;<br />
}<br />
<br />
#TB_ajaxWindowTitle{<br />
float:left;<br />
padding:7px 0 5px 10px;<br />
margin-bottom:1px;<br />
}<br />
<br />
#TB_title{<br />
background-color:#e8e8e8;<br />
height:27px;<br />
}<br />
<br />
#TB_ajaxContent{<br />
clear:both;<br />
padding:2px 15px 15px 15px;<br />
overflow:auto;<br />
text-align:left;<br />
line-height:1.4em;<br />
}<br />
<br />
#TB_ajaxContent.TB_modal{<br />
padding:15px;<br />
}<br />
<br />
#TB_ajaxContent p{<br />
padding:5px 0px 5px 0px;<br />
}<br />
<br />
#TB_load{<br />
position: fixed;<br />
display:none;<br />
height:13px;<br />
width:208px;<br />
z-index:103;<br />
top: 50%;<br />
left: 50%;<br />
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */<br />
}<br />
<br />
* html #TB_load { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_HideSelect{<br />
z-index:99;<br />
position:fixed;<br />
top: 0;<br />
left: 0;<br />
background-color:#fff;<br />
border:none;<br />
filter:alpha(opacity=0);<br />
-moz-opacity: 0;<br />
opacity: 0;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
* html #TB_HideSelect { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_iframeContent{<br />
clear:both;<br />
border:none;<br />
margin-bottom:-1px;<br />
margin-top:1px;<br />
_margin-bottom:1px;<br />
}<br />
<br />
#stones {<br />
position: fixed;<br />
top: 45px;<br />
left: 0px;<br />
width: 43px;<br />
padding: 2px;<br />
background-image: url('https://static.igem.org/mediawiki/2010/3/34/Transparency50.png');<br />
background-repeat: repeat-y;<br />
}<br />
<br />
/* MIT ChemE Menu */<br />
<br />
#navwrapper {<br />
position: absolute;<br />
width: 955px;<br />
}<br />
<br />
#topnav {<br />
height: 65px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li {<br />
list-style: none;<br />
float: left;<br />
}<br />
<br />
#topnav li a {<br />
display: block;<br />
width: 183px;<br />
height: 65px;<br />
margin-right: 2px;<br />
background-color: #2e2e2e;<br />
font-family: "Arial", Verdana, sans-serif;<br />
font-size: medium;<br />
line-height: 1.25em;<br />
color: #fff;<br />
font-weight: 900;<br />
}<br />
<br />
#topnav li a.last {<br />
margin-right: 0px;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul,<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
display: block;<br />
}<br />
<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
z-index: 1;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul {<br />
z-index: 100;<br />
}<br />
<br />
#topnav li ul {<br />
display: none;<br />
clear: both;<br />
position: absolute;<br />
top: 65px;<br />
left: 0px;<br />
width: 950px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li li {<br />
float: none;<br />
display: block;<br />
}<br />
<br />
#topnav li a:hover,<br />
#topnav li a:active {<br />
text-decoration: none;<br />
}<br />
<br />
#topnav li li {<br />
display: block;<br />
float: left;<br />
padding-top: 11px;<br />
padding-bottom: 9px;<br />
}<br />
<br />
#topnav li li a {<br />
margin: 0;<br />
padding: 0 8px;<br />
background-color: transparent;<br />
height: auto;<br />
width: auto;<br />
font-weight: normal;<br />
font-size: small;<br />
border-right: 1px solid white;<br />
}<br />
<br />
#topnav li li.last a {<br />
background-image: none;<br />
padding-right: 0px;<br />
border-right: none;<br />
}<br />
<br />
#topnav li li a:hover,<br />
#topnav li li a:active,<br />
#topnav li li.sel a {<br />
text-transform: uppercase;<br />
}<br />
<br />
<br />
<br />
/* specific styles */<br />
<br />
#topnav li.about a:hover,<br />
#topnav li.about a:active,<br />
#topnav li.about ul,<br />
body.about #topnav li.about a:link,<br />
body.about #topnav li.about a:visited {<br />
background-color: #8b0000;<br />
}<br />
<br />
#topnav li.about ul {<br />
width: 923px;<br />
}<br />
<br />
#topnav li.people a:hover,<br />
#topnav li.people a:active,<br />
#topnav li.people ul,<br />
body.people #topnav li.people a:link,<br />
body.people #topnav li.people a:visited,<br />
body.people #sidenav .sel a:link,<br />
body.people #sidenav .sel a:visited,<br />
body.people #sidenav a:hover,<br />
body.people #sidenav a:active,<br />
body.people #sidenav li.sel li a:hover,<br />
body.people #sidenav li.sel li a:active {<br />
background-color: #e6881a;<br />
}<br />
<br />
#topnav li.people ul {<br />
width: 848px;<br />
padding-left: 75px;<br />
}<br />
<br />
#topnav li.academics a:hover,<br />
#topnav li.academics a:active,<br />
#topnav li.academics ul,<br />
body.academics #topnav li.academics a:link,<br />
body.academics #topnav li.academics a:visited,<br />
body.academics #sidenav li.sel a:link,<br />
body.academics #sidenav li.sel a:visited,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active,<br />
body.academics #sidenav li a:hover,<br />
body.academics #sidenav li a:active,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active {<br />
background-color: #2e2e91;<br />
}<br />
<br />
#topnav li.academics ul {<br />
width: 698px;<br />
padding-left: 225px;<br />
}<br />
<br />
#topnav li.notebook a:hover,<br />
#topnav li.notebook a:active,<br />
#topnav li.notebook ul,<br />
body.notebook #topnav li.notebook a:link,<br />
body.notebook #topnav li.notebook a:visited,<br />
#sidenav li.sel a:link,<br />
#sidenav li.sel a:visited,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active {<br />
background-color: #016b9d;<br />
}<br />
<br />
#topnav li.notebook ul {<br />
width: 463px;<br />
padding-left: 460px;<br />
}<br />
<br />
#topnav li.contributions a:hover,<br />
#topnav li.contributions a:active,<br />
#topnav li.contributions ul,<br />
body.contributions #topnav li.contributions a:link,<br />
body.contributions #topnav li.contributions a:visited,<br />
body.contributions #sidenav li.sel a:link,<br />
body.contributions #sidenav li.sel a:visited,<br />
body.contributions #sidenav li a:hover,<br />
body.contributions #sidenav li a:active,<br />
body.contributions #sidenav li.sel li a:hover,<br />
body.contributions #sidenav li.sel li a:active {<br />
background-color: #4ca14c;<br />
}<br />
<br />
#topnav li.contributions ul {<br />
width: 293px;<br />
padding-left: 630px;<br />
}<br />
<br />
#specialnav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#specialnav a:hover {text-decoration:underline;}<br />
#specialnav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#specialnav dt a {color:#000; text-decoration:none;}<br />
#specialnav dd {padding:0; margin:0;}<br />
#specialnav dd ul {padding:0; margin:0; list-style:none;}<br />
#specialnav dd ul li {padding-left:20px; width:230px}<br />
#specialnav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
/* Thanks to MIT ChemE dept. Your site is lovely. */<br />
<br />
</style><br />
<br />
<br />
</head><br />
<body><br />
<div id="header"><br />
<div id="whitespace" style="background-color: transparent; height: 60px; font-size: large; color: white;"><a href="http://mit.edu"><img style="vertical-align: sub;" src="http://web.mit.edu/img/MIT_logo.gif"> iGEM 2010</a></div><br />
<div id="navwrapper"><br />
<ul id="topnav"><br />
<li class="about"><a href="https://2010.igem.org/Team:MIT"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Home</td></table><br />
</a><br />
<br />
<ul><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT">Home</a></li><br />
</ul></li><br />
<li class="people"><a href="https://2010.igem.org/Team:MIT/Team"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Team</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_undergraduates">Undergraduates</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_instructors">Instructors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_advisors">Advisors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_fun">Fun</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_gallery">Gallery</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_sponsors">Sponsors</a></li><br />
</ul></li><br />
<li class="academics"><a href="https://2010.igem.org/Team:MIT_overview"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Project</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_overview">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_toggle">Bacteria</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage">Phage</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Mammalian</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_results">Results</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_summary">Summary</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_acknowledgements">Acknowledgments</a></li><br />
</ul><br />
<br />
</li><br />
<li class="notebook"><a href="https://2010.igem.org/Team:MIT/Notebook"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Notebook</td></table><br />
</a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mm">Materials & Methods</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_parts">Parts</a></li><br />
<li class="last"><a href ="https://2010.igem.org/Team:MIT_safety">Safety</a></li><br />
<br />
</ul></li><br />
<li class="contributions"><a href="https://2010.igem.org/Team:MIT_contributions" class="last"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Beyond Biobrick</td></table></a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_bioethics">Bioethics</a></li><br />
</ul></li><br />
<br />
</ul><br />
</div><br />
<div id="whitespace" style="height: 100px;"></div><br />
</div> <br />
<br />
</body><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Template:CM_css
Template:CM css
2010-10-28T02:40:09Z
<p>Supacalafrglstic: </p>
<hr />
<div><html><br />
<head><br />
<script type="text/javascript" src="http://www.sunsean.com/idTabs/jquery.idTabs.min.js"></script><br />
<script type="text/javascript" src="http://jquery.com/demo/thickbox/thickbox-code/thickbox.js"></script><br />
<link rel="stylesheet" href="http://jquery.com/demo/thickbox/thickbox-code/thickbox.css" type="text/css" media="screen" /><br />
<script type="text/javascript" src="http://www.google.com/jsapi"></script><br />
<script src="http://d2o0t5hpnwv4c1.cloudfront.net/004_Moo/tutorial/demo/sliding_effect.js"></script><br />
<script> google.load("jquery", "1.4.2"); </script><br />
<script type="text/javascript"><br />
$('#rightMenu a')<br />
.css( {backgroundPosition: "0 0"} )<br />
.mouseover(function(){<br />
$(this).stop().animate(<br />
{backgroundPosition:"(0 -250px)"}, <br />
{duration:500})<br />
})<br />
.mouseout(function(){<br />
$(this).stop().animate(<br />
{backgroundPosition:"(0 0)"}, <br />
{duration:500})<br />
})<br />
</script><br />
<script type="text/javascript"><br />
$(function() {<br />
$("#button").toggle(<br />
function() {<br />
$("#effect").animate({backgroundColor: '#aa0000', color: '#fff', width: 500}, 1000);<br />
},<br />
function() {<br />
$("#effect").animate({backgroundColor: '#fff', color: '#000', width: 240}, 1000);<br />
}<br />
);<br />
});<br />
$(document).ready(function(){<br />
if($("#nav")) {<br />
$("#nav dd").hide();<br />
$("#nav dt b").click(function() {<br />
if(this.className.indexOf("clicked") != -1) {<br />
$(this).parent().next().slideUp(200);<br />
$(this).removeClass("clicked");<br />
}<br />
else {<br />
$("#nav dt b").removeClass();<br />
$(this).addClass("clicked");<br />
$("#nav dd:visible").slideUp(200);<br />
$(this).parent().next().slideDown(500);<br />
}<br />
return false;<br />
});<br />
}<br />
});<br />
<br />
</script><br />
<!--[if IE]><br />
<style><br />
#header {<br />
width: 900px;<br />
}<br />
</style><br />
<![endif]--><br />
<style type="text/css"><br />
.toggler { width: 500px; height: 200px; position: relative;}<br />
#button { padding: .5em 1em; text-decoration: none; }<br />
#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; background: #fff; }<br />
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }<br />
<br />
<br />
#header {<br />
position: relative;<br />
left: 2px;<br />
text-align: left;<br />
margin: 0px;<br />
width: 955px;<br />
}<br />
<br />
#header a {<br />
color: white;<br />
}<br />
<br />
#content {<br />
background-color: transparent;<br />
border: none;<br />
}<br />
<br />
.mainContent {<br />
width: 943px;<br />
position: absolute;<br />
padding:5px;<br />
top: 160px;<br />
font-size: 14px;<br />
margin:5px;<br />
}<br />
<br />
#groupparts {<br />
position:relative;<br />
left: 21px;<br />
top: 5px;<br />
}<br />
<br />
.baby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
}<br />
<br />
.bodybaby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
border-bottom: 2px solid black;<br />
color: black;<br />
}<br />
<br />
.bodybaby a {<br />
color: black;<br />
}<br />
<br />
.sidep {<br />
display: inline;<br />
background-color: #boc4de;<br />
width: 170px;<br />
float: right;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
.outline {<br />
display: inline;<br />
padding: 5px;<br />
background-color: #boc4de;<br />
width: 250px;<br />
float: left;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
#procedure,<br />
#procedure a {<br />
display: relative;<br />
text-decoration: none;<br />
color: black;<br />
list-style: none;<br />
}<br />
<br />
#procedure a:hover {<br />
color: white;<br />
text-decoration: none;<br />
}<br />
<br />
.bolded {<br />
font-size: 16px;<br />
}<br />
<br />
#unique {<br />
margin: 5px 21px !important;<br />
border: none !important;<br />
background-color: white;<br />
}<br />
<br />
#freedom {<br />
width: 105px;<br />
position: relative;<br />
left: -20px;<br />
top: 8px;<br />
display: block;<br />
list-style: none;<br />
text-align: left;<br />
color: black;<br />
background-color: honeydew;<br />
font-family: Osaka, verdana, Sans-Serif;<br />
font-size: 16px;<br />
}<br />
#freedom li a {<br />
text-align: left;<br />
padding-left: 7px;<br />
color: #330066<br />
}<br />
<br />
#freedom li a:hover {<br />
background-color: #b2b2cc;<br />
<br />
}<br />
#freedom li a.selected {<br />
position: relative;<br />
left: 10px;<br />
color: black;<br />
}<br />
<br />
.tabContainer {<br />
position: relative;<br />
top: 0px;<br />
left: 4px;<br />
height: 23px;<br />
width: 99%;<br />
}<br />
.tabContainer p {<br />
text-align:left;<br />
top: 1px;<br />
}<br />
<br />
/* ================================================================ <br />
This copyright notice must be untouched at all times.<br />
Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved.<br />
=================================================================== */<br />
<br />
#nav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#nav a:hover {text-decoration:underline;}<br />
#nav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#nav dt a {color:#000; text-decoration:none;}<br />
#nav dd {padding:0; margin:0;}<br />
#nav dd ul {padding:0; margin:0; list-style:none;}<br />
#nav dd ul li {padding-left:20px; width:230px}<br />
#nav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
<br />
input.searchButton {<br />
background:none repeat scroll 0 0 transparent;<br />
border:medium none;<br />
color:#000066;<br />
font-size:100%;<br />
font-weight:bold;<br />
margin:1px 10px 0;<br />
}<br />
<br />
#search-controls {<br />
display: block;<br />
background: none;<br />
position: absolute;<br />
top: -100px;<br />
left: -50px;}<br />
<br />
.left-menu {<br />
width: 300px;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
.left-menu ul {<br />
border: none; }<br />
<br />
#searchform {<br />
background: none;<br />
display: block;<br />
float: right;}<br />
<br />
#menubar.right-menu {<br />
width: 300px;<br />
display: block;<br />
float: left;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
<br />
#top-section {<br />
height: 0px;<br />
margin-top: -5px;<br />
margin-bottom: 0 !important;<br />
margin-left: auto;<br />
padding:0;<br />
border: none;}<br />
<br />
#p-logo {<br />
height: 0px;<br />
overflow: hidden;<br />
display: none;<br />
border: }<br />
<br />
#footer {<br />
border: none;<br />
background-color: transparent;<br />
margin: 0;<br />
padding: 0; }<br />
<br />
#footer-box {<br />
border:none;<br />
background-color: transparent;<br />
}<br />
<br />
.firstHeading {<br />
display: none; }<br />
<br />
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }<br />
.code code { display: block; padding: 3px; margin-bottom: 0; }<br />
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }<br />
.indent1 { padding-left: 1em; }<br />
.indent2 { padding-left: 2em; }<br />
<br />
/* sidenav styling */<br />
#sidenav {<br />
clear: both;<br />
line-height: 50%;<br />
}<br />
<br />
#sidenav li {<br />
list-style-type: none;<br />
display: block;<br />
margin: 8px 0px;<br />
font-size: 14px;<br />
}<br />
<br />
#sidenav li li {<br />
padding-left: 16px;<br />
}<br />
<br />
#sidenav li a {<br />
color: #333;<br />
padding: 0px 4px 0px 10px;<br />
background-color: transparent;<br />
font-weight: bold;<br />
}<br />
<br />
#sidenav ul a {<br />
font-weight: normal;<br />
}<br />
<br />
#sidenav li li a,<br />
#sidenav li.sel li a {<br />
padding-left: 0px;<br />
}<br />
<br />
#sidenav li.sel a,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav.col li.sel ul li a:hover,<br />
#sidenav.col li.sel ul li a:active {<br />
color: #fff;<br />
text-decoration: none;<br />
}<br />
<br />
<br />
<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
*{padding: 0; margin: 0;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_window {<br />
font: 12px Arial, Helvetica, sans-serif;<br />
color: #333333;<br />
}<br />
<br />
#TB_secondLine {<br />
font: 10px Arial, Helvetica, sans-serif;<br />
color:#666666;<br />
}<br />
<br />
#TB_window a:link {color: #666666;}<br />
#TB_window a:visited {color: #666666;}<br />
#TB_window a:hover {color: #000;}<br />
#TB_window a:active {color: #666666;}<br />
#TB_window a:focus{color: #666666;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_overlay {<br />
position: fixed;<br />
z-index:100;<br />
top: 0px;<br />
left: 0px;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}<br />
.TB_overlayBG {<br />
background-color:#000;<br />
filter:alpha(opacity=75);<br />
-moz-opacity: 0.75;<br />
opacity: 0.75;<br />
}<br />
<br />
* html #TB_overlay { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_window {<br />
position: fixed;<br />
background: #ffffff;<br />
z-index: 102;<br />
color:#000000;<br />
display:none;<br />
border: 4px solid #525252;<br />
text-align:left;<br />
top:50%;<br />
left:50%;<br />
}<br />
<br />
* html #TB_window { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_window img#TB_Image {<br />
display:block;<br />
margin: 15px 0 0 15px;<br />
border-right: 1px solid #ccc;<br />
border-bottom: 1px solid #ccc;<br />
border-top: 1px solid #666;<br />
border-left: 1px solid #666;<br />
}<br />
<br />
#TB_caption{<br />
height:25px;<br />
padding:7px 30px 10px 25px;<br />
float:left;<br />
}<br />
<br />
#TB_closeWindow{<br />
height:25px;<br />
padding:11px 25px 10px 0;<br />
float:right;<br />
}<br />
<br />
#TB_closeAjaxWindow{<br />
padding:7px 10px 5px 0;<br />
margin-bottom:1px;<br />
text-align:right;<br />
float:right;<br />
}<br />
<br />
#TB_ajaxWindowTitle{<br />
float:left;<br />
padding:7px 0 5px 10px;<br />
margin-bottom:1px;<br />
}<br />
<br />
#TB_title{<br />
background-color:#e8e8e8;<br />
height:27px;<br />
}<br />
<br />
#TB_ajaxContent{<br />
clear:both;<br />
padding:2px 15px 15px 15px;<br />
overflow:auto;<br />
text-align:left;<br />
line-height:1.4em;<br />
}<br />
<br />
#TB_ajaxContent.TB_modal{<br />
padding:15px;<br />
}<br />
<br />
#TB_ajaxContent p{<br />
padding:5px 0px 5px 0px;<br />
}<br />
<br />
#TB_load{<br />
position: fixed;<br />
display:none;<br />
height:13px;<br />
width:208px;<br />
z-index:103;<br />
top: 50%;<br />
left: 50%;<br />
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */<br />
}<br />
<br />
* html #TB_load { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_HideSelect{<br />
z-index:99;<br />
position:fixed;<br />
top: 0;<br />
left: 0;<br />
background-color:#fff;<br />
border:none;<br />
filter:alpha(opacity=0);<br />
-moz-opacity: 0;<br />
opacity: 0;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
* html #TB_HideSelect { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_iframeContent{<br />
clear:both;<br />
border:none;<br />
margin-bottom:-1px;<br />
margin-top:1px;<br />
_margin-bottom:1px;<br />
}<br />
<br />
#stones {<br />
position: fixed;<br />
top: 45px;<br />
left: 0px;<br />
width: 43px;<br />
padding: 2px;<br />
background-image: url('https://static.igem.org/mediawiki/2010/3/34/Transparency50.png');<br />
background-repeat: repeat-y;<br />
}<br />
<br />
/* MIT ChemE Menu */<br />
<br />
#navwrapper {<br />
position: absolute;<br />
width: 955px;<br />
}<br />
<br />
#topnav {<br />
height: 65px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li {<br />
list-style: none;<br />
float: left;<br />
}<br />
<br />
#topnav li a {<br />
display: block;<br />
width: 183px;<br />
height: 65px;<br />
margin-right: 2px;<br />
background-color: #2e2e2e;<br />
font-family: "Arial", Verdana, sans-serif;<br />
font-size: medium;<br />
line-height: 1.25em;<br />
color: #fff;<br />
font-weight: 900;<br />
}<br />
<br />
#topnav li a.last {<br />
margin-right: 0px;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul,<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
display: block;<br />
}<br />
<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
z-index: 1;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul {<br />
z-index: 100;<br />
}<br />
<br />
#topnav li ul {<br />
display: none;<br />
clear: both;<br />
position: absolute;<br />
top: 65px;<br />
left: 0px;<br />
width: 950px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li li {<br />
float: none;<br />
display: block;<br />
}<br />
<br />
#topnav li a:hover,<br />
#topnav li a:active {<br />
text-decoration: none;<br />
}<br />
<br />
#topnav li li {<br />
display: block;<br />
float: left;<br />
padding-top: 11px;<br />
padding-bottom: 9px;<br />
}<br />
<br />
#topnav li li a {<br />
margin: 0;<br />
padding: 0 8px;<br />
background-color: transparent;<br />
height: auto;<br />
width: auto;<br />
font-weight: normal;<br />
font-size: small;<br />
border-right: 1px solid white;<br />
}<br />
<br />
#topnav li li.last a {<br />
background-image: none;<br />
padding-right: 0px;<br />
border-right: none;<br />
}<br />
<br />
#topnav li li a:hover,<br />
#topnav li li a:active,<br />
#topnav li li.sel a {<br />
text-transform: uppercase;<br />
}<br />
<br />
<br />
<br />
/* specific styles */<br />
<br />
#topnav li.about a:hover,<br />
#topnav li.about a:active,<br />
#topnav li.about ul,<br />
body.about #topnav li.about a:link,<br />
body.about #topnav li.about a:visited {<br />
background-color: #8b0000;<br />
}<br />
<br />
#topnav li.about ul {<br />
width: 923px;<br />
}<br />
<br />
#topnav li.people a:hover,<br />
#topnav li.people a:active,<br />
#topnav li.people ul,<br />
body.people #topnav li.people a:link,<br />
body.people #topnav li.people a:visited,<br />
body.people #sidenav .sel a:link,<br />
body.people #sidenav .sel a:visited,<br />
body.people #sidenav a:hover,<br />
body.people #sidenav a:active,<br />
body.people #sidenav li.sel li a:hover,<br />
body.people #sidenav li.sel li a:active {<br />
background-color: #e6881a;<br />
}<br />
<br />
#topnav li.people ul {<br />
width: 848px;<br />
padding-left: 75px;<br />
}<br />
<br />
#topnav li.academics a:hover,<br />
#topnav li.academics a:active,<br />
#topnav li.academics ul,<br />
body.academics #topnav li.academics a:link,<br />
body.academics #topnav li.academics a:visited,<br />
body.academics #sidenav li.sel a:link,<br />
body.academics #sidenav li.sel a:visited,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active,<br />
body.academics #sidenav li a:hover,<br />
body.academics #sidenav li a:active,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active {<br />
background-color: #2e2e91;<br />
}<br />
<br />
#topnav li.academics ul {<br />
width: 698px;<br />
padding-left: 225px;<br />
}<br />
<br />
#topnav li.notebook a:hover,<br />
#topnav li.notebook a:active,<br />
#topnav li.notebook ul,<br />
body.notebook #topnav li.notebook a:link,<br />
body.notebook #topnav li.notebook a:visited,<br />
#sidenav li.sel a:link,<br />
#sidenav li.sel a:visited,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active {<br />
background-color: #016b9d;<br />
}<br />
<br />
#topnav li.notebook ul {<br />
width: 463px;<br />
padding-left: 460px;<br />
}<br />
<br />
#topnav li.contributions a:hover,<br />
#topnav li.contributions a:active,<br />
#topnav li.contributions ul,<br />
body.contributions #topnav li.contributions a:link,<br />
body.contributions #topnav li.contributions a:visited,<br />
body.contributions #sidenav li.sel a:link,<br />
body.contributions #sidenav li.sel a:visited,<br />
body.contributions #sidenav li a:hover,<br />
body.contributions #sidenav li a:active,<br />
body.contributions #sidenav li.sel li a:hover,<br />
body.contributions #sidenav li.sel li a:active {<br />
background-color: #4ca14c;<br />
}<br />
<br />
#topnav li.contributions ul {<br />
width: 293px;<br />
padding-left: 630px;<br />
}<br />
<br />
#specialnav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#specialnav a:hover {text-decoration:underline;}<br />
#specialnav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#specialnav dt a {color:#000; text-decoration:none;}<br />
#specialnav dd {padding:0; margin:0;}<br />
#specialnav dd ul {padding:0; margin:0; list-style:none;}<br />
#specialnav dd ul li {padding-left:20px; width:230px}<br />
#specialnav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
/* Thanks to MIT ChemE dept. Your site is lovely. */<br />
<br />
</style><br />
<br />
<br />
</head><br />
<body><br />
<div id="header"><br />
<div id="whitespace" style="background-color: transparent; height: 60px; font-size: large; color: white;"><a href="http://mit.edu"><img style="vertical-align: bottom;" src="http://web.mit.edu/img/MIT_logo.gif"> iGEM 2010</a></div><br />
<div id="navwrapper"><br />
<ul id="topnav"><br />
<li class="about"><a href="https://2010.igem.org/Team:MIT"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Home</td></table><br />
</a><br />
<br />
<ul><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT">Home</a></li><br />
</ul></li><br />
<li class="people"><a href="https://2010.igem.org/Team:MIT/Team"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Team</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_undergraduates">Undergraduates</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_instructors">Instructors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_advisors">Advisors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_fun">Fun</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_gallery">Gallery</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_sponsors">Sponsors</a></li><br />
</ul></li><br />
<li class="academics"><a href="https://2010.igem.org/Team:MIT_overview"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Project</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_overview">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_toggle">Bacteria</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage">Phage</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Mammalian</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_results">Results</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_summary">Summary</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_acknowledgements">Acknowledgments</a></li><br />
</ul><br />
<br />
</li><br />
<li class="notebook"><a href="https://2010.igem.org/Team:MIT/Notebook"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Notebook</td></table><br />
</a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mm">Materials & Methods</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_parts">Parts</a></li><br />
<li class="last"><a href ="https://2010.igem.org/Team:MIT_safety">Safety</a></li><br />
<br />
</ul></li><br />
<li class="contributions"><a href="https://2010.igem.org/Team:MIT_contributions" class="last"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Beyond Biobrick</td></table></a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_bioethics">Bioethics</a></li><br />
</ul></li><br />
<br />
</ul><br />
</div><br />
<div id="whitespace" style="height: 100px;"></div><br />
</div> <br />
<br />
</body><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Template:CM_css
Template:CM css
2010-10-28T02:34:03Z
<p>Supacalafrglstic: </p>
<hr />
<div><html><br />
<head><br />
<script type="text/javascript" src="http://www.sunsean.com/idTabs/jquery.idTabs.min.js"></script><br />
<script type="text/javascript" src="http://jquery.com/demo/thickbox/thickbox-code/thickbox.js"></script><br />
<link rel="stylesheet" href="http://jquery.com/demo/thickbox/thickbox-code/thickbox.css" type="text/css" media="screen" /><br />
<script type="text/javascript" src="http://www.google.com/jsapi"></script><br />
<script src="http://d2o0t5hpnwv4c1.cloudfront.net/004_Moo/tutorial/demo/sliding_effect.js"></script><br />
<script> google.load("jquery", "1.4.2"); </script><br />
<script type="text/javascript"><br />
$('#rightMenu a')<br />
.css( {backgroundPosition: "0 0"} )<br />
.mouseover(function(){<br />
$(this).stop().animate(<br />
{backgroundPosition:"(0 -250px)"}, <br />
{duration:500})<br />
})<br />
.mouseout(function(){<br />
$(this).stop().animate(<br />
{backgroundPosition:"(0 0)"}, <br />
{duration:500})<br />
})<br />
</script><br />
<script type="text/javascript"><br />
$(function() {<br />
$("#button").toggle(<br />
function() {<br />
$("#effect").animate({backgroundColor: '#aa0000', color: '#fff', width: 500}, 1000);<br />
},<br />
function() {<br />
$("#effect").animate({backgroundColor: '#fff', color: '#000', width: 240}, 1000);<br />
}<br />
);<br />
});<br />
$(document).ready(function(){<br />
if($("#nav")) {<br />
$("#nav dd").hide();<br />
$("#nav dt b").click(function() {<br />
if(this.className.indexOf("clicked") != -1) {<br />
$(this).parent().next().slideUp(200);<br />
$(this).removeClass("clicked");<br />
}<br />
else {<br />
$("#nav dt b").removeClass();<br />
$(this).addClass("clicked");<br />
$("#nav dd:visible").slideUp(200);<br />
$(this).parent().next().slideDown(500);<br />
}<br />
return false;<br />
});<br />
}<br />
});<br />
<br />
</script><br />
<!--[if IE]><br />
<style><br />
#header {<br />
width: 900px;<br />
}<br />
</style><br />
<![endif]--><br />
<style type="text/css"><br />
.toggler { width: 500px; height: 200px; position: relative;}<br />
#button { padding: .5em 1em; text-decoration: none; }<br />
#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; background: #fff; }<br />
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }<br />
<br />
<br />
#header {<br />
position: relative;<br />
left: 2px;<br />
text-align: left;<br />
margin: 0px;<br />
width: 955px;<br />
}<br />
<br />
#header a {<br />
color: white;<br />
}<br />
<br />
#content {<br />
background-color: transparent;<br />
border: none;<br />
}<br />
<br />
.mainContent {<br />
width: 943px;<br />
position: absolute;<br />
padding:5px;<br />
top: 160px;<br />
font-size: 14px;<br />
margin:5px;<br />
}<br />
<br />
#groupparts {<br />
position:relative;<br />
left: 21px;<br />
top: 5px;<br />
}<br />
<br />
.baby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
}<br />
<br />
.bodybaby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
border-bottom: 2px solid black;<br />
color: black;<br />
}<br />
<br />
.bodybaby a {<br />
color: black;<br />
}<br />
<br />
.sidep {<br />
display: inline;<br />
background-color: #boc4de;<br />
width: 170px;<br />
float: right;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
.outline {<br />
display: inline;<br />
padding: 5px;<br />
background-color: #boc4de;<br />
width: 250px;<br />
float: left;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
#procedure,<br />
#procedure a {<br />
display: relative;<br />
text-decoration: none;<br />
color: black;<br />
list-style: none;<br />
}<br />
<br />
#procedure a:hover {<br />
color: white;<br />
text-decoration: none;<br />
}<br />
<br />
.bolded {<br />
font-size: 16px;<br />
}<br />
<br />
#unique {<br />
margin: 5px 21px !important;<br />
border: none !important;<br />
background-color: white;<br />
}<br />
<br />
#freedom {<br />
width: 105px;<br />
position: relative;<br />
left: -20px;<br />
top: 8px;<br />
display: block;<br />
list-style: none;<br />
text-align: left;<br />
color: black;<br />
background-color: honeydew;<br />
font-family: Osaka, verdana, Sans-Serif;<br />
font-size: 16px;<br />
}<br />
#freedom li a {<br />
text-align: left;<br />
padding-left: 7px;<br />
color: #330066<br />
}<br />
<br />
#freedom li a:hover {<br />
background-color: #b2b2cc;<br />
<br />
}<br />
#freedom li a.selected {<br />
position: relative;<br />
left: 10px;<br />
color: black;<br />
}<br />
<br />
.tabContainer {<br />
position: relative;<br />
top: 0px;<br />
left: 4px;<br />
height: 23px;<br />
width: 99%;<br />
}<br />
.tabContainer p {<br />
text-align:left;<br />
top: 1px;<br />
}<br />
<br />
/* ================================================================ <br />
This copyright notice must be untouched at all times.<br />
Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved.<br />
=================================================================== */<br />
<br />
#nav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#nav a:hover {text-decoration:underline;}<br />
#nav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#nav dt a {color:#000; text-decoration:none;}<br />
#nav dd {padding:0; margin:0;}<br />
#nav dd ul {padding:0; margin:0; list-style:none;}<br />
#nav dd ul li {padding-left:20px; width:230px}<br />
#nav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
<br />
input.searchButton {<br />
background:none repeat scroll 0 0 transparent;<br />
border:medium none;<br />
color:#000066;<br />
font-size:100%;<br />
font-weight:bold;<br />
margin:1px 10px 0;<br />
}<br />
<br />
#search-controls {<br />
display: block;<br />
background: none;<br />
position: absolute;<br />
top: -100px;<br />
left: -50px;}<br />
<br />
.left-menu {<br />
width: 300px;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
.left-menu ul {<br />
border: none; }<br />
<br />
#searchform {<br />
background: none;<br />
display: block;<br />
float: right;}<br />
<br />
#menubar.right-menu {<br />
width: 300px;<br />
display: block;<br />
float: left;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
<br />
#top-section {<br />
height: 0px;<br />
margin-top: -5px;<br />
margin-bottom: 0 !important;<br />
margin-left: auto;<br />
padding:0;<br />
border: none;}<br />
<br />
#p-logo {<br />
height: 0px;<br />
overflow: hidden;<br />
display: none;<br />
border: }<br />
<br />
#footer {<br />
border: none;<br />
background-color: transparent;<br />
margin: 0;<br />
padding: 0; }<br />
<br />
#footer-box {<br />
border:none;<br />
background-color: transparent;<br />
}<br />
<br />
.firstHeading {<br />
display: none; }<br />
<br />
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }<br />
.code code { display: block; padding: 3px; margin-bottom: 0; }<br />
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }<br />
.indent1 { padding-left: 1em; }<br />
.indent2 { padding-left: 2em; }<br />
<br />
/* sidenav styling */<br />
#sidenav {<br />
clear: both;<br />
line-height: 50%;<br />
}<br />
<br />
#sidenav li {<br />
list-style-type: none;<br />
display: block;<br />
margin: 8px 0px;<br />
font-size: 14px;<br />
}<br />
<br />
#sidenav li li {<br />
padding-left: 16px;<br />
}<br />
<br />
#sidenav li a {<br />
color: #333;<br />
padding: 0px 4px 0px 10px;<br />
background-color: transparent;<br />
font-weight: bold;<br />
}<br />
<br />
#sidenav ul a {<br />
font-weight: normal;<br />
}<br />
<br />
#sidenav li li a,<br />
#sidenav li.sel li a {<br />
padding-left: 0px;<br />
}<br />
<br />
#sidenav li.sel a,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav.col li.sel ul li a:hover,<br />
#sidenav.col li.sel ul li a:active {<br />
color: #fff;<br />
text-decoration: none;<br />
}<br />
<br />
<br />
<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
*{padding: 0; margin: 0;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_window {<br />
font: 12px Arial, Helvetica, sans-serif;<br />
color: #333333;<br />
}<br />
<br />
#TB_secondLine {<br />
font: 10px Arial, Helvetica, sans-serif;<br />
color:#666666;<br />
}<br />
<br />
#TB_window a:link {color: #666666;}<br />
#TB_window a:visited {color: #666666;}<br />
#TB_window a:hover {color: #000;}<br />
#TB_window a:active {color: #666666;}<br />
#TB_window a:focus{color: #666666;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_overlay {<br />
position: fixed;<br />
z-index:100;<br />
top: 0px;<br />
left: 0px;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}<br />
.TB_overlayBG {<br />
background-color:#000;<br />
filter:alpha(opacity=75);<br />
-moz-opacity: 0.75;<br />
opacity: 0.75;<br />
}<br />
<br />
* html #TB_overlay { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_window {<br />
position: fixed;<br />
background: #ffffff;<br />
z-index: 102;<br />
color:#000000;<br />
display:none;<br />
border: 4px solid #525252;<br />
text-align:left;<br />
top:50%;<br />
left:50%;<br />
}<br />
<br />
* html #TB_window { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_window img#TB_Image {<br />
display:block;<br />
margin: 15px 0 0 15px;<br />
border-right: 1px solid #ccc;<br />
border-bottom: 1px solid #ccc;<br />
border-top: 1px solid #666;<br />
border-left: 1px solid #666;<br />
}<br />
<br />
#TB_caption{<br />
height:25px;<br />
padding:7px 30px 10px 25px;<br />
float:left;<br />
}<br />
<br />
#TB_closeWindow{<br />
height:25px;<br />
padding:11px 25px 10px 0;<br />
float:right;<br />
}<br />
<br />
#TB_closeAjaxWindow{<br />
padding:7px 10px 5px 0;<br />
margin-bottom:1px;<br />
text-align:right;<br />
float:right;<br />
}<br />
<br />
#TB_ajaxWindowTitle{<br />
float:left;<br />
padding:7px 0 5px 10px;<br />
margin-bottom:1px;<br />
}<br />
<br />
#TB_title{<br />
background-color:#e8e8e8;<br />
height:27px;<br />
}<br />
<br />
#TB_ajaxContent{<br />
clear:both;<br />
padding:2px 15px 15px 15px;<br />
overflow:auto;<br />
text-align:left;<br />
line-height:1.4em;<br />
}<br />
<br />
#TB_ajaxContent.TB_modal{<br />
padding:15px;<br />
}<br />
<br />
#TB_ajaxContent p{<br />
padding:5px 0px 5px 0px;<br />
}<br />
<br />
#TB_load{<br />
position: fixed;<br />
display:none;<br />
height:13px;<br />
width:208px;<br />
z-index:103;<br />
top: 50%;<br />
left: 50%;<br />
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */<br />
}<br />
<br />
* html #TB_load { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_HideSelect{<br />
z-index:99;<br />
position:fixed;<br />
top: 0;<br />
left: 0;<br />
background-color:#fff;<br />
border:none;<br />
filter:alpha(opacity=0);<br />
-moz-opacity: 0;<br />
opacity: 0;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
* html #TB_HideSelect { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_iframeContent{<br />
clear:both;<br />
border:none;<br />
margin-bottom:-1px;<br />
margin-top:1px;<br />
_margin-bottom:1px;<br />
}<br />
<br />
#stones {<br />
position: fixed;<br />
top: 45px;<br />
left: 0px;<br />
width: 43px;<br />
padding: 2px;<br />
background-image: url('https://static.igem.org/mediawiki/2010/3/34/Transparency50.png');<br />
background-repeat: repeat-y;<br />
}<br />
<br />
/* MIT ChemE Menu */<br />
<br />
#navwrapper {<br />
position: absolute;<br />
width: 955px;<br />
}<br />
<br />
#topnav {<br />
height: 65px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li {<br />
list-style: none;<br />
float: left;<br />
}<br />
<br />
#topnav li a {<br />
display: block;<br />
width: 183px;<br />
height: 65px;<br />
margin-right: 2px;<br />
background-color: #2e2e2e;<br />
font-family: "Arial", Verdana, sans-serif;<br />
font-size: medium;<br />
line-height: 1.25em;<br />
color: #fff;<br />
font-weight: 900;<br />
}<br />
<br />
#topnav li a.last {<br />
margin-right: 0px;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul,<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
display: block;<br />
}<br />
<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
z-index: 1;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul {<br />
z-index: 100;<br />
}<br />
<br />
#topnav li ul {<br />
display: none;<br />
clear: both;<br />
position: absolute;<br />
top: 65px;<br />
left: 0px;<br />
width: 950px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li li {<br />
float: none;<br />
display: block;<br />
}<br />
<br />
#topnav li a:hover,<br />
#topnav li a:active {<br />
text-decoration: none;<br />
}<br />
<br />
#topnav li li {<br />
display: block;<br />
float: left;<br />
padding-top: 11px;<br />
padding-bottom: 9px;<br />
}<br />
<br />
#topnav li li a {<br />
margin: 0;<br />
padding: 0 8px;<br />
background-color: transparent;<br />
height: auto;<br />
width: auto;<br />
font-weight: normal;<br />
font-size: small;<br />
border-right: 1px solid white;<br />
}<br />
<br />
#topnav li li.last a {<br />
background-image: none;<br />
padding-right: 0px;<br />
border-right: none;<br />
}<br />
<br />
#topnav li li a:hover,<br />
#topnav li li a:active,<br />
#topnav li li.sel a {<br />
text-transform: uppercase;<br />
}<br />
<br />
<br />
<br />
/* specific styles */<br />
<br />
#topnav li.about a:hover,<br />
#topnav li.about a:active,<br />
#topnav li.about ul,<br />
body.about #topnav li.about a:link,<br />
body.about #topnav li.about a:visited {<br />
background-color: #8b0000;<br />
}<br />
<br />
#topnav li.about ul {<br />
width: 923px;<br />
}<br />
<br />
#topnav li.people a:hover,<br />
#topnav li.people a:active,<br />
#topnav li.people ul,<br />
body.people #topnav li.people a:link,<br />
body.people #topnav li.people a:visited,<br />
body.people #sidenav .sel a:link,<br />
body.people #sidenav .sel a:visited,<br />
body.people #sidenav a:hover,<br />
body.people #sidenav a:active,<br />
body.people #sidenav li.sel li a:hover,<br />
body.people #sidenav li.sel li a:active {<br />
background-color: #e6881a;<br />
}<br />
<br />
#topnav li.people ul {<br />
width: 848px;<br />
padding-left: 75px;<br />
}<br />
<br />
#topnav li.academics a:hover,<br />
#topnav li.academics a:active,<br />
#topnav li.academics ul,<br />
body.academics #topnav li.academics a:link,<br />
body.academics #topnav li.academics a:visited,<br />
body.academics #sidenav li.sel a:link,<br />
body.academics #sidenav li.sel a:visited,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active,<br />
body.academics #sidenav li a:hover,<br />
body.academics #sidenav li a:active,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active {<br />
background-color: #2e2e91;<br />
}<br />
<br />
#topnav li.academics ul {<br />
width: 698px;<br />
padding-left: 225px;<br />
}<br />
<br />
#topnav li.notebook a:hover,<br />
#topnav li.notebook a:active,<br />
#topnav li.notebook ul,<br />
body.notebook #topnav li.notebook a:link,<br />
body.notebook #topnav li.notebook a:visited,<br />
#sidenav li.sel a:link,<br />
#sidenav li.sel a:visited,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active {<br />
background-color: #016b9d;<br />
}<br />
<br />
#topnav li.notebook ul {<br />
width: 463px;<br />
padding-left: 460px;<br />
}<br />
<br />
#topnav li.contributions a:hover,<br />
#topnav li.contributions a:active,<br />
#topnav li.contributions ul,<br />
body.contributions #topnav li.contributions a:link,<br />
body.contributions #topnav li.contributions a:visited,<br />
body.contributions #sidenav li.sel a:link,<br />
body.contributions #sidenav li.sel a:visited,<br />
body.contributions #sidenav li a:hover,<br />
body.contributions #sidenav li a:active,<br />
body.contributions #sidenav li.sel li a:hover,<br />
body.contributions #sidenav li.sel li a:active {<br />
background-color: #4ca14c;<br />
}<br />
<br />
#topnav li.contributions ul {<br />
width: 293px;<br />
padding-left: 630px;<br />
}<br />
<br />
#specialnav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#specialnav a:hover {text-decoration:underline;}<br />
#specialnav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#specialnav dt a {color:#000; text-decoration:none;}<br />
#specialnav dd {padding:0; margin:0;}<br />
#specialnav dd ul {padding:0; margin:0; list-style:none;}<br />
#specialnav dd ul li {padding-left:20px; width:230px}<br />
#specialnav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
/* Thanks to MIT ChemE dept. Your site is lovely. */<br />
<br />
</style><br />
<br />
<br />
</head><br />
<body><br />
<div id="header"><br />
<div id="whitespace" style="vertical-align: bottom; background-color: transparent; height: 60px; font-size: large; color: white;"><a href="http://mit.edu"><img src="http://web.mit.edu/img/MIT_logo.gif"> iGEM 2010</a></div><br />
<div id="navwrapper"><br />
<ul id="topnav"><br />
<li class="about"><a href="https://2010.igem.org/Team:MIT"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Home</td></table><br />
</a><br />
<br />
<ul><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT">Home</a></li><br />
</ul></li><br />
<li class="people"><a href="https://2010.igem.org/Team:MIT/Team"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Team</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_undergraduates">Undergraduates</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_instructors">Instructors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_advisors">Advisors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_fun">Fun</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_gallery">Gallery</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_sponsors">Sponsors</a></li><br />
</ul></li><br />
<li class="academics"><a href="https://2010.igem.org/Team:MIT_overview"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Project</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_overview">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_toggle">Bacteria</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage">Phage</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Mammalian</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_results">Results</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_summary">Summary</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_acknowledgements">Acknowledgments</a></li><br />
</ul><br />
<br />
</li><br />
<li class="notebook"><a href="https://2010.igem.org/Team:MIT/Notebook"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Notebook</td></table><br />
</a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mm">Materials & Methods</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_parts">Parts</a></li><br />
<li class="last"><a href ="https://2010.igem.org/Team:MIT_safety">Safety</a></li><br />
<br />
</ul></li><br />
<li class="contributions"><a href="https://2010.igem.org/Team:MIT_contributions" class="last"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Beyond Biobrick</td></table></a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_bioethics">Bioethics</a></li><br />
</ul></li><br />
<br />
</ul><br />
</div><br />
<div id="whitespace" style="height: 100px;"></div><br />
</div> <br />
<br />
</body><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Template:CM_css
Template:CM css
2010-10-28T02:29:14Z
<p>Supacalafrglstic: </p>
<hr />
<div><html><br />
<head><br />
<script type="text/javascript" src="http://www.sunsean.com/idTabs/jquery.idTabs.min.js"></script><br />
<script type="text/javascript" src="http://jquery.com/demo/thickbox/thickbox-code/thickbox.js"></script><br />
<link rel="stylesheet" href="http://jquery.com/demo/thickbox/thickbox-code/thickbox.css" type="text/css" media="screen" /><br />
<script type="text/javascript" src="http://www.google.com/jsapi"></script><br />
<script src="http://d2o0t5hpnwv4c1.cloudfront.net/004_Moo/tutorial/demo/sliding_effect.js"></script><br />
<script> google.load("jquery", "1.4.2"); </script><br />
<script type="text/javascript"><br />
$('#rightMenu a')<br />
.css( {backgroundPosition: "0 0"} )<br />
.mouseover(function(){<br />
$(this).stop().animate(<br />
{backgroundPosition:"(0 -250px)"}, <br />
{duration:500})<br />
})<br />
.mouseout(function(){<br />
$(this).stop().animate(<br />
{backgroundPosition:"(0 0)"}, <br />
{duration:500})<br />
})<br />
</script><br />
<script type="text/javascript"><br />
$(function() {<br />
$("#button").toggle(<br />
function() {<br />
$("#effect").animate({backgroundColor: '#aa0000', color: '#fff', width: 500}, 1000);<br />
},<br />
function() {<br />
$("#effect").animate({backgroundColor: '#fff', color: '#000', width: 240}, 1000);<br />
}<br />
);<br />
});<br />
$(document).ready(function(){<br />
if($("#nav")) {<br />
$("#nav dd").hide();<br />
$("#nav dt b").click(function() {<br />
if(this.className.indexOf("clicked") != -1) {<br />
$(this).parent().next().slideUp(200);<br />
$(this).removeClass("clicked");<br />
}<br />
else {<br />
$("#nav dt b").removeClass();<br />
$(this).addClass("clicked");<br />
$("#nav dd:visible").slideUp(200);<br />
$(this).parent().next().slideDown(500);<br />
}<br />
return false;<br />
});<br />
}<br />
});<br />
<br />
</script><br />
<!--[if IE]><br />
<style><br />
#header {<br />
width: 900px;<br />
}<br />
</style><br />
<![endif]--><br />
<style type="text/css"><br />
.toggler { width: 500px; height: 200px; position: relative;}<br />
#button { padding: .5em 1em; text-decoration: none; }<br />
#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; background: #fff; }<br />
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }<br />
<br />
<br />
#header {<br />
position: relative;<br />
left: 2px;<br />
text-align: left;<br />
margin: 0px;<br />
width: 955px;<br />
}<br />
<br />
#header a {<br />
color: white;<br />
}<br />
<br />
#content {<br />
background-color: transparent;<br />
border: none;<br />
}<br />
<br />
.mainContent {<br />
width: 943px;<br />
position: absolute;<br />
padding:5px;<br />
top: 160px;<br />
font-size: 14px;<br />
margin:5px;<br />
}<br />
<br />
#groupparts {<br />
position:relative;<br />
left: 21px;<br />
top: 5px;<br />
}<br />
<br />
.baby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
}<br />
<br />
.bodybaby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
border-bottom: 2px solid black;<br />
color: black;<br />
}<br />
<br />
.bodybaby a {<br />
color: black;<br />
}<br />
<br />
.sidep {<br />
display: inline;<br />
background-color: #boc4de;<br />
width: 170px;<br />
float: right;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
.outline {<br />
display: inline;<br />
padding: 5px;<br />
background-color: #boc4de;<br />
width: 250px;<br />
float: left;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
#procedure,<br />
#procedure a {<br />
display: relative;<br />
text-decoration: none;<br />
color: black;<br />
list-style: none;<br />
}<br />
<br />
#procedure a:hover {<br />
color: white;<br />
text-decoration: none;<br />
}<br />
<br />
.bolded {<br />
font-size: 16px;<br />
}<br />
<br />
#unique {<br />
margin: 5px 21px !important;<br />
border: none !important;<br />
background-color: white;<br />
}<br />
<br />
#freedom {<br />
width: 105px;<br />
position: relative;<br />
left: -20px;<br />
top: 8px;<br />
display: block;<br />
list-style: none;<br />
text-align: left;<br />
color: black;<br />
background-color: honeydew;<br />
font-family: Osaka, verdana, Sans-Serif;<br />
font-size: 16px;<br />
}<br />
#freedom li a {<br />
text-align: left;<br />
padding-left: 7px;<br />
color: #330066<br />
}<br />
<br />
#freedom li a:hover {<br />
background-color: #b2b2cc;<br />
<br />
}<br />
#freedom li a.selected {<br />
position: relative;<br />
left: 10px;<br />
color: black;<br />
}<br />
<br />
.tabContainer {<br />
position: relative;<br />
top: 0px;<br />
left: 4px;<br />
height: 23px;<br />
width: 99%;<br />
}<br />
.tabContainer p {<br />
text-align:left;<br />
top: 1px;<br />
}<br />
<br />
/* ================================================================ <br />
This copyright notice must be untouched at all times.<br />
Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved.<br />
=================================================================== */<br />
<br />
#nav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#nav a:hover {text-decoration:underline;}<br />
#nav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#nav dt a {color:#000; text-decoration:none;}<br />
#nav dd {padding:0; margin:0;}<br />
#nav dd ul {padding:0; margin:0; list-style:none;}<br />
#nav dd ul li {padding-left:20px; width:230px}<br />
#nav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
<br />
input.searchButton {<br />
background:none repeat scroll 0 0 transparent;<br />
border:medium none;<br />
color:#000066;<br />
font-size:100%;<br />
font-weight:bold;<br />
margin:1px 10px 0;<br />
}<br />
<br />
#search-controls {<br />
display: block;<br />
background: none;<br />
position: absolute;<br />
top: -100px;<br />
left: -50px;}<br />
<br />
.left-menu {<br />
width: 300px;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
.left-menu ul {<br />
border: none; }<br />
<br />
#searchform {<br />
background: none;<br />
display: block;<br />
float: right;}<br />
<br />
#menubar.right-menu {<br />
width: 300px;<br />
display: block;<br />
float: left;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
<br />
#top-section {<br />
height: 0px;<br />
margin-top: -5px;<br />
margin-bottom: 0 !important;<br />
margin-left: auto;<br />
padding:0;<br />
border: none;}<br />
<br />
#p-logo {<br />
height: 0px;<br />
overflow: hidden;<br />
display: none;<br />
border: }<br />
<br />
#footer {<br />
border: none;<br />
background-color: transparent;<br />
margin: 0;<br />
padding: 0; }<br />
<br />
#footer-box {<br />
border:none;<br />
background-color: transparent;<br />
}<br />
<br />
.firstHeading {<br />
display: none; }<br />
<br />
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }<br />
.code code { display: block; padding: 3px; margin-bottom: 0; }<br />
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }<br />
.indent1 { padding-left: 1em; }<br />
.indent2 { padding-left: 2em; }<br />
<br />
/* sidenav styling */<br />
#sidenav {<br />
clear: both;<br />
line-height: 50%;<br />
}<br />
<br />
#sidenav li {<br />
list-style-type: none;<br />
display: block;<br />
margin: 8px 0px;<br />
font-size: 14px;<br />
}<br />
<br />
#sidenav li li {<br />
padding-left: 16px;<br />
}<br />
<br />
#sidenav li a {<br />
color: #333;<br />
padding: 0px 4px 0px 10px;<br />
background-color: transparent;<br />
font-weight: bold;<br />
}<br />
<br />
#sidenav ul a {<br />
font-weight: normal;<br />
}<br />
<br />
#sidenav li li a,<br />
#sidenav li.sel li a {<br />
padding-left: 0px;<br />
}<br />
<br />
#sidenav li.sel a,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav.col li.sel ul li a:hover,<br />
#sidenav.col li.sel ul li a:active {<br />
color: #fff;<br />
text-decoration: none;<br />
}<br />
<br />
<br />
<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
*{padding: 0; margin: 0;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_window {<br />
font: 12px Arial, Helvetica, sans-serif;<br />
color: #333333;<br />
}<br />
<br />
#TB_secondLine {<br />
font: 10px Arial, Helvetica, sans-serif;<br />
color:#666666;<br />
}<br />
<br />
#TB_window a:link {color: #666666;}<br />
#TB_window a:visited {color: #666666;}<br />
#TB_window a:hover {color: #000;}<br />
#TB_window a:active {color: #666666;}<br />
#TB_window a:focus{color: #666666;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_overlay {<br />
position: fixed;<br />
z-index:100;<br />
top: 0px;<br />
left: 0px;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}<br />
.TB_overlayBG {<br />
background-color:#000;<br />
filter:alpha(opacity=75);<br />
-moz-opacity: 0.75;<br />
opacity: 0.75;<br />
}<br />
<br />
* html #TB_overlay { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_window {<br />
position: fixed;<br />
background: #ffffff;<br />
z-index: 102;<br />
color:#000000;<br />
display:none;<br />
border: 4px solid #525252;<br />
text-align:left;<br />
top:50%;<br />
left:50%;<br />
}<br />
<br />
* html #TB_window { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_window img#TB_Image {<br />
display:block;<br />
margin: 15px 0 0 15px;<br />
border-right: 1px solid #ccc;<br />
border-bottom: 1px solid #ccc;<br />
border-top: 1px solid #666;<br />
border-left: 1px solid #666;<br />
}<br />
<br />
#TB_caption{<br />
height:25px;<br />
padding:7px 30px 10px 25px;<br />
float:left;<br />
}<br />
<br />
#TB_closeWindow{<br />
height:25px;<br />
padding:11px 25px 10px 0;<br />
float:right;<br />
}<br />
<br />
#TB_closeAjaxWindow{<br />
padding:7px 10px 5px 0;<br />
margin-bottom:1px;<br />
text-align:right;<br />
float:right;<br />
}<br />
<br />
#TB_ajaxWindowTitle{<br />
float:left;<br />
padding:7px 0 5px 10px;<br />
margin-bottom:1px;<br />
}<br />
<br />
#TB_title{<br />
background-color:#e8e8e8;<br />
height:27px;<br />
}<br />
<br />
#TB_ajaxContent{<br />
clear:both;<br />
padding:2px 15px 15px 15px;<br />
overflow:auto;<br />
text-align:left;<br />
line-height:1.4em;<br />
}<br />
<br />
#TB_ajaxContent.TB_modal{<br />
padding:15px;<br />
}<br />
<br />
#TB_ajaxContent p{<br />
padding:5px 0px 5px 0px;<br />
}<br />
<br />
#TB_load{<br />
position: fixed;<br />
display:none;<br />
height:13px;<br />
width:208px;<br />
z-index:103;<br />
top: 50%;<br />
left: 50%;<br />
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */<br />
}<br />
<br />
* html #TB_load { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_HideSelect{<br />
z-index:99;<br />
position:fixed;<br />
top: 0;<br />
left: 0;<br />
background-color:#fff;<br />
border:none;<br />
filter:alpha(opacity=0);<br />
-moz-opacity: 0;<br />
opacity: 0;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
* html #TB_HideSelect { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_iframeContent{<br />
clear:both;<br />
border:none;<br />
margin-bottom:-1px;<br />
margin-top:1px;<br />
_margin-bottom:1px;<br />
}<br />
<br />
#stones {<br />
position: fixed;<br />
top: 45px;<br />
left: 0px;<br />
width: 43px;<br />
padding: 2px;<br />
background-image: url('https://static.igem.org/mediawiki/2010/3/34/Transparency50.png');<br />
background-repeat: repeat-y;<br />
}<br />
<br />
/* MIT ChemE Menu */<br />
<br />
#navwrapper {<br />
position: absolute;<br />
width: 955px;<br />
}<br />
<br />
#topnav {<br />
height: 65px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li {<br />
list-style: none;<br />
float: left;<br />
}<br />
<br />
#topnav li a {<br />
display: block;<br />
width: 183px;<br />
height: 65px;<br />
margin-right: 2px;<br />
background-color: #2e2e2e;<br />
font-family: "Arial", Verdana, sans-serif;<br />
font-size: medium;<br />
line-height: 1.25em;<br />
color: #fff;<br />
font-weight: 900;<br />
}<br />
<br />
#topnav li a.last {<br />
margin-right: 0px;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul,<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
display: block;<br />
}<br />
<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
z-index: 1;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul {<br />
z-index: 100;<br />
}<br />
<br />
#topnav li ul {<br />
display: none;<br />
clear: both;<br />
position: absolute;<br />
top: 65px;<br />
left: 0px;<br />
width: 950px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li li {<br />
float: none;<br />
display: block;<br />
}<br />
<br />
#topnav li a:hover,<br />
#topnav li a:active {<br />
text-decoration: none;<br />
}<br />
<br />
#topnav li li {<br />
display: block;<br />
float: left;<br />
padding-top: 11px;<br />
padding-bottom: 9px;<br />
}<br />
<br />
#topnav li li a {<br />
margin: 0;<br />
padding: 0 8px;<br />
background-color: transparent;<br />
height: auto;<br />
width: auto;<br />
font-weight: normal;<br />
font-size: small;<br />
border-right: 1px solid white;<br />
}<br />
<br />
#topnav li li.last a {<br />
background-image: none;<br />
padding-right: 0px;<br />
border-right: none;<br />
}<br />
<br />
#topnav li li a:hover,<br />
#topnav li li a:active,<br />
#topnav li li.sel a {<br />
text-transform: uppercase;<br />
}<br />
<br />
<br />
<br />
/* specific styles */<br />
<br />
#topnav li.about a:hover,<br />
#topnav li.about a:active,<br />
#topnav li.about ul,<br />
body.about #topnav li.about a:link,<br />
body.about #topnav li.about a:visited {<br />
background-color: #8b0000;<br />
}<br />
<br />
#topnav li.about ul {<br />
width: 923px;<br />
}<br />
<br />
#topnav li.people a:hover,<br />
#topnav li.people a:active,<br />
#topnav li.people ul,<br />
body.people #topnav li.people a:link,<br />
body.people #topnav li.people a:visited,<br />
body.people #sidenav .sel a:link,<br />
body.people #sidenav .sel a:visited,<br />
body.people #sidenav a:hover,<br />
body.people #sidenav a:active,<br />
body.people #sidenav li.sel li a:hover,<br />
body.people #sidenav li.sel li a:active {<br />
background-color: #e6881a;<br />
}<br />
<br />
#topnav li.people ul {<br />
width: 848px;<br />
padding-left: 75px;<br />
}<br />
<br />
#topnav li.academics a:hover,<br />
#topnav li.academics a:active,<br />
#topnav li.academics ul,<br />
body.academics #topnav li.academics a:link,<br />
body.academics #topnav li.academics a:visited,<br />
body.academics #sidenav li.sel a:link,<br />
body.academics #sidenav li.sel a:visited,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active,<br />
body.academics #sidenav li a:hover,<br />
body.academics #sidenav li a:active,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active {<br />
background-color: #2e2e91;<br />
}<br />
<br />
#topnav li.academics ul {<br />
width: 698px;<br />
padding-left: 225px;<br />
}<br />
<br />
#topnav li.notebook a:hover,<br />
#topnav li.notebook a:active,<br />
#topnav li.notebook ul,<br />
body.notebook #topnav li.notebook a:link,<br />
body.notebook #topnav li.notebook a:visited,<br />
#sidenav li.sel a:link,<br />
#sidenav li.sel a:visited,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active {<br />
background-color: #016b9d;<br />
}<br />
<br />
#topnav li.notebook ul {<br />
width: 463px;<br />
padding-left: 460px;<br />
}<br />
<br />
#topnav li.contributions a:hover,<br />
#topnav li.contributions a:active,<br />
#topnav li.contributions ul,<br />
body.contributions #topnav li.contributions a:link,<br />
body.contributions #topnav li.contributions a:visited,<br />
body.contributions #sidenav li.sel a:link,<br />
body.contributions #sidenav li.sel a:visited,<br />
body.contributions #sidenav li a:hover,<br />
body.contributions #sidenav li a:active,<br />
body.contributions #sidenav li.sel li a:hover,<br />
body.contributions #sidenav li.sel li a:active {<br />
background-color: #4ca14c;<br />
}<br />
<br />
#topnav li.contributions ul {<br />
width: 293px;<br />
padding-left: 630px;<br />
}<br />
<br />
#specialnav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#specialnav a:hover {text-decoration:underline;}<br />
#specialnav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#specialnav dt a {color:#000; text-decoration:none;}<br />
#specialnav dd {padding:0; margin:0;}<br />
#specialnav dd ul {padding:0; margin:0; list-style:none;}<br />
#specialnav dd ul li {padding-left:20px; width:230px}<br />
#specialnav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
/* Thanks to MIT ChemE dept. Your site is lovely. */<br />
<br />
</style><br />
<br />
<br />
</head><br />
<body><br />
<div id="header"><br />
<div id="whitespace" style="vertical-align: baseline; background-color: transparent; height: 60px; font-size: large; color: white;"><a href="http://mit.edu"><img src="http://web.mit.edu/img/MIT_logo.gif"> iGEM 2010</a></div><br />
<div id="navwrapper"><br />
<ul id="topnav"><br />
<li class="about"><a href="https://2010.igem.org/Team:MIT"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Home</td></table><br />
</a><br />
<br />
<ul><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT">Home</a></li><br />
</ul></li><br />
<li class="people"><a href="https://2010.igem.org/Team:MIT/Team"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Team</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_undergraduates">Undergraduates</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_instructors">Instructors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_advisors">Advisors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_fun">Fun</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_gallery">Gallery</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_sponsors">Sponsors</a></li><br />
</ul></li><br />
<li class="academics"><a href="https://2010.igem.org/Team:MIT_overview"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Project</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_overview">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_toggle">Bacteria</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage">Phage</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Mammalian</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_results">Results</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_summary">Summary</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_acknowledgements">Acknowledgments</a></li><br />
</ul><br />
<br />
</li><br />
<li class="notebook"><a href="https://2010.igem.org/Team:MIT/Notebook"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Notebook</td></table><br />
</a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mm">Materials & Methods</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_parts">Parts</a></li><br />
<li class="last"><a href ="https://2010.igem.org/Team:MIT_safety">Safety</a></li><br />
<br />
</ul></li><br />
<li class="contributions"><a href="https://2010.igem.org/Team:MIT_contributions" class="last"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Beyond Biobrick</td></table></a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_bioethics">Bioethics</a></li><br />
</ul></li><br />
<br />
</ul><br />
</div><br />
<div id="whitespace" style="height: 100px;"></div><br />
</div> <br />
<br />
</body><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Template:CM_css
Template:CM css
2010-10-28T02:27:40Z
<p>Supacalafrglstic: </p>
<hr />
<div><html><br />
<head><br />
<script type="text/javascript" src="http://www.sunsean.com/idTabs/jquery.idTabs.min.js"></script><br />
<script type="text/javascript" src="http://jquery.com/demo/thickbox/thickbox-code/thickbox.js"></script><br />
<link rel="stylesheet" href="http://jquery.com/demo/thickbox/thickbox-code/thickbox.css" type="text/css" media="screen" /><br />
<script type="text/javascript" src="http://www.google.com/jsapi"></script><br />
<script src="http://d2o0t5hpnwv4c1.cloudfront.net/004_Moo/tutorial/demo/sliding_effect.js"></script><br />
<script> google.load("jquery", "1.4.2"); </script><br />
<script type="text/javascript"><br />
$('#rightMenu a')<br />
.css( {backgroundPosition: "0 0"} )<br />
.mouseover(function(){<br />
$(this).stop().animate(<br />
{backgroundPosition:"(0 -250px)"}, <br />
{duration:500})<br />
})<br />
.mouseout(function(){<br />
$(this).stop().animate(<br />
{backgroundPosition:"(0 0)"}, <br />
{duration:500})<br />
})<br />
</script><br />
<script type="text/javascript"><br />
$(function() {<br />
$("#button").toggle(<br />
function() {<br />
$("#effect").animate({backgroundColor: '#aa0000', color: '#fff', width: 500}, 1000);<br />
},<br />
function() {<br />
$("#effect").animate({backgroundColor: '#fff', color: '#000', width: 240}, 1000);<br />
}<br />
);<br />
});<br />
$(document).ready(function(){<br />
if($("#nav")) {<br />
$("#nav dd").hide();<br />
$("#nav dt b").click(function() {<br />
if(this.className.indexOf("clicked") != -1) {<br />
$(this).parent().next().slideUp(200);<br />
$(this).removeClass("clicked");<br />
}<br />
else {<br />
$("#nav dt b").removeClass();<br />
$(this).addClass("clicked");<br />
$("#nav dd:visible").slideUp(200);<br />
$(this).parent().next().slideDown(500);<br />
}<br />
return false;<br />
});<br />
}<br />
});<br />
<br />
</script><br />
<!--[if IE]><br />
<style><br />
#header {<br />
width: 900px;<br />
}<br />
</style><br />
<![endif]--><br />
<style type="text/css"><br />
.toggler { width: 500px; height: 200px; position: relative;}<br />
#button { padding: .5em 1em; text-decoration: none; }<br />
#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; background: #fff; }<br />
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }<br />
<br />
<br />
#header {<br />
position: relative;<br />
left: 2px;<br />
text-align: left;<br />
margin: 0px;<br />
width: 955px;<br />
}<br />
<br />
#header a {<br />
color: white;<br />
}<br />
<br />
#content {<br />
background-color: transparent;<br />
border: none;<br />
}<br />
<br />
.mainContent {<br />
width: 943px;<br />
position: absolute;<br />
padding:5px;<br />
top: 160px;<br />
font-size: 14px;<br />
margin:5px;<br />
}<br />
<br />
#groupparts {<br />
position:relative;<br />
left: 21px;<br />
top: 5px;<br />
}<br />
<br />
.baby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
}<br />
<br />
.bodybaby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
border-bottom: 2px solid black;<br />
color: black;<br />
}<br />
<br />
.bodybaby a {<br />
color: black;<br />
}<br />
<br />
.sidep {<br />
display: inline;<br />
background-color: #boc4de;<br />
width: 170px;<br />
float: right;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
.outline {<br />
display: inline;<br />
padding: 5px;<br />
background-color: #boc4de;<br />
width: 250px;<br />
float: left;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
#procedure,<br />
#procedure a {<br />
display: relative;<br />
text-decoration: none;<br />
color: black;<br />
list-style: none;<br />
}<br />
<br />
#procedure a:hover {<br />
color: white;<br />
text-decoration: none;<br />
}<br />
<br />
.bolded {<br />
font-size: 16px;<br />
}<br />
<br />
#unique {<br />
margin: 5px 21px !important;<br />
border: none !important;<br />
background-color: white;<br />
}<br />
<br />
#freedom {<br />
width: 105px;<br />
position: relative;<br />
left: -20px;<br />
top: 8px;<br />
display: block;<br />
list-style: none;<br />
text-align: left;<br />
color: black;<br />
background-color: honeydew;<br />
font-family: Osaka, verdana, Sans-Serif;<br />
font-size: 16px;<br />
}<br />
#freedom li a {<br />
text-align: left;<br />
padding-left: 7px;<br />
color: #330066<br />
}<br />
<br />
#freedom li a:hover {<br />
background-color: #b2b2cc;<br />
<br />
}<br />
#freedom li a.selected {<br />
position: relative;<br />
left: 10px;<br />
color: black;<br />
}<br />
<br />
.tabContainer {<br />
position: relative;<br />
top: 0px;<br />
left: 4px;<br />
height: 23px;<br />
width: 99%;<br />
}<br />
.tabContainer p {<br />
text-align:left;<br />
top: 1px;<br />
}<br />
<br />
/* ================================================================ <br />
This copyright notice must be untouched at all times.<br />
Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved.<br />
=================================================================== */<br />
<br />
#nav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#nav a:hover {text-decoration:underline;}<br />
#nav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#nav dt a {color:#000; text-decoration:none;}<br />
#nav dd {padding:0; margin:0;}<br />
#nav dd ul {padding:0; margin:0; list-style:none;}<br />
#nav dd ul li {padding-left:20px; width:230px}<br />
#nav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
<br />
input.searchButton {<br />
background:none repeat scroll 0 0 transparent;<br />
border:medium none;<br />
color:#000066;<br />
font-size:100%;<br />
font-weight:bold;<br />
margin:1px 10px 0;<br />
}<br />
<br />
#search-controls {<br />
display: block;<br />
background: none;<br />
position: absolute;<br />
top: -100px;<br />
left: -50px;}<br />
<br />
.left-menu {<br />
width: 300px;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
.left-menu ul {<br />
border: none; }<br />
<br />
#searchform {<br />
background: none;<br />
display: block;<br />
float: right;}<br />
<br />
#menubar.right-menu {<br />
width: 300px;<br />
display: block;<br />
float: left;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
<br />
#top-section {<br />
height: 0px;<br />
margin-top: -5px;<br />
margin-bottom: 0 !important;<br />
margin-left: auto;<br />
padding:0;<br />
border: none;}<br />
<br />
#p-logo {<br />
height: 0px;<br />
overflow: hidden;<br />
display: none;<br />
border: }<br />
<br />
#footer {<br />
border: none;<br />
background-color: transparent;<br />
margin: 0;<br />
padding: 0; }<br />
<br />
#footer-box {<br />
border:none;<br />
background-color: transparent;<br />
}<br />
<br />
.firstHeading {<br />
display: none; }<br />
<br />
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }<br />
.code code { display: block; padding: 3px; margin-bottom: 0; }<br />
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }<br />
.indent1 { padding-left: 1em; }<br />
.indent2 { padding-left: 2em; }<br />
<br />
/* sidenav styling */<br />
#sidenav {<br />
clear: both;<br />
line-height: 50%;<br />
}<br />
<br />
#sidenav li {<br />
list-style-type: none;<br />
display: block;<br />
margin: 8px 0px;<br />
font-size: 14px;<br />
}<br />
<br />
#sidenav li li {<br />
padding-left: 16px;<br />
}<br />
<br />
#sidenav li a {<br />
color: #333;<br />
padding: 0px 4px 0px 10px;<br />
background-color: transparent;<br />
font-weight: bold;<br />
}<br />
<br />
#sidenav ul a {<br />
font-weight: normal;<br />
}<br />
<br />
#sidenav li li a,<br />
#sidenav li.sel li a {<br />
padding-left: 0px;<br />
}<br />
<br />
#sidenav li.sel a,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav.col li.sel ul li a:hover,<br />
#sidenav.col li.sel ul li a:active {<br />
color: #fff;<br />
text-decoration: none;<br />
}<br />
<br />
<br />
<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
*{padding: 0; margin: 0;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_window {<br />
font: 12px Arial, Helvetica, sans-serif;<br />
color: #333333;<br />
}<br />
<br />
#TB_secondLine {<br />
font: 10px Arial, Helvetica, sans-serif;<br />
color:#666666;<br />
}<br />
<br />
#TB_window a:link {color: #666666;}<br />
#TB_window a:visited {color: #666666;}<br />
#TB_window a:hover {color: #000;}<br />
#TB_window a:active {color: #666666;}<br />
#TB_window a:focus{color: #666666;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_overlay {<br />
position: fixed;<br />
z-index:100;<br />
top: 0px;<br />
left: 0px;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}<br />
.TB_overlayBG {<br />
background-color:#000;<br />
filter:alpha(opacity=75);<br />
-moz-opacity: 0.75;<br />
opacity: 0.75;<br />
}<br />
<br />
* html #TB_overlay { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_window {<br />
position: fixed;<br />
background: #ffffff;<br />
z-index: 102;<br />
color:#000000;<br />
display:none;<br />
border: 4px solid #525252;<br />
text-align:left;<br />
top:50%;<br />
left:50%;<br />
}<br />
<br />
* html #TB_window { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_window img#TB_Image {<br />
display:block;<br />
margin: 15px 0 0 15px;<br />
border-right: 1px solid #ccc;<br />
border-bottom: 1px solid #ccc;<br />
border-top: 1px solid #666;<br />
border-left: 1px solid #666;<br />
}<br />
<br />
#TB_caption{<br />
height:25px;<br />
padding:7px 30px 10px 25px;<br />
float:left;<br />
}<br />
<br />
#TB_closeWindow{<br />
height:25px;<br />
padding:11px 25px 10px 0;<br />
float:right;<br />
}<br />
<br />
#TB_closeAjaxWindow{<br />
padding:7px 10px 5px 0;<br />
margin-bottom:1px;<br />
text-align:right;<br />
float:right;<br />
}<br />
<br />
#TB_ajaxWindowTitle{<br />
float:left;<br />
padding:7px 0 5px 10px;<br />
margin-bottom:1px;<br />
}<br />
<br />
#TB_title{<br />
background-color:#e8e8e8;<br />
height:27px;<br />
}<br />
<br />
#TB_ajaxContent{<br />
clear:both;<br />
padding:2px 15px 15px 15px;<br />
overflow:auto;<br />
text-align:left;<br />
line-height:1.4em;<br />
}<br />
<br />
#TB_ajaxContent.TB_modal{<br />
padding:15px;<br />
}<br />
<br />
#TB_ajaxContent p{<br />
padding:5px 0px 5px 0px;<br />
}<br />
<br />
#TB_load{<br />
position: fixed;<br />
display:none;<br />
height:13px;<br />
width:208px;<br />
z-index:103;<br />
top: 50%;<br />
left: 50%;<br />
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */<br />
}<br />
<br />
* html #TB_load { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_HideSelect{<br />
z-index:99;<br />
position:fixed;<br />
top: 0;<br />
left: 0;<br />
background-color:#fff;<br />
border:none;<br />
filter:alpha(opacity=0);<br />
-moz-opacity: 0;<br />
opacity: 0;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
* html #TB_HideSelect { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_iframeContent{<br />
clear:both;<br />
border:none;<br />
margin-bottom:-1px;<br />
margin-top:1px;<br />
_margin-bottom:1px;<br />
}<br />
<br />
#stones {<br />
position: fixed;<br />
top: 45px;<br />
left: 0px;<br />
width: 43px;<br />
padding: 2px;<br />
background-image: url('https://static.igem.org/mediawiki/2010/3/34/Transparency50.png');<br />
background-repeat: repeat-y;<br />
}<br />
<br />
/* MIT ChemE Menu */<br />
<br />
#navwrapper {<br />
position: absolute;<br />
width: 955px;<br />
}<br />
<br />
#topnav {<br />
height: 65px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li {<br />
list-style: none;<br />
float: left;<br />
}<br />
<br />
#topnav li a {<br />
display: block;<br />
width: 183px;<br />
height: 65px;<br />
margin-right: 2px;<br />
background-color: #2e2e2e;<br />
font-family: "Arial", Verdana, sans-serif;<br />
font-size: medium;<br />
line-height: 1.25em;<br />
color: #fff;<br />
font-weight: 900;<br />
}<br />
<br />
#topnav li a.last {<br />
margin-right: 0px;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul,<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
display: block;<br />
}<br />
<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
z-index: 1;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul {<br />
z-index: 100;<br />
}<br />
<br />
#topnav li ul {<br />
display: none;<br />
clear: both;<br />
position: absolute;<br />
top: 65px;<br />
left: 0px;<br />
width: 950px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li li {<br />
float: none;<br />
display: block;<br />
}<br />
<br />
#topnav li a:hover,<br />
#topnav li a:active {<br />
text-decoration: none;<br />
}<br />
<br />
#topnav li li {<br />
display: block;<br />
float: left;<br />
padding-top: 11px;<br />
padding-bottom: 9px;<br />
}<br />
<br />
#topnav li li a {<br />
margin: 0;<br />
padding: 0 8px;<br />
background-color: transparent;<br />
height: auto;<br />
width: auto;<br />
font-weight: normal;<br />
font-size: small;<br />
border-right: 1px solid white;<br />
}<br />
<br />
#topnav li li.last a {<br />
background-image: none;<br />
padding-right: 0px;<br />
border-right: none;<br />
}<br />
<br />
#topnav li li a:hover,<br />
#topnav li li a:active,<br />
#topnav li li.sel a {<br />
text-transform: uppercase;<br />
}<br />
<br />
<br />
<br />
/* specific styles */<br />
<br />
#topnav li.about a:hover,<br />
#topnav li.about a:active,<br />
#topnav li.about ul,<br />
body.about #topnav li.about a:link,<br />
body.about #topnav li.about a:visited {<br />
background-color: #8b0000;<br />
}<br />
<br />
#topnav li.about ul {<br />
width: 923px;<br />
}<br />
<br />
#topnav li.people a:hover,<br />
#topnav li.people a:active,<br />
#topnav li.people ul,<br />
body.people #topnav li.people a:link,<br />
body.people #topnav li.people a:visited,<br />
body.people #sidenav .sel a:link,<br />
body.people #sidenav .sel a:visited,<br />
body.people #sidenav a:hover,<br />
body.people #sidenav a:active,<br />
body.people #sidenav li.sel li a:hover,<br />
body.people #sidenav li.sel li a:active {<br />
background-color: #e6881a;<br />
}<br />
<br />
#topnav li.people ul {<br />
width: 848px;<br />
padding-left: 75px;<br />
}<br />
<br />
#topnav li.academics a:hover,<br />
#topnav li.academics a:active,<br />
#topnav li.academics ul,<br />
body.academics #topnav li.academics a:link,<br />
body.academics #topnav li.academics a:visited,<br />
body.academics #sidenav li.sel a:link,<br />
body.academics #sidenav li.sel a:visited,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active,<br />
body.academics #sidenav li a:hover,<br />
body.academics #sidenav li a:active,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active {<br />
background-color: #2e2e91;<br />
}<br />
<br />
#topnav li.academics ul {<br />
width: 698px;<br />
padding-left: 225px;<br />
}<br />
<br />
#topnav li.notebook a:hover,<br />
#topnav li.notebook a:active,<br />
#topnav li.notebook ul,<br />
body.notebook #topnav li.notebook a:link,<br />
body.notebook #topnav li.notebook a:visited,<br />
#sidenav li.sel a:link,<br />
#sidenav li.sel a:visited,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active {<br />
background-color: #016b9d;<br />
}<br />
<br />
#topnav li.notebook ul {<br />
width: 463px;<br />
padding-left: 460px;<br />
}<br />
<br />
#topnav li.contributions a:hover,<br />
#topnav li.contributions a:active,<br />
#topnav li.contributions ul,<br />
body.contributions #topnav li.contributions a:link,<br />
body.contributions #topnav li.contributions a:visited,<br />
body.contributions #sidenav li.sel a:link,<br />
body.contributions #sidenav li.sel a:visited,<br />
body.contributions #sidenav li a:hover,<br />
body.contributions #sidenav li a:active,<br />
body.contributions #sidenav li.sel li a:hover,<br />
body.contributions #sidenav li.sel li a:active {<br />
background-color: #4ca14c;<br />
}<br />
<br />
#topnav li.contributions ul {<br />
width: 293px;<br />
padding-left: 630px;<br />
}<br />
<br />
#specialnav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#specialnav a:hover {text-decoration:underline;}<br />
#specialnav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#specialnav dt a {color:#000; text-decoration:none;}<br />
#specialnav dd {padding:0; margin:0;}<br />
#specialnav dd ul {padding:0; margin:0; list-style:none;}<br />
#specialnav dd ul li {padding-left:20px; width:230px}<br />
#specialnav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
/* Thanks to MIT ChemE dept. Your site is lovely. */<br />
<br />
</style><br />
<br />
<br />
</head><br />
<body><br />
<div id="header"><br />
<div id="whitespace" style="background-color: transparent; height: 60px; color: white;"><a href="http://mit.edu"><img src="http://web.mit.edu/img/MIT_logo.gif"> iGEM 2010</a></div><br />
<div id="navwrapper"><br />
<ul id="topnav"><br />
<li class="about"><a href="https://2010.igem.org/Team:MIT"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Home</td></table><br />
</a><br />
<br />
<ul><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT">Home</a></li><br />
</ul></li><br />
<li class="people"><a href="https://2010.igem.org/Team:MIT/Team"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Team</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_undergraduates">Undergraduates</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_instructors">Instructors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_advisors">Advisors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_fun">Fun</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_gallery">Gallery</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_sponsors">Sponsors</a></li><br />
</ul></li><br />
<li class="academics"><a href="https://2010.igem.org/Team:MIT_overview"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Project</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_overview">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_toggle">Bacteria</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage">Phage</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Mammalian</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_results">Results</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_summary">Summary</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_acknowledgements">Acknowledgments</a></li><br />
</ul><br />
<br />
</li><br />
<li class="notebook"><a href="https://2010.igem.org/Team:MIT/Notebook"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Notebook</td></table><br />
</a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mm">Materials & Methods</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_parts">Parts</a></li><br />
<li class="last"><a href ="https://2010.igem.org/Team:MIT_safety">Safety</a></li><br />
<br />
</ul></li><br />
<li class="contributions"><a href="https://2010.igem.org/Team:MIT_contributions" class="last"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Beyond Biobrick</td></table></a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_bioethics">Bioethics</a></li><br />
</ul></li><br />
<br />
</ul><br />
</div><br />
<div id="whitespace" style="height: 100px;"></div><br />
</div> <br />
<br />
</body><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Template:CM_css
Template:CM css
2010-10-28T02:27:03Z
<p>Supacalafrglstic: </p>
<hr />
<div><html><br />
<head><br />
<script type="text/javascript" src="http://www.sunsean.com/idTabs/jquery.idTabs.min.js"></script><br />
<script type="text/javascript" src="http://jquery.com/demo/thickbox/thickbox-code/thickbox.js"></script><br />
<link rel="stylesheet" href="http://jquery.com/demo/thickbox/thickbox-code/thickbox.css" type="text/css" media="screen" /><br />
<script type="text/javascript" src="http://www.google.com/jsapi"></script><br />
<script src="http://d2o0t5hpnwv4c1.cloudfront.net/004_Moo/tutorial/demo/sliding_effect.js"></script><br />
<script> google.load("jquery", "1.4.2"); </script><br />
<script type="text/javascript"><br />
$('#rightMenu a')<br />
.css( {backgroundPosition: "0 0"} )<br />
.mouseover(function(){<br />
$(this).stop().animate(<br />
{backgroundPosition:"(0 -250px)"}, <br />
{duration:500})<br />
})<br />
.mouseout(function(){<br />
$(this).stop().animate(<br />
{backgroundPosition:"(0 0)"}, <br />
{duration:500})<br />
})<br />
</script><br />
<script type="text/javascript"><br />
$(function() {<br />
$("#button").toggle(<br />
function() {<br />
$("#effect").animate({backgroundColor: '#aa0000', color: '#fff', width: 500}, 1000);<br />
},<br />
function() {<br />
$("#effect").animate({backgroundColor: '#fff', color: '#000', width: 240}, 1000);<br />
}<br />
);<br />
});<br />
$(document).ready(function(){<br />
if($("#nav")) {<br />
$("#nav dd").hide();<br />
$("#nav dt b").click(function() {<br />
if(this.className.indexOf("clicked") != -1) {<br />
$(this).parent().next().slideUp(200);<br />
$(this).removeClass("clicked");<br />
}<br />
else {<br />
$("#nav dt b").removeClass();<br />
$(this).addClass("clicked");<br />
$("#nav dd:visible").slideUp(200);<br />
$(this).parent().next().slideDown(500);<br />
}<br />
return false;<br />
});<br />
}<br />
});<br />
<br />
</script><br />
<!--[if IE]><br />
<style><br />
#header {<br />
width: 900px;<br />
}<br />
</style><br />
<![endif]--><br />
<style type="text/css"><br />
.toggler { width: 500px; height: 200px; position: relative;}<br />
#button { padding: .5em 1em; text-decoration: none; }<br />
#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; background: #fff; }<br />
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }<br />
<br />
<br />
#header {<br />
position: relative;<br />
left: 2px;<br />
text-align: left;<br />
margin: 0px;<br />
width: 955px;<br />
}<br />
<br />
#header a {<br />
color: white;<br />
}<br />
<br />
#content {<br />
background-color: transparent;<br />
border: none;<br />
}<br />
<br />
.mainContent {<br />
width: 943px;<br />
position: absolute;<br />
padding:5px;<br />
top: 160px;<br />
font-size: 14px;<br />
margin:5px;<br />
}<br />
<br />
#groupparts {<br />
position:relative;<br />
left: 21px;<br />
top: 5px;<br />
}<br />
<br />
.baby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
}<br />
<br />
.bodybaby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
border-bottom: 2px solid black;<br />
color: black;<br />
}<br />
<br />
.bodybaby a {<br />
color: black;<br />
}<br />
<br />
.sidep {<br />
display: inline;<br />
background-color: #boc4de;<br />
width: 170px;<br />
float: right;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
.outline {<br />
display: inline;<br />
padding: 5px;<br />
background-color: #boc4de;<br />
width: 250px;<br />
float: left;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
#procedure,<br />
#procedure a {<br />
display: relative;<br />
text-decoration: none;<br />
color: black;<br />
list-style: none;<br />
}<br />
<br />
#procedure a:hover {<br />
color: white;<br />
text-decoration: none;<br />
}<br />
<br />
.bolded {<br />
font-size: 16px;<br />
}<br />
<br />
#unique {<br />
margin: 5px 21px !important;<br />
border: none !important;<br />
background-color: white;<br />
}<br />
<br />
#freedom {<br />
width: 105px;<br />
position: relative;<br />
left: -20px;<br />
top: 8px;<br />
display: block;<br />
list-style: none;<br />
text-align: left;<br />
color: black;<br />
background-color: honeydew;<br />
font-family: Osaka, verdana, Sans-Serif;<br />
font-size: 16px;<br />
}<br />
#freedom li a {<br />
text-align: left;<br />
padding-left: 7px;<br />
color: #330066<br />
}<br />
<br />
#freedom li a:hover {<br />
background-color: #b2b2cc;<br />
<br />
}<br />
#freedom li a.selected {<br />
position: relative;<br />
left: 10px;<br />
color: black;<br />
}<br />
<br />
.tabContainer {<br />
position: relative;<br />
top: 0px;<br />
left: 4px;<br />
height: 23px;<br />
width: 99%;<br />
}<br />
.tabContainer p {<br />
text-align:left;<br />
top: 1px;<br />
}<br />
<br />
/* ================================================================ <br />
This copyright notice must be untouched at all times.<br />
Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved.<br />
=================================================================== */<br />
<br />
#nav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#nav a:hover {text-decoration:underline;}<br />
#nav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#nav dt a {color:#000; text-decoration:none;}<br />
#nav dd {padding:0; margin:0;}<br />
#nav dd ul {padding:0; margin:0; list-style:none;}<br />
#nav dd ul li {padding-left:20px; width:230px}<br />
#nav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
<br />
input.searchButton {<br />
background:none repeat scroll 0 0 transparent;<br />
border:medium none;<br />
color:#000066;<br />
font-size:100%;<br />
font-weight:bold;<br />
margin:1px 10px 0;<br />
}<br />
<br />
#search-controls {<br />
display: block;<br />
background: none;<br />
position: absolute;<br />
top: -100px;<br />
left: -50px;}<br />
<br />
.left-menu {<br />
width: 300px;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
.left-menu ul {<br />
border: none; }<br />
<br />
#searchform {<br />
background: none;<br />
display: block;<br />
float: right;}<br />
<br />
#menubar.right-menu {<br />
width: 300px;<br />
display: block;<br />
float: left;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
<br />
#top-section {<br />
height: 0px;<br />
margin-top: -5px;<br />
margin-bottom: 0 !important;<br />
margin-left: auto;<br />
padding:0;<br />
border: none;}<br />
<br />
#p-logo {<br />
height: 0px;<br />
overflow: hidden;<br />
display: none;<br />
border: }<br />
<br />
#footer {<br />
border: none;<br />
background-color: transparent;<br />
margin: 0;<br />
padding: 0; }<br />
<br />
#footer-box {<br />
border:none;<br />
background-color: transparent;<br />
}<br />
<br />
.firstHeading {<br />
display: none; }<br />
<br />
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }<br />
.code code { display: block; padding: 3px; margin-bottom: 0; }<br />
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }<br />
.indent1 { padding-left: 1em; }<br />
.indent2 { padding-left: 2em; }<br />
<br />
/* sidenav styling */<br />
#sidenav {<br />
clear: both;<br />
line-height: 50%;<br />
}<br />
<br />
#sidenav li {<br />
list-style-type: none;<br />
display: block;<br />
margin: 8px 0px;<br />
font-size: 14px;<br />
}<br />
<br />
#sidenav li li {<br />
padding-left: 16px;<br />
}<br />
<br />
#sidenav li a {<br />
color: #333;<br />
padding: 0px 4px 0px 10px;<br />
background-color: transparent;<br />
font-weight: bold;<br />
}<br />
<br />
#sidenav ul a {<br />
font-weight: normal;<br />
}<br />
<br />
#sidenav li li a,<br />
#sidenav li.sel li a {<br />
padding-left: 0px;<br />
}<br />
<br />
#sidenav li.sel a,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav.col li.sel ul li a:hover,<br />
#sidenav.col li.sel ul li a:active {<br />
color: #fff;<br />
text-decoration: none;<br />
}<br />
<br />
<br />
<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
*{padding: 0; margin: 0;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_window {<br />
font: 12px Arial, Helvetica, sans-serif;<br />
color: #333333;<br />
}<br />
<br />
#TB_secondLine {<br />
font: 10px Arial, Helvetica, sans-serif;<br />
color:#666666;<br />
}<br />
<br />
#TB_window a:link {color: #666666;}<br />
#TB_window a:visited {color: #666666;}<br />
#TB_window a:hover {color: #000;}<br />
#TB_window a:active {color: #666666;}<br />
#TB_window a:focus{color: #666666;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_overlay {<br />
position: fixed;<br />
z-index:100;<br />
top: 0px;<br />
left: 0px;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}<br />
.TB_overlayBG {<br />
background-color:#000;<br />
filter:alpha(opacity=75);<br />
-moz-opacity: 0.75;<br />
opacity: 0.75;<br />
}<br />
<br />
* html #TB_overlay { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_window {<br />
position: fixed;<br />
background: #ffffff;<br />
z-index: 102;<br />
color:#000000;<br />
display:none;<br />
border: 4px solid #525252;<br />
text-align:left;<br />
top:50%;<br />
left:50%;<br />
}<br />
<br />
* html #TB_window { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_window img#TB_Image {<br />
display:block;<br />
margin: 15px 0 0 15px;<br />
border-right: 1px solid #ccc;<br />
border-bottom: 1px solid #ccc;<br />
border-top: 1px solid #666;<br />
border-left: 1px solid #666;<br />
}<br />
<br />
#TB_caption{<br />
height:25px;<br />
padding:7px 30px 10px 25px;<br />
float:left;<br />
}<br />
<br />
#TB_closeWindow{<br />
height:25px;<br />
padding:11px 25px 10px 0;<br />
float:right;<br />
}<br />
<br />
#TB_closeAjaxWindow{<br />
padding:7px 10px 5px 0;<br />
margin-bottom:1px;<br />
text-align:right;<br />
float:right;<br />
}<br />
<br />
#TB_ajaxWindowTitle{<br />
float:left;<br />
padding:7px 0 5px 10px;<br />
margin-bottom:1px;<br />
}<br />
<br />
#TB_title{<br />
background-color:#e8e8e8;<br />
height:27px;<br />
}<br />
<br />
#TB_ajaxContent{<br />
clear:both;<br />
padding:2px 15px 15px 15px;<br />
overflow:auto;<br />
text-align:left;<br />
line-height:1.4em;<br />
}<br />
<br />
#TB_ajaxContent.TB_modal{<br />
padding:15px;<br />
}<br />
<br />
#TB_ajaxContent p{<br />
padding:5px 0px 5px 0px;<br />
}<br />
<br />
#TB_load{<br />
position: fixed;<br />
display:none;<br />
height:13px;<br />
width:208px;<br />
z-index:103;<br />
top: 50%;<br />
left: 50%;<br />
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */<br />
}<br />
<br />
* html #TB_load { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_HideSelect{<br />
z-index:99;<br />
position:fixed;<br />
top: 0;<br />
left: 0;<br />
background-color:#fff;<br />
border:none;<br />
filter:alpha(opacity=0);<br />
-moz-opacity: 0;<br />
opacity: 0;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
* html #TB_HideSelect { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_iframeContent{<br />
clear:both;<br />
border:none;<br />
margin-bottom:-1px;<br />
margin-top:1px;<br />
_margin-bottom:1px;<br />
}<br />
<br />
#stones {<br />
position: fixed;<br />
top: 45px;<br />
left: 0px;<br />
width: 43px;<br />
padding: 2px;<br />
background-image: url('https://static.igem.org/mediawiki/2010/3/34/Transparency50.png');<br />
background-repeat: repeat-y;<br />
}<br />
<br />
/* MIT ChemE Menu */<br />
<br />
#navwrapper {<br />
position: absolute;<br />
width: 955px;<br />
}<br />
<br />
#topnav {<br />
height: 65px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li {<br />
list-style: none;<br />
float: left;<br />
}<br />
<br />
#topnav li a {<br />
display: block;<br />
width: 183px;<br />
height: 65px;<br />
margin-right: 2px;<br />
background-color: #2e2e2e;<br />
font-family: "Arial", Verdana, sans-serif;<br />
font-size: medium;<br />
line-height: 1.25em;<br />
color: #fff;<br />
font-weight: 900;<br />
}<br />
<br />
#topnav li a.last {<br />
margin-right: 0px;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul,<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
display: block;<br />
}<br />
<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
z-index: 1;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul {<br />
z-index: 100;<br />
}<br />
<br />
#topnav li ul {<br />
display: none;<br />
clear: both;<br />
position: absolute;<br />
top: 65px;<br />
left: 0px;<br />
width: 950px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li li {<br />
float: none;<br />
display: block;<br />
}<br />
<br />
#topnav li a:hover,<br />
#topnav li a:active {<br />
text-decoration: none;<br />
}<br />
<br />
#topnav li li {<br />
display: block;<br />
float: left;<br />
padding-top: 11px;<br />
padding-bottom: 9px;<br />
}<br />
<br />
#topnav li li a {<br />
margin: 0;<br />
padding: 0 8px;<br />
background-color: transparent;<br />
height: auto;<br />
width: auto;<br />
font-weight: normal;<br />
font-size: small;<br />
border-right: 1px solid white;<br />
}<br />
<br />
#topnav li li.last a {<br />
background-image: none;<br />
padding-right: 0px;<br />
border-right: none;<br />
}<br />
<br />
#topnav li li a:hover,<br />
#topnav li li a:active,<br />
#topnav li li.sel a {<br />
text-transform: uppercase;<br />
}<br />
<br />
<br />
<br />
/* specific styles */<br />
<br />
#topnav li.about a:hover,<br />
#topnav li.about a:active,<br />
#topnav li.about ul,<br />
body.about #topnav li.about a:link,<br />
body.about #topnav li.about a:visited {<br />
background-color: #8b0000;<br />
}<br />
<br />
#topnav li.about ul {<br />
width: 923px;<br />
}<br />
<br />
#topnav li.people a:hover,<br />
#topnav li.people a:active,<br />
#topnav li.people ul,<br />
body.people #topnav li.people a:link,<br />
body.people #topnav li.people a:visited,<br />
body.people #sidenav .sel a:link,<br />
body.people #sidenav .sel a:visited,<br />
body.people #sidenav a:hover,<br />
body.people #sidenav a:active,<br />
body.people #sidenav li.sel li a:hover,<br />
body.people #sidenav li.sel li a:active {<br />
background-color: #e6881a;<br />
}<br />
<br />
#topnav li.people ul {<br />
width: 848px;<br />
padding-left: 75px;<br />
}<br />
<br />
#topnav li.academics a:hover,<br />
#topnav li.academics a:active,<br />
#topnav li.academics ul,<br />
body.academics #topnav li.academics a:link,<br />
body.academics #topnav li.academics a:visited,<br />
body.academics #sidenav li.sel a:link,<br />
body.academics #sidenav li.sel a:visited,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active,<br />
body.academics #sidenav li a:hover,<br />
body.academics #sidenav li a:active,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active {<br />
background-color: #2e2e91;<br />
}<br />
<br />
#topnav li.academics ul {<br />
width: 698px;<br />
padding-left: 225px;<br />
}<br />
<br />
#topnav li.notebook a:hover,<br />
#topnav li.notebook a:active,<br />
#topnav li.notebook ul,<br />
body.notebook #topnav li.notebook a:link,<br />
body.notebook #topnav li.notebook a:visited,<br />
#sidenav li.sel a:link,<br />
#sidenav li.sel a:visited,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active {<br />
background-color: #016b9d;<br />
}<br />
<br />
#topnav li.notebook ul {<br />
width: 463px;<br />
padding-left: 460px;<br />
}<br />
<br />
#topnav li.contributions a:hover,<br />
#topnav li.contributions a:active,<br />
#topnav li.contributions ul,<br />
body.contributions #topnav li.contributions a:link,<br />
body.contributions #topnav li.contributions a:visited,<br />
body.contributions #sidenav li.sel a:link,<br />
body.contributions #sidenav li.sel a:visited,<br />
body.contributions #sidenav li a:hover,<br />
body.contributions #sidenav li a:active,<br />
body.contributions #sidenav li.sel li a:hover,<br />
body.contributions #sidenav li.sel li a:active {<br />
background-color: #4ca14c;<br />
}<br />
<br />
#topnav li.contributions ul {<br />
width: 293px;<br />
padding-left: 630px;<br />
}<br />
<br />
#specialnav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#specialnav a:hover {text-decoration:underline;}<br />
#specialnav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#specialnav dt a {color:#000; text-decoration:none;}<br />
#specialnav dd {padding:0; margin:0;}<br />
#specialnav dd ul {padding:0; margin:0; list-style:none;}<br />
#specialnav dd ul li {padding-left:20px; width:230px}<br />
#specialnav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
/* Thanks to MIT ChemE dept. Your site is lovely. */<br />
<br />
</style><br />
<br />
<br />
</head><br />
<body><br />
<div id="header"><br />
<div id="whitespace" style="background-color: transparent; height: 50px; color: white;"><a href="http://mit.edu"><img src="http://web.mit.edu/img/MIT_logo.gif"> iGEM 2010</a></div><br />
<div id="navwrapper"><br />
<ul id="topnav"><br />
<li class="about"><a href="https://2010.igem.org/Team:MIT"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Home</td></table><br />
</a><br />
<br />
<ul><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT">Home</a></li><br />
</ul></li><br />
<li class="people"><a href="https://2010.igem.org/Team:MIT/Team"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Team</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_undergraduates">Undergraduates</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_instructors">Instructors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_advisors">Advisors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_fun">Fun</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_gallery">Gallery</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_sponsors">Sponsors</a></li><br />
</ul></li><br />
<li class="academics"><a href="https://2010.igem.org/Team:MIT_overview"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Project</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_overview">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_toggle">Bacteria</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage">Phage</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Mammalian</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_results">Results</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_summary">Summary</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_acknowledgements">Acknowledgments</a></li><br />
</ul><br />
<br />
</li><br />
<li class="notebook"><a href="https://2010.igem.org/Team:MIT/Notebook"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Notebook</td></table><br />
</a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mm">Materials & Methods</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_parts">Parts</a></li><br />
<li class="last"><a href ="https://2010.igem.org/Team:MIT_safety">Safety</a></li><br />
<br />
</ul></li><br />
<li class="contributions"><a href="https://2010.igem.org/Team:MIT_contributions" class="last"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Beyond Biobrick</td></table></a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_bioethics">Bioethics</a></li><br />
</ul></li><br />
<br />
</ul><br />
</div><br />
<div id="whitespace" style="height: 100px;"></div><br />
</div> <br />
<br />
</body><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Template:CM_css
Template:CM css
2010-10-28T02:07:47Z
<p>Supacalafrglstic: </p>
<hr />
<div><html><br />
<head><br />
<script type="text/javascript" src="http://www.sunsean.com/idTabs/jquery.idTabs.min.js"></script><br />
<script type="text/javascript" src="http://jquery.com/demo/thickbox/thickbox-code/thickbox.js"></script><br />
<link rel="stylesheet" href="http://jquery.com/demo/thickbox/thickbox-code/thickbox.css" type="text/css" media="screen" /><br />
<script type="text/javascript" src="http://www.google.com/jsapi"></script><br />
<script src="http://d2o0t5hpnwv4c1.cloudfront.net/004_Moo/tutorial/demo/sliding_effect.js"></script><br />
<script> google.load("jquery", "1.4.2"); </script><br />
<script type="text/javascript"><br />
$('#rightMenu a')<br />
.css( {backgroundPosition: "0 0"} )<br />
.mouseover(function(){<br />
$(this).stop().animate(<br />
{backgroundPosition:"(0 -250px)"}, <br />
{duration:500})<br />
})<br />
.mouseout(function(){<br />
$(this).stop().animate(<br />
{backgroundPosition:"(0 0)"}, <br />
{duration:500})<br />
})<br />
</script><br />
<script type="text/javascript"><br />
$(function() {<br />
$("#button").toggle(<br />
function() {<br />
$("#effect").animate({backgroundColor: '#aa0000', color: '#fff', width: 500}, 1000);<br />
},<br />
function() {<br />
$("#effect").animate({backgroundColor: '#fff', color: '#000', width: 240}, 1000);<br />
}<br />
);<br />
});<br />
$(document).ready(function(){<br />
if($("#nav")) {<br />
$("#nav dd").hide();<br />
$("#nav dt b").click(function() {<br />
if(this.className.indexOf("clicked") != -1) {<br />
$(this).parent().next().slideUp(200);<br />
$(this).removeClass("clicked");<br />
}<br />
else {<br />
$("#nav dt b").removeClass();<br />
$(this).addClass("clicked");<br />
$("#nav dd:visible").slideUp(200);<br />
$(this).parent().next().slideDown(500);<br />
}<br />
return false;<br />
});<br />
}<br />
});<br />
<br />
</script><br />
<!--[if IE]><br />
<style><br />
#header {<br />
width: 900px;<br />
}<br />
</style><br />
<![endif]--><br />
<style type="text/css"><br />
.toggler { width: 500px; height: 200px; position: relative;}<br />
#button { padding: .5em 1em; text-decoration: none; }<br />
#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; background: #fff; }<br />
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }<br />
<br />
<br />
#header {<br />
position: relative;<br />
left: 2px;<br />
text-align: left;<br />
margin: 0px;<br />
width: 955px;<br />
}<br />
<br />
#header a {<br />
color: white;<br />
}<br />
<br />
#content {<br />
background-color: transparent;<br />
border: none;<br />
}<br />
<br />
.mainContent {<br />
width: 943px;<br />
position: absolute;<br />
padding:5px;<br />
top: 160px;<br />
font-size: 14px;<br />
margin:5px;<br />
}<br />
<br />
#groupparts {<br />
position:relative;<br />
left: 21px;<br />
top: 5px;<br />
}<br />
<br />
.baby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
}<br />
<br />
.bodybaby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
border-bottom: 2px solid black;<br />
color: black;<br />
}<br />
<br />
.bodybaby a {<br />
color: black;<br />
}<br />
<br />
.sidep {<br />
display: inline;<br />
background-color: #boc4de;<br />
width: 170px;<br />
float: right;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
.outline {<br />
display: inline;<br />
padding: 5px;<br />
background-color: #boc4de;<br />
width: 250px;<br />
float: left;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
#procedure,<br />
#procedure a {<br />
display: relative;<br />
text-decoration: none;<br />
color: black;<br />
list-style: none;<br />
}<br />
<br />
#procedure a:hover {<br />
color: white;<br />
text-decoration: none;<br />
}<br />
<br />
.bolded {<br />
font-size: 16px;<br />
}<br />
<br />
#unique {<br />
margin: 5px 21px !important;<br />
border: none !important;<br />
background-color: white;<br />
}<br />
<br />
#freedom {<br />
width: 105px;<br />
position: relative;<br />
left: -20px;<br />
top: 8px;<br />
display: block;<br />
list-style: none;<br />
text-align: left;<br />
color: black;<br />
background-color: honeydew;<br />
font-family: Osaka, verdana, Sans-Serif;<br />
font-size: 16px;<br />
}<br />
#freedom li a {<br />
text-align: left;<br />
padding-left: 7px;<br />
color: #330066<br />
}<br />
<br />
#freedom li a:hover {<br />
background-color: #b2b2cc;<br />
<br />
}<br />
#freedom li a.selected {<br />
position: relative;<br />
left: 10px;<br />
color: black;<br />
}<br />
<br />
.tabContainer {<br />
position: relative;<br />
top: 0px;<br />
left: 4px;<br />
height: 23px;<br />
width: 99%;<br />
}<br />
.tabContainer p {<br />
text-align:left;<br />
top: 1px;<br />
}<br />
<br />
/* ================================================================ <br />
This copyright notice must be untouched at all times.<br />
Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved.<br />
=================================================================== */<br />
<br />
#nav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#nav a:hover {text-decoration:underline;}<br />
#nav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#nav dt a {color:#000; text-decoration:none;}<br />
#nav dd {padding:0; margin:0;}<br />
#nav dd ul {padding:0; margin:0; list-style:none;}<br />
#nav dd ul li {padding-left:20px; width:230px}<br />
#nav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
<br />
input.searchButton {<br />
background:none repeat scroll 0 0 transparent;<br />
border:medium none;<br />
color:#000066;<br />
font-size:100%;<br />
font-weight:bold;<br />
margin:1px 10px 0;<br />
}<br />
<br />
#search-controls {<br />
display: block;<br />
background: none;<br />
position: absolute;<br />
top: -100px;<br />
left: -50px;}<br />
<br />
.left-menu {<br />
width: 300px;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
.left-menu ul {<br />
border: none; }<br />
<br />
#searchform {<br />
background: none;<br />
display: block;<br />
float: right;}<br />
<br />
#menubar.right-menu {<br />
width: 300px;<br />
display: block;<br />
float: left;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
<br />
#top-section {<br />
height: 0px;<br />
margin-top: -5px;<br />
margin-bottom: 0 !important;<br />
margin-left: auto;<br />
padding:0;<br />
border: none;}<br />
<br />
#p-logo {<br />
height: 0px;<br />
overflow: hidden;<br />
display: none;<br />
border: }<br />
<br />
#footer {<br />
border: none;<br />
background-color: transparent;<br />
margin: 0;<br />
padding: 0; }<br />
<br />
#footer-box {<br />
border:none;<br />
background-color: transparent;<br />
}<br />
<br />
.firstHeading {<br />
display: none; }<br />
<br />
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }<br />
.code code { display: block; padding: 3px; margin-bottom: 0; }<br />
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }<br />
.indent1 { padding-left: 1em; }<br />
.indent2 { padding-left: 2em; }<br />
<br />
/* sidenav styling */<br />
#sidenav {<br />
clear: both;<br />
line-height: 50%;<br />
}<br />
<br />
#sidenav li {<br />
list-style-type: none;<br />
display: block;<br />
margin: 8px 0px;<br />
font-size: 14px;<br />
}<br />
<br />
#sidenav li li {<br />
padding-left: 16px;<br />
}<br />
<br />
#sidenav li a {<br />
color: #333;<br />
padding: 0px 4px 0px 10px;<br />
background-color: transparent;<br />
font-weight: bold;<br />
}<br />
<br />
#sidenav ul a {<br />
font-weight: normal;<br />
}<br />
<br />
#sidenav li li a,<br />
#sidenav li.sel li a {<br />
padding-left: 0px;<br />
}<br />
<br />
#sidenav li.sel a,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav.col li.sel ul li a:hover,<br />
#sidenav.col li.sel ul li a:active {<br />
color: #fff;<br />
text-decoration: none;<br />
}<br />
<br />
<br />
<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
*{padding: 0; margin: 0;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_window {<br />
font: 12px Arial, Helvetica, sans-serif;<br />
color: #333333;<br />
}<br />
<br />
#TB_secondLine {<br />
font: 10px Arial, Helvetica, sans-serif;<br />
color:#666666;<br />
}<br />
<br />
#TB_window a:link {color: #666666;}<br />
#TB_window a:visited {color: #666666;}<br />
#TB_window a:hover {color: #000;}<br />
#TB_window a:active {color: #666666;}<br />
#TB_window a:focus{color: #666666;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_overlay {<br />
position: fixed;<br />
z-index:100;<br />
top: 0px;<br />
left: 0px;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}<br />
.TB_overlayBG {<br />
background-color:#000;<br />
filter:alpha(opacity=75);<br />
-moz-opacity: 0.75;<br />
opacity: 0.75;<br />
}<br />
<br />
* html #TB_overlay { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_window {<br />
position: fixed;<br />
background: #ffffff;<br />
z-index: 102;<br />
color:#000000;<br />
display:none;<br />
border: 4px solid #525252;<br />
text-align:left;<br />
top:50%;<br />
left:50%;<br />
}<br />
<br />
* html #TB_window { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_window img#TB_Image {<br />
display:block;<br />
margin: 15px 0 0 15px;<br />
border-right: 1px solid #ccc;<br />
border-bottom: 1px solid #ccc;<br />
border-top: 1px solid #666;<br />
border-left: 1px solid #666;<br />
}<br />
<br />
#TB_caption{<br />
height:25px;<br />
padding:7px 30px 10px 25px;<br />
float:left;<br />
}<br />
<br />
#TB_closeWindow{<br />
height:25px;<br />
padding:11px 25px 10px 0;<br />
float:right;<br />
}<br />
<br />
#TB_closeAjaxWindow{<br />
padding:7px 10px 5px 0;<br />
margin-bottom:1px;<br />
text-align:right;<br />
float:right;<br />
}<br />
<br />
#TB_ajaxWindowTitle{<br />
float:left;<br />
padding:7px 0 5px 10px;<br />
margin-bottom:1px;<br />
}<br />
<br />
#TB_title{<br />
background-color:#e8e8e8;<br />
height:27px;<br />
}<br />
<br />
#TB_ajaxContent{<br />
clear:both;<br />
padding:2px 15px 15px 15px;<br />
overflow:auto;<br />
text-align:left;<br />
line-height:1.4em;<br />
}<br />
<br />
#TB_ajaxContent.TB_modal{<br />
padding:15px;<br />
}<br />
<br />
#TB_ajaxContent p{<br />
padding:5px 0px 5px 0px;<br />
}<br />
<br />
#TB_load{<br />
position: fixed;<br />
display:none;<br />
height:13px;<br />
width:208px;<br />
z-index:103;<br />
top: 50%;<br />
left: 50%;<br />
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */<br />
}<br />
<br />
* html #TB_load { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_HideSelect{<br />
z-index:99;<br />
position:fixed;<br />
top: 0;<br />
left: 0;<br />
background-color:#fff;<br />
border:none;<br />
filter:alpha(opacity=0);<br />
-moz-opacity: 0;<br />
opacity: 0;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
* html #TB_HideSelect { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_iframeContent{<br />
clear:both;<br />
border:none;<br />
margin-bottom:-1px;<br />
margin-top:1px;<br />
_margin-bottom:1px;<br />
}<br />
<br />
#stones {<br />
position: fixed;<br />
top: 45px;<br />
left: 0px;<br />
width: 43px;<br />
padding: 2px;<br />
background-image: url('https://static.igem.org/mediawiki/2010/3/34/Transparency50.png');<br />
background-repeat: repeat-y;<br />
}<br />
<br />
/* MIT ChemE Menu */<br />
<br />
#navwrapper {<br />
position: absolute;<br />
width: 955px;<br />
}<br />
<br />
#topnav {<br />
height: 65px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li {<br />
list-style: none;<br />
float: left;<br />
}<br />
<br />
#topnav li a {<br />
display: block;<br />
width: 183px;<br />
height: 65px;<br />
margin-right: 2px;<br />
background-color: #2e2e2e;<br />
font-family: "Arial", Verdana, sans-serif;<br />
font-size: medium;<br />
line-height: 1.25em;<br />
color: #fff;<br />
font-weight: 900;<br />
}<br />
<br />
#topnav li a.last {<br />
margin-right: 0px;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul,<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
display: block;<br />
}<br />
<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
z-index: 1;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul {<br />
z-index: 100;<br />
}<br />
<br />
#topnav li ul {<br />
display: none;<br />
clear: both;<br />
position: absolute;<br />
top: 65px;<br />
left: 0px;<br />
width: 950px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li li {<br />
float: none;<br />
display: block;<br />
}<br />
<br />
#topnav li a:hover,<br />
#topnav li a:active {<br />
text-decoration: none;<br />
}<br />
<br />
#topnav li li {<br />
display: block;<br />
float: left;<br />
padding-top: 11px;<br />
padding-bottom: 9px;<br />
}<br />
<br />
#topnav li li a {<br />
margin: 0;<br />
padding: 0 8px;<br />
background-color: transparent;<br />
height: auto;<br />
width: auto;<br />
font-weight: normal;<br />
font-size: small;<br />
border-right: 1px solid white;<br />
}<br />
<br />
#topnav li li.last a {<br />
background-image: none;<br />
padding-right: 0px;<br />
border-right: none;<br />
}<br />
<br />
#topnav li li a:hover,<br />
#topnav li li a:active,<br />
#topnav li li.sel a {<br />
text-transform: uppercase;<br />
}<br />
<br />
<br />
<br />
/* specific styles */<br />
<br />
#topnav li.about a:hover,<br />
#topnav li.about a:active,<br />
#topnav li.about ul,<br />
body.about #topnav li.about a:link,<br />
body.about #topnav li.about a:visited {<br />
background-color: #8b0000;<br />
}<br />
<br />
#topnav li.about ul {<br />
width: 923px;<br />
}<br />
<br />
#topnav li.people a:hover,<br />
#topnav li.people a:active,<br />
#topnav li.people ul,<br />
body.people #topnav li.people a:link,<br />
body.people #topnav li.people a:visited,<br />
body.people #sidenav .sel a:link,<br />
body.people #sidenav .sel a:visited,<br />
body.people #sidenav a:hover,<br />
body.people #sidenav a:active,<br />
body.people #sidenav li.sel li a:hover,<br />
body.people #sidenav li.sel li a:active {<br />
background-color: #e6881a;<br />
}<br />
<br />
#topnav li.people ul {<br />
width: 848px;<br />
padding-left: 75px;<br />
}<br />
<br />
#topnav li.academics a:hover,<br />
#topnav li.academics a:active,<br />
#topnav li.academics ul,<br />
body.academics #topnav li.academics a:link,<br />
body.academics #topnav li.academics a:visited,<br />
body.academics #sidenav li.sel a:link,<br />
body.academics #sidenav li.sel a:visited,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active,<br />
body.academics #sidenav li a:hover,<br />
body.academics #sidenav li a:active,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active {<br />
background-color: #2e2e91;<br />
}<br />
<br />
#topnav li.academics ul {<br />
width: 698px;<br />
padding-left: 225px;<br />
}<br />
<br />
#topnav li.notebook a:hover,<br />
#topnav li.notebook a:active,<br />
#topnav li.notebook ul,<br />
body.notebook #topnav li.notebook a:link,<br />
body.notebook #topnav li.notebook a:visited,<br />
#sidenav li.sel a:link,<br />
#sidenav li.sel a:visited,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active {<br />
background-color: #016b9d;<br />
}<br />
<br />
#topnav li.notebook ul {<br />
width: 463px;<br />
padding-left: 460px;<br />
}<br />
<br />
#topnav li.contributions a:hover,<br />
#topnav li.contributions a:active,<br />
#topnav li.contributions ul,<br />
body.contributions #topnav li.contributions a:link,<br />
body.contributions #topnav li.contributions a:visited,<br />
body.contributions #sidenav li.sel a:link,<br />
body.contributions #sidenav li.sel a:visited,<br />
body.contributions #sidenav li a:hover,<br />
body.contributions #sidenav li a:active,<br />
body.contributions #sidenav li.sel li a:hover,<br />
body.contributions #sidenav li.sel li a:active {<br />
background-color: #4ca14c;<br />
}<br />
<br />
#topnav li.contributions ul {<br />
width: 293px;<br />
padding-left: 630px;<br />
}<br />
<br />
#specialnav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#specialnav a:hover {text-decoration:underline;}<br />
#specialnav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#specialnav dt a {color:#000; text-decoration:none;}<br />
#specialnav dd {padding:0; margin:0;}<br />
#specialnav dd ul {padding:0; margin:0; list-style:none;}<br />
#specialnav dd ul li {padding-left:20px; width:230px}<br />
#specialnav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
/* Thanks to MIT ChemE dept. Your site is lovely. */<br />
<br />
</style><br />
<br />
<br />
</head><br />
<body><br />
<div id="header"><br />
<div id="whitespace" style="background-color: transparent; height: 20px;"></div><br />
<div id="navwrapper"><br />
<ul id="topnav"><br />
<li class="about"><a href="https://2010.igem.org/Team:MIT"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Home</td></table><br />
</a><br />
<br />
<ul><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT">Home</a></li><br />
</ul></li><br />
<li class="people"><a href="https://2010.igem.org/Team:MIT/Team"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Team</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_undergraduates">Undergraduates</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_instructors">Instructors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_advisors">Advisors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_fun">Fun</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_gallery">Gallery</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_sponsors">Sponsors</a></li><br />
</ul></li><br />
<li class="academics"><a href="https://2010.igem.org/Team:MIT_overview"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Project</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_overview">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_toggle">Bacteria</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage">Phage</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Mammalian</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_results">Results</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_summary">Summary</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_acknowledgements">Acknowledgments</a></li><br />
</ul><br />
<br />
</li><br />
<li class="notebook"><a href="https://2010.igem.org/Team:MIT/Notebook"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Notebook</td></table><br />
</a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mm">Materials & Methods</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_parts">Parts</a></li><br />
<li class="last"><a href ="https://2010.igem.org/Team:MIT_safety">Safety</a></li><br />
<br />
</ul></li><br />
<li class="contributions"><a href="https://2010.igem.org/Team:MIT_contributions" class="last"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Beyond Biobrick</td></table></a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_bioethics">Bioethics</a></li><br />
</ul></li><br />
<br />
</ul><br />
</div><br />
<div id="whitespace" style="height: 100px;"></div><br />
</div> <br />
<br />
</body><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Template:CM_css
Template:CM css
2010-10-28T02:06:29Z
<p>Supacalafrglstic: </p>
<hr />
<div><html><br />
<head><br />
<script type="text/javascript" src="http://www.sunsean.com/idTabs/jquery.idTabs.min.js"></script><br />
<script type="text/javascript" src="http://jquery.com/demo/thickbox/thickbox-code/thickbox.js"></script><br />
<link rel="stylesheet" href="http://jquery.com/demo/thickbox/thickbox-code/thickbox.css" type="text/css" media="screen" /><br />
<script type="text/javascript" src="http://www.google.com/jsapi"></script><br />
<script src="http://d2o0t5hpnwv4c1.cloudfront.net/004_Moo/tutorial/demo/sliding_effect.js"></script><br />
<script> google.load("jquery", "1.4.2"); </script><br />
<script type="text/javascript"><br />
$('#rightMenu a')<br />
.css( {backgroundPosition: "0 0"} )<br />
.mouseover(function(){<br />
$(this).stop().animate(<br />
{backgroundPosition:"(0 -250px)"}, <br />
{duration:500})<br />
})<br />
.mouseout(function(){<br />
$(this).stop().animate(<br />
{backgroundPosition:"(0 0)"}, <br />
{duration:500})<br />
})<br />
</script><br />
<script type="text/javascript"><br />
$(function() {<br />
$("#button").toggle(<br />
function() {<br />
$("#effect").animate({backgroundColor: '#aa0000', color: '#fff', width: 500}, 1000);<br />
},<br />
function() {<br />
$("#effect").animate({backgroundColor: '#fff', color: '#000', width: 240}, 1000);<br />
}<br />
);<br />
});<br />
$(document).ready(function(){<br />
if($("#nav")) {<br />
$("#nav dd").hide();<br />
$("#nav dt b").click(function() {<br />
if(this.className.indexOf("clicked") != -1) {<br />
$(this).parent().next().slideUp(200);<br />
$(this).removeClass("clicked");<br />
}<br />
else {<br />
$("#nav dt b").removeClass();<br />
$(this).addClass("clicked");<br />
$("#nav dd:visible").slideUp(200);<br />
$(this).parent().next().slideDown(500);<br />
}<br />
return false;<br />
});<br />
}<br />
});<br />
<br />
</script><br />
<!--[if IE]><br />
<style><br />
#header {<br />
width: 900px;<br />
}<br />
</style><br />
<![endif]--><br />
<style type="text/css"><br />
.toggler { width: 500px; height: 200px; position: relative;}<br />
#button { padding: .5em 1em; text-decoration: none; }<br />
#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; background: #fff; }<br />
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }<br />
<br />
<br />
#header {<br />
position: relative;<br />
left: 2px;<br />
text-align: left;<br />
margin: 0px;<br />
width: 955px;<br />
}<br />
<br />
#header a {<br />
color: white;<br />
}<br />
<br />
#content {<br />
background-color: transparent;<br />
border: none;<br />
}<br />
<br />
.mainContent {<br />
width: 943px;<br />
position: absolute;<br />
padding:5px;<br />
top: 160px;<br />
font-size: 14px;<br />
margin:5px;<br />
}<br />
<br />
#groupparts {<br />
position:relative;<br />
left: 21px;<br />
top: 5px;<br />
}<br />
<br />
.baby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
}<br />
<br />
.bodybaby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
border-bottom: 2px solid black;<br />
color: black;<br />
}<br />
<br />
.bodybaby a {<br />
color: black;<br />
}<br />
<br />
.sidep {<br />
display: inline;<br />
background-color: #boc4de;<br />
width: 170px;<br />
float: right;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
.outline {<br />
display: inline;<br />
padding: 5px;<br />
background-color: #boc4de;<br />
width: 250px;<br />
float: left;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
#procedure,<br />
#procedure a {<br />
display: relative;<br />
text-decoration: none;<br />
color: black;<br />
list-style: none;<br />
}<br />
<br />
#procedure a:hover {<br />
color: white;<br />
text-decoration: none;<br />
}<br />
<br />
.bolded {<br />
font-size: 16px;<br />
}<br />
<br />
#unique {<br />
margin: 5px 21px !important;<br />
border: none !important;<br />
background-color: white;<br />
}<br />
<br />
#freedom {<br />
width: 105px;<br />
position: relative;<br />
left: -20px;<br />
top: 8px;<br />
display: block;<br />
list-style: none;<br />
text-align: left;<br />
color: black;<br />
background-color: honeydew;<br />
font-family: Osaka, verdana, Sans-Serif;<br />
font-size: 16px;<br />
}<br />
#freedom li a {<br />
text-align: left;<br />
padding-left: 7px;<br />
color: #330066<br />
}<br />
<br />
#freedom li a:hover {<br />
background-color: #b2b2cc;<br />
<br />
}<br />
#freedom li a.selected {<br />
position: relative;<br />
left: 10px;<br />
color: black;<br />
}<br />
<br />
.tabContainer {<br />
position: relative;<br />
top: 0px;<br />
left: 4px;<br />
height: 23px;<br />
width: 99%;<br />
}<br />
.tabContainer p {<br />
text-align:left;<br />
top: 1px;<br />
}<br />
<br />
/* ================================================================ <br />
This copyright notice must be untouched at all times.<br />
Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved.<br />
=================================================================== */<br />
<br />
#nav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#nav a:hover {text-decoration:underline;}<br />
#nav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#nav dt a {color:#000; text-decoration:none;}<br />
#nav dd {padding:0; margin:0;}<br />
#nav dd ul {padding:0; margin:0; list-style:none;}<br />
#nav dd ul li {padding-left:20px; width:230px}<br />
#nav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
<br />
input.searchButton {<br />
background:none repeat scroll 0 0 transparent;<br />
border:medium none;<br />
color:#000066;<br />
font-size:100%;<br />
font-weight:bold;<br />
margin:1px 10px 0;<br />
}<br />
<br />
#search-controls {<br />
display: block;<br />
background: none;<br />
position: absolute;<br />
top: -100px;<br />
left: -50px;}<br />
<br />
.left-menu {<br />
width: 300px;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
.left-menu ul {<br />
border: none; }<br />
<br />
#searchform {<br />
background: none;<br />
display: block;<br />
float: right;}<br />
<br />
#menubar.right-menu {<br />
width: 300px;<br />
display: block;<br />
float: left;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
<br />
#top-section {<br />
height: 0px;<br />
margin-top: -5px;<br />
margin-bottom: 0 !important;<br />
margin-left: auto;<br />
padding:0;<br />
border: none;}<br />
<br />
#p-logo {<br />
height: 0px;<br />
overflow: hidden;<br />
display: none;<br />
border: }<br />
<br />
#footer {<br />
border: none;<br />
background-color: transparent;<br />
margin: 0;<br />
padding: 0; }<br />
<br />
#footer-box {<br />
border:none;<br />
background-color: transparent;<br />
}<br />
<br />
.firstHeading {<br />
display: none; }<br />
<br />
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }<br />
.code code { display: block; padding: 3px; margin-bottom: 0; }<br />
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }<br />
.indent1 { padding-left: 1em; }<br />
.indent2 { padding-left: 2em; }<br />
<br />
/* sidenav styling */<br />
#sidenav {<br />
clear: both;<br />
line-height: 50%;<br />
}<br />
<br />
#sidenav li {<br />
list-style-type: none;<br />
display: block;<br />
margin: 8px 0px;<br />
font-size: 14px;<br />
}<br />
<br />
#sidenav li li {<br />
padding-left: 16px;<br />
}<br />
<br />
#sidenav li a {<br />
color: #333;<br />
padding: 0px 4px 0px 10px;<br />
background-color: transparent;<br />
font-weight: bold;<br />
}<br />
<br />
#sidenav ul a {<br />
font-weight: normal;<br />
}<br />
<br />
#sidenav li li a,<br />
#sidenav li.sel li a {<br />
padding-left: 0px;<br />
}<br />
<br />
#sidenav li.sel a,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav.col li.sel ul li a:hover,<br />
#sidenav.col li.sel ul li a:active {<br />
color: #fff;<br />
text-decoration: none;<br />
}<br />
<br />
<br />
<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
*{padding: 0; margin: 0;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_window {<br />
font: 12px Arial, Helvetica, sans-serif;<br />
color: #333333;<br />
}<br />
<br />
#TB_secondLine {<br />
font: 10px Arial, Helvetica, sans-serif;<br />
color:#666666;<br />
}<br />
<br />
#TB_window a:link {color: #666666;}<br />
#TB_window a:visited {color: #666666;}<br />
#TB_window a:hover {color: #000;}<br />
#TB_window a:active {color: #666666;}<br />
#TB_window a:focus{color: #666666;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_overlay {<br />
position: fixed;<br />
z-index:100;<br />
top: 0px;<br />
left: 0px;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}<br />
.TB_overlayBG {<br />
background-color:#000;<br />
filter:alpha(opacity=75);<br />
-moz-opacity: 0.75;<br />
opacity: 0.75;<br />
}<br />
<br />
* html #TB_overlay { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_window {<br />
position: fixed;<br />
background: #ffffff;<br />
z-index: 102;<br />
color:#000000;<br />
display:none;<br />
border: 4px solid #525252;<br />
text-align:left;<br />
top:50%;<br />
left:50%;<br />
}<br />
<br />
* html #TB_window { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_window img#TB_Image {<br />
display:block;<br />
margin: 15px 0 0 15px;<br />
border-right: 1px solid #ccc;<br />
border-bottom: 1px solid #ccc;<br />
border-top: 1px solid #666;<br />
border-left: 1px solid #666;<br />
}<br />
<br />
#TB_caption{<br />
height:25px;<br />
padding:7px 30px 10px 25px;<br />
float:left;<br />
}<br />
<br />
#TB_closeWindow{<br />
height:25px;<br />
padding:11px 25px 10px 0;<br />
float:right;<br />
}<br />
<br />
#TB_closeAjaxWindow{<br />
padding:7px 10px 5px 0;<br />
margin-bottom:1px;<br />
text-align:right;<br />
float:right;<br />
}<br />
<br />
#TB_ajaxWindowTitle{<br />
float:left;<br />
padding:7px 0 5px 10px;<br />
margin-bottom:1px;<br />
}<br />
<br />
#TB_title{<br />
background-color:#e8e8e8;<br />
height:27px;<br />
}<br />
<br />
#TB_ajaxContent{<br />
clear:both;<br />
padding:2px 15px 15px 15px;<br />
overflow:auto;<br />
text-align:left;<br />
line-height:1.4em;<br />
}<br />
<br />
#TB_ajaxContent.TB_modal{<br />
padding:15px;<br />
}<br />
<br />
#TB_ajaxContent p{<br />
padding:5px 0px 5px 0px;<br />
}<br />
<br />
#TB_load{<br />
position: fixed;<br />
display:none;<br />
height:13px;<br />
width:208px;<br />
z-index:103;<br />
top: 50%;<br />
left: 50%;<br />
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */<br />
}<br />
<br />
* html #TB_load { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_HideSelect{<br />
z-index:99;<br />
position:fixed;<br />
top: 0;<br />
left: 0;<br />
background-color:#fff;<br />
border:none;<br />
filter:alpha(opacity=0);<br />
-moz-opacity: 0;<br />
opacity: 0;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
* html #TB_HideSelect { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_iframeContent{<br />
clear:both;<br />
border:none;<br />
margin-bottom:-1px;<br />
margin-top:1px;<br />
_margin-bottom:1px;<br />
}<br />
<br />
#stones {<br />
position: fixed;<br />
top: 45px;<br />
left: 0px;<br />
width: 43px;<br />
padding: 2px;<br />
background-image: url('https://static.igem.org/mediawiki/2010/3/34/Transparency50.png');<br />
background-repeat: repeat-y;<br />
}<br />
<br />
/* MIT ChemE Menu */<br />
<br />
#navwrapper {<br />
position: absolute;<br />
width: 955px;<br />
}<br />
<br />
#topnav {<br />
height: 65px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li {<br />
list-style: none;<br />
float: left;<br />
}<br />
<br />
#topnav li a {<br />
display: block;<br />
width: 183px;<br />
height: 65px;<br />
margin-right: 2px;<br />
background-color: #2e2e2e;<br />
font-family: "Arial", Verdana, sans-serif;<br />
font-size: medium;<br />
line-height: 1.25em;<br />
color: #fff;<br />
font-weight: 900;<br />
}<br />
<br />
#topnav li a.last {<br />
margin-right: 0px;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul,<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
display: block;<br />
}<br />
<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
z-index: 1;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul {<br />
z-index: 100;<br />
}<br />
<br />
#topnav li ul {<br />
display: none;<br />
clear: both;<br />
position: absolute;<br />
top: 65px;<br />
left: 0px;<br />
width: 950px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li li {<br />
float: none;<br />
display: block;<br />
}<br />
<br />
#topnav li a:hover,<br />
#topnav li a:active {<br />
text-decoration: none;<br />
}<br />
<br />
#topnav li li {<br />
display: block;<br />
float: left;<br />
padding-top: 11px;<br />
padding-bottom: 9px;<br />
}<br />
<br />
#topnav li li a {<br />
margin: 0;<br />
padding: 0 8px;<br />
background-color: transparent;<br />
height: auto;<br />
width: auto;<br />
font-weight: normal;<br />
font-size: small;<br />
border-right: 1px solid white;<br />
}<br />
<br />
#topnav li li.last a {<br />
background-image: none;<br />
padding-right: 0px;<br />
border-right: none;<br />
}<br />
<br />
#topnav li li a:hover,<br />
#topnav li li a:active,<br />
#topnav li li.sel a {<br />
text-transform: uppercase;<br />
}<br />
<br />
<br />
<br />
/* specific styles */<br />
<br />
#topnav li.about a:hover,<br />
#topnav li.about a:active,<br />
#topnav li.about ul,<br />
body.about #topnav li.about a:link,<br />
body.about #topnav li.about a:visited {<br />
background-color: #8b0000;<br />
}<br />
<br />
#topnav li.about ul {<br />
width: 923px;<br />
}<br />
<br />
#topnav li.people a:hover,<br />
#topnav li.people a:active,<br />
#topnav li.people ul,<br />
body.people #topnav li.people a:link,<br />
body.people #topnav li.people a:visited,<br />
body.people #sidenav .sel a:link,<br />
body.people #sidenav .sel a:visited,<br />
body.people #sidenav a:hover,<br />
body.people #sidenav a:active,<br />
body.people #sidenav li.sel li a:hover,<br />
body.people #sidenav li.sel li a:active {<br />
background-color: #e6881a;<br />
}<br />
<br />
#topnav li.people ul {<br />
width: 848px;<br />
padding-left: 75px;<br />
}<br />
<br />
#topnav li.academics a:hover,<br />
#topnav li.academics a:active,<br />
#topnav li.academics ul,<br />
body.academics #topnav li.academics a:link,<br />
body.academics #topnav li.academics a:visited,<br />
body.academics #sidenav li.sel a:link,<br />
body.academics #sidenav li.sel a:visited,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active,<br />
body.academics #sidenav li a:hover,<br />
body.academics #sidenav li a:active,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active {<br />
background-color: #2e2e91;<br />
}<br />
<br />
#topnav li.academics ul {<br />
width: 698px;<br />
padding-left: 225px;<br />
}<br />
<br />
#topnav li.notebook a:hover,<br />
#topnav li.notebook a:active,<br />
#topnav li.notebook ul,<br />
body.notebook #topnav li.notebook a:link,<br />
body.notebook #topnav li.notebook a:visited,<br />
#sidenav li.sel a:link,<br />
#sidenav li.sel a:visited,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active {<br />
background-color: #016b9d;<br />
}<br />
<br />
#topnav li.notebook ul {<br />
width: 463px;<br />
padding-left: 460px;<br />
}<br />
<br />
#topnav li.contributions a:hover,<br />
#topnav li.contributions a:active,<br />
#topnav li.contributions ul,<br />
body.contributions #topnav li.contributions a:link,<br />
body.contributions #topnav li.contributions a:visited,<br />
body.contributions #sidenav li.sel a:link,<br />
body.contributions #sidenav li.sel a:visited,<br />
body.contributions #sidenav li a:hover,<br />
body.contributions #sidenav li a:active,<br />
body.contributions #sidenav li.sel li a:hover,<br />
body.contributions #sidenav li.sel li a:active {<br />
background-color: #4ca14c;<br />
}<br />
<br />
#topnav li.contributions ul {<br />
width: 293px;<br />
padding-left: 630px;<br />
}<br />
<br />
#specialnav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#specialnav a:hover {text-decoration:underline;}<br />
#specialnav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#specialnav dt a {color:#000; text-decoration:none;}<br />
#specialnav dd {padding:0; margin:0;}<br />
#specialnav dd ul {padding:0; margin:0; list-style:none;}<br />
#specialnav dd ul li {padding-left:20px; width:230px}<br />
#specialnav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
/* Thanks to MIT ChemE dept. Your site is lovely. */<br />
<br />
</style><br />
<br />
<br />
</head><br />
<body><br />
<div id="header"><br />
<div id="whitespace" style="background-color: transparent; height: 20px;"></div><br />
<div id="navwrapper"><br />
<ul id="topnav"><br />
<li class="about"><a href="https://2010.igem.org/Team:MIT"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Home</td></table><br />
</a><br />
<br />
<ul><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT">Home</a></li><br />
</ul></li><br />
<li class="people"><a href="https://2010.igem.org/Team:MIT/Team"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Team</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_undergraduates">Undergraduates</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_instructors">Instructors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_advisors">Advisors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_fun">Fun</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_gallery">Gallery</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_sponsors">Sponsors</a></li><br />
</ul></li><br />
<li class="academics"><a href="https://2010.igem.org/Team:MIT_overview"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Project</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_overview">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_toggle">Bacteria</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage">Phage</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Mammalian</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_results">Results</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_summary">Summary</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_acknowledgements">Acknowledgments</a></li><br />
</ul><br />
<br />
</li><br />
<li class="notebook"><a href="https://2010.igem.org/Team:MIT/Notebook"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Notebook</td></table><br />
</a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mm">Materials & Methods</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_parts">Parts</a></li><br />
<li class="last"><a href ="https://2010.igem.org/Team:MIT_safety">Safety</a></li><br />
<br />
</ul></li><br />
<li class="contributions"><a href="https://2010.igem.org/Team:MIT_contributions" class="last"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Beyond Biobrick</td></table></a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">New Mammalian Standard</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_bioethics">Bioethics</a></li><br />
</ul></li><br />
<br />
</ul><br />
</div><br />
<div id="whitespace" style="height: 100px;"></div><br />
</div> <br />
<br />
</body><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Team:MIT_contributions
Team:MIT contributions
2010-10-28T02:05:21Z
<p>Supacalafrglstic: </p>
<hr />
<div>{{CM_css}}<br />
<br />
<html><br />
<head><br />
<style><br />
#topnav li.contributions a {<br />
background-color: #4ca14c;<br />
}<br />
#topnav li.contributions ul {<br />
display: block;<br />
}<br />
#content {<br />
background-image: url('https://static.igem.org/mediawiki/2010/f/f1/Greenn.jpg');<br />
background-attachment: fixed;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div class="header" ><br />
<br />
<div style="width:250px; margin: 10px; position: relative; top: -4px; left:-11px; display: block; float:right; padding: 7px; background-color: white;"><br />
<dl id="specialnav"><br />
<dt><b>Contributions</b></dt><br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_parts">Mammalian Standard</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_original">Bioethics</a></li><br />
</ul><br />
</dd><br />
<br />
</dl><br />
</div><br />
<br />
<div id="unique" style="padding:0px; font-size: 14px; border: 1px solid black; margin:0px; background-color:transparent;"><br />
<table width=650px style="background-color: white; margin-top:5px; padding: 10px;"><br />
<tr><td><br />
<br />
<div class="bodybaby">Beyond Biobricks</div><br><br />
In addition to working hard in the lab, our team cares about the social implications of synthetic biology and developing new tools to push further along the synthetic biology frontier!! We interviewed some of the leading researchers in the synthetic biology field. We asked them about their opinions on the complex interaction between intellectual property law and synthetic biology. We also developed a new Mammalian standard for the registry! We hope this will help encourage future synthetic biology research in mammalian genetics.<br />
<br />
</td><br />
</table><br />
<br />
<br />
<br />
<br />
</div><br />
</div><br />
</body><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Template:CM_css
Template:CM css
2010-10-28T02:03:03Z
<p>Supacalafrglstic: </p>
<hr />
<div><html><br />
<head><br />
<script type="text/javascript" src="http://www.sunsean.com/idTabs/jquery.idTabs.min.js"></script><br />
<script type="text/javascript" src="http://jquery.com/demo/thickbox/thickbox-code/thickbox.js"></script><br />
<link rel="stylesheet" href="http://jquery.com/demo/thickbox/thickbox-code/thickbox.css" type="text/css" media="screen" /><br />
<script type="text/javascript" src="http://www.google.com/jsapi"></script><br />
<script src="http://d2o0t5hpnwv4c1.cloudfront.net/004_Moo/tutorial/demo/sliding_effect.js"></script><br />
<script> google.load("jquery", "1.4.2"); </script><br />
<script type="text/javascript"><br />
$('#rightMenu a')<br />
.css( {backgroundPosition: "0 0"} )<br />
.mouseover(function(){<br />
$(this).stop().animate(<br />
{backgroundPosition:"(0 -250px)"}, <br />
{duration:500})<br />
})<br />
.mouseout(function(){<br />
$(this).stop().animate(<br />
{backgroundPosition:"(0 0)"}, <br />
{duration:500})<br />
})<br />
</script><br />
<script type="text/javascript"><br />
$(function() {<br />
$("#button").toggle(<br />
function() {<br />
$("#effect").animate({backgroundColor: '#aa0000', color: '#fff', width: 500}, 1000);<br />
},<br />
function() {<br />
$("#effect").animate({backgroundColor: '#fff', color: '#000', width: 240}, 1000);<br />
}<br />
);<br />
});<br />
$(document).ready(function(){<br />
if($("#nav")) {<br />
$("#nav dd").hide();<br />
$("#nav dt b").click(function() {<br />
if(this.className.indexOf("clicked") != -1) {<br />
$(this).parent().next().slideUp(200);<br />
$(this).removeClass("clicked");<br />
}<br />
else {<br />
$("#nav dt b").removeClass();<br />
$(this).addClass("clicked");<br />
$("#nav dd:visible").slideUp(200);<br />
$(this).parent().next().slideDown(500);<br />
}<br />
return false;<br />
});<br />
}<br />
});<br />
<br />
</script><br />
<!--[if IE]><br />
<style><br />
#header {<br />
width: 900px;<br />
}<br />
</style><br />
<![endif]--><br />
<style type="text/css"><br />
.toggler { width: 500px; height: 200px; position: relative;}<br />
#button { padding: .5em 1em; text-decoration: none; }<br />
#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; background: #fff; }<br />
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }<br />
<br />
<br />
#header {<br />
position: relative;<br />
left: 2px;<br />
text-align: left;<br />
margin: 0px;<br />
width: 955px;<br />
}<br />
<br />
#header a {<br />
color: white;<br />
}<br />
<br />
#content {<br />
background-color: transparent;<br />
border: none;<br />
}<br />
<br />
.mainContent {<br />
width: 943px;<br />
position: absolute;<br />
padding:5px;<br />
top: 160px;<br />
font-size: 14px;<br />
margin:5px;<br />
}<br />
<br />
#groupparts {<br />
position:relative;<br />
left: 21px;<br />
top: 5px;<br />
}<br />
<br />
.baby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
}<br />
<br />
.bodybaby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
border-bottom: 2px solid black;<br />
color: black;<br />
}<br />
<br />
.bodybaby a {<br />
color: black;<br />
}<br />
<br />
.sidep {<br />
display: inline;<br />
background-color: #boc4de;<br />
width: 170px;<br />
float: right;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
.outline {<br />
display: inline;<br />
padding: 5px;<br />
background-color: #boc4de;<br />
width: 250px;<br />
float: left;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
#procedure,<br />
#procedure a {<br />
display: relative;<br />
text-decoration: none;<br />
color: black;<br />
list-style: none;<br />
}<br />
<br />
#procedure a:hover {<br />
color: white;<br />
text-decoration: none;<br />
}<br />
<br />
.bolded {<br />
font-size: 16px;<br />
}<br />
<br />
#unique {<br />
margin: 5px 21px !important;<br />
border: none !important;<br />
background-color: white;<br />
}<br />
<br />
#freedom {<br />
width: 105px;<br />
position: relative;<br />
left: -20px;<br />
top: 8px;<br />
display: block;<br />
list-style: none;<br />
text-align: left;<br />
color: black;<br />
background-color: honeydew;<br />
font-family: Osaka, verdana, Sans-Serif;<br />
font-size: 16px;<br />
}<br />
#freedom li a {<br />
text-align: left;<br />
padding-left: 7px;<br />
color: #330066<br />
}<br />
<br />
#freedom li a:hover {<br />
background-color: #b2b2cc;<br />
<br />
}<br />
#freedom li a.selected {<br />
position: relative;<br />
left: 10px;<br />
color: black;<br />
}<br />
<br />
.tabContainer {<br />
position: relative;<br />
top: 0px;<br />
left: 4px;<br />
height: 23px;<br />
width: 99%;<br />
}<br />
.tabContainer p {<br />
text-align:left;<br />
top: 1px;<br />
}<br />
<br />
/* ================================================================ <br />
This copyright notice must be untouched at all times.<br />
Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved.<br />
=================================================================== */<br />
<br />
#nav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#nav a:hover {text-decoration:underline;}<br />
#nav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#nav dt a {color:#000; text-decoration:none;}<br />
#nav dd {padding:0; margin:0;}<br />
#nav dd ul {padding:0; margin:0; list-style:none;}<br />
#nav dd ul li {padding-left:20px; width:230px}<br />
#nav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
<br />
input.searchButton {<br />
background:none repeat scroll 0 0 transparent;<br />
border:medium none;<br />
color:#000066;<br />
font-size:100%;<br />
font-weight:bold;<br />
margin:1px 10px 0;<br />
}<br />
<br />
#search-controls {<br />
display: block;<br />
background: none;<br />
position: absolute;<br />
top: -100px;<br />
left: -50px;}<br />
<br />
.left-menu {<br />
width: 300px;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
.left-menu ul {<br />
border: none; }<br />
<br />
#searchform {<br />
background: none;<br />
display: block;<br />
float: right;}<br />
<br />
#menubar.right-menu {<br />
width: 300px;<br />
display: block;<br />
float: left;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
<br />
#top-section {<br />
height: 0px;<br />
margin-top: -5px;<br />
margin-bottom: 0 !important;<br />
margin-left: auto;<br />
padding:0;<br />
border: none;}<br />
<br />
#p-logo {<br />
height: 0px;<br />
overflow: hidden;<br />
display: none;<br />
border: }<br />
<br />
#footer {<br />
border: none;<br />
background-color: transparent;<br />
margin: 0;<br />
padding: 0; }<br />
<br />
#footer-box {<br />
border:none;<br />
background-color: transparent;<br />
}<br />
<br />
.firstHeading {<br />
display: none; }<br />
<br />
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }<br />
.code code { display: block; padding: 3px; margin-bottom: 0; }<br />
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }<br />
.indent1 { padding-left: 1em; }<br />
.indent2 { padding-left: 2em; }<br />
<br />
/* sidenav styling */<br />
#sidenav {<br />
clear: both;<br />
line-height: 50%;<br />
}<br />
<br />
#sidenav li {<br />
list-style-type: none;<br />
display: block;<br />
margin: 8px 0px;<br />
font-size: 14px;<br />
}<br />
<br />
#sidenav li li {<br />
padding-left: 16px;<br />
}<br />
<br />
#sidenav li a {<br />
color: #333;<br />
padding: 0px 4px 0px 10px;<br />
background-color: transparent;<br />
font-weight: bold;<br />
}<br />
<br />
#sidenav ul a {<br />
font-weight: normal;<br />
}<br />
<br />
#sidenav li li a,<br />
#sidenav li.sel li a {<br />
padding-left: 0px;<br />
}<br />
<br />
#sidenav li.sel a,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav.col li.sel ul li a:hover,<br />
#sidenav.col li.sel ul li a:active {<br />
color: #fff;<br />
text-decoration: none;<br />
}<br />
<br />
<br />
<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
*{padding: 0; margin: 0;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_window {<br />
font: 12px Arial, Helvetica, sans-serif;<br />
color: #333333;<br />
}<br />
<br />
#TB_secondLine {<br />
font: 10px Arial, Helvetica, sans-serif;<br />
color:#666666;<br />
}<br />
<br />
#TB_window a:link {color: #666666;}<br />
#TB_window a:visited {color: #666666;}<br />
#TB_window a:hover {color: #000;}<br />
#TB_window a:active {color: #666666;}<br />
#TB_window a:focus{color: #666666;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_overlay {<br />
position: fixed;<br />
z-index:100;<br />
top: 0px;<br />
left: 0px;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}<br />
.TB_overlayBG {<br />
background-color:#000;<br />
filter:alpha(opacity=75);<br />
-moz-opacity: 0.75;<br />
opacity: 0.75;<br />
}<br />
<br />
* html #TB_overlay { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_window {<br />
position: fixed;<br />
background: #ffffff;<br />
z-index: 102;<br />
color:#000000;<br />
display:none;<br />
border: 4px solid #525252;<br />
text-align:left;<br />
top:50%;<br />
left:50%;<br />
}<br />
<br />
* html #TB_window { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_window img#TB_Image {<br />
display:block;<br />
margin: 15px 0 0 15px;<br />
border-right: 1px solid #ccc;<br />
border-bottom: 1px solid #ccc;<br />
border-top: 1px solid #666;<br />
border-left: 1px solid #666;<br />
}<br />
<br />
#TB_caption{<br />
height:25px;<br />
padding:7px 30px 10px 25px;<br />
float:left;<br />
}<br />
<br />
#TB_closeWindow{<br />
height:25px;<br />
padding:11px 25px 10px 0;<br />
float:right;<br />
}<br />
<br />
#TB_closeAjaxWindow{<br />
padding:7px 10px 5px 0;<br />
margin-bottom:1px;<br />
text-align:right;<br />
float:right;<br />
}<br />
<br />
#TB_ajaxWindowTitle{<br />
float:left;<br />
padding:7px 0 5px 10px;<br />
margin-bottom:1px;<br />
}<br />
<br />
#TB_title{<br />
background-color:#e8e8e8;<br />
height:27px;<br />
}<br />
<br />
#TB_ajaxContent{<br />
clear:both;<br />
padding:2px 15px 15px 15px;<br />
overflow:auto;<br />
text-align:left;<br />
line-height:1.4em;<br />
}<br />
<br />
#TB_ajaxContent.TB_modal{<br />
padding:15px;<br />
}<br />
<br />
#TB_ajaxContent p{<br />
padding:5px 0px 5px 0px;<br />
}<br />
<br />
#TB_load{<br />
position: fixed;<br />
display:none;<br />
height:13px;<br />
width:208px;<br />
z-index:103;<br />
top: 50%;<br />
left: 50%;<br />
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */<br />
}<br />
<br />
* html #TB_load { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_HideSelect{<br />
z-index:99;<br />
position:fixed;<br />
top: 0;<br />
left: 0;<br />
background-color:#fff;<br />
border:none;<br />
filter:alpha(opacity=0);<br />
-moz-opacity: 0;<br />
opacity: 0;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
* html #TB_HideSelect { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_iframeContent{<br />
clear:both;<br />
border:none;<br />
margin-bottom:-1px;<br />
margin-top:1px;<br />
_margin-bottom:1px;<br />
}<br />
<br />
#stones {<br />
position: fixed;<br />
top: 45px;<br />
left: 0px;<br />
width: 43px;<br />
padding: 2px;<br />
background-image: url('https://static.igem.org/mediawiki/2010/3/34/Transparency50.png');<br />
background-repeat: repeat-y;<br />
}<br />
<br />
/* MIT ChemE Menu */<br />
<br />
#navwrapper {<br />
position: absolute;<br />
width: 955px;<br />
}<br />
<br />
#topnav {<br />
height: 65px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li {<br />
list-style: none;<br />
float: left;<br />
}<br />
<br />
#topnav li a {<br />
display: block;<br />
width: 183px;<br />
height: 65px;<br />
margin-right: 2px;<br />
background-color: #2e2e2e;<br />
font-family: "Arial", Verdana, sans-serif;<br />
font-size: medium;<br />
line-height: 1.25em;<br />
color: #fff;<br />
font-weight: 900;<br />
}<br />
<br />
#topnav li a.last {<br />
margin-right: 0px;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul,<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
display: block;<br />
}<br />
<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
z-index: 1;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul {<br />
z-index: 100;<br />
}<br />
<br />
#topnav li ul {<br />
display: none;<br />
clear: both;<br />
position: absolute;<br />
top: 65px;<br />
left: 0px;<br />
width: 950px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li li {<br />
float: none;<br />
display: block;<br />
}<br />
<br />
#topnav li a:hover,<br />
#topnav li a:active {<br />
text-decoration: none;<br />
}<br />
<br />
#topnav li li {<br />
display: block;<br />
float: left;<br />
padding-top: 11px;<br />
padding-bottom: 9px;<br />
}<br />
<br />
#topnav li li a {<br />
margin: 0;<br />
padding: 0 8px;<br />
background-color: transparent;<br />
height: auto;<br />
width: auto;<br />
font-weight: normal;<br />
font-size: small;<br />
border-right: 1px solid white;<br />
}<br />
<br />
#topnav li li.last a {<br />
background-image: none;<br />
padding-right: 0px;<br />
border-right: none;<br />
}<br />
<br />
#topnav li li a:hover,<br />
#topnav li li a:active,<br />
#topnav li li.sel a {<br />
text-transform: uppercase;<br />
}<br />
<br />
<br />
<br />
/* specific styles */<br />
<br />
#topnav li.about a:hover,<br />
#topnav li.about a:active,<br />
#topnav li.about ul,<br />
body.about #topnav li.about a:link,<br />
body.about #topnav li.about a:visited {<br />
background-color: #8b0000;<br />
}<br />
<br />
#topnav li.about ul {<br />
width: 923px;<br />
}<br />
<br />
#topnav li.people a:hover,<br />
#topnav li.people a:active,<br />
#topnav li.people ul,<br />
body.people #topnav li.people a:link,<br />
body.people #topnav li.people a:visited,<br />
body.people #sidenav .sel a:link,<br />
body.people #sidenav .sel a:visited,<br />
body.people #sidenav a:hover,<br />
body.people #sidenav a:active,<br />
body.people #sidenav li.sel li a:hover,<br />
body.people #sidenav li.sel li a:active {<br />
background-color: #e6881a;<br />
}<br />
<br />
#topnav li.people ul {<br />
width: 848px;<br />
padding-left: 75px;<br />
}<br />
<br />
#topnav li.academics a:hover,<br />
#topnav li.academics a:active,<br />
#topnav li.academics ul,<br />
body.academics #topnav li.academics a:link,<br />
body.academics #topnav li.academics a:visited,<br />
body.academics #sidenav li.sel a:link,<br />
body.academics #sidenav li.sel a:visited,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active,<br />
body.academics #sidenav li a:hover,<br />
body.academics #sidenav li a:active,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active {<br />
background-color: #2e2e91;<br />
}<br />
<br />
#topnav li.academics ul {<br />
width: 698px;<br />
padding-left: 225px;<br />
}<br />
<br />
#topnav li.notebook a:hover,<br />
#topnav li.notebook a:active,<br />
#topnav li.notebook ul,<br />
body.notebook #topnav li.notebook a:link,<br />
body.notebook #topnav li.notebook a:visited,<br />
#sidenav li.sel a:link,<br />
#sidenav li.sel a:visited,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active {<br />
background-color: #016b9d;<br />
}<br />
<br />
#topnav li.notebook ul {<br />
width: 463px;<br />
padding-left: 460px;<br />
}<br />
<br />
#topnav li.contributions a:hover,<br />
#topnav li.contributions a:active,<br />
#topnav li.contributions ul,<br />
body.contributions #topnav li.contributions a:link,<br />
body.contributions #topnav li.contributions a:visited,<br />
body.contributions #sidenav li.sel a:link,<br />
body.contributions #sidenav li.sel a:visited,<br />
body.contributions #sidenav li a:hover,<br />
body.contributions #sidenav li a:active,<br />
body.contributions #sidenav li.sel li a:hover,<br />
body.contributions #sidenav li.sel li a:active {<br />
background-color: #4ca14c;<br />
}<br />
<br />
#topnav li.contributions ul {<br />
width: 293px;<br />
padding-left: 630px;<br />
}<br />
<br />
#specialnav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#specialnav a:hover {text-decoration:underline;}<br />
#specialnav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#specialnav dt a {color:#000; text-decoration:none;}<br />
#specialnav dd {padding:0; margin:0;}<br />
#specialnav dd ul {padding:0; margin:0; list-style:none;}<br />
#specialnav dd ul li {padding-left:20px; width:230px}<br />
#specialnav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
/* Thanks to MIT ChemE dept. Your site is lovely. */<br />
<br />
</style><br />
<br />
<br />
</head><br />
<body><br />
<div id="header"><br />
<div id="whitespace" style="background-color: transparent; height: 20px;"></div><br />
<div id="navwrapper"><br />
<ul id="topnav"><br />
<li class="about"><a href="https://2010.igem.org/Team:MIT"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Home</td></table><br />
</a><br />
<br />
<ul><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT">Home</a></li><br />
</ul></li><br />
<li class="people"><a href="https://2010.igem.org/Team:MIT/Team"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Team</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_undergraduates">Undergraduates</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_instructors">Instructors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_advisors">Advisors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_fun">Fun</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_gallery">Gallery</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_sponsors">Sponsors</a></li><br />
</ul></li><br />
<li class="academics"><a href="https://2010.igem.org/Team:MIT_overview"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Project</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_overview">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_toggle">Bacteria</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage">Phage</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Mammalian</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_results">Results</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_summary">Summary</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_acknowledgements">Acknowledgments</a></li><br />
</ul><br />
<br />
</li><br />
<li class="notebook"><a href="https://2010.igem.org/Team:MIT/Notebook"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Notebook</td></table><br />
</a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mm">Materials & Methods</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_parts">Parts</a></li><br />
<li class="last"><a href ="https://2010.igem.org/Team:MIT_safety">Safety</a></li><br />
<br />
</ul></li><br />
<li class="contributions"><a href="https://2010.igem.org/Team:MIT_contributions" class="last"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Beyond Biobrick</td></table></a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_bioethics">Bioethics</a></li><br />
</ul></li><br />
<br />
</ul><br />
</div><br />
<div id="whitespace" style="height: 100px;"></div><br />
</div> <br />
<br />
</body><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Team:MIT_contributions
Team:MIT contributions
2010-10-28T02:02:25Z
<p>Supacalafrglstic: New page: {{CM_css}} <html> <head> <style> #topnav li.contributions a { background-color: #4ca14c; } #topnav li.contributions ul { display: block; } #content { background-image: url('http://201...</p>
<hr />
<div>{{CM_css}}<br />
<br />
<html><br />
<head><br />
<style><br />
#topnav li.contributions a {<br />
background-color: #4ca14c;<br />
}<br />
#topnav li.contributions ul {<br />
display: block;<br />
}<br />
#content {<br />
background-image: url('https://static.igem.org/mediawiki/2010/f/f1/Greenn.jpg');<br />
background-attachment: fixed;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div class="header" ><br />
<br />
<div style="width:250px; margin: 10px; position: relative; top: -4px; left:-11px; display: block; float:right; padding: 7px; background-color: white;"><br />
<dl id="specialnav"><br />
<dt><b>Contributions</b></dt><br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_parts">Mammalian Standard</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_original">Bioethics</a></li><br />
</ul><br />
</dd><br />
<br />
</dl><br />
</div><br />
<br />
<div id="unique" style="padding:0px; font-size: 14px; border: 1px solid black; margin:0px; background-color:transparent;"><br />
<table width=650px style="background-color: white; margin-top:5px; padding: 10px;"><br />
<tr><td><br />
<br />
<div class="bodybaby">Beyond Biobricks</div><br><br />
In addition to working hard in the lab, our team cares about the social implications of synthetic biology and developing new tools to push further along the synthetic biology frontier!! We interviewed some of the leading researchers in the synthetic biology field. We also developed a new Mammalian standard for the registry! We hope this will help encourage future synthetic biology research in mammalian genetics.<br />
<br />
</td><br />
</table><br />
<br />
<br />
<br />
<br />
</div><br />
</div><br />
</body><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Template:CM_css
Template:CM css
2010-10-28T01:31:30Z
<p>Supacalafrglstic: </p>
<hr />
<div><html><br />
<head><br />
<script type="text/javascript" src="http://www.sunsean.com/idTabs/jquery.idTabs.min.js"></script><br />
<script type="text/javascript" src="http://jquery.com/demo/thickbox/thickbox-code/thickbox.js"></script><br />
<link rel="stylesheet" href="http://jquery.com/demo/thickbox/thickbox-code/thickbox.css" type="text/css" media="screen" /><br />
<script type="text/javascript" src="http://www.google.com/jsapi"></script><br />
<script src="http://d2o0t5hpnwv4c1.cloudfront.net/004_Moo/tutorial/demo/sliding_effect.js"></script><br />
<script> google.load("jquery", "1.4.2"); </script><br />
<script type="text/javascript"><br />
$('#rightMenu a')<br />
.css( {backgroundPosition: "0 0"} )<br />
.mouseover(function(){<br />
$(this).stop().animate(<br />
{backgroundPosition:"(0 -250px)"}, <br />
{duration:500})<br />
})<br />
.mouseout(function(){<br />
$(this).stop().animate(<br />
{backgroundPosition:"(0 0)"}, <br />
{duration:500})<br />
})<br />
</script><br />
<script type="text/javascript"><br />
$(function() {<br />
$("#button").toggle(<br />
function() {<br />
$("#effect").animate({backgroundColor: '#aa0000', color: '#fff', width: 500}, 1000);<br />
},<br />
function() {<br />
$("#effect").animate({backgroundColor: '#fff', color: '#000', width: 240}, 1000);<br />
}<br />
);<br />
});<br />
$(document).ready(function(){<br />
if($("#nav")) {<br />
$("#nav dd").hide();<br />
$("#nav dt b").click(function() {<br />
if(this.className.indexOf("clicked") != -1) {<br />
$(this).parent().next().slideUp(200);<br />
$(this).removeClass("clicked");<br />
}<br />
else {<br />
$("#nav dt b").removeClass();<br />
$(this).addClass("clicked");<br />
$("#nav dd:visible").slideUp(200);<br />
$(this).parent().next().slideDown(500);<br />
}<br />
return false;<br />
});<br />
}<br />
});<br />
<br />
</script><br />
<!--[if IE]><br />
<style><br />
#header {<br />
width: 900px;<br />
}<br />
</style><br />
<![endif]--><br />
<style type="text/css"><br />
.toggler { width: 500px; height: 200px; position: relative;}<br />
#button { padding: .5em 1em; text-decoration: none; }<br />
#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; background: #fff; }<br />
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }<br />
<br />
<br />
#header {<br />
position: relative;<br />
left: 2px;<br />
text-align: left;<br />
margin: 0px;<br />
width: 955px;<br />
}<br />
<br />
#header a {<br />
color: white;<br />
}<br />
<br />
#content {<br />
background-color: transparent;<br />
border: none;<br />
}<br />
<br />
.mainContent {<br />
width: 943px;<br />
position: absolute;<br />
padding:5px;<br />
top: 160px;<br />
font-size: 14px;<br />
margin:5px;<br />
}<br />
<br />
#groupparts {<br />
position:relative;<br />
left: 21px;<br />
top: 5px;<br />
}<br />
<br />
.baby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
}<br />
<br />
.bodybaby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
border-bottom: 2px solid black;<br />
color: black;<br />
}<br />
<br />
.bodybaby a {<br />
color: black;<br />
}<br />
<br />
.sidep {<br />
display: inline;<br />
background-color: #boc4de;<br />
width: 170px;<br />
float: right;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
.outline {<br />
display: inline;<br />
padding: 5px;<br />
background-color: #boc4de;<br />
width: 250px;<br />
float: left;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
#procedure,<br />
#procedure a {<br />
display: relative;<br />
text-decoration: none;<br />
color: black;<br />
list-style: none;<br />
}<br />
<br />
#procedure a:hover {<br />
color: white;<br />
text-decoration: none;<br />
}<br />
<br />
.bolded {<br />
font-size: 16px;<br />
}<br />
<br />
#unique {<br />
margin: 5px 21px !important;<br />
border: none !important;<br />
background-color: white;<br />
}<br />
<br />
#freedom {<br />
width: 105px;<br />
position: relative;<br />
left: -20px;<br />
top: 8px;<br />
display: block;<br />
list-style: none;<br />
text-align: left;<br />
color: black;<br />
background-color: honeydew;<br />
font-family: Osaka, verdana, Sans-Serif;<br />
font-size: 16px;<br />
}<br />
#freedom li a {<br />
text-align: left;<br />
padding-left: 7px;<br />
color: #330066<br />
}<br />
<br />
#freedom li a:hover {<br />
background-color: #b2b2cc;<br />
<br />
}<br />
#freedom li a.selected {<br />
position: relative;<br />
left: 10px;<br />
color: black;<br />
}<br />
<br />
.tabContainer {<br />
position: relative;<br />
top: 0px;<br />
left: 4px;<br />
height: 23px;<br />
width: 99%;<br />
}<br />
.tabContainer p {<br />
text-align:left;<br />
top: 1px;<br />
}<br />
<br />
/* ================================================================ <br />
This copyright notice must be untouched at all times.<br />
Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved.<br />
=================================================================== */<br />
<br />
#nav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#nav a:hover {text-decoration:underline;}<br />
#nav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#nav dt a {color:#000; text-decoration:none;}<br />
#nav dd {padding:0; margin:0;}<br />
#nav dd ul {padding:0; margin:0; list-style:none;}<br />
#nav dd ul li {padding-left:20px; width:230px}<br />
#nav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
<br />
input.searchButton {<br />
background:none repeat scroll 0 0 transparent;<br />
border:medium none;<br />
color:#000066;<br />
font-size:100%;<br />
font-weight:bold;<br />
margin:1px 10px 0;<br />
}<br />
<br />
#search-controls {<br />
display: block;<br />
background: none;<br />
position: absolute;<br />
top: -100px;<br />
left: -50px;}<br />
<br />
.left-menu {<br />
width: 300px;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
.left-menu ul {<br />
border: none; }<br />
<br />
#searchform {<br />
background: none;<br />
display: block;<br />
float: right;}<br />
<br />
#menubar.right-menu {<br />
width: 300px;<br />
display: block;<br />
float: left;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
<br />
#top-section {<br />
height: 0px;<br />
margin-top: -5px;<br />
margin-bottom: 0 !important;<br />
margin-left: auto;<br />
padding:0;<br />
border: none;}<br />
<br />
#p-logo {<br />
height: 0px;<br />
overflow: hidden;<br />
display: none;<br />
border: }<br />
<br />
#footer {<br />
border: none;<br />
background-color: transparent;<br />
margin: 0;<br />
padding: 0; }<br />
<br />
#footer-box {<br />
border:none;<br />
background-color: transparent;<br />
}<br />
<br />
.firstHeading {<br />
display: none; }<br />
<br />
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }<br />
.code code { display: block; padding: 3px; margin-bottom: 0; }<br />
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }<br />
.indent1 { padding-left: 1em; }<br />
.indent2 { padding-left: 2em; }<br />
<br />
/* sidenav styling */<br />
#sidenav {<br />
clear: both;<br />
line-height: 50%;<br />
}<br />
<br />
#sidenav li {<br />
list-style-type: none;<br />
display: block;<br />
margin: 8px 0px;<br />
font-size: 14px;<br />
}<br />
<br />
#sidenav li li {<br />
padding-left: 16px;<br />
}<br />
<br />
#sidenav li a {<br />
color: #333;<br />
padding: 0px 4px 0px 10px;<br />
background-color: transparent;<br />
font-weight: bold;<br />
}<br />
<br />
#sidenav ul a {<br />
font-weight: normal;<br />
}<br />
<br />
#sidenav li li a,<br />
#sidenav li.sel li a {<br />
padding-left: 0px;<br />
}<br />
<br />
#sidenav li.sel a,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav.col li.sel ul li a:hover,<br />
#sidenav.col li.sel ul li a:active {<br />
color: #fff;<br />
text-decoration: none;<br />
}<br />
<br />
<br />
<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
*{padding: 0; margin: 0;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_window {<br />
font: 12px Arial, Helvetica, sans-serif;<br />
color: #333333;<br />
}<br />
<br />
#TB_secondLine {<br />
font: 10px Arial, Helvetica, sans-serif;<br />
color:#666666;<br />
}<br />
<br />
#TB_window a:link {color: #666666;}<br />
#TB_window a:visited {color: #666666;}<br />
#TB_window a:hover {color: #000;}<br />
#TB_window a:active {color: #666666;}<br />
#TB_window a:focus{color: #666666;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_overlay {<br />
position: fixed;<br />
z-index:100;<br />
top: 0px;<br />
left: 0px;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}<br />
.TB_overlayBG {<br />
background-color:#000;<br />
filter:alpha(opacity=75);<br />
-moz-opacity: 0.75;<br />
opacity: 0.75;<br />
}<br />
<br />
* html #TB_overlay { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_window {<br />
position: fixed;<br />
background: #ffffff;<br />
z-index: 102;<br />
color:#000000;<br />
display:none;<br />
border: 4px solid #525252;<br />
text-align:left;<br />
top:50%;<br />
left:50%;<br />
}<br />
<br />
* html #TB_window { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_window img#TB_Image {<br />
display:block;<br />
margin: 15px 0 0 15px;<br />
border-right: 1px solid #ccc;<br />
border-bottom: 1px solid #ccc;<br />
border-top: 1px solid #666;<br />
border-left: 1px solid #666;<br />
}<br />
<br />
#TB_caption{<br />
height:25px;<br />
padding:7px 30px 10px 25px;<br />
float:left;<br />
}<br />
<br />
#TB_closeWindow{<br />
height:25px;<br />
padding:11px 25px 10px 0;<br />
float:right;<br />
}<br />
<br />
#TB_closeAjaxWindow{<br />
padding:7px 10px 5px 0;<br />
margin-bottom:1px;<br />
text-align:right;<br />
float:right;<br />
}<br />
<br />
#TB_ajaxWindowTitle{<br />
float:left;<br />
padding:7px 0 5px 10px;<br />
margin-bottom:1px;<br />
}<br />
<br />
#TB_title{<br />
background-color:#e8e8e8;<br />
height:27px;<br />
}<br />
<br />
#TB_ajaxContent{<br />
clear:both;<br />
padding:2px 15px 15px 15px;<br />
overflow:auto;<br />
text-align:left;<br />
line-height:1.4em;<br />
}<br />
<br />
#TB_ajaxContent.TB_modal{<br />
padding:15px;<br />
}<br />
<br />
#TB_ajaxContent p{<br />
padding:5px 0px 5px 0px;<br />
}<br />
<br />
#TB_load{<br />
position: fixed;<br />
display:none;<br />
height:13px;<br />
width:208px;<br />
z-index:103;<br />
top: 50%;<br />
left: 50%;<br />
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */<br />
}<br />
<br />
* html #TB_load { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_HideSelect{<br />
z-index:99;<br />
position:fixed;<br />
top: 0;<br />
left: 0;<br />
background-color:#fff;<br />
border:none;<br />
filter:alpha(opacity=0);<br />
-moz-opacity: 0;<br />
opacity: 0;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
* html #TB_HideSelect { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_iframeContent{<br />
clear:both;<br />
border:none;<br />
margin-bottom:-1px;<br />
margin-top:1px;<br />
_margin-bottom:1px;<br />
}<br />
<br />
#stones {<br />
position: fixed;<br />
top: 45px;<br />
left: 0px;<br />
width: 43px;<br />
padding: 2px;<br />
background-image: url('https://static.igem.org/mediawiki/2010/3/34/Transparency50.png');<br />
background-repeat: repeat-y;<br />
}<br />
<br />
/* MIT ChemE Menu */<br />
<br />
#navwrapper {<br />
position: absolute;<br />
width: 955px;<br />
}<br />
<br />
#topnav {<br />
height: 65px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li {<br />
list-style: none;<br />
float: left;<br />
}<br />
<br />
#topnav li a {<br />
display: block;<br />
width: 183px;<br />
height: 65px;<br />
margin-right: 2px;<br />
background-color: #2e2e2e;<br />
font-family: "Arial", Verdana, sans-serif;<br />
font-size: medium;<br />
line-height: 1.25em;<br />
color: #fff;<br />
font-weight: 900;<br />
}<br />
<br />
#topnav li a.last {<br />
margin-right: 0px;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul,<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
display: block;<br />
}<br />
<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
z-index: 1;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul {<br />
z-index: 100;<br />
}<br />
<br />
#topnav li ul {<br />
display: none;<br />
clear: both;<br />
position: absolute;<br />
top: 65px;<br />
left: 0px;<br />
width: 950px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li li {<br />
float: none;<br />
display: block;<br />
}<br />
<br />
#topnav li a:hover,<br />
#topnav li a:active {<br />
text-decoration: none;<br />
}<br />
<br />
#topnav li li {<br />
display: block;<br />
float: left;<br />
padding-top: 11px;<br />
padding-bottom: 9px;<br />
}<br />
<br />
#topnav li li a {<br />
margin: 0;<br />
padding: 0 8px;<br />
background-color: transparent;<br />
height: auto;<br />
width: auto;<br />
font-weight: normal;<br />
font-size: small;<br />
border-right: 1px solid white;<br />
}<br />
<br />
#topnav li li.last a {<br />
background-image: none;<br />
padding-right: 0px;<br />
border-right: none;<br />
}<br />
<br />
#topnav li li a:hover,<br />
#topnav li li a:active,<br />
#topnav li li.sel a {<br />
text-transform: uppercase;<br />
}<br />
<br />
<br />
<br />
/* specific styles */<br />
<br />
#topnav li.about a:hover,<br />
#topnav li.about a:active,<br />
#topnav li.about ul,<br />
body.about #topnav li.about a:link,<br />
body.about #topnav li.about a:visited {<br />
background-color: #8b0000;<br />
}<br />
<br />
#topnav li.about ul {<br />
width: 923px;<br />
}<br />
<br />
#topnav li.people a:hover,<br />
#topnav li.people a:active,<br />
#topnav li.people ul,<br />
body.people #topnav li.people a:link,<br />
body.people #topnav li.people a:visited,<br />
body.people #sidenav .sel a:link,<br />
body.people #sidenav .sel a:visited,<br />
body.people #sidenav a:hover,<br />
body.people #sidenav a:active,<br />
body.people #sidenav li.sel li a:hover,<br />
body.people #sidenav li.sel li a:active {<br />
background-color: #e6881a;<br />
}<br />
<br />
#topnav li.people ul {<br />
width: 848px;<br />
padding-left: 75px;<br />
}<br />
<br />
#topnav li.academics a:hover,<br />
#topnav li.academics a:active,<br />
#topnav li.academics ul,<br />
body.academics #topnav li.academics a:link,<br />
body.academics #topnav li.academics a:visited,<br />
body.academics #sidenav li.sel a:link,<br />
body.academics #sidenav li.sel a:visited,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active,<br />
body.academics #sidenav li a:hover,<br />
body.academics #sidenav li a:active,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active {<br />
background-color: #2e2e91;<br />
}<br />
<br />
#topnav li.academics ul {<br />
width: 698px;<br />
padding-left: 225px;<br />
}<br />
<br />
#topnav li.notebook a:hover,<br />
#topnav li.notebook a:active,<br />
#topnav li.notebook ul,<br />
body.notebook #topnav li.notebook a:link,<br />
body.notebook #topnav li.notebook a:visited,<br />
#sidenav li.sel a:link,<br />
#sidenav li.sel a:visited,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active {<br />
background-color: #016b9d;<br />
}<br />
<br />
#topnav li.notebook ul {<br />
width: 463px;<br />
padding-left: 460px;<br />
}<br />
<br />
#topnav li.contributions a:hover,<br />
#topnav li.contributions a:active,<br />
#topnav li.contributions ul,<br />
body.contributions #topnav li.contributions a:link,<br />
body.contributions #topnav li.contributions a:visited,<br />
body.contributions #sidenav li.sel a:link,<br />
body.contributions #sidenav li.sel a:visited,<br />
body.contributions #sidenav li a:hover,<br />
body.contributions #sidenav li a:active,<br />
body.contributions #sidenav li.sel li a:hover,<br />
body.contributions #sidenav li.sel li a:active {<br />
background-color: #4ca14c;<br />
}<br />
<br />
#topnav li.contributions ul {<br />
width: 293px;<br />
padding-left: 630px;<br />
}<br />
<br />
#specialnav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#specialnav a:hover {text-decoration:underline;}<br />
#specialnav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#specialnav dt a {color:#000; text-decoration:none;}<br />
#specialnav dd {padding:0; margin:0;}<br />
#specialnav dd ul {padding:0; margin:0; list-style:none;}<br />
#specialnav dd ul li {padding-left:20px; width:230px}<br />
#specialnav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
/* Thanks to MIT ChemE dept. Your site is lovely. */<br />
<br />
</style><br />
<br />
<br />
</head><br />
<body><br />
<div id="header"><br />
<div id="whitespace" style="background-color: transparent; height: 20px;"></div><br />
<div id="navwrapper"><br />
<ul id="topnav"><br />
<li class="about"><a href="https://2010.igem.org/Team:MIT"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Home</td></table><br />
</a><br />
<br />
<ul><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT">Home</a></li><br />
</ul></li><br />
<li class="people"><a href="https://2010.igem.org/Team:MIT/Team"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Team</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_undergraduates">Undergraduates</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_instructors">Instructors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_advisors">Advisors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_fun">Fun</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_gallery">Gallery</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_sponsors">Sponsors</a></li><br />
</ul></li><br />
<li class="academics"><a href="https://2010.igem.org/Team:MIT_overview"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Project</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_overview">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_toggle">Bacteria</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage">Phage</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Mammalian</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_results">Results</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_summary">Summary</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_acknowledgements">Acknowledgments</a></li><br />
</ul><br />
<br />
</li><br />
<li class="notebook"><a href="https://2010.igem.org/Team:MIT/Notebook"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Notebook</td></table><br />
</a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mm">Materials & Methods</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_parts">Parts</a></li><br />
<li class="last"><a href ="https://2010.igem.org/Team:MIT_safety">Safety</a></li><br />
<br />
</ul></li><br />
<li class="contributions"><a href="#" class="last"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Beyond Biobrick</td></table></a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_bioethics">Bioethics</a></li><br />
</ul></li><br />
<br />
</ul><br />
</div><br />
<div id="whitespace" style="height: 100px;"></div><br />
</div> <br />
<br />
</body><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Template:CM_css
Template:CM css
2010-10-28T01:17:09Z
<p>Supacalafrglstic: </p>
<hr />
<div><html><br />
<head><br />
<script type="text/javascript" src="http://www.sunsean.com/idTabs/jquery.idTabs.min.js"></script><br />
<script type="text/javascript" src="http://jquery.com/demo/thickbox/thickbox-code/thickbox.js"></script><br />
<link rel="stylesheet" href="http://jquery.com/demo/thickbox/thickbox-code/thickbox.css" type="text/css" media="screen" /><br />
<script type="text/javascript" src="http://www.google.com/jsapi"></script><br />
<script src="http://d2o0t5hpnwv4c1.cloudfront.net/004_Moo/tutorial/demo/sliding_effect.js"></script><br />
<script> google.load("jquery", "1.4.2"); </script><br />
<script type="text/javascript"><br />
$('#rightMenu a')<br />
.css( {backgroundPosition: "0 0"} )<br />
.mouseover(function(){<br />
$(this).stop().animate(<br />
{backgroundPosition:"(0 -250px)"}, <br />
{duration:500})<br />
})<br />
.mouseout(function(){<br />
$(this).stop().animate(<br />
{backgroundPosition:"(0 0)"}, <br />
{duration:500})<br />
})<br />
</script><br />
<script type="text/javascript"><br />
$(function() {<br />
$("#button").toggle(<br />
function() {<br />
$("#effect").animate({backgroundColor: '#aa0000', color: '#fff', width: 500}, 1000);<br />
},<br />
function() {<br />
$("#effect").animate({backgroundColor: '#fff', color: '#000', width: 240}, 1000);<br />
}<br />
);<br />
});<br />
$(document).ready(function(){<br />
if($("#nav")) {<br />
$("#nav dd").hide();<br />
$("#nav dt b").click(function() {<br />
if(this.className.indexOf("clicked") != -1) {<br />
$(this).parent().next().slideUp(200);<br />
$(this).removeClass("clicked");<br />
}<br />
else {<br />
$("#nav dt b").removeClass();<br />
$(this).addClass("clicked");<br />
$("#nav dd:visible").slideUp(200);<br />
$(this).parent().next().slideDown(500);<br />
}<br />
return false;<br />
});<br />
}<br />
});<br />
<br />
</script><br />
<!--[if IE]><br />
<style><br />
#header {<br />
width: 900px;<br />
}<br />
</style><br />
<![endif]--><br />
<style type="text/css"><br />
.toggler { width: 500px; height: 200px; position: relative;}<br />
#button { padding: .5em 1em; text-decoration: none; }<br />
#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; background: #fff; }<br />
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }<br />
<br />
<br />
#header {<br />
position: relative;<br />
left: 2px;<br />
text-align: left;<br />
margin: 0px;<br />
width: 955px;<br />
}<br />
<br />
#header a {<br />
color: white;<br />
}<br />
<br />
#content {<br />
background-color: transparent;<br />
border: none;<br />
}<br />
<br />
.mainContent {<br />
width: 943px;<br />
position: absolute;<br />
padding:5px;<br />
top: 160px;<br />
font-size: 14px;<br />
margin:5px;<br />
}<br />
<br />
#groupparts {<br />
position:relative;<br />
left: 21px;<br />
top: 5px;<br />
}<br />
<br />
.baby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
}<br />
<br />
.bodybaby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
border-bottom: 2px solid black;<br />
color: black;<br />
}<br />
<br />
.bodybaby a {<br />
color: black;<br />
}<br />
<br />
.sidep {<br />
display: inline;<br />
background-color: #boc4de;<br />
width: 170px;<br />
float: right;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
.outline {<br />
display: inline;<br />
padding: 5px;<br />
background-color: #boc4de;<br />
width: 250px;<br />
float: left;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
#procedure,<br />
#procedure a {<br />
display: relative;<br />
text-decoration: none;<br />
color: black;<br />
list-style: none;<br />
}<br />
<br />
#procedure a:hover {<br />
color: white;<br />
text-decoration: none;<br />
}<br />
<br />
.bolded {<br />
font-size: 16px;<br />
}<br />
<br />
#unique {<br />
margin: 5px 21px !important;<br />
border: none !important;<br />
background-color: white;<br />
}<br />
<br />
#freedom {<br />
width: 105px;<br />
position: relative;<br />
left: -20px;<br />
top: 8px;<br />
display: block;<br />
list-style: none;<br />
text-align: left;<br />
color: black;<br />
background-color: honeydew;<br />
font-family: Osaka, verdana, Sans-Serif;<br />
font-size: 16px;<br />
}<br />
#freedom li a {<br />
text-align: left;<br />
padding-left: 7px;<br />
color: #330066<br />
}<br />
<br />
#freedom li a:hover {<br />
background-color: #b2b2cc;<br />
<br />
}<br />
#freedom li a.selected {<br />
position: relative;<br />
left: 10px;<br />
color: black;<br />
}<br />
<br />
.tabContainer {<br />
position: relative;<br />
top: 0px;<br />
left: 4px;<br />
height: 23px;<br />
width: 99%;<br />
}<br />
.tabContainer p {<br />
text-align:left;<br />
top: 1px;<br />
}<br />
<br />
/* ================================================================ <br />
This copyright notice must be untouched at all times.<br />
Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved.<br />
=================================================================== */<br />
<br />
#nav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#nav a:hover {text-decoration:underline;}<br />
#nav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#nav dt a {color:#000; text-decoration:none;}<br />
#nav dd {padding:0; margin:0;}<br />
#nav dd ul {padding:0; margin:0; list-style:none;}<br />
#nav dd ul li {padding-left:20px; width:230px}<br />
#nav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
<br />
input.searchButton {<br />
background:none repeat scroll 0 0 transparent;<br />
border:medium none;<br />
color:#000066;<br />
font-size:100%;<br />
font-weight:bold;<br />
margin:1px 10px 0;<br />
}<br />
<br />
#search-controls {<br />
display: block;<br />
background: none;<br />
position: absolute;<br />
top: -100px;<br />
left: -50px;}<br />
<br />
.left-menu {<br />
width: 300px;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
.left-menu ul {<br />
border: none; }<br />
<br />
#searchform {<br />
background: none;<br />
display: block;<br />
float: right;}<br />
<br />
#menubar.right-menu {<br />
width: 300px;<br />
display: block;<br />
float: left;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
<br />
#top-section {<br />
height: 0px;<br />
margin-top: -5px;<br />
margin-bottom: 0 !important;<br />
margin-left: auto;<br />
padding:0;<br />
border: none;}<br />
<br />
#p-logo {<br />
height: 0px;<br />
overflow: hidden;<br />
display: none;<br />
border: }<br />
<br />
#footer {<br />
border: none;<br />
background-color: transparent;<br />
margin: 0;<br />
padding: 0; }<br />
<br />
#footer-box {<br />
border:none;<br />
background-color: transparent;<br />
}<br />
<br />
.firstHeading {<br />
display: none; }<br />
<br />
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }<br />
.code code { display: block; padding: 3px; margin-bottom: 0; }<br />
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }<br />
.indent1 { padding-left: 1em; }<br />
.indent2 { padding-left: 2em; }<br />
<br />
/* sidenav styling */<br />
#sidenav {<br />
clear: both;<br />
line-height: 50%;<br />
}<br />
<br />
#sidenav li {<br />
list-style-type: none;<br />
display: block;<br />
margin: 8px 0px;<br />
font-size: 14px;<br />
}<br />
<br />
#sidenav li li {<br />
padding-left: 16px;<br />
}<br />
<br />
#sidenav li a {<br />
color: #333;<br />
padding: 0px 4px 0px 10px;<br />
background-color: transparent;<br />
font-weight: bold;<br />
}<br />
<br />
#sidenav ul a {<br />
font-weight: normal;<br />
}<br />
<br />
#sidenav li li a,<br />
#sidenav li.sel li a {<br />
padding-left: 0px;<br />
}<br />
<br />
#sidenav li.sel a,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav.col li.sel ul li a:hover,<br />
#sidenav.col li.sel ul li a:active {<br />
color: #fff;<br />
text-decoration: none;<br />
}<br />
<br />
<br />
<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
*{padding: 0; margin: 0;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_window {<br />
font: 12px Arial, Helvetica, sans-serif;<br />
color: #333333;<br />
}<br />
<br />
#TB_secondLine {<br />
font: 10px Arial, Helvetica, sans-serif;<br />
color:#666666;<br />
}<br />
<br />
#TB_window a:link {color: #666666;}<br />
#TB_window a:visited {color: #666666;}<br />
#TB_window a:hover {color: #000;}<br />
#TB_window a:active {color: #666666;}<br />
#TB_window a:focus{color: #666666;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_overlay {<br />
position: fixed;<br />
z-index:100;<br />
top: 0px;<br />
left: 0px;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}<br />
.TB_overlayBG {<br />
background-color:#000;<br />
filter:alpha(opacity=75);<br />
-moz-opacity: 0.75;<br />
opacity: 0.75;<br />
}<br />
<br />
* html #TB_overlay { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_window {<br />
position: fixed;<br />
background: #ffffff;<br />
z-index: 102;<br />
color:#000000;<br />
display:none;<br />
border: 4px solid #525252;<br />
text-align:left;<br />
top:50%;<br />
left:50%;<br />
}<br />
<br />
* html #TB_window { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_window img#TB_Image {<br />
display:block;<br />
margin: 15px 0 0 15px;<br />
border-right: 1px solid #ccc;<br />
border-bottom: 1px solid #ccc;<br />
border-top: 1px solid #666;<br />
border-left: 1px solid #666;<br />
}<br />
<br />
#TB_caption{<br />
height:25px;<br />
padding:7px 30px 10px 25px;<br />
float:left;<br />
}<br />
<br />
#TB_closeWindow{<br />
height:25px;<br />
padding:11px 25px 10px 0;<br />
float:right;<br />
}<br />
<br />
#TB_closeAjaxWindow{<br />
padding:7px 10px 5px 0;<br />
margin-bottom:1px;<br />
text-align:right;<br />
float:right;<br />
}<br />
<br />
#TB_ajaxWindowTitle{<br />
float:left;<br />
padding:7px 0 5px 10px;<br />
margin-bottom:1px;<br />
}<br />
<br />
#TB_title{<br />
background-color:#e8e8e8;<br />
height:27px;<br />
}<br />
<br />
#TB_ajaxContent{<br />
clear:both;<br />
padding:2px 15px 15px 15px;<br />
overflow:auto;<br />
text-align:left;<br />
line-height:1.4em;<br />
}<br />
<br />
#TB_ajaxContent.TB_modal{<br />
padding:15px;<br />
}<br />
<br />
#TB_ajaxContent p{<br />
padding:5px 0px 5px 0px;<br />
}<br />
<br />
#TB_load{<br />
position: fixed;<br />
display:none;<br />
height:13px;<br />
width:208px;<br />
z-index:103;<br />
top: 50%;<br />
left: 50%;<br />
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */<br />
}<br />
<br />
* html #TB_load { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_HideSelect{<br />
z-index:99;<br />
position:fixed;<br />
top: 0;<br />
left: 0;<br />
background-color:#fff;<br />
border:none;<br />
filter:alpha(opacity=0);<br />
-moz-opacity: 0;<br />
opacity: 0;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
* html #TB_HideSelect { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_iframeContent{<br />
clear:both;<br />
border:none;<br />
margin-bottom:-1px;<br />
margin-top:1px;<br />
_margin-bottom:1px;<br />
}<br />
<br />
#stones {<br />
position: fixed;<br />
top: 45px;<br />
left: 0px;<br />
width: 43px;<br />
padding: 2px;<br />
background-image: url('https://static.igem.org/mediawiki/2010/3/34/Transparency50.png');<br />
background-repeat: repeat-y;<br />
}<br />
<br />
/* MIT ChemE Menu */<br />
<br />
#navwrapper {<br />
position: absolute;<br />
width: 955px;<br />
}<br />
<br />
#topnav {<br />
height: 65px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li {<br />
list-style: none;<br />
float: left;<br />
}<br />
<br />
#topnav li a {<br />
display: block;<br />
width: 183px;<br />
height: 65px;<br />
margin-right: 2px;<br />
background-color: #2e2e2e;<br />
font-family: "Arial", Verdana, sans-serif;<br />
font-size: medium;<br />
line-height: 1.25em;<br />
color: #fff;<br />
font-weight: 900;<br />
}<br />
<br />
#topnav li a.last {<br />
margin-right: 0px;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul,<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
display: block;<br />
}<br />
<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
z-index: 1;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul {<br />
z-index: 100;<br />
}<br />
<br />
#topnav li ul {<br />
display: none;<br />
clear: both;<br />
position: absolute;<br />
top: 65px;<br />
left: 0px;<br />
width: 950px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li li {<br />
float: none;<br />
display: block;<br />
}<br />
<br />
#topnav li a:hover,<br />
#topnav li a:active {<br />
text-decoration: none;<br />
}<br />
<br />
#topnav li li {<br />
display: block;<br />
float: left;<br />
padding-top: 11px;<br />
padding-bottom: 9px;<br />
}<br />
<br />
#topnav li li a {<br />
margin: 0;<br />
padding: 0 8px;<br />
background-color: transparent;<br />
height: auto;<br />
width: auto;<br />
font-weight: normal;<br />
font-size: small;<br />
border-right: 1px solid white;<br />
}<br />
<br />
#topnav li li.last a {<br />
background-image: none;<br />
padding-right: 0px;<br />
border-right: none;<br />
}<br />
<br />
#topnav li li a:hover,<br />
#topnav li li a:active,<br />
#topnav li li.sel a {<br />
text-transform: uppercase;<br />
}<br />
<br />
<br />
<br />
/* specific styles */<br />
<br />
#topnav li.about a:hover,<br />
#topnav li.about a:active,<br />
#topnav li.about ul,<br />
body.about #topnav li.about a:link,<br />
body.about #topnav li.about a:visited {<br />
background-color: #8b0000;<br />
}<br />
<br />
#topnav li.about ul {<br />
width: 923px;<br />
}<br />
<br />
#topnav li.people a:hover,<br />
#topnav li.people a:active,<br />
#topnav li.people ul,<br />
body.people #topnav li.people a:link,<br />
body.people #topnav li.people a:visited,<br />
body.people #sidenav .sel a:link,<br />
body.people #sidenav .sel a:visited,<br />
body.people #sidenav a:hover,<br />
body.people #sidenav a:active,<br />
body.people #sidenav li.sel li a:hover,<br />
body.people #sidenav li.sel li a:active {<br />
background-color: #e6881a;<br />
}<br />
<br />
#topnav li.people ul {<br />
width: 848px;<br />
padding-left: 75px;<br />
}<br />
<br />
#topnav li.academics a:hover,<br />
#topnav li.academics a:active,<br />
#topnav li.academics ul,<br />
body.academics #topnav li.academics a:link,<br />
body.academics #topnav li.academics a:visited,<br />
body.academics #sidenav li.sel a:link,<br />
body.academics #sidenav li.sel a:visited,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active,<br />
body.academics #sidenav li a:hover,<br />
body.academics #sidenav li a:active,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active {<br />
background-color: #2e2e91;<br />
}<br />
<br />
#topnav li.academics ul {<br />
width: 698px;<br />
padding-left: 225px;<br />
}<br />
<br />
#topnav li.notebook a:hover,<br />
#topnav li.notebook a:active,<br />
#topnav li.notebook ul,<br />
body.notebook #topnav li.notebook a:link,<br />
body.notebook #topnav li.notebook a:visited,<br />
#sidenav li.sel a:link,<br />
#sidenav li.sel a:visited,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active {<br />
background-color: #016b9d;<br />
}<br />
<br />
#topnav li.notebook ul {<br />
width: 463px;<br />
padding-left: 460px;<br />
}<br />
<br />
#topnav li.contributions a:hover,<br />
#topnav li.contributions a:active,<br />
#topnav li.contributions ul,<br />
body.contributions #topnav li.contributions a:link,<br />
body.contributions #topnav li.contributions a:visited,<br />
body.contributions #sidenav li.sel a:link,<br />
body.contributions #sidenav li.sel a:visited,<br />
body.contributions #sidenav li a:hover,<br />
body.contributions #sidenav li a:active,<br />
body.contributions #sidenav li.sel li a:hover,<br />
body.contributions #sidenav li.sel li a:active {<br />
background-color: #4ca14c;<br />
}<br />
<br />
#topnav li.contributions ul {<br />
width: 293px;<br />
padding-left: 630px;<br />
}<br />
<br />
#specialnav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#specialnav a:hover {text-decoration:underline;}<br />
#specialnav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#specialnav dt a {color:#000; text-decoration:none;}<br />
#specialnav dd {padding:0; margin:0;}<br />
#specialnav dd ul {padding:0; margin:0; list-style:none;}<br />
#specialnav dd ul li {padding-left:20px; width:230px}<br />
#specialnav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
/* Thanks to MIT ChemE dept. Your site is lovely. */<br />
<br />
</style><br />
<br />
<br />
</head><br />
<body><br />
<div id="header"><br />
<div id="whitespace" style="background-color: transparent; height: 20px;"></div><br />
<div id="navwrapper"><br />
<ul id="topnav"><br />
<li class="about"><a href="https://2010.igem.org/Team:MIT"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Home</td></table><br />
</a><br />
<br />
<ul><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT">Home</a></li><br />
</ul></li><br />
<li class="people"><a href="https://2010.igem.org/Team:MIT/Team"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Team</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_undergraduates">Undergraduates</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_instructors">Instructors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_advisors">Advisors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_fun">Fun</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_gallery">Gallery</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_sponsors">Sponsors</a></li><br />
</ul></li><br />
<li class="academics"><a href="https://2010.igem.org/Team:MIT_overview"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Project</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_overview">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_toggle">Bacteria</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage">Phage</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Mammalian</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_results">Results</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_summary">Summary</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_acknowledgements">Acknowledgments</a></li><br />
</ul><br />
<br />
</li><br />
<li class="notebook"><a href="https://2010.igem.org/Team:MIT/Notebook"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Notebook</td></table><br />
</a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mm">Materials & Methods</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_parts">Parts</a></li><br />
<li class="last"><a href ="https://2010.igem.org/Team:MIT_safety">Safety</a></li><br />
<br />
</ul></li><br />
<li class="contributions"><a href="#" class="last"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Contributions</td></table></a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_bioethics">Bioethics</a></li><br />
</ul></li><br />
<br />
</ul><br />
</div><br />
<div id="whitespace" style="height: 100px;"></div><br />
</div> <br />
<br />
</body><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Team:MIT
Team:MIT
2010-10-28T01:14:47Z
<p>Supacalafrglstic: </p>
<hr />
<div>{{CM_css}}<br />
<br />
<html><br />
<head><br />
<title>MIT iGEM 2010</title><br />
<style><br />
#topnav li.about a {<br />
background-color: #8b0000;<br />
}<br />
#topnav li.about ul {<br />
display: block;<br />
}<br />
<br />
#content {<br />
background-image: url('https://static.igem.org/mediawiki/2010/d/d9/Whiteflowah.jpg');<br />
background-repeat: no-repeat;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div class="header"><br />
<br />
<div style="width:250px; margin: 10px; position: relative; top: -4px; left:-11px; display: block; float:right; padding: 7px; background-color: white;"><br />
<a href="https://static.igem.org/mediawiki/2010/d/dc/Fromabove.JPG" class="thickbox" title="The team. Not pictured, Crystal McKenzie, Arvind Thiagarajan, Lauren McGough, Jason Stevens."><img src="https://static.igem.org/mediawiki/2010/d/dc/Fromabove.JPG" width=100%></a>The 2010 MIT iGEM team. We are biological engineers, physicists, electrical engineers, chemical engineers, mathematicians, and computer scientists.<br />
</div><br />
<br />
<br />
<br />
<div id="unique" style="padding:0px; font-size: 14px; border: 1px solid black; margin:0px; background-color:transparent;"><br />
<table width=650px style="background-color: white; height: 700 px; margin-top:5px; padding: 10px;"><tr><td colspan="3"><div class="bodybaby">Programmable, Self-constructing Biomaterials</div></td><br />
<tr><td colspan="3"><br>The 2010 MIT iGEM team focused on the control and production of self-constructing and self-repairing living biomaterials through both bacterial and <div style="display:inline;"><a href="https://static.igem.org/mediawiki/2010/0/0b/Screen_shot_2010-10-24_at_10.25.02_AM.png" class="thickbox" title="Pretty materials. Ours are programmable."><img style="float: right; padding: 10px" src="https://static.igem.org/mediawiki/2010/0/0b/Screen_shot_2010-10-24_at_10.25.02_AM.png" height=147px></a></div> mammalian engineering. We ventured to set up the framework for material formation in both types of cells, for future applications in living, self-repairing materials and in vitro organogenesis respectively.<br />
<br />
<br><br><br />
We have accomplished far beyond what we expected of ourselves! In addition to our project, we have created a new Mammalian Biobrick standard, contributed original parts for mammalian cells and bacteriophage, and we have biobricked two working toggles for the registry.<br />
</td><br />
<tr><td><br />
<ul><br />
<li style="margin: 3px; padding: 5px; display: inline-block; width:30%; height: 100px; background-color: #8b0000; opacity: 0.75;"><a style="color: white;" href="https://2010.igem.org/Team:MIT_results"><b style="font-size: large;">Results</b><br>Click to see our results in both bacterial and mammalian cells!</a></li><br />
<br />
<li style="display: inline-block; padding: 5px; margin: 3px; width:30%; height: 100px; background-color: #e6881a;opacity: 0.75;"><a style="color: white;" href="https://2010.igem.org/Team:MIT_tmodel"><b style="font-size: large;">Modelling</b><br>We created mathematical models of both our bacterial and our mammalian results.</a></li><br />
<br />
<li style="margin: 3px; display: inline-block; padding: 5px; width:30%; height: 100px; background-color: #016b9d; opacity:0.75;"><a style="color: white;" href="https://2010.igem.org/Team:MIT_parts"><b style="font-size: large;">Parts</b><br>We added many original parts to the registry. Check them out!</a></li><br />
</ul><br />
</td></table><br />
<br />
<br />
</div><br />
</div><br />
</body><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Template:CM_css
Template:CM css
2010-10-28T01:14:13Z
<p>Supacalafrglstic: </p>
<hr />
<div><html><br />
<head><br />
<script type="text/javascript" src="http://www.sunsean.com/idTabs/jquery.idTabs.min.js"></script><br />
<script type="text/javascript" src="http://jquery.com/demo/thickbox/thickbox-code/thickbox.js"></script><br />
<link rel="stylesheet" href="http://jquery.com/demo/thickbox/thickbox-code/thickbox.css" type="text/css" media="screen" /><br />
<script type="text/javascript" src="http://www.google.com/jsapi"></script><br />
<script src="http://d2o0t5hpnwv4c1.cloudfront.net/004_Moo/tutorial/demo/sliding_effect.js"></script><br />
<script> google.load("jquery", "1.4.2"); </script><br />
<script type="text/javascript"><br />
$('#rightMenu a')<br />
.css( {backgroundPosition: "0 0"} )<br />
.mouseover(function(){<br />
$(this).stop().animate(<br />
{backgroundPosition:"(0 -250px)"}, <br />
{duration:500})<br />
})<br />
.mouseout(function(){<br />
$(this).stop().animate(<br />
{backgroundPosition:"(0 0)"}, <br />
{duration:500})<br />
})<br />
</script><br />
<script type="text/javascript"><br />
$(function() {<br />
$("#button").toggle(<br />
function() {<br />
$("#effect").animate({backgroundColor: '#aa0000', color: '#fff', width: 500}, 1000);<br />
},<br />
function() {<br />
$("#effect").animate({backgroundColor: '#fff', color: '#000', width: 240}, 1000);<br />
}<br />
);<br />
});<br />
$(document).ready(function(){<br />
if($("#nav")) {<br />
$("#nav dd").hide();<br />
$("#nav dt b").click(function() {<br />
if(this.className.indexOf("clicked") != -1) {<br />
$(this).parent().next().slideUp(200);<br />
$(this).removeClass("clicked");<br />
}<br />
else {<br />
$("#nav dt b").removeClass();<br />
$(this).addClass("clicked");<br />
$("#nav dd:visible").slideUp(200);<br />
$(this).parent().next().slideDown(500);<br />
}<br />
return false;<br />
});<br />
}<br />
});<br />
<br />
</script><br />
<!--[if IE]><br />
<style><br />
#header {<br />
width: 900px;<br />
}<br />
</style><br />
<![endif]--><br />
<style type="text/css"><br />
.toggler { width: 500px; height: 200px; position: relative;}<br />
#button { padding: .5em 1em; text-decoration: none; }<br />
#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; background: #fff; }<br />
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }<br />
<br />
<br />
#header {<br />
position: relative;<br />
left: 2px;<br />
text-align: left;<br />
margin: 0px;<br />
width: 955px;<br />
}<br />
<br />
#header a {<br />
color: white;<br />
}<br />
<br />
#content {<br />
background-color: transparent;<br />
border: none;<br />
}<br />
<br />
.mainContent {<br />
width: 943px;<br />
position: absolute;<br />
padding:5px;<br />
top: 160px;<br />
font-size: 14px;<br />
margin:5px;<br />
}<br />
<br />
#groupparts {<br />
position:relative;<br />
left: 21px;<br />
top: 5px;<br />
}<br />
<br />
.baby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
}<br />
<br />
.bodybaby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
border-bottom: 2px solid black;<br />
color: black;<br />
}<br />
<br />
.bodybaby a {<br />
color: black;<br />
}<br />
<br />
.sidep {<br />
display: inline;<br />
background-color: #boc4de;<br />
width: 170px;<br />
float: right;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
.outline {<br />
display: inline;<br />
padding: 5px;<br />
background-color: #boc4de;<br />
width: 250px;<br />
float: left;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
#procedure,<br />
#procedure a {<br />
display: relative;<br />
text-decoration: none;<br />
color: black;<br />
list-style: none;<br />
}<br />
<br />
#procedure a:hover {<br />
color: white;<br />
text-decoration: none;<br />
}<br />
<br />
.bolded {<br />
font-size: 16px;<br />
}<br />
<br />
#unique {<br />
margin: 5px 21px !important;<br />
border: none !important;<br />
background-color: white;<br />
}<br />
<br />
#freedom {<br />
width: 105px;<br />
position: relative;<br />
left: -20px;<br />
top: 8px;<br />
display: block;<br />
list-style: none;<br />
text-align: left;<br />
color: black;<br />
background-color: honeydew;<br />
font-family: Osaka, verdana, Sans-Serif;<br />
font-size: 16px;<br />
}<br />
#freedom li a {<br />
text-align: left;<br />
padding-left: 7px;<br />
color: #330066<br />
}<br />
<br />
#freedom li a:hover {<br />
background-color: #b2b2cc;<br />
<br />
}<br />
#freedom li a.selected {<br />
position: relative;<br />
left: 10px;<br />
color: black;<br />
}<br />
<br />
.tabContainer {<br />
position: relative;<br />
top: 0px;<br />
left: 4px;<br />
height: 23px;<br />
width: 99%;<br />
}<br />
.tabContainer p {<br />
text-align:left;<br />
top: 1px;<br />
}<br />
<br />
/* ================================================================ <br />
This copyright notice must be untouched at all times.<br />
Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved.<br />
=================================================================== */<br />
<br />
#nav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#nav a:hover {text-decoration:underline;}<br />
#nav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#nav dt a {color:#000; text-decoration:none;}<br />
#nav dd {padding:0; margin:0;}<br />
#nav dd ul {padding:0; margin:0; list-style:none;}<br />
#nav dd ul li {padding-left:20px; width:230px}<br />
#nav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
<br />
input.searchButton {<br />
background:none repeat scroll 0 0 transparent;<br />
border:medium none;<br />
color:#000066;<br />
font-size:100%;<br />
font-weight:bold;<br />
margin:1px 10px 0;<br />
}<br />
<br />
#search-controls {<br />
display: block;<br />
background: none;<br />
position: absolute;<br />
top: -100px;<br />
left: -50px;}<br />
<br />
.left-menu {<br />
width: 300px;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
.left-menu ul {<br />
border: none; }<br />
<br />
#searchform {<br />
background: none;<br />
display: block;<br />
float: right;}<br />
<br />
#menubar.right-menu {<br />
width: 300px;<br />
display: block;<br />
float: left;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
<br />
#top-section {<br />
height: 0px;<br />
margin-top: -5px;<br />
margin-bottom: 0 !important;<br />
margin-left: auto;<br />
padding:0;<br />
border: none;}<br />
<br />
#p-logo {<br />
height: 0px;<br />
overflow: hidden;<br />
display: none;<br />
border: }<br />
<br />
#footer {<br />
border: none;<br />
background-color: transparent;<br />
margin: 0;<br />
padding: 0; }<br />
<br />
#footer-box {<br />
border:none;<br />
background-color: transparent;<br />
}<br />
<br />
.firstHeading {<br />
display: none; }<br />
<br />
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }<br />
.code code { display: block; padding: 3px; margin-bottom: 0; }<br />
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }<br />
.indent1 { padding-left: 1em; }<br />
.indent2 { padding-left: 2em; }<br />
<br />
/* sidenav styling */<br />
#sidenav {<br />
clear: both;<br />
line-height: 50%;<br />
}<br />
<br />
#sidenav li {<br />
list-style-type: none;<br />
display: block;<br />
margin: 8px 0px;<br />
font-size: 14px;<br />
}<br />
<br />
#sidenav li li {<br />
padding-left: 16px;<br />
}<br />
<br />
#sidenav li a {<br />
color: #333;<br />
padding: 0px 4px 0px 10px;<br />
background-color: transparent;<br />
font-weight: bold;<br />
}<br />
<br />
#sidenav ul a {<br />
font-weight: normal;<br />
}<br />
<br />
#sidenav li li a,<br />
#sidenav li.sel li a {<br />
padding-left: 0px;<br />
}<br />
<br />
#sidenav li.sel a,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav.col li.sel ul li a:hover,<br />
#sidenav.col li.sel ul li a:active {<br />
color: #fff;<br />
text-decoration: none;<br />
}<br />
<br />
<br />
<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
*{padding: 0; margin: 0;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_window {<br />
font: 12px Arial, Helvetica, sans-serif;<br />
color: #333333;<br />
}<br />
<br />
#TB_secondLine {<br />
font: 10px Arial, Helvetica, sans-serif;<br />
color:#666666;<br />
}<br />
<br />
#TB_window a:link {color: #666666;}<br />
#TB_window a:visited {color: #666666;}<br />
#TB_window a:hover {color: #000;}<br />
#TB_window a:active {color: #666666;}<br />
#TB_window a:focus{color: #666666;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_overlay {<br />
position: fixed;<br />
z-index:100;<br />
top: 0px;<br />
left: 0px;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}<br />
.TB_overlayBG {<br />
background-color:#000;<br />
filter:alpha(opacity=75);<br />
-moz-opacity: 0.75;<br />
opacity: 0.75;<br />
}<br />
<br />
* html #TB_overlay { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_window {<br />
position: fixed;<br />
background: #ffffff;<br />
z-index: 102;<br />
color:#000000;<br />
display:none;<br />
border: 4px solid #525252;<br />
text-align:left;<br />
top:50%;<br />
left:50%;<br />
}<br />
<br />
* html #TB_window { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_window img#TB_Image {<br />
display:block;<br />
margin: 15px 0 0 15px;<br />
border-right: 1px solid #ccc;<br />
border-bottom: 1px solid #ccc;<br />
border-top: 1px solid #666;<br />
border-left: 1px solid #666;<br />
}<br />
<br />
#TB_caption{<br />
height:25px;<br />
padding:7px 30px 10px 25px;<br />
float:left;<br />
}<br />
<br />
#TB_closeWindow{<br />
height:25px;<br />
padding:11px 25px 10px 0;<br />
float:right;<br />
}<br />
<br />
#TB_closeAjaxWindow{<br />
padding:7px 10px 5px 0;<br />
margin-bottom:1px;<br />
text-align:right;<br />
float:right;<br />
}<br />
<br />
#TB_ajaxWindowTitle{<br />
float:left;<br />
padding:7px 0 5px 10px;<br />
margin-bottom:1px;<br />
}<br />
<br />
#TB_title{<br />
background-color:#e8e8e8;<br />
height:27px;<br />
}<br />
<br />
#TB_ajaxContent{<br />
clear:both;<br />
padding:2px 15px 15px 15px;<br />
overflow:auto;<br />
text-align:left;<br />
line-height:1.4em;<br />
}<br />
<br />
#TB_ajaxContent.TB_modal{<br />
padding:15px;<br />
}<br />
<br />
#TB_ajaxContent p{<br />
padding:5px 0px 5px 0px;<br />
}<br />
<br />
#TB_load{<br />
position: fixed;<br />
display:none;<br />
height:13px;<br />
width:208px;<br />
z-index:103;<br />
top: 50%;<br />
left: 50%;<br />
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */<br />
}<br />
<br />
* html #TB_load { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_HideSelect{<br />
z-index:99;<br />
position:fixed;<br />
top: 0;<br />
left: 0;<br />
background-color:#fff;<br />
border:none;<br />
filter:alpha(opacity=0);<br />
-moz-opacity: 0;<br />
opacity: 0;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
* html #TB_HideSelect { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_iframeContent{<br />
clear:both;<br />
border:none;<br />
margin-bottom:-1px;<br />
margin-top:1px;<br />
_margin-bottom:1px;<br />
}<br />
<br />
#stones {<br />
position: fixed;<br />
top: 45px;<br />
left: 0px;<br />
width: 43px;<br />
padding: 2px;<br />
background-image: url('https://static.igem.org/mediawiki/2010/3/34/Transparency50.png');<br />
background-repeat: repeat-y;<br />
}<br />
<br />
/* MIT ChemE Menu */<br />
<br />
#navwrapper {<br />
position: absolute;<br />
width: 955px;<br />
}<br />
<br />
#topnav {<br />
height: 65px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li {<br />
list-style: none;<br />
float: left;<br />
}<br />
<br />
#topnav li a {<br />
display: block;<br />
width: 183px;<br />
height: 65px;<br />
margin-right: 2px;<br />
background-color: #2e2e2e;<br />
font-family: "Arial", Verdana, sans-serif;<br />
font-size: medium;<br />
line-height: 1.25em;<br />
color: #fff;<br />
font-weight: 900;<br />
}<br />
<br />
#topnav li a.last {<br />
margin-right: 0px;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul,<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
display: block;<br />
}<br />
<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
z-index: 1;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul {<br />
z-index: 100;<br />
}<br />
<br />
#topnav li ul {<br />
display: none;<br />
clear: both;<br />
position: absolute;<br />
top: 65px;<br />
left: 0px;<br />
width: 950px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li li {<br />
float: none;<br />
display: block;<br />
}<br />
<br />
#topnav li a:hover,<br />
#topnav li a:active {<br />
text-decoration: none;<br />
}<br />
<br />
#topnav li li {<br />
display: block;<br />
float: left;<br />
padding-top: 11px;<br />
padding-bottom: 9px;<br />
}<br />
<br />
#topnav li li a {<br />
margin: 0;<br />
padding: 0 8px;<br />
background-color: transparent;<br />
height: auto;<br />
width: auto;<br />
font-weight: normal;<br />
font-size: small;<br />
border-right: 1px solid white;<br />
}<br />
<br />
#topnav li li.last a {<br />
background-image: none;<br />
padding-right: 0px;<br />
border-right: none;<br />
}<br />
<br />
#topnav li li a:hover,<br />
#topnav li li a:active,<br />
#topnav li li.sel a {<br />
text-transform: uppercase;<br />
}<br />
<br />
<br />
<br />
/* specific styles */<br />
<br />
#topnav li.about a:hover,<br />
#topnav li.about a:active,<br />
#topnav li.about ul,<br />
body.about #topnav li.about a:link,<br />
body.about #topnav li.about a:visited {<br />
background-color: #8b0000;<br />
}<br />
<br />
#topnav li.about ul {<br />
width: 923px;<br />
}<br />
<br />
#topnav li.people a:hover,<br />
#topnav li.people a:active,<br />
#topnav li.people ul,<br />
body.people #topnav li.people a:link,<br />
body.people #topnav li.people a:visited,<br />
body.people #sidenav .sel a:link,<br />
body.people #sidenav .sel a:visited,<br />
body.people #sidenav a:hover,<br />
body.people #sidenav a:active,<br />
body.people #sidenav li.sel li a:hover,<br />
body.people #sidenav li.sel li a:active {<br />
background-color: #e6881a;<br />
}<br />
<br />
#topnav li.people ul {<br />
width: 848px;<br />
padding-left: 75px;<br />
}<br />
<br />
#topnav li.academics a:hover,<br />
#topnav li.academics a:active,<br />
#topnav li.academics ul,<br />
body.academics #topnav li.academics a:link,<br />
body.academics #topnav li.academics a:visited,<br />
body.academics #sidenav li.sel a:link,<br />
body.academics #sidenav li.sel a:visited,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active,<br />
body.academics #sidenav li a:hover,<br />
body.academics #sidenav li a:active,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active {<br />
background-color: #2e2e91;<br />
}<br />
<br />
#topnav li.academics ul {<br />
width: 698px;<br />
padding-left: 225px;<br />
}<br />
<br />
#topnav li.notebook a:hover,<br />
#topnav li.notebook a:active,<br />
#topnav li.notebook ul,<br />
body.notebook #topnav li.notebook a:link,<br />
body.notebook #topnav li.notebook a:visited,<br />
#sidenav li.sel a:link,<br />
#sidenav li.sel a:visited,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active {<br />
background-color: #016b9d;<br />
}<br />
<br />
#topnav li.notebook ul {<br />
width: 463px;<br />
padding-left: 460px;<br />
}<br />
<br />
#topnav li.contributions a:hover,<br />
#topnav li.contributions a:active,<br />
#topnav li.contributions ul,<br />
body.contributions #topnav li.contributions a:link,<br />
body.contributions #topnav li.contributions a:visited,<br />
body.contributions #sidenav li.sel a:link,<br />
body.contributions #sidenav li.sel a:visited,<br />
body.contributions #sidenav li a:hover,<br />
body.contributions #sidenav li a:active,<br />
body.contributions #sidenav li.sel li a:hover,<br />
body.contributions #sidenav li.sel li a:active {<br />
background-color: #4ca14c;<br />
}<br />
<br />
#topnav li.contributions ul {<br />
width: 403px;<br />
padding-left: 520px;<br />
}<br />
<br />
#specialnav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#specialnav a:hover {text-decoration:underline;}<br />
#specialnav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#specialnav dt a {color:#000; text-decoration:none;}<br />
#specialnav dd {padding:0; margin:0;}<br />
#specialnav dd ul {padding:0; margin:0; list-style:none;}<br />
#specialnav dd ul li {padding-left:20px; width:230px}<br />
#specialnav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
/* Thanks to MIT ChemE dept. Your site is lovely. */<br />
<br />
</style><br />
<br />
<br />
</head><br />
<body><br />
<div id="header"><br />
<div id="whitespace" style="background-color: transparent; height: 20px;"></div><br />
<div id="navwrapper"><br />
<ul id="topnav"><br />
<li class="about"><a href="https://2010.igem.org/Team:MIT"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Home</td></table><br />
</a><br />
<br />
<ul><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT">Home</a></li><br />
</ul></li><br />
<li class="people"><a href="https://2010.igem.org/Team:MIT/Team"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Team</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_undergraduates">Undergraduates</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_instructors">Instructors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_advisors">Advisors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_fun">Fun</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_gallery">Gallery</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_sponsors">Sponsors</a></li><br />
</ul></li><br />
<li class="academics"><a href="https://2010.igem.org/Team:MIT_overview"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Project</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_overview">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_toggle">Bacteria</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage">Phage</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Mammalian</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_results">Results</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_summary">Summary</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_acknowledgements">Acknowledgments</a></li><br />
</ul><br />
<br />
</li><br />
<li class="notebook"><a href="https://2010.igem.org/Team:MIT/Notebook"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Notebook</td></table><br />
</a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mm">Materials & Methods</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_parts">Parts</a></li><br />
<li class="last"><a href ="https://2010.igem.org/Team:MIT_safety">Safety</a></li><br />
<br />
</ul></li><br />
<li class="contributions"><a href="#" class="last"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Contributions</td></table></a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_bioethics">Bioethics</a></li><br />
</ul></li><br />
<br />
</ul><br />
</div><br />
<div id="whitespace" style="height: 100px;"></div><br />
</div> <br />
<br />
</body><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Team:MIT_mammalian_Switch
Team:MIT mammalian Switch
2010-10-28T01:10:55Z
<p>Supacalafrglstic: </p>
<hr />
<div>{{CM_css}}<br />
<br />
<html><br />
<head><br />
<style><br />
#topnav li.academics a {<br />
background-color: #2e2e91;<br />
}<br />
#topnav li.academics ul {<br />
display: block;<br />
}<br />
#content {<br />
background-image: url('https://static.igem.org/mediawiki/2010/a/ae/Peacock_Drop.jpg');<br />
background-attachment: fixed;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div class="header" ><br />
<br />
<div style="width:250px; margin: 10px; position: relative; top: -4px; left:-11px; display: block; float:right; padding: 7px; background-color: white;"><br />
<dl id="nav"><br />
<dt><b>Bacteria</b></dt><br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_toggle">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_tmodel">Modelling</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_tconst">Toggle Construction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_composite">Characterization</a></li><br />
</ul><br />
</dd><br />
<dt><b>Phage</b></dt><br />
<br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_phage">Introduction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_background">Background</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_design">Design</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_construction">Construction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_results">Results</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_context">Context</a></li><br />
<br />
</ul><br />
</dd><br />
<dt><b>Mammalian</b></dt><br />
<br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard </a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Circuit">Circuit Design</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Mechanosensation"> Mechanosensation</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Bone"> Bone Formation</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Switch"> Synthetic Switch</a></li><br />
<br />
</ul><br />
</dd><br />
<br />
</dl><br />
</div><br />
<br />
<div id="unique" style="padding:0px; font-size: 14px; border: 1px solid black; margin:0px; background-color:transparent;"><br />
<table width=650px style="background-color: white; margin-top:5px; padding: 10px;"><br />
<br />
<tr><td><br />
<div class="outline"><br />
<a href="#why">1 Why Synthetic Switches?</a><br><br />
<a href="#bistable">2 How Positive Feedback Leads to Bistability</a><br><br />
<a href="#simp">3 Our Simplified Toggle</a><br><br />
<ul><a href="#results"> Results </a><br></ul><br />
<a href="#full">4 Our Full Toggle</a><br><br />
<ul><a href="#model"> Model </a><br></ul><br />
</div></td><tr><td><br />
<br />
<div class="bodybaby">Synthetic Switch: Bistable Toggles in Mammalian Cells</div></td></tr><br />
<br />
<tr><td><b class="bolded" id="why">WHY SYNTHETIC SWITCHES?</b><br />
<br />
<p>It is useful for a synthetic system capable of sensing mechanical stimuli to be able to convert a transient signal into a constitutive response. We want our system to sense mechanical stimuli for a period of time, during which an internal switch is flipped from the "off" state to the "on" state. After the removal of the stimulus, the cell will stay in the "on" state, during which it secretes BMP2 and osteogenesis occurs. Because cell differentiation occurs on a much longer time scale than desired mechanical stimulation, such a switch is required for a system to be of use.<br />
<HR><br />
<p><b class="bolded" id="bistable">HOW POSITIVE FEEDBACK CAN BE USED TO CONSTRUCT A BISTABLE TOGGLE</b><br />
<p><br />
<a href="https://static.igem.org/mediawiki/2010/b/b6/Bistable-Toggles.png" class="thickbox" title="How positive Feedback-->Bistable Toggle. In our system, protein A is analogous to rtTA3/rtTA, and promoter A is analogous to TREt."><img src="https://static.igem.org/mediawiki/2010/b/b6/Bistable-Toggles.png" width=300px></a><br />
<p>Consider a transcriptional positive feedback system, in which an outside signal causes the transcription of an inducer of transcription, protein A, which induces the transcription and production of more protein A. When the signal is added, transcription and translation of protein A increases, which causes its own transcription to increase further. The outside stimulating signal reaches a threshold value such that the removal of the signal does not affect the level of protein A production, because at this point almost all the transcription of protein A is driven by protein A, and not the outside signal. At this point we say the cell has reached a new high output state. This state is stable down to a different threshold value of protein A than the previous threshold. Thus, using positive feedback loops, we can construct a bistable toggle with two stable states: low transcription, and high transcription.<br />
<br />
<HR><br />
<p><b class="bolded" id="simp">SIMPLIFIED BISTABLE TOGGLE</b><br />
<p>During the summer we designed both a complete and a simplified bistable toggle with a low and high output state using positive feedback loops.<br />
<a href=https://static.igem.org/mediawiki/2010/1/1d/Simplified.png><img src="https://static.igem.org/mediawiki/2010/1/1d/Simplified.png" width=100%></a><br />
<p><ul><br />
<br>1. Hef1a promoter leads to low level, constitutive expression of the two halves (VgEcR and RxR) of a receptor responsive to the chemical ponasterone A (PonS).<br />
<br>2. VgEcR, RxR, and PonS combine to form an active complex.<br />
<br>3. EGSH is induced by the VgECR-RxR-PonS complex.<br />
<br>4. rtTA3 is transcribed after teh activation of EGSH.<br />
<br>5. Each rtTA3 binds to two of the six tetO sites in the TREt promoter and induces the promoter.<br />
<br>6. rtTA, another version of rtTA3, further induces activation of the TREt promoter. This establishes a positive feedback loop, which propels the system from a low to a stable high output state (the switch is "flipped"). In the high output state, EYFP is constitutively expressed at a high level.<br />
<br><br />
<li>Note 1: DOX in this system would be already present in the media. rtTA3 combines with DOX to form an activated complex in order to induce TREt. The outside signal being added is PonS. Without PonS addition, the presence of DOX is unable to flip the switch because there is very low level transcription of rtTA3.<br />
<li>Note 2: 2A sites are cis elements that enable polycistronic translation in mammalian cells. Proteins before and after the 2A site are translated at roughly equal frequency.<br />
<br> The three components of this system has been fully constructed and are ready for transfection into mammalian cells. Unfortunately at the present, due to time constraints, we are unable to provide conclusive data supporting the functionality of the toggle. </ul><br />
<HR><br />
<p><b class="bolded" id="results">Results</b><br />
<br />
<p>The figure below show a preliminary experiment during which PonS was added post transient calcium phosphate transfection of a HEK293FT cell line containing the Hef1a_VgEcR_RxR construct with the other two components of the toggle.<br />
</tr><br />
<tr><td><img src=https://static.igem.org/mediawiki/2010/0/07/Simplified_Toggle_Micrographs.png width=100%><br />
<ul><p>There is significant increase in fluorescence in the cells transfected with the toggle within 7 hours after the addition of ponS. We did not have enough DNA to perform a parallel transfection without PonS addition; however, we argue that the increase in fluorescence we saw 7 hours after PonS addition is much greater than in the previous 41 hours post co-transfection. Thus it can be concluded that the co-tranfescted construct shows EYFP fluorescence with, but not without, PonS induction.<br />
<li> No DNA is shown as a control for auto-fluorescence.<br />
<li> CMV_EGFP transfection is shown as a control transfection efficiency.</ul><br />
</td><br />
<br />
<tr><td><HR><br />
<b class="bolded" id="full">FULL MAMMALIAN TOGGLE</b><br />
<p>We also designed a full bistable toggle designed to drastically shorten the off-->on and on-->off switch via microRNA. Arvind, a member of the iGEM team, has mathematically modeled this circuit in depth, along with several others that were also considered. <br />
<HR><br />
<b class="bolded" id="model"><br />
<br>Please view the model <a href=https://static.igem.org/mediawiki/2010/e/e0/Mammalian_Full_Toggle.pdf>here</a>.</b><br />
<br />
</td></tr></table><br />
<br />
<br />
</div><br />
</div><br />
</body><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Team:MIT_mammalian_Bone
Team:MIT mammalian Bone
2010-10-28T01:10:14Z
<p>Supacalafrglstic: </p>
<hr />
<div>{{CM_css}}<br />
<br />
<html><br />
<head><br />
<style><br />
#topnav li.academics a {<br />
background-color: #2e2e91;<br />
}<br />
#topnav li.academics ul {<br />
display: block;<br />
}<br />
#content {<br />
background-image: url('https://static.igem.org/mediawiki/2010/a/ae/Peacock_Drop.jpg');<br />
background-attachment: fixed;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div class="header" ><br />
<br />
<div style="width:250px; margin: 10px; position: relative; top: -4px; left:-11px; display: block; float:right; padding: 7px; background-color: white;"><br />
<dl id="nav"><br />
<dt><b>Bacteria</b></dt><br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_toggle">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_tmodel">Modelling</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_tconst">Toggle Construction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_composite">Characterization</a></li><br />
</ul><br />
</dd><br />
<dt><b>Phage</b></dt><br />
<br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_phage">Introduction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_background">Background</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_design">Design</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_construction">Construction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_results">Results</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_context">Context</a></li><br />
<br />
</ul><br />
</dd><br />
<dt><b>Mammalian</b></dt><br />
<br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard </a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Circuit">Circuit Design</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Mechanosensation"> Mechanosensation</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Bone"> Bone Formation</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Switch"> Synthetic Switch</a></li><br />
<br />
</ul><br />
</dd><br />
<br />
</dl><br />
</div><br />
<br />
<div id="unique" style="padding:0px; font-size: 14px; border: 1px solid black; margin:0px; background-color:transparent;"><br />
<table width=650px style="background-color: white; margin-top:5px; padding: 10px;"><tr><td><div class="bodybaby">Bone Formation</div></td><br />
<br />
<tr><td><br />
<br><br><br />
<b> Background </b><br />
<br><br><br />
The goal of this portion of the project was to synthetically differentiate stem cells into bone; this would act as the 'output' for our final system. Since stem cells can by tricky to genetically engineer, we chose to build our circuit in human endothelial kidney (HEK) cells; we also considered using chinese hamster ovary (CHO) cells, which adhere better to the seeding substrate and might be more robust to mechanical stimulation. In the final system, HEK cells will secrete a diffusible morphogen to differentiate co-cultured stem cells. We used Bone Morphogenetic Protein 2 (BMP2) as our osteogenic signaling molecule; it is one of the central regulators of osteoblast differentiation in mammalian cells (1). Upon binding BMP2, the BMPRI receptor activates a downstream signaling cascade involving Smad proteins, which results in activation of the Runt-related transcription factor 2 (RUNX2), the main transcription factor controlling osteoblast differentiation. BMP2 has been shown to induce transdifferentiation in multiple stem cell types (2, 3, 4). Here, we work with myoblastic progenitor (C2C12) and mesenchymal 2 (C3HT101/) stem cells, two cell lines which have been shown capable of osteoblast differentiation (5, 6). <br />
<br><br><br />
<b>In Vitro Osteoblast Differentiation</b><br />
<br><br><br />
Our first task was to see if we could induce osteogenic differentiation in our stem cell lines. We obtained a stock of human recombinant BMP2 protein and added it to the supernatant of stem cell cultures at 100ng/ml and 300ng/ml, based on a review of concentrations used in the literature. We tested the response to both constitutive (all 5 days) and transient (induction stopped on day 2) BMP2 signaling. HEK cells were also tested as a negative control for differentiation. Micrographs were taken on day 5 to assay for changes morphology. <br />
<a href="https://static.igem.org/mediawiki/2010/1/1e/BMP2_Differentiation_Experimental_Writeup.pdf" target="_blank"> Click here for a detailed experimental writeup. </a><br />
<br><br><br />
<b>Morphology Results </b><br />
<br><br><br />
<a href="https://static.igem.org/mediawiki/2010/9/9d/Bone_morphology_1.jpg" class="thickbox" title="Bone Morphology"><img src="https://static.igem.org/mediawiki/2010/9/9d/Bone_morphology_1.jpg" width=600px></a><br />
<b>Morphology Results Summary</b><br />
<br><br><br />
Both C2C12 and C3HT101/2 were affected by the addition of BMP2. C3HT101/2 exhibited the strongest response; at 300ng/ml of BMP2, we observed small mineralized nodules beginning to form, as previously described in the literature. However there was negligible change in morphology of the transiently stimulated C3HT101/2 cells, indicating that BMP2 induction is required over a longer time period to induce differentiation. The C2C12 uninduced cells began differentiation into muscle tissue; the C2C12 cells induced with BMP2 instead began to exhibit morphological osteoblast markers. We observed no significant changes in HEK cell morphology<br />
<br><br><br />
<b>ALP Assay</b><br />
<br><br><br />
The next step was to quantify our results. We preformed an Alkaline Phosphatase (ALP) assay on the cultures, a routine protocol used to determine differentiation. It measures activity of an osteoblast-specific protein, alkaline phosphatase. This enzyme increases the local concentration of phosphate, which aids formation of the the hydroxyapatite ion that underlies mineralization in bone. <br />
<br><br><br />
<a href="https://static.igem.org/mediawiki/2010/e/ed/Bone_ALP_Assay_7_6_2010-2.jpg" target="_blank"> <img width=600px src="https://static.igem.org/mediawiki/2010/e/ed/Bone_ALP_Assay_7_6_2010-2.jpg"> </a><br />
<br><br><br />
<b>ALP Assay Results</b><br />
<br><br><br />
C2C12 displayed a strong increase in alkaline phosphatase activity in cells treated with 100ng/ml and 300ng/ml BMP2, when compared with untreated controls. The C3HT101/2 mesenchymal stem cells exhibited a significantly weaker, but still visible upregulation of ALP in cells treated with BMP2.<br />
HEK and transiently stimulated C3HT101/2 did not display visible upregulation of ALP activity.<br />
<br><br><br />
<b>Co-Culture Assays</b><br />
<br><br><br />
To test the viability of our final system, we grew co-cultures of our stem cell lines with HEK and CHO cells. Below are micrographs of the co-cultures of at the indicated ratios; we cultured HEK with MSC (C3HT101/2 mesenchymal stem cells) and C2C12, and CHO with C2C12. Cells were seeded at a total density of 200,000 cells/well in 6-well plates. All images were collected on Day 6. <br />
<br><br><br />
<a href="https://static.igem.org/mediawiki/2010/e/e8/C2c12_hek_coculture.jpg" ><img src="https://static.igem.org/mediawiki/2010/e/e8/C2c12_hek_coculture.jpg" width=600px></a><br />
<a href="https://static.igem.org/mediawiki/2010/a/a8/Co_culture_image_mammalian.tiff" ><img src="https://static.igem.org/mediawiki/2010/a/a8/Co_culture_image_mammalian.tiff" width=600px></a><br />
<br />
<br><br><br />
<b>Co-Culture Results </b><br />
Cells grew to confluency; we did not observe any incompatibility issues between different cell types. Interestingly enough, MSC cells grew naturally together to form 'clumps' in the midst of a sea of HEK cells. We observed myoblast differentiation of C2C12 cells; at higher seeding ratios in HEK cells, the C2C12 cells began to form the myotubules. This effect was not observed when co-cultured with CHO cells. <br />
<br><br><br />
<b>Conclusion</b><br />
<br><br><br />
We have demonstrated osteoblast differentiation in two different stem cell lines, using human recombinant BMP2. We have also shown here a proof of concept for our final system, a co-culture of two different cell types. Although not shown here, we have also constructed cell lines containing BMP2 under the control of an inducible and constitutive promoter. We plan to begin functionally testing these cell lines in the coming weeks. <br />
<br />
<br />
<b> References </b><br />
<br><br><br />
1. Hogan, B. L. (1996) Harvey Lect. 92, 83-98 <br />
<br><br><br />
2. Katagiri, T., Yamaguchi, A., Komaki, M., Ab, E., Takahashi, N., Ikeda, T., Rosen, V., Wozney, J. M., Fujisawa-Sehara, A., Suda, T. (1994) J. Cell Biol. 127, 1755-1766 <br />
<br><br><br />
3. Katagiri T, Yamaguchi A, Ikeda T, Yoshiki S, Wozney JM, Rosen V, Wang EA, Tanaka H, Omura S, Suda T (1990) . Biochem Biophy Res Commun 172:295–299<br />
<br><br><br />
4. Yamaguchi A, Katagiri T, Ikeda T, Wozney JM, Rosen V, Wang EA, Kahn AJ, Suda T, Yoshiki S (1991) . J Cell Biol 113:681–<br />
<br><br><br />
5. Nishimura, R, Kato Y, Chen D, Harris SE, Mundy GR, and Yoneda T (1998) J Biol Chem 273: 1872-1879<br />
<br><br><br />
6. Richard S, Torabi N, Franco GV, Tremblay GA, Chen T, et al. (2005). PLoS Genet 1(6): e74. doi:10.1371/journal.pgen.0010074<br />
</td></table><br />
<br />
</div><br />
</div><br />
</body><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Team:MIT_mammalian_Mechanosensation
Team:MIT mammalian Mechanosensation
2010-10-28T01:09:44Z
<p>Supacalafrglstic: </p>
<hr />
<div>{{CM_css}}<br />
<br />
<html><br />
<head><br />
<style><br />
#topnav li.academics a {<br />
background-color: #2e2e91;<br />
}<br />
#topnav li.academics ul {<br />
display: block;<br />
}<br />
#content {<br />
background-image: url('https://static.igem.org/mediawiki/2010/a/ae/Peacock_Drop.jpg');<br />
background-attachment: fixed;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div class="header" ><br />
<br />
<div style="width:250px; margin: 10px; position: relative; top: -4px; left:-11px; display: block; float:right; padding: 7px; background-color: white;"><br />
<dl id="nav"><br />
<dt><b>Bacteria</b></dt><br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_toggle">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_tmodel">Modelling</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_tconst">Toggle Construction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_composite">Characterization</a></li><br />
</ul><br />
</dd><br />
<dt><b>Phage</b></dt><br />
<br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_phage">Introduction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_background">Background</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_design">Design</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_construction">Construction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_results">Results</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_context">Context</a></li><br />
<br />
</ul><br />
</dd><br />
<dt><b>Mammalian</b></dt><br />
<br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard </a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Circuit">Circuit Design</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Mechanosensation"> Mechanosensation</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Bone"> Bone Formation</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Switch"> Synthetic Switch</a></li><br />
<br />
</ul><br />
</dd><br />
<br />
</dl><br />
</div><br />
<br />
<div id="unique" style="padding:0px; font-size: 14px; border: 1px solid black; margin:0px; background-color:transparent;"><br />
<table width=650px style="background-color: white; margin-top:5px; padding: 10px;"><tr><td><br />
<div class="outline"><br />
<a href="#lit">1 Literature Search</a><br><br />
<a href="#pcloning">2 Promoter Construction</a><br><br />
<a href="#Experiments">3 Experimental Outline</a><br><br />
<ul><a href="#Shaker"> Shaker Experiment </a><br><br />
<ul><a href="#sdescrip">Experimental Set Up</a><br><br />
<a href="#sresults">Results</a><br><br />
<a href="#sconclusion">Conclusion</a><br><br />
</ul><br />
<a href="#Micro"> Microfluidic Experiments </a><br><br />
<ul><a href="#mdescrip">Experimental Set Up</a><br><br />
<a href="#mseed">Device Seeding</a><br><br />
<a href="#mSS">Applying Fluid Shear Stress</a><br><br />
<a href="#mstretch"> Applying Nonuniform Cyclic Strain</a><br><br />
<a href="#mconclusion"> Conclusion</a><br><br />
</ul><br />
</ul><br />
<a href="#full">4 Our Full Toggle</a><br><br />
<ul><a href="#model"> Model </a><br></ul><br />
</div></td><br />
<br />
<tr><td><div class="bodybaby">The Search for Mechanosensitive Promoters</div></td><br />
<br />
<br />
<tr><td><br />
<br />
<b class="bolded" id="lit">Literature Search </b><br><br />
<br><br />
To begin, we searched the literature for well-characterized mechanosensitive promoters; we restricted our pool of candidates to promoters that had been shown, mostly by upregulation of a fluorescent marker, to be directly responsive to mechanical stress. The nature of the promoters varied. We included several short oligonucleotide sequences SRE/CRE2 and NR1/2, that had been shown to confer sensitivitiy to shear stress when placed in front of a ‘dummy’ SV40 promoter. Promoters for the genes PAI-2 and cfos were identified as mechanosensitive in the literature; we used portions of these promoters which were shown to be responsible for the mechanosensitivity. Click <a href = "https://static.igem.org/mediawiki/2010/e/e1/FocalAdhesionsNotes.pdf">here</a> and <a href = "https://static.igem.org/mediawiki/2010/3/3d/ShearStressNotes.pdf">here</a> for more in-depth notes on our literature review. <br />
<br />
<div class="bodybaby" id="pcloning">Promoter Construction</div><br><br />
<br><br />
We used PCR to amplify the relevant regions of the PAI-2 and cfos promoters from human genomic DNA; the short oligonucleotide sequences SRE/CRE2 and NR1/2 were added in front of an SV40 ‘dummy’ promoter, with appropriate primers. We then used three-way Gateway recombination (see our <a href = "https://2010.igem.org/Team:MIT_mammalian_Standard">new standardization for mammalian cloning</a>) to construct a lentiviral plasmid that contained the promoter of interest controlling EGFP expression. We used these constructs to transiently transfect cells with in the presence of helper viral plasmids; this yielded a virus containing our construct of interest. We then infected HEK cells with these constructs and selected with the appropriate antibiotic for two weeks to create stable cell lines. Several of the experiments done below were carried out before creation of the stable cell lines; to quickly obtain cell lines containing the relevant construct, we transiently transfected cells with the construct and no viral helper plasmids. Using that protocol, the construct did not get integrated into the genome, but it allowed us to carry out short term characterization assays. <br />
<br />
<div class="bodybaby" id="Experiments">Experimental Outlines</div><br><br />
<br><br />
We planed to tested the sensitivity of our candidate promoters to an array of mechanical stresses. To accomplish this, we created and tested cell lines containing fluorescent reporter constructs for each promoter, and observed changes in fluorescence after the cells were exposed to mechanical stimulation. We applied shear stress with two different methods; the first involved periodic vibration of the cell plate on automated shaker. For the second method, we worked with a students in Roger Kamm's lab to build microfluidic devices; we seeded cells inside the devices and flowed media through the channels to approximate fluid shear stress. <br />
<br><br> <br />
<div class="bodybaby" id="Shaker">Shaker Experiments</div><br><br><br />
<br />
<b class="bolded" id="sdescrip">Experimental Setup </b><br><br><br />
<img src=https://static.igem.org/mediawiki/2010/3/3c/0_shaker_outline.png><br />
Transient tranfections of pMech_EGFP constructs were performed on HEK293FT cells seeded at 2 million cells/well in two identically seeded six-well plates. The constructs used were: pCOFS_EGFP, pPAI-2_EGFP, pSRE/CRE2_SV40_EGFP, pNR1/2_SV40_EGFP, and CMV_EGFP. Of these CMV_EGFP served as a control for transformation efficiency. 12 hours after transfection one of the two six well plates was designated as "shear stress" and placed on a shaker at 120 rpm inside the incubator. The other plate was designated "control" and not subjected to shaking. Fluorescent micrographs were obtained on a Zeiss microscope for each well at 100, 215, and 500 ms exposure times every 3 hours. Brightfield images were exposed for 6 ms. Images were exported from the accompanying Axiovision software at identical histogram levels for each cell line. <br />
<br />
For image analysis, accurate cell count could not be obtained because HEK cells grow at high density. Instead area occupied by cells was used as an analogous measurement for fields of view with similar % confluence and measured with imageJ, an image analysis software provided by the NIH. Fluorescent micrographs were processed using the binary function in imageJ, followed by particle analysis to obtain the total area occupied by fluorescence. The ratio of the area of fluorescence and the area of cells were calculated (R_fl) for time points 2.5h, 8h, 15.5h, and 24.5h. The overall ratio R_o was calculated as R_fl(T)/R_fl(2.5), where T=8,15.5, or 24.5. In this process the image levels and cell confluence of each micrograph were carefully matched for comparison. Graphic representation of our data can be seen in the figures below. <br />
<br />
<br><br><br />
<HR><br />
<b class="bolded" id="sresults">Results </b><br><br><br />
<a href="https://static.igem.org/mediawiki/2010/5/5c/CFOS_shaker.png" class="thickbox" title="CFOS Promoter Experimental Results"><img src="https://static.igem.org/mediawiki/2010/5/5c/CFOS_shaker.png" width=300px></a><br />
<br />
<a href="https://static.igem.org/mediawiki/2010/b/b7/SRE_shaker.png" class="thickbox" title="SRE Promoter Experimental Results"><img src="https://static.igem.org/mediawiki/2010/b/b7/SRE_shaker.png" width=300px></a><br />
<br />
<a href="https://static.igem.org/mediawiki/2010/0/04/PAI2_shaker.png" class="thickbox" title="SRE Promoter Experimental Results"><img src="https://static.igem.org/mediawiki/2010/0/04/PAI2_shaker.png" width=300px></a><br />
<br />
<a href="https://static.igem.org/mediawiki/2010/3/3d/2_shaker.png" class="thickbox" title="SRE Promoter Experimental Results"><img src="https://static.igem.org/mediawiki/2010/3/3d/2_shaker.png" width=300px></a><br />
<br><br><br />
<HR><br />
<b class="bolded" id="sconclusion">Conclusion </b><br><br><br />
<br />
Our data show that SRE/CRE_SV40 and NR1/2_SV40 promoters were significantly upregulated in response to shear stress as compared to negative controls (R_o's of around 2 or greater). PAI-2 showed high R_o at T=8, but overall very low absolute EGFP expression. CFOS showed similar expression levels for both shear stress and negative control.<br />
<br />
The data strongly correlated with our initial literature research: SRE/CRE_SV40 and NR1/2_SV40 were promoters specifically shown to be responsive to shear stress, while PAI-2 and CFOS were mechanosensitive but not necessarily to stress, rather to strain or stretching. We concluded that our current sample of promoters was promising and proceeded to microfluidic experiments to further analyze the properties of these promoters.<br />
<br />
<div class="bodybaby" id="Micro">Microfluidic Experiments</div><br><br><br />
<br />
<b class="bolded" id="mdescrip">Experimental Setup </b><br><br><br />
We will use two different types of microfluidic devices, to assay the cellular response to fluid shear stress and cell layer ‘stretching’, respectively. However the two are not mutually exclusive; stretching of the cell layer could create interstitial flow, cross-activating the fluid shear stress response. Below on the left is a diagram of our shear stress devices. We flowed media over cells seeded in the channels of these devices to apply fluid shear stress. The devices used in our second assay, for cell membrane stretching, are shown on the right. We 'stretched' the cells by flowing media through channels beneath the cell monolayer; this deflected the monolayer upward and stretched the cell membrane. <br />
<br><br><br />
<br />
<a href="https://static.igem.org/mediawiki/2010/4/43/1_channel_microfluidic.jpg" class="thickbox" title="Single Channel Microfluidic Device Diagram"><img src="https://static.igem.org/mediawiki/2010/4/43/1_channel_microfluidic.jpg" width=300px></a><br />
<br />
<a href="https://static.igem.org/mediawiki/2010/6/6a/Flow_channel_microfluidic.jpg" class="thickbox" title="2-Layer Microfluidic Device Diagram"><img src="https://static.igem.org/mediawiki/2010/6/6a/Flow_channel_microfluidic.jpg" width=300px></a><br />
<br />
<HR><br />
<b class="bolded" id="mseed">Device Seeding </b><br><br><br />
Our first move was to test cell seeding inside the microfluidic devices we had manufactured; below (top left and top right) are micrographs imaged on day 4 of healthy CHO and HEK cells, respectively, growing in shear stress single channel devices. Below (bottom) is a video of HEK cells being seeded into the devices. <br />
<br><br><br />
<table><br />
<br />
<tr><br />
<td>CHO</td><td>HEK</td><br />
</tr><br />
<br />
<tr><br />
<td><a href="https://static.igem.org/mediawiki/2010/d/d6/CHO_microfluidics.jpg"><img src="https://static.igem.org/mediawiki/2010/c/cc/Cho_ufl.jpg" width=300px></a></td><td><a href="https://static.igem.org/mediawiki/2010/7/7a/HEK_microfluidics.jpg"><img src="https://static.igem.org/mediawiki/2010/1/13/Hek_ufl.jpg" width=300px></a></td><br />
</tr><br />
</table><br />
<br />
<br />
<br><br><br />
<br />
<object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/Mjp6vA814WE?fs=1&amp;hl=en_US&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/Mjp6vA814WE?fs=1&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object><br />
<br />
<HR><br />
<b class="bolded" id="mSS">Microfluidic Experiments with Mechanosensitive Promoters: Fluid Shear Stress</b><br><br><br />
<br />
We ran several trial experiments seeding the shear stress devices with reporter cell lines containing EGFP under the control of one of our mechanosensitive promoters. We were lucky enough to work in a lab that had a confocal microscope available 24/7; we applied shear stress to the device for two hours, then imaged every 15 minutes to obtain a timecourse of promoter activity in response to fluid shear stress. <br />
<br><br><br />
A picture of our experimental setup:<br />
<br><br><br />
<a href="https://static.igem.org/mediawiki/2010/c/cd/Photo_63.jpg" class="thickbox" title="Microfluidic Device Logistical Setup"><img src="https://static.igem.org/mediawiki/2010/c/cd/Photo_63.jpg" width=300px></a><br />
<br><br><br />
Our first attempts at applying shear stress washed away a portion of the cell layer; the remaining cells began to expand and divide over the last half of the timecourse. Below is a video of the channel over a 12 hour period - cells were stimulated with fluid shear stress for 1 hour and 40 minutes, then imaged every 15 minutes to obtain a timecourse of fluorescence. <br />
<br />
<object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/c5NEadvJY-k?fs=1&amp;hl=en_US&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/c5NEadvJY-k?fs=1&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object><br />
<br />
<HR><br />
<b class="bolded" id="mstretch">Deformable Substrate Pilot Assay: Nonuniform Cyclic Strain</b><br><br><br />
We then tested our second assay, to measure the response to cell membrane stretching. We then constructed a series of 'cell stretching' devices and checked to see if oscillating media through the flow channels could significantly strain the cell monolayer. <br />
Below is a video taken of the a cyclically stretched HEK cell monolayer, taken on Day 4 after seeding into the microfluidic device. . <br />
<br />
<object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/-qcy6z44aFo?fs=1&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/-qcy6z44aFo?fs=1&amp;hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object><br />
<p><br />
<HR><br />
<b class="bolded" id="mconclusion">Conclusion</b><br><br><br />
<br><br><br />
We have created stable cell lines containing four different mechanosensitive promoters, and assayed promoter function in a shaker experiment. We've also built and tested a microfluidic apparatus for applying fluid shear stress and stretching forces to the cells. We've also cloned constructs containing all of the mechanosensitive promoters controlling the expression of BMP2 protein; we now have the parts to create and test stable cell lines with potentially mechanosensitive BMP2 secretion. <br />
<br />
</td></table><br />
<br />
<br />
</div><br />
</div><br />
</body><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Team:MIT_mammalian_Circuit
Team:MIT mammalian Circuit
2010-10-28T01:08:35Z
<p>Supacalafrglstic: </p>
<hr />
<div>{{CM_css}}<br />
<br />
<html><br />
<head><br />
<style><br />
#topnav li.academics a {<br />
background-color: #2e2e91;<br />
}<br />
#topnav li.academics ul {<br />
display: block;<br />
}<br />
#content {<br />
background-image: url('https://static.igem.org/mediawiki/2010/a/ae/Peacock_Drop.jpg');<br />
background-attachment: fixed;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div class="header" ><br />
<br />
<div style="width:250px; margin: 10px; position: relative; top: -4px; left:-11px; display: block; float:right; padding: 7px; background-color: white;"><br />
<dl id="nav"><br />
<dt><b>Bacteria</b></dt><br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_toggle">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_tmodel">Modelling</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_tconst">Toggle Construction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_composite">Characterization</a></li><br />
</ul><br />
</dd><br />
<dt><b>Phage</b></dt><br />
<br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_phage">Introduction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_background">Background</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_design">Design</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_construction">Construction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_results">Results</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_context">Context</a></li><br />
<br />
</ul><br />
</dd><br />
<dt><b>Mammalian</b></dt><br />
<br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard </a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Circuit">Circuit Design</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Mechanosensation"> Mechanosensation</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Bone"> Bone Formation</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Switch"> Synthetic Switch</a></li><br />
<br />
</ul><br />
</dd><br />
<br />
</dl><br />
</div><br />
<br />
<div id="unique" style="padding:0px; font-size: 14px; border: 1px solid black; margin:0px; background-color:transparent;"><br />
<table width=650px style="background-color: white; margin-top:5px; padding: 10px;"><tr><td><div class="bodybaby">The Cellular Touchpad</div></td><br />
<br />
<br />
<tr><td><br />
<br />
Our project began with idea of a biological touchscreen. We envisioned a cellular 'iPad', a plate of cells that could sense applied pressure and differentiate in response. There are a ton of applications for this technology; at the most basic level, one could imagine drawing a pattern onto a cellular monolayer and watch bone form around the outline. The system could also be used to study morphogenesis, to explore the role of chemical and mechanical signaling in differentiation by trying to build analogous synthetic counterparts. We've developed a basic standard for linking mechanical sensing to cellular differentiation, a standard we hope to see it developed to support even more intricate systems. <br />
<br><br><br />
We split the project up into three parallel modules: mechanical sensing, signal processing and bone differentiation. For the mechanosensing portion of the project, we searched the literature for potential mechanosensitive promoters, then cloned them into expression vectors containing EGFP. We used plate shaking and microfluidic devices to mechanically stimulate the cells and screen for shear stress-responsive candidates. <br />
<br><br><br />
With signal processing, our goal was to convert a short pulse of mechanical stimulation into a permanent 'switch' for differentiation. We designed, built and tested a synthetic gene circuit controlled positive feedback of the rtTA3 transcription factor. The circuit showed robust upregulation after the activation of an inducible promoter.<br />
<br><br><br />
For bone differentiation, we decided to create a dual cellular system. BMP2 (Bone Morphogenetic Protein) is a fast and efficient inducer of osteoblastogenesis; we plan to construct the cellular circuit in HEK cells, which are easier to engineer, and have them inducibly secrete BMP2 to differentiate co-cultured stem cells. We also managed to induce bone formation in two different stem cell lines, using human recombinant BMP2, and detect it on a western blot of cellular supernatant. In summary, we've accomplished what we set out to do - test mechanosensitive promoters, build a cellular circuit in mammalian cells, and induce bone differentiation in stem cells. <br />
<br><br><br />
Along the way, we also managed to create a new assembly standard for mammalian cells. 'MammoBlock' is a recombination-based protocol (see our New Mammalian Standard page for more information), especially useful when dealing with long mammalian construct sequences. It's a robust and efficient cloning procedure, that allows for quick creation of high-quality entry vectors. Like our morphogenetic toolkit, it is meant to act as the groundwork for future expansion in the world of mammalian synthetic biology. <br />
<b>Click on the panels below to go to the experimental pages</b><br />
<p><table><br />
<tr><br />
<br />
<td>Mechanosensation</td><br />
<td>Osteogenesis</td><br />
<td>Bistable Toggle</td></tr><br />
<tr><br />
<td><a href="https://2010.igem.org/Team:MIT_mammalian_Mechanosensation"> <img src="https://static.igem.org/mediawiki/2010/b/b0/Icon_pmech.png"> </a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
<td><a href="https://2010.igem.org/Team:MIT_mammalian_Bone"> <img src="https://static.igem.org/mediawiki/2010/c/c7/Icon_diff.png"> </a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td><br />
<td><a href="https://2010.igem.org/Team:MIT_mammalian_Switch"> <img src="https://static.igem.org/mediawiki/2010/e/ec/Icon_circ.png"> </a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td><br />
</tr></table><br />
<br />
</td></table><br />
<br />
<br />
</div><br />
</div><br />
</body><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Team:MIT_mammalian_Standard
Team:MIT mammalian Standard
2010-10-28T01:07:59Z
<p>Supacalafrglstic: </p>
<hr />
<div>{{CM_css}}<br />
<br />
<html><br />
<head><br />
<style><br />
#topnav li.academics a {<br />
background-color: #2e2e91;<br />
}<br />
#topnav li.academics ul {<br />
display: block;<br />
}<br />
#content {<br />
background-image: url('https://static.igem.org/mediawiki/2010/a/ae/Peacock_Drop.jpg');<br />
background-attachment: fixed;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div class="header"><br />
<br />
<div style="width:250px; margin: 10px; position: relative; top: -4px; left:-11px; display: block; float:right; padding: 7px; background-color: white;"><br />
<dl id="nav"><br />
<dt><b>Bacteria</b></dt><br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_toggle">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_tmodel">Modelling</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_tconst">Toggle Construction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_composite">Characterization</a></li><br />
</ul><br />
</dd><br />
<dt><b>Phage</b></dt><br />
<br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_phage">Introduction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_background">Background</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_design">Design</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_construction">Construction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_results">Results</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_context">Context</a></li><br />
<br />
</ul><br />
</dd><br />
</dl><br />
<dl id="specialnav"><br />
<dt><b>Mammalian</b></dt><br />
<br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard </a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Circuit">Circuit Design</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Mechanosensation"> Mechanosensation</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Bone"> Bone Formation</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Switch"> Synthetic Switch</a></li><br />
<br />
</ul><br />
</dd><br />
<br />
</dl><br />
</div><br />
<br />
<div id="unique" style="padding:0px; font-size: 14px; border: 1px solid black; margin:0px; background-color:transparent;"><br />
<table width=650px style="background-color: white; margin-top:5px; padding: 10px;"><tr><td><div class="bodybaby">New Mammalian Assembly Standard </div></td><br />
<tr><td><br />
<br />
Mammalian promoters are difficult to biobrick. They're several kB in length, much longer then their prokaryotic counterparts. This means they're likely to contain most restriction sites used in biobrick cloning. It's difficult to avoid this by changing the promoter sequence; single base pair mutations often alter or abolish the desired function of the promoter. To get around this issue, we've created a new standardization for cloning in mammalian cells, based on the Invitrogen Gateway (c) cloning system. <A HREF="https://static.igem.org/mediawiki/2010/3/3e/Mammoblock_RFC_Draft.pdf">Read our full 'MammoBlock' standardization proposal</A> <br />
<br><br><br />
<table><tr><td><br />
<a href="https://static.igem.org/mediawiki/2010/e/ed/Gateway_image.tiff" class="thickbox" title="Multi-site LR Gateway Reaction"><img src="https://static.igem.org/mediawiki/2010/e/ed/Gateway_image.tiff" width=300px></a></td><td><br />
Gateway (c) is a fast and reliable way to create expression vectors for mammalian cells. It fulfills the same function as restriction cloning in the Biobrick standardization - it allows us to combine vectors with different 'parts' to create a whole 'circuit'. But the actual mechanism is vastly different from restriction cloning. Gateway uses recombination enzymes to combine multiple vectors, a one-step process that avoids the laborious digestion and ligation steps involved in restriction cloning.</td></tr></table><br />
<br><br />
<b>Cloning Process Overview</b><br />
<br><br />
We start out by cloning all the genes and promoters needed into pENTR vectors; the pENTR vectors contain restriction and recombination sites, so either cloning method can be used to insert the target DNA into the vectors. The next step is to combine pENTR vectors containing the relevant gene and promoter with a pDEST vector containing a lentiviral origin of replication. Gateway cloning allows us to avoid laborious digestion and ligation steps in favor of a faster, more efficient method. To obtain the expression vector, we combine all three plasmids in a recombination reaction; the step takes 12-16 hours total and yields remarkably reliable products.<br />
<br><br><br />
<b>Our Contribution</b><br />
<br><br />
We are in the process of adding two new backbones to the registry; pENTRL4R1 is a backbone for promoter parts (see map below). The location of the attL4 and attR1 recombination sites place the promoter in front of the gene of interest during Gateway recombination. This construct contains a TRE-inducible promoter between the recombination sites. <br />
<br><br />
<center><br />
<a href="https://static.igem.org/mediawiki/2010/0/0b/L4_TRE_R1_image.jpg" class="thickbox" title="MammoBlock Promoter Backbone"><img src="https://static.igem.org/mediawiki/2010/0/0b/L4_TRE_R1_image.jpg" width=400px></a></center><br />
<br><br />
The second backbone designed to support gene 'parts'. It contains attL1 and attL2 recombination sites flanking the gene of interest. <br />
<br><br />
<center><br />
<a href="https://static.igem.org/mediawiki/2010/3/33/L1_EGFP_L2_image.jpg" class="thickbox" title="MammoBlock Gene Backbone"><img src="https://static.igem.org/mediawiki/2010/3/33/L1_EGFP_L2_image.jpg" width=400px></a></center><br />
<br />
</td><br />
</table><br />
<br />
<br />
<br />
</div><br />
</div><br />
</body><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Team:MIT_mammalian
Team:MIT mammalian
2010-10-28T01:06:30Z
<p>Supacalafrglstic: </p>
<hr />
<div>{{CM_css}}<br />
<br />
<html><br />
<head><br />
<style><br />
#topnav li.academics a {<br />
background-color: #2e2e91;<br />
}<br />
#topnav li.academics ul {<br />
display: block;<br />
}<br />
#content {<br />
background-image: url('https://static.igem.org/mediawiki/2010/a/ae/Peacock_Drop.jpg');<br />
background-attachment: fixed;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div class="header"><br />
<br />
<div style="width:250px; margin: 10px; position: relative; top: -4px; left:-11px; display: block; float:right; padding: 7px; background-color: white;"><br />
<dl id="nav"><br />
<dt><b>Bacteria</b></dt><br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_toggle">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_tmodel">Modelling</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_tconst">Toggle Construction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_composite">Characterization</a></li><br />
</ul><br />
</dd><br />
<dt><b>Phage</b></dt><br />
<br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_phage">Introduction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_background">Background</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_design">Design</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_construction">Construction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_results">Results</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_context">Context</a></li><br />
<br />
</ul><br />
</dd><br />
</dl><br />
<dl id="specialnav"><br />
<dt><b>Mammalian</b></dt><br />
<br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard </a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Circuit">Circuit Design</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Mechanosensation"> Mechanosensation</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Bone"> Bone Formation</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Switch"> Synthetic Switch</a></li><br />
<br />
</ul><br />
</dd><br />
<br />
</dl><br />
</div><br />
<br />
<div id="unique" style="padding:0px; font-size: 14px; border: 1px solid black; margin:0px; background-color:transparent;"><br />
<table width=650px style="background-color: white; margin-top:5px; padding: 10px;"><tr><td><br />
<br />
<br />
<div class="outline"><br />
<a href="#why">1 Why Mammalian Cells?</a><br><br />
<a href="#our">2 Our Project</a><br><br />
<a href="#pMech">3 The Importance of Mechanosensitivity</a><br><br />
<a href="#future">4 Looking Ahead</a><br><br />
</div></td><tr><td><br />
<div class="bodybaby">cellular touchpad</div></td><br />
<br />
<br />
<tr><td><br />
<b class="bolded" id="why">WHY MAMMALIAN CELLS?</b><br />
<center><br />
<img src="https://static.igem.org/mediawiki/2010/b/b1/Mammalian_overview1.jpg" width=100%></center><br />
<p>Implementing novel artifical sensors and actuators in the lab provides special challenges as all parts must be synthesized from scratch. Entire orthogonal pathways must be designed and made, and much consideration must be given to cross reactivity with different existing pathways that may lead to undesired effects in the synthetic circuit.<br />
<p>Mammalian cells, however, differentiate into materials of great complexity, sensitivity, and durability on a regular basis—-like muscle, bone, nervous tissue, and skin. All these actuators that take so much effort to create from scratch in the lab have been provided by nature in the form of genetic circuits and pathways contained in these cells. If we interface with mammalian cells at the right level and context with a toolkit of synthetic parts, we can selectively switch these pathways on or off. By taking advantage of the cell's built in sensors and actuators, we can direct differentiation into useful tissues, even organs!<br />
<table width=100%><tr><td><br />
<a href="https://static.igem.org/mediawiki/2010/d/d8/Interface.jpg" class="thickbox" title="Interfacing at the transcriptional level"><img src="https://static.igem.org/mediawiki/2010/d/d8/Interface.jpg" width=300px></a></td><td><br />
Interfacing with the cell at the transcriptional level allows us to take full advantage of the built-in sensing and actuating circuits of the mammalian cell. Different signals are sensed by promoters in our circuit, which then integrates these signals and computes an output.</td></tr></table><br />
<br />
<HR> <br />
<p><b class="bolded" id="our">OUR PROJECT: A BONE-FORMING TOUCHPAD!</b><br />
<p><img src="https://static.igem.org/mediawiki/2010/d/d2/Cellular_Touchpad.png"><br />
<p>In our project, we decided to link mechanical stimuli to osteogenesis. Our project began with idea of a biological touchscreen. We envisioned a cellular 'iPad', a plate of cells that could sense applied pressure and differentiate in response. There are a ton of applications for this technology; at the most basic level, one could imagine drawing a pattern onto a cellular monolayer and watch bone form around the outline. The system provides a very useful platform study morphogenesis and different types of mechanical signal transduction, a process little understood to date. Our system allows us to explore the role of chemical and mechanical signaling in differentiation by trying to build analogous synthetic counterparts, the first step to the implementation of semi-orthogonal differentiation pathways and artifical organogenesis. We've developed a basic standard for linking mechanical sensing to cellular differentiation, a standard we hope to see it developed to support even more intricate systems.<br />
<p><img src="https://static.igem.org/mediawiki/2010/1/1f/Overview-of-touchpad.png" width=100%><br />
<p> In our system, cells sense transient mechanical stimuli in the form of either fluid shear stress, stretching, or substrate deformation. The stimuli is sensed by our circuit, flips a bistable toggle, and osteogenesis takes place in the cells that were subjected to mechanical forces.<br />
<ul><p>Other important contributions from our project: <br />
<li>Canonical osteogenic factors in our new mammalian standard, <b><a href=https://2010.igem.org/Team:MIT_mammalian_Standard>MammoBlocks</a></b> for easy assembly and incorporation into synthetic circuits.<br />
<li>For the first time: mechanosensitive promoters in addition to chemical-sensing promoters in MammoBlocks.</ul><br />
<br />
<HR> <br />
<p><b class="bolded" id="pMech">THE IMPORTANCE OF MECHANOSENSITIVITY</b><br />
<p><img src=https://static.igem.org/mediawiki/2010/6/63/Cell_to_organ.jpg width=100%><br />
<p>The path from cell to organ is complicated, and involves both rich chemical and mechanical feedback. To control organogenesis, we will need to control not only the proliferation and phenotype of a single cell, but also its interactions in a network of cells and eventually a network of different tissues. We need to control the spatial organization of these cells with respect to each other. This means we not only need to enable the cell to sense its surroundings and change its own phenotype accordingly, but also sense the phenotypes of the cells around it and act accordingly, whether it’s proliferation, differentiation, signaling, or apoptosis.<br />
<p>Recent paradigm shifted the importance of chemical signals (such as growth factors) to mechanical signaling, such as fluid shear stress, stretch, and substrate hardness. How do cells with the same genome form complex spatial structures? The canonical Turing model based on reaction diffusion is believed to give rise to cheeta spots and zebra stripes, but recently research has shown that this is not sufficient for making 3D structures. In fact, rich mechanical feedback is crucial in early embryogenesis to lay down basic structure of our body plans.<br />
<p>We cannot form complicated structures without mechanosensitivity! However, the current mammalian parts commonly used in synthetic biology does not allow for mechanosensitive parts. <b>Our toolkit, developed during this summer through constructing our bone-forming touchpad, provides, for the first time, mechanosensitive promoters in addition to chemical-sensing promoters.</b><br />
<p><br />
<HR> <br />
<p><b class="bolded" id="future">LOOKING AHEAD</b><br />
<p><br />
Tissue engineering is an emerging field, a creation of 21st century biology. A lot of the groundwork has been laid for the development of artificial organs; we’ve seen lab-grown bladders, heart cells beating in unison in a petri dish, and even human ear mimetics. So far, these organs have been created by populating artificial scaffolds with appropriately differentiated cells; the process has been controlled by the injection of cells into the right places at the right times. Here, we present a new take on manufacturing organs in vitro; an approach that requires cells to sense external stimuli and remodel the growing tissue accordingly. <br />
<p><br />
We chose to explore in vitro bone tissue formation; however, the methods we develop here can be applied generally to the development of any artificial organ. Our specific goal is to create cells that sense mechanical stress, subcellularly integrate this information, and make a decision to differentiate into bone-producing osteoblast cells based on the external signals. These cells will be capable of ‘intelligent’ tissue formation; that is, when seeded onto a scaffold, they will create a bone fragment which is more dense in regions of higher mechanical stress. <br />
<br><br><br />
The applications for cells with this capacity – to create tissue optimized to support a specific mechanical environment – are widespread. There’s the immediately obvious advantage of creating specialized bone grafts; in a nation that spends an average of $20 billion a year on treatments of bone-related fractures and replacements, increasing the efficiency of the bone surgeries would have a wide-ranging impact. But there’s another, more intriguing, application; a model system like this would allow us to directly study tissue development and organogenesis. By mimicking in vitro the natural processes of tissue remodeling, we can start to understand the challenges inherent in cell-dependent tissue structuring, and perhaps get a deeper grasp on the in vivo pathways involved. <br />
<br><br><br />
<br />
</td><br />
</table><br />
<br />
<br />
<br />
</div><br />
</div><br />
</body><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Team:MIT_phage_context
Team:MIT phage context
2010-10-28T01:05:39Z
<p>Supacalafrglstic: </p>
<hr />
<div>{{CM_css}}<br />
<br />
<html><br />
<head><br />
<style><br />
#topnav li.academics a {<br />
background-color: #2e2e91;<br />
}<br />
#topnav li.academics ul {<br />
display: block;<br />
}<br />
#content {<br />
background-image: url('https://static.igem.org/mediawiki/2010/a/ae/Peacock_Drop.jpg');<br />
background-attachment: fixed;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div class="header"><br />
<br />
<div style="width:250px; margin: 10px; position: relative; top: -4px; left:-11px; display: block; float:right; padding: 7px; background-color: white;"><br />
<dl id="nav"><br />
<dt><b>Bacteria</b></dt><br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_toggle">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_tmodel">Modelling</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_tconst">Toggle Construction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_composite">Characterization</a></li><br />
</ul><br />
</dd><br />
</dl><br />
<dl id="specialnav"><br />
<dt><b>Phage</b></dt><br />
<br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_phage">Introduction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_background">Background</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_design">Design</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_construction">Construction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_results">Results</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_context">Context</a></li><br />
<br />
</ul><br />
</dd><br />
</dl><br />
<dl id="nav"><br />
<dt><b>Mammalian</b></dt><br />
<br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard </a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Circuit">Circuit Design</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Mechanosensation"> Mechanosensation</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Bone"> Bone Formation</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Switch"> Synthetic Switch</a></li><br />
<br />
</ul><br />
</dd><br />
<br />
</dl><br />
</div><br />
<br />
<div id="unique" style="padding:0px; font-size: 14px; border: 1px solid black; margin:0px; background-color:transparent;"><br />
<table width=650px style="background-color: white; margin-top:5px; padding: 10px;"><tr><td><div class="bodybaby">hairy cells and polymerizing phage - context</div></td><br />
<tr><td><br />
<br><br />
<b>WORK FROM OTHER IGEM TEAMS</b><br />
<br><br />
The following teams have used some component of our phage system previously. No other teams have used our method of polyphage with incorporated coiled coils for polymerization (nor is it present in the literature).<br />
<br><br />
<ul><br />
<li><br />
In 2006 the McGill team attempted to use leucine zippers fused to split YFP to display on cells and cause the cells to adhere via the split YFP. See <a href="https://2006.igem.org/McGill_University_2006">here</a>.</li><br />
<br><br />
<li><br />
The 2009 Freiburg Bioware team used Fos/Jun for a 'programmable enzyme' using Fok-fused Fos/Jun as factor in DNA cleavage. See <a href="https://2009.igem.org/Team:Freiburg_bioware/Project/FOS">here</a>.</li><br />
<br><br />
<li><br />
Paris's team in 2009 attempted to use Jun/Fos as a snare; Jun on signal vesicle, Fos on membrane of receiving cell. See <a href="https://2009.igem.org/Team:Paris#top">here</a>.</li><br />
<br><br />
<li><br />
This year, Duke's team is using Jun- and Fos-based synthetic leucine zippers for genetic regulation. See <a href="https://2010.igem.org/Team:Duke/Project#Leucine_Zippers">here</a>.</li><br />
</ul><br />
<br><br><br />
<b><br />
CROSS-LINKING IN THE LITERATURE<br />
</b><br />
<ul><br />
<li><br />
Willis et al. (2008) used external cross-linking agents and phage display to create phage polymer bundles as well as a 1cm^3 cube of polymerized phage.<br />
</li><br />
<br><br />
<li><br />
Sweeney et al. (2007) used leucine zippers (ACID/BASE and Jun/Fos) on p3 and p9 to create linear arrays of phage up to 30 in length.<br />
</li><br />
<br><br />
<li><br />
The Belcher lab has also been involved in using M13 to create assemblies, such as nanowires and rings. See Huang, et al. (2005) and Mao, et al. (2004).</li><br />
</ul><br />
<br />
<br><br><br />
<b>RELEVANT LITERATURE</b><br />
<ul><br />
<li>Rackonjac and Model. "Roles of pIII is Filamentous Phage Assembly". Journal of Molecular Biology. 1998.</li><br />
<li>Barbas III, et al. "Phage Display: A Laboratory Manual". Cold Spring Harbor Press. 2001.</li><br />
<li>Wang, et al. "Adapter-directed display: a modular design for shuttling display on phage surfaces". Journal of Molecular Biology. 2010.</li><br />
<li>Smith and Petrenko. "Phage Display". Chemical Review. 1997.</li><br />
<li>Sweeney, et al. "Assembly of Multimeric Phage Nanostructures Through Leucine Zipper Interactions". Biotechnology and Bioengineering. 2006.</li><br />
<li>Roth, et al. "A Minimized M13 Coat Protein Defines the Requirements for Assembly into the Bacteriophage Particle". Journal of Molecular Biology. 2002.</li><br />
<li>Weiss and Sidhu. "Design and Evolution of Artificial M13 Coat Proteins". Journal of Molecular Biology. 2000.</li><br />
<li>Branden and Tooze. "Introduction to Protein Structure". Garland Press. 1999.</li><br />
<li>Willis, et al. "Biologically templated organic polymers with nanoscale order". Proceedings of the National Academy of Sciences of the USA. 2007.</li><br />
<li> Mao, et al. "Virus-based toolkit for the directed synthesis of magnetic and semiconducting nanowires". Science. 2004.</li><br />
<li> Huang, et al. "Programmable assembly of nanoarchitectures using genetically engineered viruses". Nano Letters. 2005. </li><br />
<li>Rondot, et al. "A helper phage to improve single-chain antibody presentation in phage display". Nature Biotechnology. 2001</li><br />
<br />
</ul><br />
<br><br><br />
<div style="text-align:center"><br />
&larr; <a href="https://2010.igem.org/Team:MIT_phage_results">Results</a><br />
</div><br />
<br />
</td><br />
</table><br />
<br />
<br />
<br />
<br />
</div><br />
</div><br />
</body><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Team:MIT_phage_results
Team:MIT phage results
2010-10-28T01:04:19Z
<p>Supacalafrglstic: </p>
<hr />
<div>{{CM_css}}<br />
<br />
<html><br />
<head><br />
<style><br />
#topnav li.academics a {<br />
background-color: #2e2e91;<br />
}<br />
#topnav li.academics ul {<br />
display: block;<br />
}<br />
#content {<br />
background-image: url('https://static.igem.org/mediawiki/2010/a/ae/Peacock_Drop.jpg');<br />
background-attachment: fixed;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div class="header"><br />
<br />
<div style="width:250px; margin: 10px; position: relative; top: -4px; left:-11px; display: block; float:right; padding: 7px; background-color: white;"><br />
<dl id="nav"><br />
<dt><b>Bacteria</b></dt><br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_toggle">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_tmodel">Modelling</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_tconst">Toggle Construction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_composite">Characterization</a></li><br />
</ul><br />
</dd><br />
</dl><br />
<dl id ="specialnav"><br />
<dt><b>Phage</b></dt><br />
<br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_phage">Introduction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_background">Background</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_design">Design</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_construction">Construction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_results">Results</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_context">Context</a></li><br />
<br />
</ul><br />
</dd><br />
</dl><br />
<dl id ="nav"><br />
<dt><b>Mammalian</b></dt><br />
<br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard </a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Circuit">Circuit Design</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Mechanosensation"> Mechanosensation</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Bone"> Bone Formation</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Switch"> Synthetic Switch</a></li><br />
<br />
</ul><br />
</dd><br />
<br />
</dl><br />
</div><br />
<br />
<div id="unique" style="padding:0px; font-size: 14px; border: 1px solid black; margin:0px; background-color:transparent;"><br />
<table width=650px style="background-color: white; margin-top:5px; padding: 10px;"><tr><td><div class="bodybaby">hairy cells and polymerizing phage - results</div></td><br />
<tr><td><br />
<br><br />
<b>Experimental Aims</b><br />
<br><br />
This summer, we pursued three main experimental aims: <br> <br />
<ol><br />
<li> to create a system for inducible polyphage formation </li><br />
<li> to display fusion proteins on the phage coat</li><br />
<li> to demonstrate cross-linking </li><br />
</ol><br />
<br><br />
<b> Polyphage formation </b><br />
<br><br />
Rakonjac and Model (1998) showed that in the absence of pIII, elongation of the phage proceeds without termination, and the assembling phage stay associated with the cells. We were able to reproduce this phenotype with cells transformed with the hyperphage phagemid.<br />
<br><br />
<br><br />
Cells that were transformed with the hyperphage phagemid show a dense mat of many long filaments extending from the cell.<br />
<br><br />
<br />
<table style="padding:10px;color:#000000"><br />
<tr><br />
<td width="33%"><br />
<div>Figure 1 &nbsp; <a href="https://static.igem.org/mediawiki/igem.org/1/17/Phage_2.jpg" id="single_image" style="font-size:12px">click to enlarge</a></div><hr/><br />
<a href="https://static.igem.org/mediawiki/igem.org/1/17/Phage_2.jpg" id="single_image"><br />
<img src="https://static.igem.org/mediawiki/igem.org/1/17/Phage_2.jpg" width="300px" border=0><br />
</a><br />
</td><br />
<td style="vertical-align:top"><br />
<p style="padding:10px"><br />
<br/><br />
<u>Figure 1. AFM Image of Hyperphage-Transformed Cell</u></br><br />
DH5a-pro cells were transformed with hyperphage, then grown with low shaking for 10 hours, to prevent shearing of the phage. The polyphage are the long rod structures that fan out around the cell. The round artifacts immediately surrounding the cell is likely disrupted membrane, resulting from washing the cells in water instead of a salt buffered solution.<br />
</td><br />
</tr><br />
</table><br />
<br><br />
In contrast, when we transformed with hyperphage and our pIII producing plasmid, BBa_K415138, we observed that the polyphage were absent. <br />
<br><br />
<br><br />
<table style="padding:10px;color:#000000"><br />
<tr><br />
<td width="33%"><br />
<div>Figure 2 &nbsp; <a href="https://static.igem.org/mediawiki/igem.org/2/27/Phage_1.jpg" id="single_image" style="font-size:12px">click to enlarge</a></div><hr/><br />
<a href="https://static.igem.org/mediawiki/igem.org/2/27/Phage_1.jpg" id="single_image"><br />
<img src="https://static.igem.org/mediawiki/igem.org/2/27/Phage_1.jpg" width="300px" border=0><br />
</a><br />
</td><br />
<td style="vertical-align:top"><br />
<p style="padding:10px"><br />
<br/><br />
<u>Figure 2. AFM Image of Hyperphage/BBa_K415138 Co-Transformed Cells</u></br><br />
DH5a-pro cells were transformed with hyperphage and our p3 generator, BBa_K415138, then grown with low shaking for 10 hours. No polyphage structures are apparent. Presumably, these cells are producing single phage.<br />
</td><br />
</tr><br />
</table><br />
<br />
<table style="padding:10px;color:#000000"><br />
<tr><br />
<td width="33%"><br />
<div>Figure 3 &nbsp; <a href="https://static.igem.org/mediawiki/igem.org/e/e2/Phage_3.jpg" id="single_image" style="font-size:12px">click to enlarge</a></div><hr/><br />
<a href="https://static.igem.org/mediawiki/igem.org/e/e2/Phage_3.jpg" id="single_image"><br />
<img src="https://static.igem.org/mediawiki/igem.org/e/e2/Phage_3.jpg" width="300px" border=0><br />
</a><br />
</td><br />
<td style="vertical-align:top"><br />
<p style="padding:10px"><br />
<br/><br />
<u>Figure 3. AFM Image of M13K07 transformed cells</u></br><br />
DH5a-pro cells were transformed with M13K07 then grown with low shaking for 10 hours. Note the similarity to <u>Figure 2</u>: No polyphage structures are apparent. These cells produce single phage.<br />
</td><br />
</tr><br />
</table><br />
<br />
<br><br />
<b> Displaying Fusion Proteins </b><br />
<br><br />
In testing for the incorporation of our fusion into the phage coat, we chose to have M13K07 package our fusion instead of hyperphage. Testing with hyperphage would be difficult because the 100-fold reduction in infectivity (Rakonjac and Model, 1998) and the property of being tethered to the membrane introduce complications in the necessary amplification and purification steps. M13K07 and Hyperphage are equivalent in all other aspects, so M13K07 makes an ideal system for testing the ability of our fusions to be incorporated into the phage coat. We transformed cells with our fusions, infected them with the M13K07 helper phage, and purified the resulting amplified phage, then western blotted with HA and Myc antibodies. We did not induce cultures because our fusions were under control of R0065, a very leaky promoter, and we postulated that the basal level of expression would be enough for incorporation.<br />
<br><br><br />
In the western blot, we observed signals from p8-Fos* and p8-GR1. The other linkers may require some tuning of induction or additional troubleshooting before we observe incorporation.<br />
<br />
<table style="padding:10px;color:#000000"><br />
<tr><br />
<td width="33%"><br />
<div>Figure 4 &nbsp; <a href="https://static.igem.org/mediawiki/igem.org/b/bf/1023western2.jpg" id="single_image" style="font-size:12px">click to enlarge</a></div><hr/><br />
<a href="https://static.igem.org/mediawiki/igem.org/b/bf/1023western2.jpg" id="single_image"><br />
<img src="https://static.igem.org/mediawiki/igem.org/b/bf/1023western2.jpg" width="300px" border=0><br />
</a><br />
</td><br />
<td style="vertical-align:top"><br />
<p style="padding:10px"><br />
<br/><br />
<u>Figure 4. Western Blot of p8-Linkers</u></br><br />
Of our fusions, p8-Fos, p8-Base, and p8-GR2 are tagged with Myc, and p8-Jun, p8-Acid and p8-GR1 are tagged with HA. Purified M13K07 and M13KE were run as negative controls (neither have fusion protiens). p8-GR1 was run on the Myc blot as an additional negative control, as p8-GR1 lacks the Myc tag. In all cases, about 10^11 phage were loaded onto the gel.<br />
</td><br />
</tr><br />
</table><br />
<br />
<font size = "1.5"><br />
*Side note: Interestingly, p8-Fos shows a band at the expected 13 kD and another band at 15kD. One speculation is that because we changed an Alanine to a Leucine at the cleavage site (the joining between the p8 leader sequence and the coil), we may have created a fusion that is cleaved at a lower efficiency. This speculation requires additional thought and research, however; it will be considered in the debugging of the other p8-linkers.<br />
</font><br />
<br><br />
<br><br />
<br />
<b> Cross-linking </b><br><br />
Over the course of the summer, we've found that taking AFM images is difficult and time-consuming. Our original plan was to take AFM images of cross-linking hyperphage. After repeated attempts and little success, we realized that we needed to have a fast way of debugging our system. <br />
<br><br />
To facilitate fast debugging, we designed a system that would couple the heterodimerization of GR1 and GR2 to a fluorescent output, via split GFP.<br />
<br><br />
<a href="https://static.igem.org/mediawiki/2010/a/aa/SplitGFP.gif"><img src="https://static.igem.org/mediawiki/2010/a/aa/SplitGFP.gif" width=60%></a><br />
<br />
</div><br />
<br />
<div style="text-align:center"><br />
&larr; <a href="https://2010.igem.org/Team:MIT_phage_construction">Construction</a><br />
&nbsp;<br />
&nbsp;<br />
&nbsp;<br />
<a href="https://2010.igem.org/Team:MIT_phage_context">Context</a> &rarr;<br />
</div><br />
<br />
</td><br />
</table><br />
<br />
<br />
</div><br />
<br />
</div><br />
</body><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Team:MIT_phage_design
Team:MIT phage design
2010-10-28T01:01:02Z
<p>Supacalafrglstic: </p>
<hr />
<div>{{CM_css}}<br />
<br />
<html><br />
<head><br />
<style><br />
#topnav li.academics a {<br />
background-color: #2e2e91;<br />
}<br />
#topnav li.academics ul {<br />
display: block;<br />
}<br />
#content {<br />
background-image: url('https://static.igem.org/mediawiki/2010/a/ae/Peacock_Drop.jpg');<br />
background-attachment: fixed;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div class="header"><br />
<br />
<br />
<div style="width:250px; margin: 10px; position: relative; top: -4px; left:-11px; display: block; float:right; padding: 7px; background-color: white;"><br />
<dl id="nav"><br />
<dt><b>Bacteria</b></dt><br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_toggle">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_tmodel">Modelling</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_tconst">Toggle Construction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_composite">Characterization</a></li><br />
</ul><br />
</dd><br />
</dl><br />
<dl id ="specialnav"><br />
<dt><b>Phage</b></dt><br />
<br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_phage">Introduction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_background">Background</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_design">Design</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_construction">Construction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_results">Results</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_context">Context</a></li><br />
<br />
</ul><br />
</dd><br />
</dl><br />
<dl id ="nav"><br />
<dt><b>Mammalian</b></dt><br />
<br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard </a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Circuit">Circuit Design</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Mechanosensation"> Mechanosensation</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Bone"> Bone Formation</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Switch"> Synthetic Switch</a></li><br />
<br />
</ul><br />
</dd><br />
<br />
</dl><br />
</div><br />
<br />
<div id="unique" style="padding:0px; font-size: 14px; border: 1px solid black; margin:0px; background-color:transparent;"><br />
<table width=650px style="background-color: white; margin-top:5px; padding: 10px;"><tr><td><div class="bodybaby">hairy cells and polymerizing phage - design</div></td><br />
<tr><td><br />
<br><br />
<b>OVERVIEW</b><br />
<br><br />
When designing the system we had to consider two critical aspects: linkage creation and circuitry. We decided to use an M13 bacteriophage-based system. By knocking out pIII production we could get the infected cells to create polyphage "hairs". To make this easy, instead of using wild-type M13, we used a product called Hyperphage, which comes with a truncated gene for pIII. For linkage, we decided to use phage-display of coiled coils, fusing them to the pVIII coat protein. The circuitry used is similar to the circuitry for the RFP output: our fusion protein is controlled by the toggle, allowing UV input to begin fusion protein production and hopefully polymerization (amongst a heterogeneous population with matching linkers). Additionally, we wanted to have the exterior of the UV pattern have no polymerization, so we designed an inverter to be ON where UV is OFF. See below for further details.<br />
<br><br />
<br><br />
<b>PHAGE-RELEVANT CIRCUITRY DESIGN</b><br />
<br><br />
<img src="https://static.igem.org/mediawiki/2010/f/f4/Igem_circuit_phage.png" width=630px><br />
<br><br><br />
<ol><br />
<li><b>Toggle</b> - The toggle-switch works by mutual repression. Through addition of IPTG, it can be set to “off”, and UV, “on”. The “on” state lets RecA cleave cI, allowing for leaky transcription from the hybrid luxR/cI-regulated promoters. For full transcription,<br />
the LuxR-AHL complex must bind. AHL can thus be added to induce transcription while LuxR is produced constitutively. This toggle was donated from the Collins lab. It has been biobricked as K415300 (a low-power version is K415301).<br />
</li><br />
<br><br />
<li>& 3. <b>Pattern Formation</b> - Constitutive LuxR allows for expression of mCherry and pVIII fusion proteins where there is no cI (i.e., where there is UV induction). Two distinct pVIII phage proteins are expressed in two populations of cells which then should bind together via leucine zipper interactions to allow for polymerization in the UV-induced area. Part (2) is K415010, Part (3) combined with Part (2) creates our K415147-152 parts.<br />
</li><br />
<br><br />
<li value=4><b>Inverter</b> - In order to inhibit phage polymerization outside of the UV-induced region, an inverter allows for transcription only in areas where UV has not been introduced. pIII production then prohibits polyphage from forming which precludes leucine zipper interactions and polymerization. This part is currently in the construction phase and has not been incorporated into existing circuitry. (There's also another inverter being developed using the CymR system.)<br />
</li><br />
</ol><br />
<br><br><br />
<b>HYPERPHAGE</b><br />
<br><br />
Hyperphage is a plasmid with the gene for pIII truncated. The pIII protein is required for phage exit from the host cell membrane; phage without a proper pIII grow into long fibril-like structures called polyphage. The goal is to cross-link these polyphage. Hyperphage can be obtained from <a href="http://www.progen.de/hyperphage-small.html">Progen Biotechnik</a> in Germany. Below you can see a hand-constructed Hyperphage plasmid map next to a wild-type M13 KO7 plasmid map. Notice the size difference in the green highlighted gIII gene (gIII produces pIII).<br />
<br><br />
<div style="text-align:center"><br />
<a href="https://static.igem.org/mediawiki/2010/5/54/Hyp_v_ko7.jpg" class="thickbox" ><img src="https://static.igem.org/mediawiki/2010/5/54/Hyp_v_ko7.jpg" width=630px></a><br />
</div><br />
<br><br />
<b>P8-FUSION DESIGN</b><br />
<br><br />
<img src="https://static.igem.org/mediawiki/2010/f/fa/Phage_design.png" width=630px><br />
<br><br><br />
The above shows the RBS + p8-fusion genetic design. We chose p8 because of the large number of copies, increasing the potential for incorporation, and hopefully allowing for large-scale polymerization instead of small-scale clumping which might happen with p9 (due to the small number of p9 produced). This genetic fusion is designed to allow the expression of a leucine zipper (coil in the diagram) on the p8 phage coat protein. There are six total p8 fusions for the six different zippers. To assist in proper cellular trafficking to the membrane, a leader sequence was introduced. Additionally, HA and Myc tags were introduced (one for each half of a zipper pair), which were used in western blotting experiments to test for the expression of the p8-fusion genes. A special version of p8 has been used, called opti-p8, which displays proteins better (see <i>Weiss et al. Mutational analysis of the major coat protein of M13 identifies residues that control protein display. 2000.</i>) For additional information about the fusion designs, please see <a href="https://static.igem.org/mediawiki/2010/c/c3/Fusion_design.pdf">this PDF</a>.<br />
<br><br><br />
<br />
<br />
<br />
<div style="text-align:center"><br />
&larr; <a href="https://2010.igem.org/Team:MIT_phage_background">Background</a><br />
&nbsp;<br />
&nbsp;<br />
&nbsp;<br />
<a href="https://2010.igem.org/Team:MIT_phage_construction">Construction</a> &rarr;<br />
</div><br />
<br />
<br />
<br />
</td><br />
</table><br />
<br />
<br />
<br />
<br />
</div><br />
</div><br />
</body><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Team:MIT_phage_background
Team:MIT phage background
2010-10-28T00:58:48Z
<p>Supacalafrglstic: </p>
<hr />
<div>{{CM_css}}<br />
<br />
<html><br />
<head><br />
<style><br />
#topnav li.academics a {<br />
background-color: #2e2e91;<br />
}<br />
#topnav li.academics ul {<br />
display: block;<br />
}<br />
#content {<br />
background-image: url('https://static.igem.org/mediawiki/2010/a/ae/Peacock_Drop.jpg');<br />
background-attachment: fixed;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div class="header"><br />
<br />
<br />
<div style="width:250px; margin: 10px; position: relative; top: -4px; left:-11px; display: block; float:right; padding: 7px; background-color: white;"><br />
<dl id="nav"><br />
<dt><b>Bacteria</b></dt><br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_toggle">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_tmodel">Modelling</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_tconst">Toggle Construction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_composite">Characterization</a></li><br />
</ul><br />
</dd><br />
</dl><br />
<dl id ="specialnav"><br />
<dt><b>Phage</b></dt><br />
<br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_phage">Introduction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_background">Background</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_design">Design</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_construction">Construction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_results">Results</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_context">Context</a></li><br />
<br />
</ul><br />
</dd><br />
</dl><br />
<dl id ="nav"><br />
<dt><b>Mammalian</b></dt><br />
<br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard </a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Circuit">Circuit Design</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Mechanosensation"> Mechanosensation</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Bone"> Bone Formation</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Switch"> Synthetic Switch</a></li><br />
<br />
</ul><br />
</dd><br />
<br />
</dl><br />
</div><br />
<br />
<div id="unique" style="padding:0px; font-size: 14px; border: 1px solid black; margin:0px; background-color:transparent;"><br />
<table width=650px style="background-color: white; margin-top:5px; padding: 10px;"><tr><td><div class="bodybaby">hairy cells and polymerizing phage - background</div></td><br />
<tr><td><br />
<br />
<div style="font-size:8pt"><i>Arap, 2005</i></div><br />
<img style="float: left" src="https://static.igem.org/mediawiki/2010/e/ed/P3_image.jpg" height=400px title="Image from: Arap, Phage Display Technology – Applications and Innovations, 2005"><br />
<br />
<b>M13 ANATOMY</b><br />
<br><br />
M13 bacteriophage is a long (930 nm in length, 6.5 nm in diameter), filamentous virus that infects bacteria via interactions with the F-pilus. Below is the list of genes that comprise the phage:<br />
<br><br><br />
<ul><li><br />
pIII/pVI (pointed end) – mediate termination of assembly and particle release from the membrane; is present at around five copies</li><br />
<li><br />
pVII/pIX (blunt end) – small coat proteins; is present at around five copies</li><br />
<li><br />
pVIII – major coat protein; is present at around 2700 copies</li><br />
<li><br />
pII – nicking enzyme, allows for replication to occur</li><br />
<li><br />
pX – last third of PII; may inhibit PII in a regulatory manner</li><br />
<li><br />
pIV – channel for phage exit</li><br />
<li><br />
pI – may hydrolyze ATP to promote assembly</li><br />
<li><br />
pXI – last third of PI, may interact with PI to form a channel that works with PIV</li><br />
<li><br />
pV – dimerizes and binds ssDNA, packaging it into a rod for assembly</li></ul><br />
<br><br><br><br><br />
<b>M13 ASSEMBLY</b><br />
<br><br />
Assembly of M13 happens through a three-part process:<br />
<br><br><br />
<ul><br />
<li><br />
Initiation: pVII/pIX and pVII interaction with the DNA packaging signal. This is mediated by PI.</li><br />
<li><br />
Elongation: DNA is extruded with pV being replaced by pVIII. This is mediated by pI. The particle elongates through the pIV channel.</li><br />
<li><br />
Termination: pIII/pXI are added to the end of the particle. When pIII is not present due to a knockout, elongation proceeds through multiple phage genomes, resulting in particles that are tethered to the membrane and up to 20x normal length.<br />
</li></ul><br />
<br><br />
<div style="text-align:center" 2px solid #aaa;><br />
<img src="https://static.igem.org/mediawiki/2010/0/0f/M13_assembly.png" height=300px title="Image from: Barbas III et al. Phage Display: a Laboratory Manual. 2004."><div style="font-size:8pt"><i>Barbas III et al., 2004</i></div></div><br />
<br><br />
<b>PHAGE DISPLAY</b><br />
<br><br />
The goal of phage display is to use M13 to carry a foreign protein or peptide on its surface, and package the DNA corresponding to that foreign peptide. One accomplishes this by genetically fusing a the peptide sequence of interest to one of the coat proteins. This modification can be genomic, in which case all copies of the coat protein will display the peptide, or the fusion can be expressed on a separate plasmid. In the separate plasmid (phagemid) system, the fusion proteins are integrated along with the wild type coat proteins.<br />
<br><br><br />
Historically, phage display has been used as a mechanism for screening libraries of proteins or peptides for binding to a specific substrate or ligand of interest. In a process called panning, a population of phage is iteratively enriched for those that bind a substrate. Phage with proteins that do not bind are washed away and the remaining phage can then be amplified through infection.<br />
<br><br><br />
We use principles of phage display only for the display property (rather than the packaging property). We also use a phagemid system. See <a href="https://2010.igem.org/Team:MIT_phage_design">Design</a> page for details.<br />
<br><br />
<img style="float: left; width:130px; padding:20px" src="https://static.igem.org/mediawiki/2010/b/be/Coiled_coil.png"><br />
<br><br><br />
<b>COILED COILS</b><br />
<br><br />
Coiled coils are a common structural motif found in proteins. Repetitive amino acid sequences in a pair of alpha-helices provides a mechanism for the helices to interact with each other, coiling around each other. Leucine zippers are of this class--every seventh residue is a leucine. The leucines and other hydrophobic residues form a hydrophobic core, allowing for the helices to "zip" together. In our project we're using two leucine zipper pairs: Fos/Jun and ACID/BASE, and one pair of modified coiled coils: GR1/GR2. For more information on coiled coils, see Branden and Tooze (1999). <br><br>All these pairs of coils have been successfully displayed on M13, and in the case of Fos/Jun and ACID/BASE cross-linking of phage has been observed (Wang et al. 2010, Sweeney et al. 2007).<br />
<br><br><br><br><br><br><br><br><br />
<div style="text-align:center"><br />
&larr; <a href="https://2010.igem.org/Team:MIT_phage">Introduction</a><br />
&nbsp;<br />
&nbsp;<br />
&nbsp;<br />
<a href="https://2010.igem.org/Team:MIT_phage_design">Design</a> &rarr;<br />
</div><br />
</td><br />
</table><br />
<br />
<br />
<br />
<br />
</div><br />
</div><br />
</body><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Team:MIT_phage
Team:MIT phage
2010-10-28T00:58:21Z
<p>Supacalafrglstic: </p>
<hr />
<div>{{CM_css}}<br />
<br />
<html><br />
<head><br />
<style><br />
#topnav li.academics a {<br />
background-color: #2e2e91;<br />
}<br />
#topnav li.academics ul {<br />
display: block;<br />
}<br />
#content {<br />
background-image: url('https://static.igem.org/mediawiki/2010/a/ae/Peacock_Drop.jpg');<br />
background-attachment: fixed;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div class="header"><br />
<br />
<div style="width:250px; margin: 10px; position: relative; top: -4px; left:-11px; display: block; float:right; padding: 7px; background-color: white;"><br />
<dl id="nav"><br />
<dt><b>Bacteria</b></dt><br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_toggle">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_tmodel">Modelling</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_tconst">Toggle Construction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_composite">Characterization</a></li><br />
</ul><br />
</dd><br />
</dl><br />
<dl id="specialnav"><br />
<dt><b>Phage</b></dt><br />
<br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_phage">Introduction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_background">Background</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_design">Design</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_construction">Construction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_results">Results</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_context">Context</a></li><br />
<br />
</ul><br />
</dd><br />
</dl><br />
<dl id="nav"><br />
<dt><b>Mammalian</b></dt><br />
<br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard </a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Circuit">Circuit Design</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Mechanosensation"> Mechanosensation</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Bone"> Bone Formation</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Switch"> Synthetic Switch</a></li><br />
<br />
</ul><br />
</dd><br />
<br />
</dl><br />
</div><br />
<br />
<div id="unique" style="padding:0px; font-size: 14px; border: 1px solid black; margin:0px; background-color:transparent;"><br />
<table width=650px style="background-color: white; margin-top:5px; padding: 10px;"><tr><td><div class="bodybaby">hairy cells and polymerizing phage - introduction</div></td><br />
<tr><td><br />
<br><br />
<b>Living Material--Bacteriophage Polymer</b><br />
<br><br />
M13 bacteriophage, a filamentous virus of E. coli, has been used as the starting component for polymers and other materials. To make these phage materials, one must purify large amounts of the virus, and then cross-link them with chemicals such as glutaraldehyde. Although once part of a living system, these materials are static--once made, they cannot be changed.<br />
<br><br><br />
<img src="https://static.igem.org/mediawiki/2010/f/f9/Polymer_block.jpg" style="float: left; height: 200px; padding-right:10px"><br />
<u>Figure 1: M13 polymer </u> This polymer was created using external cross-linking, and is an example of a "static" material. In contrast, we want our material to be "dynamic" and biologically encoded--no external linkers required.<br />
<br><br><br><br><br><br><br />
<div style="font-size:10px"><i>Willis, et al. 2007 </i></div><br />
<br><br><br />
We set out with the goal of constructing a system in which living cells would be programmed with a set of instructions, and given a stimulus, would be able to form material in a pattern. Because it is truly living, this system would have the potential to change and adapt, given more sophisticated programming.<br />
<br><br><br />
For the bacterial path of our "living materials" project, we had to find a way of forming material without destroying the cells that created it. Luckily, M13 bacteriophage is non-lytic, which means that cells infected with M13 secrete phage continuously, without lysing.<br />
<br><br><br />
The phage material that we set out to create is composed of polyphage strands, produced by cells that carry an M13 plasmid that lacks the gene necessary for termination of the phage particle. These strands cross-link with one another via the coiled-coil interactions of proteins displayed on the phage coat.<br />
<br><br><br />
<u>Figure 2: Electron micrograph of <i>E. coli</i> with polyphage hairs </u> <br> Our goal is to get these hairs to cross-link via coiled coil interactions. (Despite what it may look like, these are not cross-linking.)<br />
<br><br />
<img style="float: left;" src="https://static.igem.org/mediawiki/2010/b/b1/Hairy_cells.jpg" title="Image from: Rakonjac and Model, Roles of pIII in Filamentous Phage Assembly, 1998"><div style="font-size:8pt"><i>Rakonjac and Model, 1998</i></div><br />
<br />
<div style="text-align:center"><br />
<a href="https://2010.igem.org/Team:MIT_phage_background">Background</a> &rarr;<br />
</div><br />
</td><br />
</table><br />
<br />
<br />
</div><br />
</div><br />
</body><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Team:MIT_tconst
Team:MIT tconst
2010-10-28T00:57:37Z
<p>Supacalafrglstic: </p>
<hr />
<div>{{CM_css}}<br />
<br />
<html><br />
<head><br />
<style><br />
#topnav li.academics a {<br />
background-color: #2e2e91;<br />
}<br />
#topnav li.academics ul {<br />
display: block;<br />
}<br />
#content {<br />
background-image: url('https://static.igem.org/mediawiki/2010/a/ae/Peacock_Drop.jpg');<br />
background-attachment: fixed;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div class="header" ><br />
<br />
<div style="width:250px; margin: 10px; position: relative; top: -4px; left:-11px; display: block; float:right; padding: 7px; background-color: white;"><br />
<dl id="specialnav"><br />
<dt><b>Bacteria</b></dt><br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_toggle">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_tmodel">Modelling</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_tconst">Toggle Construction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_composite">Characterization</a></li><br />
</ul><br />
</dd><br />
</dl><br />
<dl id="nav"><br />
<dt><b>Phage</b></dt><br />
<br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_phage">Introduction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_background">Background</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_design">Design</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_construction">Construction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_results">Results</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_context">Context</a></li><br />
<br />
</ul><br />
</dd><br />
<dt><b>Mammalian</b></dt><br />
<br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard </a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Circuit">Circuit Design</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Mechanosensation"> Mechanosensation</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Bone"> Bone Formation</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Switch"> Synthetic Switch</a></li><br />
<br />
</ul><br />
</dd><br />
<br />
</dl><br />
</div><br />
<br />
<div id="unique" style="padding:0px; font-size: 14px; border: 1px solid black; margin:0px; background-color:transparent;"><br />
<table width=650px style="background-color: white; margin-top:5px; padding: 10px;"><tr><td><div class="bodybaby">the bacterial uv toggle</div></td><br />
<tr><td><br>In the beginning, there was a UV Toggle<br />
(<a href="http://www.pnas.org/content/101/22/8414.full">Kobayashi/Collins, 2004</a>). <br> <br>The 2010 MIT iGEM team saw that it was good, and decided to implement the Collins toggle in E.coli to create cells with bistable phenotypes.<br />
We planned for the toggle to create patterned fluorescence and phage polymerization in response to exposing the cells to UV light. <br><br><br />
<br />
<div class="outline"><br />
<a href="#first">1 First Circuit</a><br><br />
&nbsp;&nbsp;&nbsp;&nbsp;<a href="#collins">1.1 Collins Toggle Validation</a><br><br />
&nbsp;&nbsp;&nbsp;&nbsp;<a href="#biobrick">1.2 First Biobrick</a><br><br />
&nbsp;&nbsp;&nbsp;&nbsp;<a href="#improved">1.3 Improved Bacterial Camera</a><br><br />
<a href="#ahl">2 AHL Propagation</a><br><br />
&nbsp;&nbsp;&nbsp;&nbsp;<a href="#ahlconst">2.1 Construction</a><br><br />
&nbsp;&nbsp;&nbsp;&nbsp;<a href="#ahlmovie">2.2 Movie</a><br><br />
<a href="#lpt">3 Low Power Toggle</a><br><br />
&nbsp;&nbsp;&nbsp;&nbsp;<a href="#lptconst">3.1 Construction</a><br><br />
&nbsp;&nbsp;&nbsp;&nbsp;<a href="#lptimproved">3.2 Improved Toggle</a><br><br />
<a href="#toggles">4 Biobricking the Toggles</a><br><br />
<a href="#improving">5 Improving R0065</a><br><br />
<br />
<br />
</div></td><tr><td><br><br />
<br />
<table><tr><td style="vertical-align: top;"><div class="bodybaby" style="font-size: 12px;">toggle by parts</div><a href="https://static.igem.org/mediawiki/2010/c/cc/UV_Circuit1.jpg" class="thickbox" title="Bacterial UV Toggle for controlling phage polymerization"><img src="https://static.igem.org/mediawiki/2010/c/cc/UV_Circuit1.jpg" width=200px></a></td><td style="vertical-align: top;"><div class="bodybaby" style="font-size: 12px;">toggle abstraction</div><a href="https://static.igem.org/mediawiki/2010/4/43/Abstractcircuit.png" class="thickbox" title="Abstracted bacterial toggle circuit to logic gates."><img src="https://static.igem.org/mediawiki/2010/4/43/Abstractcircuit.png" width=200px></a></td><td style="vertical-align: top;"><div class="bodybaby" style="font-size: 12px;">toggle black-boxed</div><a href="https://static.igem.org/mediawiki/2010/1/18/Circuit.png" class="thickbox" title="Black-boxed bacterial toggle circuit. Also shown are the phage linker constructs."><img src="https://static.igem.org/mediawiki/2010/1/18/Circuit.png" width=200px></a></td></table></td><tr><td><br />
<br />
<br />
<div class="bodybaby" id="first">First Circuit</div><br><br />
<b class="bolded" id="collins">Collins Toggle Validation</b><br><br />
We first wanted to make sure the parts we were working with were functional and reliable. As we wished to use the pTSMa plasmid as part of our circuit, we tested the original Collins toggle (pTSMa co-transformed with pCIRa). <div class="sidep"><a href="https://static.igem.org/mediawiki/2010/b/bf/Collins.jpg" class="thickbox" title="Our first patterned image created by exposing masked cells to UV light. The cells were made by co-transforming the Collins toggle plasmids pTSMa and pCIRa, in a recreation of the Collins toggle experiment."><img width=170px src="https://static.igem.org/mediawiki/2010/b/bf/Collins.jpg"></a><br>Our recreation of the Collins toggle experiment validated pTSMa as a functional bistable toggle plasmid.</div>According to the paper, the area exposed to UV light should turn bright fluorescent green, and the rest of the cells should remain non-fluorescent. We recreated this experiment and our results demonstrate that the Collins toggle was working as it is described in the paper.<br><div class="sidep" style="width: 350px; display: block; float: left;"><a href="https://static.igem.org/mediawiki/2010/b/ba/Collinstoggle.png" class="thickbox" title="A simplified Collins Toggle."><img width=350px src="https://static.igem.org/mediawiki/2010/b/ba/Collinstoggle.png"></a><br>The basic Collins Toggle plasmids pTSMa and pCIRa. We used pTSMa in our own experiments as a bistable toggle.</div><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
<b class="bolded" id="biobrick">Our First Biobrick</b><br><br />
With our newly verified (borrowed) plasmid, we got to work on building our own response to UV induction. Using the same promoter used in pCIRa (the PcI-OR promoter that is induced by AHL/LuxR complex and inhibited by cI), we created a biobrick that would respond to UV induction by producing mCherry fluorescent protein when co-transformed with pTSMa. Our part would also constitutively produce LuxR, the protein that binds AHL and becomes a transcription factor that encourages the activity of the PcI-OR promoter.<br><div class="sidep" style="width: 450px; float: left;"><a href="https://static.igem.org/mediawiki/igem.org/e/e3/K415006.png" class="thickbox" title="Our first working part with a readout was K415006."><img width=450px src="https://static.igem.org/mediawiki/igem.org/e/e3/K415006.png"></a><br>Our first working part with a readout was K415006.</div><div class="sidep"><a href="https://static.igem.org/mediawiki/2010/8/80/First.png" class="thickbox" title="The first patterned image created by exposing masked cells to UV light. The cells were made by co-transforming the Collins toggle plasmid pTSMa with our composite biobrick K415006."><img height=100px src="https://static.igem.org/mediawiki/2010/8/80/First.png"></a><br>The first picture of mCherry fluorescence induced by UV light.</div><br><br><br><br><br />
<br />
<br>After much fine-tuning of the power of the UV exposure, the concentrations of AHL and IPTG, and mask cutting, a pattern of fluorescence finally emerged -- the first image.<br><br />
<br> <br><br />
<br />
<b class="bolded" id="improved">Improved Bacterial Camera</b><br><br />
As an intermediate in our project, we had created a bacterial camera with the ability to take and store images, reproduce the image on command (when AHL is added to the medium), and reset the entire plate to a blank slate whenever we pleased. All these abilities were a result of the bistable toggle we implemented in our design. In the context of past iGEM bacterial cameras, our toggle-based camera is a great improvement. UT-Austin created the first bacterial camera in 2005, exposing their cells to light for 12-15 hours to produce an image. Our toggle can snap and store an image in a matter of seconds.<br />
<br />
<br><br><br><br />
<br />
<div class="bodybaby" id="ahl">AHL Propagation</div><br><br />
We wanted our cells to be self-inducing and our signal to be self-propagating in addition to the circuit being sensitive and specific to user inputs. To do this, we added a part that would generate one of the necessary chemicals for transcription of the mCherry fluorescent protein. <br><br><br />
<b class="bolded" id="ahlconst">Construction</b><br />
<br><img width=98% src="https://static.igem.org/mediawiki/igem.org/2/2d/K415023.png"><br />
We dubbed this part K415023, a part that now (if AHL and LuxR were available within the cell) fluoresced green or red in vivo depending on the state of the co-transformed toggle construct pTSMa. In addition, it would produce AHL under the same conditions as mCherry. This part can thus propagate and amplify a signal from a starting point of a droplet of AHL or even from leaky expression of AHL.<br><br><br />
<br />
<b class="bolded" id="ahlmovie">Movie</b><br><br />
In order to view the propagation, we recorded a movie beginning from the moment the cells were induced with UV. In addition to viewing the progression of the fluorescence, we were able to record how long it took for a true pattern of fluorescence to emerge in our cell lawn.<br><br />
<object width="620" height="372"><param name="movie" value="http://www.youtube.com/watch?v=fu4ZUiIcXpE"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/6KHabnSzCJ8?fs=1&amp;hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="620" height="372"></embed></object><br><br><br><br />
<br />
<div class="bodybaby" id="lpt">Low Power Toggle</div><br><br />
<div class="sidep" style="float:right; width:200px;"><a href="https://static.igem.org/mediawiki/2010/0/05/Celldeath.png" class="thickbox"><img width=200px src="https://static.igem.org/mediawiki/2010/0/05/Celldeath.png"></a>E.Coli population density as a function of UV exposure. Measured by drip assay.</div>According to established protocol, we were switching the state of our toggle (pTSMa from Collins 2003) with 80 J/m^2 UV. We noticed however, that significant cell death accompanied this exposure, likely due to fatal mutations. <br><br><br />
<b class="bolded" id="lptconst">LPT Construction</b><br><br />
Searching through literature, we happened upon evidence of a super-sensitive cI (the lambda repressor from the pTSMa) that would be much more easily cleaved in UV-exposed cells. Luckily, this change from wildtype cI to the sensitive cI took a single SDM round, and we produced pLPTa, the Low Power Toggle.<br><br />
<div class="sidep" style="float:right; width:400px;"><a href="https://static.igem.org/mediawiki/2010/c/cb/Sdm.png" class="thickbox"><img src="https://static.igem.org/mediawiki/2010/c/cb/Sdm.png" width=400px></a>Through a single point mutation by SDM, the MIT iGEM team was able to change pTSMa into pLPTa, a toggle that requires much less UV power to switch between states.</div><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
<b class="bolded" id="improved">Improved Toggle</b><br><br />
In order to truly understand the improvements we made in the Collins toggle, we exposed cells transformed with either pTSMa and K415023 (our fluorescent output), or pLPTa and K415023 to varying levels of UV. We hypothesized that we would get the toggle to turn "on" at a lower UV power with pLPTa. <br><a href="https://static.igem.org/mediawiki/2010/d/d5/Powermodulation.png" class="thickbox"><img src="https://static.igem.org/mediawiki/2010/d/d5/Powermodulation.png" size=100%></a><br><br><br><br />
<br />
<div class="bodybaby" id="toggles">Biobricking the Toggles</div><br><br />
We first received pTSMa in a non-Biobrick standard plasmid. Then, when we created our Low Powered Toggle from pTSMa, we used Site-directed Mutagenesis, so that it still maintained the nonstandard backbone. We decided that two stable, well characterized toggle switches would be useful to iGEM teams in the future, and we designed primers to add Biobrick sites to the ends of both the plasmids. We then switched the toggles into pSB1C3 for entry into the <a href="http://partsregistry.org/Main_Page">Parts Registry</a> and they now exist under the names <a href="http://partsregistry.org/Part:BBa_K415300">BBa_K415300</a> and <a href="http://partsregistry.org/Part:BBa_K415301">BBa_K415301</a>.<br><br><br><br />
<br />
<div class="bodybaby" id="improving">Improving R0065</div><br><br />
R0065 is a hybrid promoter that the MIT 2010 iGEM team used in our composite parts to control transcription of mCherry fluorescence. In conjunction with our toggle, pLPTa, this promoter would only allow expression of fluorescence in the presence of AHL, LuxR, and UV exposure. While we found the promoter very useful, it is described many times on its <a href="http://partsregistry.org/Part:BBa_R0065">parts registry page</a> as being "leaky". After looking into the promoter, we realized this was due to two -10 promoter sequences, possibly due to an error when designing the hybrid promoter.<br><center><img src="https://static.igem.org/mediawiki/2010/a/af/Leakiness.png"></center><br>In this FACS scatter, the x-axis represents green fluorescence, and the y-axis represents red fluorescence with zero UV exposure. Theoretically, there should be no red fluorescence. The red fluorescence in part K415023 is controlled by the original R0065, and in K415069 is controlled by our less leaky promoter K415031. You can see that the original promoter is more leaky than our fixed promoter: 3% of K415069 fluoresce red, while 15% of K415031 cells fluoresce red<br />
<br />
</td><br />
</table><br />
<br />
<br />
<br />
<br />
</div><br />
</body><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Team:MIT_tmodel
Team:MIT tmodel
2010-10-28T00:57:13Z
<p>Supacalafrglstic: </p>
<hr />
<div>{{CM_css}}<br />
<br />
<html><br />
<head><br />
<style><br />
#topnav li.academics a {<br />
background-color: #2e2e91;<br />
}<br />
#topnav li.academics ul {<br />
display: block;<br />
}<br />
#content {<br />
background-image: url('https://static.igem.org/mediawiki/2010/a/ae/Peacock_Drop.jpg');<br />
background-attachment: fixed;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div class="header" ><br />
<br />
<br />
<br />
<div style="width:250px; margin: 10px; position: relative; top: -4px; left:-11px; display: block; float:right; padding: 7px; background-color: white;"><br />
<dl id="specialnav"><br />
<dt><b>Bacteria</b></dt><br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_toggle">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_tmodel">Modelling</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_tconst">Toggle Construction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_composite">Characterization</a></li><br />
</ul><br />
</dd><br />
</dl><br />
<dl id="nav"><br />
<dt><b>Phage</b></dt><br />
<br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_phage">Introduction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_background">Background</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_design">Design</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_construction">Construction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_results">Results</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_context">Context</a></li><br />
<br />
</ul><br />
</dd><br />
<dt><b>Mammalian</b></dt><br />
<br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard </a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Circuit">Circuit Design</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Mechanosensation"> Mechanosensation</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Bone"> Bone Formation</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Switch"> Synthetic Switch</a></li><br />
<br />
</ul><br />
</dd><br />
<br />
</dl><br />
</div><br />
<br />
<br />
<div id="unique" style="padding:0px; font-size: 14px; border: 1px solid black; margin:0px; background-color:transparent;"><br />
<table width=650px style="background-color: white; margin-top:5px; padding: 10px;"><br />
<br />
<tr><td><div class="bodybaby">fluorescence propagation model</div></td><br />
<tr><td><br />
<a href="https://static.igem.org/mediawiki/2010/c/c3/AYBallin.gif" class="thickbox" title="Point source propagation model."><img src= "https://static.igem.org/mediawiki/2010/c/c3/AYBallin.gif"></a><br />
<a href="https://static.igem.org/mediawiki/2010/9/90/W.gif" class="thickbox" title="Angular wave model."><img src= "https://static.igem.org/mediawiki/2010/9/90/W.gif"></a><br />
</tr></td><br />
<tr><td><br />
<a href="https://static.igem.org/mediawiki/2010/d/de/LuxGif.gif" class="thickbox" title="Point source propagation model."><img src= "https://static.igem.org/mediawiki/2010/d/de/LuxGif.gif"></a><br />
<a href="https://static.igem.org/mediawiki/2010/3/3a/Diagonal.gif" class="thickbox" title="Diagonal model."><img src= "https://static.igem.org/mediawiki/2010/3/3a/Diagonal.gif"></a><br />
</tr></td><br />
<br />
https://static.igem.org/mediawiki/2010/d/de/LuxGif.gif<br />
<br />
<br />
https://2010.igem.org/Image:W.gif<br />
Image:Diagonal.gif<br />
Image:LuxMIT.gif<br />
<br />
<tr><td><div class="bodybaby">propagation differential equations</div></td><br />
<br />
<br />
<br />
<br />
</table><br />
<br />
<br />
<br />
</div><br />
</div><br />
</body><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Team:MIT_toggle
Team:MIT toggle
2010-10-28T00:56:57Z
<p>Supacalafrglstic: </p>
<hr />
<div>{{CM_css}}<br />
<br />
<html><br />
<head><br />
<style><br />
#topnav li.academics a {<br />
background-color: #2e2e91;<br />
}<br />
#topnav li.academics ul {<br />
display: block;<br />
}<br />
#content {<br />
background-image: url('https://static.igem.org/mediawiki/2010/a/ae/Peacock_Drop.jpg');<br />
background-attachment: fixed;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div class="header" ><br />
<br />
<br />
<br />
<div style="width:250px; margin: 10px; position: relative; top: -4px; left:-11px; display: block; float:right; padding: 7px; background-color: white;"><br />
<dl id="specialnav"><br />
<dt><b>Bacteria</b></dt><br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_toggle">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_tmodel">Modelling</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_tconst">Toggle Construction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_composite">Characterization</a></li><br />
</ul><br />
</dd><br />
</dl><br />
<dl id="nav"><br />
<dt><b>Phage</b></dt><br />
<br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_phage">Introduction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_background">Background</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_design">Design</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_construction">Construction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_results">Results</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_context">Context</a></li><br />
<br />
</ul><br />
</dd><br />
<dt><b>Mammalian</b></dt><br />
<br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard </a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Circuit">Circuit Design</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Mechanosensation"> Mechanosensation</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Bone"> Bone Formation</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Switch"> Synthetic Switch</a></li><br />
<br />
</ul><br />
</dd><br />
<br />
</dl><br />
</div><br />
<br />
<br />
<div id="unique" style="padding:0px; font-size: 14px; border: 1px solid black; margin:0px; background-color:transparent;"><br />
<table width=650px style="background-color: white; margin-top:5px; padding: 10px;"><br />
<br />
<tr><td><div class="bodybaby">bacterial toggle</div></td><br />
<tr><td><br>A genetic switch or toggle follows the general form of two proteins that inhibit the others' transcription. Because of this arrangement, the toggle has two stable states -- on or off -- and can switch between the states with certain inputs. This pseudo-binary, reversible setup implies a simple but powerful control over a genetic system.<br><br><br />
<center><img src="https://static.igem.org/mediawiki/2010/4/4a/Toggle.png"></center><br><br />
<br />
The Bacterial team focused on implementing and improving the Collins toggle, pTSMa. pTSMa switches on if the cell is exposed to UV, and switches off with the addition of IPTG. The ultimate goal was to use the toggle to fine-tune our control over the growth of our polymerizing phage M13. We created a biobrick that fluoresced red when exposed to UV light, or when the toggle was turned "on" to represent where phage would be produced when our modules are connected. As an intermediate in our project, we have managed to create what is essentially an improved bacterial camera capable of instantaneous photography.<br><br><br />
<br />
<a href="https://static.igem.org/mediawiki/2010/d/dc/Uvoverview.png" class="thickbox"><img src="https://static.igem.org/mediawiki/2010/d/dc/Uvoverview.png"></a><br><br><br />
<br />
We implemented part of the <a href="http://www.pnas.org/content/101/22/8414.full">Collins toggle</a> in our bacteria, improving upon previous iGEM bacterial cameras by shortening the exposure time from hours <a href="https://2006.igem.org/UT_Austin_2005">(UT-Austin 2005)</a> to seconds. However, during our experiments, we noticed two problems.<hr><br><br><br />
<br />
<b class="bolded">Problem 1: Cell Death in Exposed Areas</b><br><br />
<img src="http://partsregistry.org/wiki/images/e/eb/Igem_uv_prelim.png"><br><br />
<br />
<br><br>Noticeable cell death in UV-exposed regions was immediately noticed in our cell lawns. According to established protocol, cells were exposed to UV power 80 J/m^2 in order to switch the Collins toggle to the "on" state. When we performed a drip assay to deduce the effect of this exposure on cell viability, we got the following death curve.<br><center><img width=400px src="https://static.igem.org/mediawiki/2010/0/05/Celldeath.png"> </center><br><br><br />
<b>Solution: Low Power Toggle</b> <br>While searching literature, we found evidence that with a single site-directed mutagenesis reaction, we could increase toggle sensitivity to UV exposure. In doing this, we created a Low Power Toggle. Our bacterial circuit improves upon the Collins toggle in that the power of UV light required to switch the toggle is reduced 8x, resulting in significantly more cells surviving the image capture process.<br><img src="https://static.igem.org/mediawiki/2010/d/d5/Powermodulation.png"><br><br><br><br />
<b class="bolded">Problem 2: Leaky Expression</b><br><br />
Secondly, we noticed that even in areas that were not induced by UV, a low amount red fluorescence appeared. Looking back at all of our parts, we found on the parts registry page for R0065 that it is characterized as "very leaky". Analyzing its features, we noticed a second -10 promoter region in the hybrid promoter.<br><br />
<br><b>Solution: Less Leaky Promoter</b><br>By removing one of these -10 sequences, we were able to reduce the leakiness of our signal, and increase the binary response of our circuit.<br><br />
<br />
<center><img src="https://static.igem.org/mediawiki/2010/a/af/Leakiness.png"></center><br>In this FACS scatter, the x-axis represents green fluorescence, and the y-axis represents red fluorescence with zero UV exposure. Theoretically, there should be no red fluorescence. The red fluorescence in part K415023 is controlled by the original R0065, and in K415069 is controlled by our less leaky promoter K415031. You can see that the original promoter is more leaky than our fixed promoter: 3% of K415069 fluoresce red, while 15% of K415031 cells fluoresce red.<br />
<br />
</td><br />
<tr><td></td><br />
<br />
</table><br />
<br />
<br />
<br />
<br />
</div><br />
</div><br />
</body><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Team:MIT
Team:MIT
2010-10-28T00:52:24Z
<p>Supacalafrglstic: </p>
<hr />
<div>{{CM_css}}<br />
<br />
<html><br />
<head><br />
<title>MIT iGEM 2010</title><br />
<style><br />
#topnav li.about a {<br />
background-color: #8b0000;<br />
}<br />
#topnav li.about ul {<br />
display: block;<br />
}<br />
<br />
#content {<br />
background-image: url('https://static.igem.org/mediawiki/2010/d/d9/Whiteflowah.jpg');<br />
background-repeat: no-repeat;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div class="header"><br />
<br />
<div style="width:250px; margin: 10px; position: relative; top: -4px; left:-11px; display: block; float:right; padding: 7px; background-color: white;"><br />
<a href="https://static.igem.org/mediawiki/2010/d/dc/Fromabove.JPG" class="thickbox" title="The team. Not pictured, Crystal McKenzie, Arvind Thiagarajan, Lauren McGough, Jason Stevens."><img src="https://static.igem.org/mediawiki/2010/d/dc/Fromabove.JPG" width=100%></a>The 2010 MIT iGEM team. We are biological engineers, physicists, electrical engineers, chemical engineers, mathematicians, and computer scientists.<br />
</div><br />
<br />
<br />
<br />
<div id="unique" style="padding:0px; font-size: 14px; border: 1px solid black; margin:0px; background-color:transparent;"><br />
<table width=650px style="background-color: white; height: 700 px; margin-top:5px; padding: 10px;"><tr><td colspan="3"><div class="bodybaby">Programmable, Self-constructing Biomaterials</div></td><br />
<tr><td colspan="3"><br>The 2010 MIT iGEM team focused on the control and production of self-constructing and self-repairing living biomaterials through both bacterial and <div style="display:inline;"><a href="https://static.igem.org/mediawiki/2010/0/0b/Screen_shot_2010-10-24_at_10.25.02_AM.png" class="thickbox" title="Pretty materials. Ours are programmable."><img style="float: right; padding: 10px" src="https://static.igem.org/mediawiki/2010/0/0b/Screen_shot_2010-10-24_at_10.25.02_AM.png" height=147px></a></div> mammalian engineering. We ventured to set up the framework for material formation in both types of cells, for future applications in living, self-repairing materials and in vitro organogenesis respectively.<br />
<br />
<br><br><br />
We have accomplished far beyond what we expected of ourselves! In addition to our project, we have created a new Mammalian Biobrick standard, contributed original parts for mammalian cells and bacteriophage, and we have biobricked two working toggles for the registry.<br />
</td><br />
<tr><td><br />
<br><br />
<ul><br />
<li style="margin: 3px; padding: 5px; display: inline-block; width:30%; height: 100px; background-color: #8b0000; opacity: 0.75;"><a style="color: white;" href="https://2010.igem.org/Team:MIT_results"><b style="font-size: large;">Results</b><br>Click to see our results in both bacterial and mammalian cells!</a></li><br />
<br />
<li style="display: inline-block; padding: 5px; margin: 3px; width:30%; height: 100px; background-color: #e6881a;opacity: 0.75;"><a style="color: white;" href="https://2010.igem.org/Team:MIT_tmodel"><b style="font-size: large;">Modelling</b><br>We created mathematical models of both our bacterial and our mammalian results.</a></li><br />
<br />
<li style="margin: 3px; display: inline-block; padding: 5px; width:30%; height: 100px; background-color: #016b9d; opacity:0.75;"><a style="color: white;" href="https://2010.igem.org/Team:MIT_parts"><b style="font-size: large;">Parts</b><br>We added many original parts to the registry. Check them out!</a></li><br />
</ul><br />
</td></table><br />
<br />
<br />
</div><br />
</div><br />
</body><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Team:MIT
Team:MIT
2010-10-28T00:50:30Z
<p>Supacalafrglstic: </p>
<hr />
<div>{{CM_css}}<br />
<br />
<html><br />
<head><br />
<title>MIT iGEM 2010</title><br />
<style><br />
#topnav li.about a {<br />
background-color: #8b0000;<br />
}<br />
#topnav li.about ul {<br />
display: block;<br />
}<br />
<br />
#content {<br />
background-image: url('https://static.igem.org/mediawiki/2010/d/d9/Whiteflowah.jpg');<br />
background-repeat: no-repeat;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div class="header"><br />
<br />
<div style="width:250px; margin: 10px; position: relative; top: -4px; left:-11px; display: block; float:right; padding: 7px; background-color: white;"><br />
<a href="https://static.igem.org/mediawiki/2010/d/dc/Fromabove.JPG" class="thickbox" title="The team. Not pictured, Crystal McKenzie, Arvind Thiagarajan, Lauren McGough, Jason Stevens."><img src="https://static.igem.org/mediawiki/2010/d/dc/Fromabove.JPG" width=100%></a>The 2010 MIT iGEM team. We are biological engineers, physicists, electrical engineers, chemical engineers, mathematicians, and computer scientists.<br />
</div><br />
<br />
<br />
<br />
<div id="unique" style="padding:0px; font-size: 14px; border: 1px solid black; margin:0px; background-color:transparent;"><br />
<table width=650px style="background-color: white; height: 700 px; margin-top:5px; padding: 10px;"><tr><td colspan="3"><div class="bodybaby">Programmable, Self-constructing Biomaterials</div></td><br />
<tr><td colspan="3"><br>The 2010 MIT iGEM team focused on the control and production of self-constructing and self-repairing living biomaterials through both bacterial and <div style="display:inline;"><a href="https://static.igem.org/mediawiki/2010/0/0b/Screen_shot_2010-10-24_at_10.25.02_AM.png" class="thickbox" title="Pretty materials. Ours are programmable."><img style="float: right; padding: 10px" src="https://static.igem.org/mediawiki/2010/0/0b/Screen_shot_2010-10-24_at_10.25.02_AM.png" height=147px></a></div> mammalian engineering. We ventured to set up the framework for material formation in both types of cells, for future applications in living, self-repairing materials and in vitro organogenesis respectively.<br />
<br />
<br><br><br />
We have accomplished far beyond what we expected of ourselves! In addition to our project, we have created a new Mammalian Biobrick standard, contributed original parts for mammalian cells and bacteriophage, and we have biobricked two working toggles for the registry.<br />
</td><br />
<tr><td><br />
<br />
<ul><br />
<li style="margin: 3px; padding: 5px; display: inline-block; width:30%; height: 100px; background-color: #8b0000; opacity: 0.75;"><a style="color: white;" href="https://2010.igem.org/Team:MIT_results"><b style="font-size: large;">Results</b><br>Click to see our results in both bacterial and mammalian cells!</a></li><br />
<br />
<li style="display: inline-block; padding: 5px; margin: 3px; width:30%; height: 100px; background-color: #e6881a;opacity: 0.75;"><a style="color: white;" href="https://2010.igem.org/Team:MIT_tmodel"><b style="font-size: large;">Modelling</b><br>We created mathematical models of both our bacterial and our mammalian results.</a></li><br />
<br />
<li style="margin: 3px; display: inline-block; padding: 5px; width:30%; height: 100px; background-color: #016b9d; opacity:0.75;"><a style="color: white;" href="https://2010.igem.org/Team:MIT_parts"><b style="font-size: large;">Parts</b><br>We added many original parts to the registry. Check them out!</a></li><br />
</ul><br />
</td></table><br />
<br />
<br />
</div><br />
</div><br />
</body><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Team:MIT
Team:MIT
2010-10-28T00:49:02Z
<p>Supacalafrglstic: </p>
<hr />
<div>{{CM_css}}<br />
<br />
<html><br />
<head><br />
<title>MIT iGEM 2010</title><br />
<style><br />
#topnav li.about a {<br />
background-color: #8b0000;<br />
}<br />
#topnav li.about ul {<br />
display: block;<br />
}<br />
<br />
#content {<br />
background-image: url('https://static.igem.org/mediawiki/2010/d/d9/Whiteflowah.jpg');<br />
background-repeat: no-repeat;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div class="header"><br />
<br />
<div style="width:250px; margin: 10px; position: relative; top: -4px; left:-11px; display: block; float:right; padding: 7px; background-color: white;"><br />
<a href="https://static.igem.org/mediawiki/2010/d/dc/Fromabove.JPG" class="thickbox" title="The team. Not pictured, Crystal McKenzie, Arvind Thiagarajan, Lauren McGough, Jason Stevens."><img src="https://static.igem.org/mediawiki/2010/d/dc/Fromabove.JPG" width=100%></a>The 2010 MIT iGEM team. We are biological engineers, physicists, electrical engineers, chemical engineers, mathematicians, and computer scientists.<br />
</div><br />
<br />
<br />
<br />
<div id="unique" style="padding:0px; font-size: 14px; border: 1px solid black; margin:0px; background-color:transparent;"><br />
<table width=650px style="background-color: white; height: 700 px; margin-top:5px; padding: 10px;"><tr><td colspan="3"><div class="bodybaby">Programmable, Self-constructing Biomaterials</div></td><br />
<tr><td colspan="3"><br>The 2010 MIT iGEM team focused on the control and production of self-constructing and self-repairing living biomaterials through both bacterial and <div style="display:inline;"><a href="https://static.igem.org/mediawiki/2010/0/0b/Screen_shot_2010-10-24_at_10.25.02_AM.png" class="thickbox" title="Pretty materials. Ours are programmable."><img style="float: right; padding: 10px" src="https://static.igem.org/mediawiki/2010/0/0b/Screen_shot_2010-10-24_at_10.25.02_AM.png" height=147px></a></div> mammalian engineering. We ventured to set up the framework for material formation in both types of cells, for future applications in living, self-repairing materials and in vitro organogenesis respectively.<br />
<br />
<br><br><br />
We have accomplished far beyond what we expected of ourselves! In addition to our project, we have created a new Mammalian Biobrick standard, contributed original parts for mammalian cells and bacteriophage, and we have biobricked two working toggles for the registry.<br />
</td><br />
<tr><td><br />
<br />
<ul><br />
<li style="margin: 3px; padding: 5px; display: inline-block; width:30%; height: 100px; background-color: #8b0000; opacity: 0.5;"><a style="color: white;" href="https://2010.igem.org/Team:MIT_results"><b style="font-size: large;">Results</b><br>Click to see our results in both bacterial and mammalian cells!</a></li><br />
<br />
<li style="display: inline-block; padding: 5px; margin: 3px; width:30%; height: 100px; background-color: #e6881a;opacity: 0.5;"><a style="color: white;" href="https://2010.igem.org/Team:MIT_tmodel"><b style="font-size: large;">Modelling</b><br>We created mathematical models of both our bacterial and our mammalian results.</a></li><br />
<br />
<li style="margin: 3px; display: inline-block; padding: 5px; width:30%; height: 100px; background-color: #016b9d; opacity:0.5;"><a style="color: white;" href="https://2010.igem.org/Team:MIT_parts"><b style="font-size: large;">Parts</b><br>We added many original parts to the registry. Check them out!</a></li><br />
</ul><br />
</td></table><br />
<br />
<br />
</div><br />
</div><br />
</body><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Team:MIT
Team:MIT
2010-10-28T00:46:59Z
<p>Supacalafrglstic: </p>
<hr />
<div>{{CM_css}}<br />
<br />
<html><br />
<head><br />
<title>MIT iGEM 2010</title><br />
<style><br />
#topnav li.about a {<br />
background-color: #8b0000;<br />
}<br />
#topnav li.about ul {<br />
display: block;<br />
}<br />
<br />
#content {<br />
background-image: url('https://static.igem.org/mediawiki/2010/d/d9/Whiteflowah.jpg');<br />
background-repeat: no-repeat;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div class="header"><br />
<br />
<div style="width:250px; margin: 10px; position: relative; top: -4px; left:-11px; display: block; float:right; padding: 7px; background-color: white;"><br />
<a href="https://static.igem.org/mediawiki/2010/d/dc/Fromabove.JPG" class="thickbox" title="The team. Not pictured, Crystal McKenzie, Arvind Thiagarajan, Lauren McGough, Jason Stevens."><img src="https://static.igem.org/mediawiki/2010/d/dc/Fromabove.JPG" width=100%></a>The 2010 MIT iGEM team. We are biological engineers, physicists, electrical engineers, chemical engineers, mathematicians, and computer scientists.<br />
</div><br />
<br />
<br />
<br />
<div id="unique" style="padding:0px; font-size: 14px; border: 1px solid black; margin:0px; background-color:transparent;"><br />
<table width=650px style="background-color: white; height: 700 px; margin-top:5px; padding: 10px;"><tr><td colspan="3"><div class="bodybaby">Programmable, Self-constructing Biomaterials</div></td><br />
<tr><td colspan="3"><br>The 2010 MIT iGEM team focused on the control and production of self-constructing and self-repairing living biomaterials through both bacterial and mammalian engineering. We ventured to set up the framework for material formation in both types of cells, for future applications in living, self-repairing materials and in vitro organogenesis respectively.<br />
<div style="display:inline;"<a href="https://static.igem.org/mediawiki/2010/0/0b/Screen_shot_2010-10-24_at_10.25.02_AM.png" class="thickbox" title="Pretty materials. Ours are programmable."><img style="float: right; padding: 10px" src="https://static.igem.org/mediawiki/2010/0/0b/Screen_shot_2010-10-24_at_10.25.02_AM.png" height=147px></a></div> <br />
<br><br><br />
We have accomplished far beyond what we expected of ourselves! In addition to our project, we have created a new Mammalian Biobrick standard, contributed original parts for mammalian cells and bacteriophage, and we have biobricked two working toggles for the registry.<br />
</td><br />
<tr><td><br />
<br />
<ul><br />
<li style="margin: 3px; padding: 5px; display: inline-block; width:30%; height: 100px; background-color: #8b0000; opacity: 0.5;"><a style="color: white;" href="https://2010.igem.org/Team:MIT_results"><b style="font-size: large;">Results</b><br>Click to see our results in both bacterial and mammalian cells!</a></li><br />
<br />
<li style="display: inline-block; padding: 5px; margin: 3px; width:30%; height: 100px; background-color: #e6881a;opacity: 0.5;"><a style="color: white;" href="https://2010.igem.org/Team:MIT_tmodel"><b style="font-size: large;">Modelling</b><br>We created mathematical models of both our bacterial and our mammalian results.</a></li><br />
<br />
<li style="margin: 3px; display: inline-block; padding: 5px; width:30%; height: 100px; background-color: #016b9d; opacity:0.5;"><a style="color: white;" href="https://2010.igem.org/Team:MIT_parts"><b style="font-size: large;">Parts</b><br>We added many original parts to the registry. Check them out!</a></li><br />
</ul><br />
</td></table><br />
<br />
<br />
</div><br />
</div><br />
</body><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Team:MIT
Team:MIT
2010-10-28T00:34:40Z
<p>Supacalafrglstic: </p>
<hr />
<div>{{CM_css}}<br />
<br />
<html><br />
<head><br />
<title>MIT iGEM 2010</title><br />
<style><br />
#topnav li.about a {<br />
background-color: #8b0000;<br />
}<br />
#topnav li.about ul {<br />
display: block;<br />
}<br />
<br />
#content {<br />
background-image: url('https://static.igem.org/mediawiki/2010/d/d9/Whiteflowah.jpg');<br />
background-repeat: no-repeat;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div class="header"><br />
<br />
<div style="width:250px; margin: 10px; position: relative; top: -4px; left:-11px; display: block; float:right; padding: 7px; background-color: white;"><br />
<a href="https://static.igem.org/mediawiki/2010/d/dc/Fromabove.JPG" class="thickbox" title="The team. Not pictured, Crystal McKenzie, Arvind Thiagarajan, Lauren McGough, Jason Stevens."><img src="https://static.igem.org/mediawiki/2010/d/dc/Fromabove.JPG" width=100%></a>The 2010 MIT iGEM team. We are biological engineers, physicists, electrical engineers, chemical engineers, mathematicians, and computer scientists.<br />
</div><br />
<br />
<br />
<br />
<div id="unique" style="padding:0px; font-size: 14px; border: 1px solid black; margin:0px; background-color:transparent;"><br />
<table width=650px style="background-color: white; height: 700 px; margin-top:5px; padding: 10px;"><tr><td colspan="3"><div class="bodybaby">Programmable, Self-constructing Biomaterials</div></td><br />
<tr><td colspan="3"><br>The 2010 MIT iGEM team focused on the control and production of self-constructing and self-repairing living biomaterials through both bacterial and mammalian engineering. We ventured to set up the framework for material formation in both types of cells, for future applications in living, self-repairing materials and in vitro organogenesis respectively.<br />
<div style="display:inline;"<a href="https://static.igem.org/mediawiki/2010/0/0b/Screen_shot_2010-10-24_at_10.25.02_AM.png" class="thickbox" title="Pretty materials. Ours are programmable."><img style="float: right; padding: 10px" src="https://static.igem.org/mediawiki/2010/0/0b/Screen_shot_2010-10-24_at_10.25.02_AM.png" height=147px></a></div> <br />
<br><br><br />
We have accomplished far beyond what we expected of ourselves! In addition to our project, we have created a new Mammalian Biobrick standard, contributed original parts for mammalian cells and bacteriophage, and we have biobricked two working toggles for the registry.<br />
</td><br />
<tr><td colspan="1" style="margin: 10px;"><div style="display: block; width:100%; height: 200px; background-color: #8b0000;"><a href="https://2010.igem.org/Team:MIT_results"><b style="font-size: large;">Results</b></a></div></td><br />
<br />
<td colspan="1" style="margin: 10px;"><div style="display: block; width:100%; height: 200px; background-color: #e6881a;"><a href="https://2010.igem.org/Team:MIT_tmodel"><b style="font-size: large;">Modeling</b></a></div></td><br />
<br />
<td colspan="1" style="margin: 10px;"><div style="display: block; width:100%; height: 200px; background-color: #016b9d;"><a href="https://2010.igem.org/Team:MIT_parts"><b style="font-size: large;">Parts</b></a></div></td></table><br />
</td></table><br />
<br />
<br />
</div><br />
</div><br />
</body><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Team:MIT
Team:MIT
2010-10-28T00:32:49Z
<p>Supacalafrglstic: </p>
<hr />
<div>{{CM_css}}<br />
<br />
<html><br />
<head><br />
<title>MIT iGEM 2010</title><br />
<style><br />
#topnav li.about a {<br />
background-color: #8b0000;<br />
}<br />
#topnav li.about ul {<br />
display: block;<br />
}<br />
<br />
#content {<br />
background-image: url('https://static.igem.org/mediawiki/2010/d/d9/Whiteflowah.jpg');<br />
background-repeat: no-repeat;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div class="header"><br />
<br />
<div style="width:250px; margin: 10px; position: relative; top: -4px; left:-11px; display: block; float:right; padding: 7px; background-color: white;"><br />
<a href="https://static.igem.org/mediawiki/2010/d/dc/Fromabove.JPG" class="thickbox" title="The team. Not pictured, Crystal McKenzie, Arvind Thiagarajan, Lauren McGough, Jason Stevens."><img src="https://static.igem.org/mediawiki/2010/d/dc/Fromabove.JPG" width=100%></a>The 2010 MIT iGEM team. We are biological engineers, physicists, electrical engineers, chemical engineers, mathematicians, and computer scientists.<br />
</div><br />
<br />
<br />
<br />
<div id="unique" style="padding:0px; font-size: 14px; border: 1px solid black; margin:0px; background-color:transparent;"><br />
<table width=650px style="background-color: white; height: 700 px; margin-top:5px; padding: 10px;"><tr><td colspan="3"><div class="bodybaby">Programmable, Self-constructing Biomaterials</div></td><br />
<tr><td colspan="3"><br>The 2010 MIT iGEM team focused on the control and production of self-constructing and self-repairing living biomaterials through both bacterial and mammalian engineering. We ventured to set up the framework for material formation in both types of cells, for future applications in living, self-repairing materials and in vitro organogenesis respectively.<br />
<div style="display:inline;"<a href="https://static.igem.org/mediawiki/2010/0/0b/Screen_shot_2010-10-24_at_10.25.02_AM.png" class="thickbox" title="Pretty materials. Ours are programmable."><img style="float: right; padding: 10px" src="https://static.igem.org/mediawiki/2010/0/0b/Screen_shot_2010-10-24_at_10.25.02_AM.png" height=147px></a></div> <br />
<br><br><br />
We have accomplished far beyond what we expected of ourselves! In addition to our project, we have created a new Mammalian Biobrick standard, contributed original parts for mammalian cells and bacteriophage, and we have biobricked two working toggles for the registry.<br />
</td><br />
<tr><td colspan="1" style="margin: 10px;"><a href="https://2010.igem.org/Team:MIT_results"><div style="display: block; width:100%; height: 200px; background-color: #8b0000;"><b style="font-size: large;">Results</b></div></a></td><br />
<br />
<td colspan="1" style="margin: 10px;"><a href="https://2010.igem.org/Team:MIT_tmodel"><div style="display: block; width:100%; height: 200px; background-color: #e6881a;"><b style="font-size: large;">Modeling</b></div></a></td><br />
<br />
<td colspan="1" style="margin: 10px;"><a href="https://2010.igem.org/Team:MIT_parts"><div style="display: block; width:100%; height: 200px; background-color: #016b9d;"><b style="font-size: large;">Parts</b></div></a></td></table><br />
</td></table><br />
<br />
<br />
</div><br />
</div><br />
</body><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Team:MIT
Team:MIT
2010-10-28T00:32:33Z
<p>Supacalafrglstic: </p>
<hr />
<div>{{CM_css}}<br />
<br />
<html><br />
<head><br />
<title>MIT iGEM 2010</title><br />
<style><br />
#topnav li.about a {<br />
background-color: #8b0000;<br />
}<br />
#topnav li.about ul {<br />
display: block;<br />
}<br />
<br />
#content {<br />
background-image: url('https://static.igem.org/mediawiki/2010/d/d9/Whiteflowah.jpg');<br />
background-repeat: no-repeat;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div class="header"><br />
<br />
<div style="width:250px; margin: 10px; position: relative; top: -4px; left:-11px; display: block; float:right; padding: 7px; background-color: white;"><br />
<a href="https://static.igem.org/mediawiki/2010/d/dc/Fromabove.JPG" class="thickbox" title="The team. Not pictured, Crystal McKenzie, Arvind Thiagarajan, Lauren McGough, Jason Stevens."><img src="https://static.igem.org/mediawiki/2010/d/dc/Fromabove.JPG" width=100%></a>The 2010 MIT iGEM team. We are biological engineers, physicists, electrical engineers, chemical engineers, mathematicians, and computer scientists.<br />
</div><br />
<br />
<br />
<br />
<div id="unique" style="padding:0px; font-size: 14px; border: 1px solid black; margin:0px; background-color:transparent;"><br />
<table width=650px style="background-color: white; height: 700 px; margin-top:5px; padding: 10px;"><tr><td colspan="3"><div class="bodybaby">Programmable, Self-constructing Biomaterials</div></td><br />
<tr><td colspan="3"><br>The 2010 MIT iGEM team focused on the control and production of self-constructing and self-repairing living biomaterials through both bacterial and mammalian engineering. We ventured to set up the framework for material formation in both types of cells, for future applications in living, self-repairing materials and in vitro organogenesis respectively.<br />
<div style="display:inline;"<a href="https://static.igem.org/mediawiki/2010/0/0b/Screen_shot_2010-10-24_at_10.25.02_AM.png" class="thickbox" title="Pretty materials. Ours are programmable."><img style="float: right; padding: 10px" src="https://static.igem.org/mediawiki/2010/0/0b/Screen_shot_2010-10-24_at_10.25.02_AM.png" height=147px></a></div> <br />
<br><br><br />
We have accomplished far beyond what we expected of ourselves! In addition to our project, we have created a new Mammalian Biobrick standard, contributed original parts for mammalian cells and bacteriophage, and we have biobricked two working toggles for the registry.<br />
</td><br />
<tr><td colspan="1" style="margin: 10px;"><a href="https://2010.igem.org/Team:MIT_results"><div style="display: block; width:100%; height: 200px; background-color: #8b0000;"><b style="font-size: large;">Results</b></div></a></td><br />
<br />
<td colspan="1" style="margin: 10px;"><a href="https://2010.igem.org/Team:MIT_tmodel"><div style="display: block; width:100%; height: 200px; background-color: #e6881a;"><b style="font-size: large;">Modeling</b></div></a></td><br />
<br />
<td colspan="1" style="margin: 10px;"><a href="https://2010.igem.org/Team:MIT_parts"><div style="display: block; width:100%; height: 200px; background-color: #016b9d;"><b style="font-size: large;">Parts</b></div></a></td><br />
</td></table><br />
<br />
<br />
</div><br />
</div><br />
</body><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Team:MIT_results
Team:MIT results
2010-10-27T22:58:41Z
<p>Supacalafrglstic: New page: {{CM_css}} <html> <head> <style> #topnav li.academics a { background-color: #2e2e91; } #topnav li.academics ul { display: block; } #content { background-image: url('http://2010.igem.o...</p>
<hr />
<div>{{CM_css}}<br />
<br />
<html><br />
<head><br />
<style><br />
#topnav li.academics a {<br />
background-color: #2e2e91;<br />
}<br />
#topnav li.academics ul {<br />
display: block;<br />
}<br />
#content {<br />
background-image: url('https://static.igem.org/mediawiki/2010/a/ae/Peacock_Drop.jpg');<br />
background-attachment: fixed;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div class="header"><br />
<br />
<div style="width:250px; margin: 10px; position: relative; top: -4px; left:-11px; display: block; float:right; padding: 7px; background-color: white;"><br />
<dl id="nav"><br />
<dt><b>Bacteria</b></dt><br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_toggle">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_tconst">Toggle Construction</a></li><br />
<li><a href="#">Characterization</a></li><br />
</ul><br />
</dd><br />
<dt><b>Phage</b></dt><br />
<br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_phage">Introduction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_background">Background</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_design">Design</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_construction">Construction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_results">Results</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_context">Context</a></li><br />
<br />
</ul><br />
</dd><br />
<dt><b>Mammalian</b></dt><br />
<br />
<br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard </a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Circuit">Circuit Design</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Mechanosensation"> Mechanosensation</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Bone"> Bone Formation</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Switch"> Synthetic Switch</a></li><br />
<br />
</ul><br />
</dd><br />
<br />
</dl><br />
</div><br />
<br />
<div id="unique" style="padding:0px; font-size: 14px; border: 1px solid black; margin:0px; background-color:transparent;"><br />
<table width=650px style="background-color: white; margin-top:5px; padding: 10px;"><tr><td><br />
<div class="bodybaby">Results</div></td><br />
<tr><td><br><br />
<strong>Bacteria</strong><br><br />
In E.Coli, the MIT Bacterial team endeavored to design a system of UV-inducible polymerizing phage. In order to establish and fine-tune the control of phage growth, we focused on implementing and improving the Collins toggle, a bistable genetic switch in E.Coli. The UV power required to switch the Collins toggle to the "on" state was killing many of our cells. To counteract this cell death, we biobricked a Low Power Toggle that required 1/8 the UV power to switch states. Another problem we faced was in a leaky hybrid promoter R0065. It would create basal signal in some cells that were not supposed to be in the "off" state. We improved this hybrid promoter so that it is more tightly controlled by our input. <a href="https://2010.igem.org/Team:MIT_tconst"><b>See the results! &rarr;</b></a><br><br><br />
<br />
<strong>Phage</strong><br><br />
The Phage team is well on its way to making hairy cells that express polymerizing phage.<br />
<br />
<br />
</td><br />
</table><br />
<br />
<br />
<br />
</div><br />
</div><br />
</body><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Template:CM_css
Template:CM css
2010-10-27T21:35:43Z
<p>Supacalafrglstic: </p>
<hr />
<div><html><br />
<head><br />
<script type="text/javascript" src="http://www.sunsean.com/idTabs/jquery.idTabs.min.js"></script><br />
<script type="text/javascript" src="http://jquery.com/demo/thickbox/thickbox-code/thickbox.js"></script><br />
<link rel="stylesheet" href="http://jquery.com/demo/thickbox/thickbox-code/thickbox.css" type="text/css" media="screen" /><br />
<script type="text/javascript" src="http://www.google.com/jsapi"></script><br />
<script src="http://d2o0t5hpnwv4c1.cloudfront.net/004_Moo/tutorial/demo/sliding_effect.js"></script><br />
<script> google.load("jquery", "1.4.2"); </script><br />
<script type="text/javascript"><br />
$('#rightMenu a')<br />
.css( {backgroundPosition: "0 0"} )<br />
.mouseover(function(){<br />
$(this).stop().animate(<br />
{backgroundPosition:"(0 -250px)"}, <br />
{duration:500})<br />
})<br />
.mouseout(function(){<br />
$(this).stop().animate(<br />
{backgroundPosition:"(0 0)"}, <br />
{duration:500})<br />
})<br />
</script><br />
<script type="text/javascript"><br />
$(function() {<br />
$("#button").toggle(<br />
function() {<br />
$("#effect").animate({backgroundColor: '#aa0000', color: '#fff', width: 500}, 1000);<br />
},<br />
function() {<br />
$("#effect").animate({backgroundColor: '#fff', color: '#000', width: 240}, 1000);<br />
}<br />
);<br />
});<br />
$(document).ready(function(){<br />
if($("#nav")) {<br />
$("#nav dd").hide();<br />
$("#nav dt b").click(function() {<br />
if(this.className.indexOf("clicked") != -1) {<br />
$(this).parent().next().slideUp(200);<br />
$(this).removeClass("clicked");<br />
}<br />
else {<br />
$("#nav dt b").removeClass();<br />
$(this).addClass("clicked");<br />
$("#nav dd:visible").slideUp(200);<br />
$(this).parent().next().slideDown(500);<br />
}<br />
return false;<br />
});<br />
}<br />
});<br />
<br />
</script><br />
<!--[if IE]><br />
<style><br />
#header {<br />
width: 900px;<br />
}<br />
</style><br />
<![endif]--><br />
<style type="text/css"><br />
.toggler { width: 500px; height: 200px; position: relative;}<br />
#button { padding: .5em 1em; text-decoration: none; }<br />
#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; background: #fff; }<br />
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }<br />
<br />
<br />
#header {<br />
position: relative;<br />
left: 2px;<br />
text-align: left;<br />
margin: 0px;<br />
width: 955px;<br />
}<br />
<br />
#header a {<br />
color: white;<br />
}<br />
<br />
#content {<br />
background-color: transparent;<br />
border: none;<br />
}<br />
<br />
.mainContent {<br />
width: 943px;<br />
position: absolute;<br />
padding:5px;<br />
top: 160px;<br />
font-size: 14px;<br />
margin:5px;<br />
}<br />
<br />
#groupparts {<br />
position:relative;<br />
left: 21px;<br />
top: 5px;<br />
}<br />
<br />
.baby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
}<br />
<br />
.bodybaby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
border-bottom: 2px solid black;<br />
color: black;<br />
}<br />
<br />
.bodybaby a {<br />
color: black;<br />
}<br />
<br />
.sidep {<br />
display: inline;<br />
background-color: #boc4de;<br />
width: 170px;<br />
float: right;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
.outline {<br />
display: inline;<br />
padding: 5px;<br />
background-color: #boc4de;<br />
width: 250px;<br />
float: left;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
#procedure,<br />
#procedure a {<br />
display: relative;<br />
text-decoration: none;<br />
color: black;<br />
list-style: none;<br />
}<br />
<br />
#procedure a:hover {<br />
color: white;<br />
text-decoration: none;<br />
}<br />
<br />
.bolded {<br />
font-size: 16px;<br />
}<br />
<br />
#unique {<br />
margin: 5px 21px !important;<br />
border: none !important;<br />
background-color: white;<br />
}<br />
<br />
#freedom {<br />
width: 105px;<br />
position: relative;<br />
left: -20px;<br />
top: 8px;<br />
display: block;<br />
list-style: none;<br />
text-align: left;<br />
color: black;<br />
background-color: honeydew;<br />
font-family: Osaka, verdana, Sans-Serif;<br />
font-size: 16px;<br />
}<br />
#freedom li a {<br />
text-align: left;<br />
padding-left: 7px;<br />
color: #330066<br />
}<br />
<br />
#freedom li a:hover {<br />
background-color: #b2b2cc;<br />
<br />
}<br />
#freedom li a.selected {<br />
position: relative;<br />
left: 10px;<br />
color: black;<br />
}<br />
<br />
.tabContainer {<br />
position: relative;<br />
top: 0px;<br />
left: 4px;<br />
height: 23px;<br />
width: 99%;<br />
}<br />
.tabContainer p {<br />
text-align:left;<br />
top: 1px;<br />
}<br />
<br />
/* ================================================================ <br />
This copyright notice must be untouched at all times.<br />
Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved.<br />
=================================================================== */<br />
<br />
#nav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#nav a:hover {text-decoration:underline;}<br />
#nav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#nav dt a {color:#000; text-decoration:none;}<br />
#nav dd {padding:0; margin:0;}<br />
#nav dd ul {padding:0; margin:0; list-style:none;}<br />
#nav dd ul li {padding-left:20px; width:230px}<br />
#nav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
<br />
input.searchButton {<br />
background:none repeat scroll 0 0 transparent;<br />
border:medium none;<br />
color:#000066;<br />
font-size:100%;<br />
font-weight:bold;<br />
margin:1px 10px 0;<br />
}<br />
<br />
#search-controls {<br />
display: block;<br />
background: none;<br />
position: absolute;<br />
top: -100px;<br />
left: -50px;}<br />
<br />
.left-menu {<br />
width: 300px;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
.left-menu ul {<br />
border: none; }<br />
<br />
#searchform {<br />
background: none;<br />
display: block;<br />
float: right;}<br />
<br />
#menubar.right-menu {<br />
width: 300px;<br />
display: block;<br />
float: left;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
<br />
#top-section {<br />
height: 0px;<br />
margin-top: -5px;<br />
margin-bottom: 0 !important;<br />
margin-left: auto;<br />
padding:0;<br />
border: none;}<br />
<br />
#p-logo {<br />
height: 0px;<br />
overflow: hidden;<br />
display: none;<br />
border: }<br />
<br />
#footer {<br />
border: none;<br />
background-color: transparent;<br />
margin: 0;<br />
padding: 0; }<br />
<br />
#footer-box {<br />
border:none;<br />
background-color: transparent;<br />
}<br />
<br />
.firstHeading {<br />
display: none; }<br />
<br />
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }<br />
.code code { display: block; padding: 3px; margin-bottom: 0; }<br />
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }<br />
.indent1 { padding-left: 1em; }<br />
.indent2 { padding-left: 2em; }<br />
<br />
/* sidenav styling */<br />
#sidenav {<br />
clear: both;<br />
line-height: 50%;<br />
}<br />
<br />
#sidenav li {<br />
list-style-type: none;<br />
display: block;<br />
margin: 8px 0px;<br />
font-size: 14px;<br />
}<br />
<br />
#sidenav li li {<br />
padding-left: 16px;<br />
}<br />
<br />
#sidenav li a {<br />
color: #333;<br />
padding: 0px 4px 0px 10px;<br />
background-color: transparent;<br />
font-weight: bold;<br />
}<br />
<br />
#sidenav ul a {<br />
font-weight: normal;<br />
}<br />
<br />
#sidenav li li a,<br />
#sidenav li.sel li a {<br />
padding-left: 0px;<br />
}<br />
<br />
#sidenav li.sel a,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav.col li.sel ul li a:hover,<br />
#sidenav.col li.sel ul li a:active {<br />
color: #fff;<br />
text-decoration: none;<br />
}<br />
<br />
<br />
<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
*{padding: 0; margin: 0;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_window {<br />
font: 12px Arial, Helvetica, sans-serif;<br />
color: #333333;<br />
}<br />
<br />
#TB_secondLine {<br />
font: 10px Arial, Helvetica, sans-serif;<br />
color:#666666;<br />
}<br />
<br />
#TB_window a:link {color: #666666;}<br />
#TB_window a:visited {color: #666666;}<br />
#TB_window a:hover {color: #000;}<br />
#TB_window a:active {color: #666666;}<br />
#TB_window a:focus{color: #666666;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_overlay {<br />
position: fixed;<br />
z-index:100;<br />
top: 0px;<br />
left: 0px;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}<br />
.TB_overlayBG {<br />
background-color:#000;<br />
filter:alpha(opacity=75);<br />
-moz-opacity: 0.75;<br />
opacity: 0.75;<br />
}<br />
<br />
* html #TB_overlay { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_window {<br />
position: fixed;<br />
background: #ffffff;<br />
z-index: 102;<br />
color:#000000;<br />
display:none;<br />
border: 4px solid #525252;<br />
text-align:left;<br />
top:50%;<br />
left:50%;<br />
}<br />
<br />
* html #TB_window { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_window img#TB_Image {<br />
display:block;<br />
margin: 15px 0 0 15px;<br />
border-right: 1px solid #ccc;<br />
border-bottom: 1px solid #ccc;<br />
border-top: 1px solid #666;<br />
border-left: 1px solid #666;<br />
}<br />
<br />
#TB_caption{<br />
height:25px;<br />
padding:7px 30px 10px 25px;<br />
float:left;<br />
}<br />
<br />
#TB_closeWindow{<br />
height:25px;<br />
padding:11px 25px 10px 0;<br />
float:right;<br />
}<br />
<br />
#TB_closeAjaxWindow{<br />
padding:7px 10px 5px 0;<br />
margin-bottom:1px;<br />
text-align:right;<br />
float:right;<br />
}<br />
<br />
#TB_ajaxWindowTitle{<br />
float:left;<br />
padding:7px 0 5px 10px;<br />
margin-bottom:1px;<br />
}<br />
<br />
#TB_title{<br />
background-color:#e8e8e8;<br />
height:27px;<br />
}<br />
<br />
#TB_ajaxContent{<br />
clear:both;<br />
padding:2px 15px 15px 15px;<br />
overflow:auto;<br />
text-align:left;<br />
line-height:1.4em;<br />
}<br />
<br />
#TB_ajaxContent.TB_modal{<br />
padding:15px;<br />
}<br />
<br />
#TB_ajaxContent p{<br />
padding:5px 0px 5px 0px;<br />
}<br />
<br />
#TB_load{<br />
position: fixed;<br />
display:none;<br />
height:13px;<br />
width:208px;<br />
z-index:103;<br />
top: 50%;<br />
left: 50%;<br />
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */<br />
}<br />
<br />
* html #TB_load { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_HideSelect{<br />
z-index:99;<br />
position:fixed;<br />
top: 0;<br />
left: 0;<br />
background-color:#fff;<br />
border:none;<br />
filter:alpha(opacity=0);<br />
-moz-opacity: 0;<br />
opacity: 0;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
* html #TB_HideSelect { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_iframeContent{<br />
clear:both;<br />
border:none;<br />
margin-bottom:-1px;<br />
margin-top:1px;<br />
_margin-bottom:1px;<br />
}<br />
<br />
#stones {<br />
position: fixed;<br />
top: 45px;<br />
left: 0px;<br />
width: 43px;<br />
padding: 2px;<br />
background-image: url('https://static.igem.org/mediawiki/2010/3/34/Transparency50.png');<br />
background-repeat: repeat-y;<br />
}<br />
<br />
/* MIT ChemE Menu */<br />
<br />
#navwrapper {<br />
position: absolute;<br />
width: 955px;<br />
}<br />
<br />
#topnav {<br />
height: 65px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li {<br />
list-style: none;<br />
float: left;<br />
}<br />
<br />
#topnav li a {<br />
display: block;<br />
width: 183px;<br />
height: 65px;<br />
margin-right: 2px;<br />
background-color: #2e2e2e;<br />
font-family: "Arial", Verdana, sans-serif;<br />
font-size: medium;<br />
line-height: 1.25em;<br />
color: #fff;<br />
font-weight: 900;<br />
}<br />
<br />
#topnav li a.last {<br />
margin-right: 0px;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul,<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
display: block;<br />
}<br />
<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
z-index: 1;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul {<br />
z-index: 100;<br />
}<br />
<br />
#topnav li ul {<br />
display: none;<br />
clear: both;<br />
position: absolute;<br />
top: 65px;<br />
left: 0px;<br />
width: 950px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li li {<br />
float: none;<br />
display: block;<br />
}<br />
<br />
#topnav li a:hover,<br />
#topnav li a:active {<br />
text-decoration: none;<br />
}<br />
<br />
#topnav li li {<br />
display: block;<br />
float: left;<br />
padding-top: 11px;<br />
padding-bottom: 9px;<br />
}<br />
<br />
#topnav li li a {<br />
margin: 0;<br />
padding: 0 8px;<br />
background-color: transparent;<br />
height: auto;<br />
width: auto;<br />
font-weight: normal;<br />
font-size: small;<br />
border-right: 1px solid white;<br />
}<br />
<br />
#topnav li li.last a {<br />
background-image: none;<br />
padding-right: 0px;<br />
border-right: none;<br />
}<br />
<br />
#topnav li li a:hover,<br />
#topnav li li a:active,<br />
#topnav li li.sel a {<br />
text-transform: uppercase;<br />
}<br />
<br />
<br />
<br />
/* specific styles */<br />
<br />
#topnav li.about a:hover,<br />
#topnav li.about a:active,<br />
#topnav li.about ul,<br />
body.about #topnav li.about a:link,<br />
body.about #topnav li.about a:visited {<br />
background-color: #8b0000;<br />
}<br />
<br />
#topnav li.about ul {<br />
width: 923px;<br />
}<br />
<br />
#topnav li.people a:hover,<br />
#topnav li.people a:active,<br />
#topnav li.people ul,<br />
body.people #topnav li.people a:link,<br />
body.people #topnav li.people a:visited,<br />
body.people #sidenav .sel a:link,<br />
body.people #sidenav .sel a:visited,<br />
body.people #sidenav a:hover,<br />
body.people #sidenav a:active,<br />
body.people #sidenav li.sel li a:hover,<br />
body.people #sidenav li.sel li a:active {<br />
background-color: #e6881a;<br />
}<br />
<br />
#topnav li.people ul {<br />
width: 848px;<br />
padding-left: 75px;<br />
}<br />
<br />
#topnav li.academics a:hover,<br />
#topnav li.academics a:active,<br />
#topnav li.academics ul,<br />
body.academics #topnav li.academics a:link,<br />
body.academics #topnav li.academics a:visited,<br />
body.academics #sidenav li.sel a:link,<br />
body.academics #sidenav li.sel a:visited,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active,<br />
body.academics #sidenav li a:hover,<br />
body.academics #sidenav li a:active,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active {<br />
background-color: #2e2e91;<br />
}<br />
<br />
#topnav li.academics ul {<br />
width: 698px;<br />
padding-left: 225px;<br />
}<br />
<br />
#topnav li.notebook a:hover,<br />
#topnav li.notebook a:active,<br />
#topnav li.notebook ul,<br />
body.notebook #topnav li.notebook a:link,<br />
body.notebook #topnav li.notebook a:visited,<br />
#sidenav li.sel a:link,<br />
#sidenav li.sel a:visited,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active {<br />
background-color: #016b9d;<br />
}<br />
<br />
#topnav li.notebook ul {<br />
width: 463px;<br />
padding-left: 460px;<br />
}<br />
<br />
#topnav li.contributions a:hover,<br />
#topnav li.contributions a:active,<br />
#topnav li.contributions ul,<br />
body.contributions #topnav li.contributions a:link,<br />
body.contributions #topnav li.contributions a:visited,<br />
body.contributions #sidenav li.sel a:link,<br />
body.contributions #sidenav li.sel a:visited,<br />
body.contributions #sidenav li a:hover,<br />
body.contributions #sidenav li a:active,<br />
body.contributions #sidenav li.sel li a:hover,<br />
body.contributions #sidenav li.sel li a:active {<br />
background-color: #4ca14c;<br />
}<br />
<br />
#topnav li.contributions ul {<br />
width: 403px;<br />
padding-left: 520px;<br />
}<br />
<br />
#specialnav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#specialnav a:hover {text-decoration:underline;}<br />
#specialnav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#specialnav dt a {color:#000; text-decoration:none;}<br />
#specialnav dd {padding:0; margin:0;}<br />
#specialnav dd ul {padding:0; margin:0; list-style:none;}<br />
#specialnav dd ul li {padding-left:20px; width:230px}<br />
#specialnav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
/* Thanks to MIT ChemE dept. Your site is lovely. */<br />
<br />
</style><br />
<br />
<br />
</head><br />
<body><br />
<div id="header"><br />
<div id="whitespace" style="background-color: transparent; height: 20px;"></div><br />
<div id="navwrapper"><br />
<ul id="topnav"><br />
<li class="about"><a href="https://2010.igem.org/Team:MIT"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Home</td></table><br />
</a><br />
<br />
<ul><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT">Home</a></li><br />
</ul></li><br />
<li class="people"><a href="https://2010.igem.org/Team:MIT/Team"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Team</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_undergraduates">Undergraduates</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_instructors">Instructors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_advisors">Advisors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_fun">Fun</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_gallery">Gallery</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_sponsors">Sponsors</a></li><br />
</ul></li><br />
<li class="academics"><a href="https://2010.igem.org/Team:MIT_overview"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Project</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_overview">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_toggle">Toggle</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage">Phage</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Mammalian</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_summary">Summary</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_acknowledgements">Acknowledgments</a></li><br />
</ul><br />
<br />
</li><br />
<li class="notebook"><a href="https://2010.igem.org/Team:MIT/Notebook"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Notebook</td></table><br />
</a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mm">Materials & Methods</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_parts">Parts & Data</a></li><br />
<li class="last"><a href ="https://2010.igem.org/Team:MIT_safety">Safety</a></li><br />
<br />
</ul></li><br />
<li class="contributions"><a href="#" class="last"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Contributions</td></table></a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard</a></li><br />
<li><a href="#">New Backbone</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_bioethics">Bioethics</a></li><br />
</ul></li><br />
<br />
</ul><br />
</div><br />
<div id="whitespace" style="height: 100px;"></div><br />
</div> <br />
<br />
</body><br />
<div id="stones"><br />
<a href="https://2010.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2010/2/20/080410Igem-logo.png" height=40px width=45px></a><br><br />
<a href="http://twitter.com/mit_igem"><img src="https://static.igem.org/mediawiki/2010/5/5f/Twitter-square.png" height=40px></a><br><a href="http://www.facebook.com/pages/MIT-iGEM-2010/148399295171024?v=wall&ref=ts"><img src="https://static.igem.org/mediawiki/2010/1/1b/Facebook-square.png" height=40px></a><br />
<br><a href="mailto:igem2010.mit@gmail.com?subject=Questions about MIT iGEM 2010"><img src="https://static.igem.org/mediawiki/2010/8/8b/Gmail-square.png" height=40px><br />
</a><br />
</div><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Team:MIT_mammalian
Team:MIT mammalian
2010-10-27T21:29:46Z
<p>Supacalafrglstic: </p>
<hr />
<div>{{CM_css}}<br />
<br />
<html><br />
<head><br />
<style><br />
#topnav li.academics a {<br />
background-color: #2e2e91;<br />
}<br />
#topnav li.academics ul {<br />
display: block;<br />
}<br />
#content {<br />
background-image: url('https://static.igem.org/mediawiki/2010/a/ae/Peacock_Drop.jpg');<br />
background-attachment: fixed;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div class="header"><br />
<br />
<div style="width:250px; margin: 10px; position: relative; top: -4px; left:-11px; display: block; float:right; padding: 7px; background-color: white;"><br />
<dl id="nav"><br />
<dt><b>Bacteria</b></dt><br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_toggle">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_tconst">Toggle Construction</a></li><br />
<li><a href="#">Characterization</a></li><br />
</ul><br />
</dd><br />
<dt><b>Phage</b></dt><br />
<br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_phage">Introduction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_background">Background</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_design">Design</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_construction">Construction</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_results">Results</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage_context">Context</a></li><br />
<br />
</ul><br />
</dd><br />
</dl><br />
<dl id="specialnav"><br />
<dt><b>Mammalian</b></dt><br />
<br />
<dd><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard </a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Circuit">Circuit Design</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Mechanosensation"> Mechanosensation</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Bone"> Bone Formation</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Switch"> Synthetic Switch</a></li><br />
<br />
</ul><br />
</dd><br />
<br />
</dl><br />
</div><br />
<br />
<div id="unique" style="padding:0px; font-size: 14px; border: 1px solid black; margin:0px; background-color:transparent;"><br />
<table width=650px style="background-color: white; margin-top:5px; padding: 10px;"><tr><td><br />
<br />
<br />
<div class="outline"><br />
<a href="#why">1 Why Mammalian Cells?</a><br><br />
<a href="#our">2 Our Project</a><br><br />
<a href="#pMech">3 The Importance of Mechanosensitivity</a><br><br />
<a href="#future">4 Looking Ahead</a><br><br />
</div></td><tr><td><br />
<div class="bodybaby">cellular touchpad</div></td><br />
<br />
<br />
<tr><td><br />
<b class="bolded" id="why">WHY MAMMALIAN CELLS?</b><br />
<center><br />
<img src="https://static.igem.org/mediawiki/2010/b/b1/Mammalian_overview1.jpg" width=100%></center><br />
<p>Implementing novel artifical sensors and actuators in the lab provides special challenges as all parts must be synthesized from scratch. Entire orthogonal pathways must be designed and made, and much consideration must be given to cross reactivity with different existing pathways that may lead to undesired effects in the synthetic circuit.<br />
<p>Mammalian cells, however, differentiate into materials of great complexity, sensitivity, and durability on a regular basis—-like muscle, bone, nervous tissue, and skin. All these actuators that take so much effort to create from scratch in the lab have been provided by nature in the form of genetic circuits and pathways contained in these cells. If we interface with mammalian cells at the right level and context with a toolkit of synthetic parts, we can selectively switch these pathways on or off. By taking advantage of the cell's built in sensors and actuators, we can direct differentiation into useful tissues, even organs!<br />
<table width=100%><tr><td><br />
<a href="https://static.igem.org/mediawiki/2010/d/d8/Interface.jpg" class="thickbox" title="Interfacing at the transcriptional level"><img src="https://static.igem.org/mediawiki/2010/d/d8/Interface.jpg" width=300px></a></td><td><br />
Interfacing with the cell at the transcriptional level allows us to take full advantage of the built-in sensing and actuating circuits of the mammalian cell. Different signals are sensed by promoters in our circuit, which then integrates these signals and computes an output.</td></tr></table><br />
<br />
<HR> <br />
<p><b class="bolded" id="our">OUR PROJECT: A BONE-FORMING TOUCHPAD!</b><br />
<p><img src="https://static.igem.org/mediawiki/2010/d/d2/Cellular_Touchpad.png"><br />
<p>In our project, we decided to link mechanical stimuli to osteogenesis. Our project began with idea of a biological touchscreen. We envisioned a cellular 'iPad', a plate of cells that could sense applied pressure and differentiate in response. There are a ton of applications for this technology; at the most basic level, one could imagine drawing a pattern onto a cellular monolayer and watch bone form around the outline. The system provides a very useful platform study morphogenesis and different types of mechanical signal transduction, a process little understood to date. Our system allows us to explore the role of chemical and mechanical signaling in differentiation by trying to build analogous synthetic counterparts, the first step to the implementation of semi-orthogonal differentiation pathways and artifical organogenesis. We've developed a basic standard for linking mechanical sensing to cellular differentiation, a standard we hope to see it developed to support even more intricate systems.<br />
<p><img src="https://static.igem.org/mediawiki/2010/1/1f/Overview-of-touchpad.png" width=100%><br />
<p> In our system, cells sense transient mechanical stimuli in the form of either fluid shear stress, stretching, or substrate deformation. The stimuli is sensed by our circuit, flips a bistable toggle, and osteogenesis takes place in the cells that were subjected to mechanical forces.<br />
<ul><p>Other important contributions from our project: <br />
<li>Canonical osteogenic factors in our new mammalian standard, <b><a href=https://2010.igem.org/Team:MIT_mammalian_Standard>MammoBlocks</a></b> for easy assembly and incorporation into synthetic circuits.<br />
<li>For the first time: mechanosensitive promoters in addition to chemical-sensing promoters in MammoBlocks.</ul><br />
<br />
<HR> <br />
<p><b class="bolded" id="pMech">THE IMPORTANCE OF MECHANOSENSITIVITY</b><br />
<p><img src=https://static.igem.org/mediawiki/2010/6/63/Cell_to_organ.jpg width=100%><br />
<p>The path from cell to organ is complicated, and involves both rich chemical and mechanical feedback. To control organogenesis, we will need to control not only the proliferation and phenotype of a single cell, but also its interactions in a network of cells and eventually a network of different tissues. We need to control the spatial organization of these cells with respect to each other. This means we not only need to enable the cell to sense its surroundings and change its own phenotype accordingly, but also sense the phenotypes of the cells around it and act accordingly, whether it’s proliferation, differentiation, signaling, or apoptosis.<br />
<p>Recent paradigm shifted the importance of chemical signals (such as growth factors) to mechanical signaling, such as fluid shear stress, stretch, and substrate hardness. How do cells with the same genome form complex spatial structures? The canonical Turing model based on reaction diffusion is believed to give rise to cheeta spots and zebra stripes, but recently research has shown that this is not sufficient for making 3D structures. In fact, rich mechanical feedback is crucial in early embryogenesis to lay down basic structure of our body plans.<br />
<p>We cannot form complicated structures without mechanosensitivity! However, the current mammalian parts commonly used in synthetic biology does not allow for mechanosensitive parts. <b>Our toolkit, developed during this summer through constructing our bone-forming touchpad, provides, for the first time, mechanosensitive promoters in addition to chemical-sensing promoters.</b><br />
<p><br />
<HR> <br />
<p><b class="bolded" id="future">LOOKING AHEAD</b><br />
<p><br />
Tissue engineering is an emerging field, a creation of 21st century biology. A lot of the groundwork has been laid for the development of artificial organs; we’ve seen lab-grown bladders, heart cells beating in unison in a petri dish, and even human ear mimetics. So far, these organs have been created by populating artificial scaffolds with appropriately differentiated cells; the process has been controlled by the injection of cells into the right places at the right times. Here, we present a new take on manufacturing organs in vitro; an approach that requires cells to sense external stimuli and remodel the growing tissue accordingly. <br />
<p><br />
We chose to explore in vitro bone tissue formation; however, the methods we develop here can be applied generally to the development of any artificial organ. Our specific goal is to create cells that sense mechanical stress, subcellularly integrate this information, and make a decision to differentiate into bone-producing osteoblast cells based on the external signals. These cells will be capable of ‘intelligent’ tissue formation; that is, when seeded onto a scaffold, they will create a bone fragment which is more dense in regions of higher mechanical stress. <br />
<br><br><br />
The applications for cells with this capacity – to create tissue optimized to support a specific mechanical environment – are widespread. There’s the immediately obvious advantage of creating specialized bone grafts; in a nation that spends an average of $20 billion a year on treatments of bone-related fractures and replacements, increasing the efficiency of the bone surgeries would have a wide-ranging impact. But there’s another, more intriguing, application; a model system like this would allow us to directly study tissue development and organogenesis. By mimicking in vitro the natural processes of tissue remodeling, we can start to understand the challenges inherent in cell-dependent tissue structuring, and perhaps get a deeper grasp on the in vivo pathways involved. <br />
<br><br><br />
<br />
</td><br />
</table><br />
<br />
<br />
<br />
</div><br />
</div><br />
</body><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Template:CM_css
Template:CM css
2010-10-27T21:27:30Z
<p>Supacalafrglstic: </p>
<hr />
<div><html><br />
<head><br />
<script type="text/javascript" src="http://www.sunsean.com/idTabs/jquery.idTabs.min.js"></script><br />
<script type="text/javascript" src="http://jquery.com/demo/thickbox/thickbox-code/thickbox.js"></script><br />
<link rel="stylesheet" href="http://jquery.com/demo/thickbox/thickbox-code/thickbox.css" type="text/css" media="screen" /><br />
<script type="text/javascript" src="http://www.google.com/jsapi"></script><br />
<script src="http://d2o0t5hpnwv4c1.cloudfront.net/004_Moo/tutorial/demo/sliding_effect.js"></script><br />
<script> google.load("jquery", "1.4.2"); </script><br />
<script type="text/javascript"><br />
$('#rightMenu a')<br />
.css( {backgroundPosition: "0 0"} )<br />
.mouseover(function(){<br />
$(this).stop().animate(<br />
{backgroundPosition:"(0 -250px)"}, <br />
{duration:500})<br />
})<br />
.mouseout(function(){<br />
$(this).stop().animate(<br />
{backgroundPosition:"(0 0)"}, <br />
{duration:500})<br />
})<br />
</script><br />
<script type="text/javascript"><br />
$(function() {<br />
$("#button").toggle(<br />
function() {<br />
$("#effect").animate({backgroundColor: '#aa0000', color: '#fff', width: 500}, 1000);<br />
},<br />
function() {<br />
$("#effect").animate({backgroundColor: '#fff', color: '#000', width: 240}, 1000);<br />
}<br />
);<br />
});<br />
$(document).ready(function(){<br />
if($("#nav")) {<br />
$("#nav dd").hide();<br />
$("#nav dt b").click(function() {<br />
if(this.className.indexOf("clicked") != -1) {<br />
$(this).parent().next().slideUp(200);<br />
$(this).removeClass("clicked");<br />
}<br />
else {<br />
$("#nav dt b").removeClass();<br />
$(this).addClass("clicked");<br />
$("#nav dd:visible").slideUp(200);<br />
$(this).parent().next().slideDown(500);<br />
}<br />
return false;<br />
});<br />
}<br />
});<br />
<br />
</script><br />
<!--[if IE]><br />
<style><br />
#header {<br />
width: 900px;<br />
}<br />
</style><br />
<![endif]--><br />
<style type="text/css"><br />
.toggler { width: 500px; height: 200px; position: relative;}<br />
#button { padding: .5em 1em; text-decoration: none; }<br />
#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; background: #fff; }<br />
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }<br />
<br />
<br />
#header {<br />
position: relative;<br />
left: 2px;<br />
text-align: left;<br />
margin: 0px;<br />
width: 955px;<br />
}<br />
<br />
#header a {<br />
color: white;<br />
}<br />
<br />
#content {<br />
background-color: transparent;<br />
border: none;<br />
}<br />
<br />
.mainContent {<br />
width: 943px;<br />
position: absolute;<br />
padding:5px;<br />
top: 160px;<br />
font-size: 14px;<br />
margin:5px;<br />
}<br />
<br />
#groupparts {<br />
position:relative;<br />
left: 21px;<br />
top: 5px;<br />
}<br />
<br />
.baby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
}<br />
<br />
.bodybaby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
border-bottom: 2px solid black;<br />
color: black;<br />
}<br />
<br />
.bodybaby a {<br />
color: black;<br />
}<br />
<br />
.sidep {<br />
display: inline;<br />
background-color: #boc4de;<br />
width: 170px;<br />
float: right;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
.outline {<br />
display: inline;<br />
padding: 5px;<br />
background-color: #boc4de;<br />
width: 250px;<br />
float: left;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
#procedure,<br />
#procedure a {<br />
display: relative;<br />
text-decoration: none;<br />
color: black;<br />
list-style: none;<br />
}<br />
<br />
#procedure a:hover {<br />
color: white;<br />
text-decoration: none;<br />
}<br />
<br />
.bolded {<br />
font-size: 16px;<br />
}<br />
<br />
#unique {<br />
margin: 5px 21px !important;<br />
border: none !important;<br />
background-color: white;<br />
}<br />
<br />
#freedom {<br />
width: 105px;<br />
position: relative;<br />
left: -20px;<br />
top: 8px;<br />
display: block;<br />
list-style: none;<br />
text-align: left;<br />
color: black;<br />
background-color: honeydew;<br />
font-family: Osaka, verdana, Sans-Serif;<br />
font-size: 16px;<br />
}<br />
#freedom li a {<br />
text-align: left;<br />
padding-left: 7px;<br />
color: #330066<br />
}<br />
<br />
#freedom li a:hover {<br />
background-color: #b2b2cc;<br />
<br />
}<br />
#freedom li a.selected {<br />
position: relative;<br />
left: 10px;<br />
color: black;<br />
}<br />
<br />
.tabContainer {<br />
position: relative;<br />
top: 0px;<br />
left: 4px;<br />
height: 23px;<br />
width: 99%;<br />
}<br />
.tabContainer p {<br />
text-align:left;<br />
top: 1px;<br />
}<br />
<br />
/* ================================================================ <br />
This copyright notice must be untouched at all times.<br />
Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved.<br />
=================================================================== */<br />
<br />
#nav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#nav a:hover {text-decoration:underline;}<br />
#nav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#nav dt a {color:#000; text-decoration:none;}<br />
#nav dd {padding:0; margin:0;}<br />
#nav dd ul {padding:0; margin:0; list-style:none;}<br />
#nav dd ul li {padding-left:20px; width:230px}<br />
#nav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
<br />
input.searchButton {<br />
background:none repeat scroll 0 0 transparent;<br />
border:medium none;<br />
color:#000066;<br />
font-size:100%;<br />
font-weight:bold;<br />
margin:1px 10px 0;<br />
}<br />
<br />
#search-controls {<br />
display: block;<br />
background: none;<br />
position: absolute;<br />
top: -100px;<br />
left: -50px;}<br />
<br />
.left-menu {<br />
width: 300px;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
.left-menu ul {<br />
border: none; }<br />
<br />
#searchform {<br />
background: none;<br />
display: block;<br />
float: right;}<br />
<br />
#menubar.right-menu {<br />
width: 300px;<br />
display: block;<br />
float: left;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
<br />
#top-section {<br />
height: 0px;<br />
margin-top: -5px;<br />
margin-bottom: 0 !important;<br />
margin-left: auto;<br />
padding:0;<br />
border: none;}<br />
<br />
#p-logo {<br />
height: 0px;<br />
overflow: hidden;<br />
display: none;<br />
border: }<br />
<br />
#footer {<br />
border: none;<br />
background-color: transparent;<br />
margin: 0;<br />
padding: 0; }<br />
<br />
#footer-box {<br />
border:none;<br />
background-color: transparent;<br />
}<br />
<br />
.firstHeading {<br />
display: none; }<br />
<br />
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }<br />
.code code { display: block; padding: 3px; margin-bottom: 0; }<br />
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }<br />
.indent1 { padding-left: 1em; }<br />
.indent2 { padding-left: 2em; }<br />
<br />
/* sidenav styling */<br />
#sidenav {<br />
clear: both;<br />
line-height: 50%;<br />
}<br />
<br />
#sidenav li {<br />
list-style-type: none;<br />
display: block;<br />
margin: 8px 0px;<br />
font-size: 14px;<br />
}<br />
<br />
#sidenav li li {<br />
padding-left: 16px;<br />
}<br />
<br />
#sidenav li a {<br />
color: #333;<br />
padding: 0px 4px 0px 10px;<br />
background-color: transparent;<br />
font-weight: bold;<br />
}<br />
<br />
#sidenav ul a {<br />
font-weight: normal;<br />
}<br />
<br />
#sidenav li li a,<br />
#sidenav li.sel li a {<br />
padding-left: 0px;<br />
}<br />
<br />
#sidenav li.sel a,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav.col li.sel ul li a:hover,<br />
#sidenav.col li.sel ul li a:active {<br />
color: #fff;<br />
text-decoration: none;<br />
}<br />
<br />
<br />
<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
*{padding: 0; margin: 0;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_window {<br />
font: 12px Arial, Helvetica, sans-serif;<br />
color: #333333;<br />
}<br />
<br />
#TB_secondLine {<br />
font: 10px Arial, Helvetica, sans-serif;<br />
color:#666666;<br />
}<br />
<br />
#TB_window a:link {color: #666666;}<br />
#TB_window a:visited {color: #666666;}<br />
#TB_window a:hover {color: #000;}<br />
#TB_window a:active {color: #666666;}<br />
#TB_window a:focus{color: #666666;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_overlay {<br />
position: fixed;<br />
z-index:100;<br />
top: 0px;<br />
left: 0px;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}<br />
.TB_overlayBG {<br />
background-color:#000;<br />
filter:alpha(opacity=75);<br />
-moz-opacity: 0.75;<br />
opacity: 0.75;<br />
}<br />
<br />
* html #TB_overlay { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_window {<br />
position: fixed;<br />
background: #ffffff;<br />
z-index: 102;<br />
color:#000000;<br />
display:none;<br />
border: 4px solid #525252;<br />
text-align:left;<br />
top:50%;<br />
left:50%;<br />
}<br />
<br />
* html #TB_window { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_window img#TB_Image {<br />
display:block;<br />
margin: 15px 0 0 15px;<br />
border-right: 1px solid #ccc;<br />
border-bottom: 1px solid #ccc;<br />
border-top: 1px solid #666;<br />
border-left: 1px solid #666;<br />
}<br />
<br />
#TB_caption{<br />
height:25px;<br />
padding:7px 30px 10px 25px;<br />
float:left;<br />
}<br />
<br />
#TB_closeWindow{<br />
height:25px;<br />
padding:11px 25px 10px 0;<br />
float:right;<br />
}<br />
<br />
#TB_closeAjaxWindow{<br />
padding:7px 10px 5px 0;<br />
margin-bottom:1px;<br />
text-align:right;<br />
float:right;<br />
}<br />
<br />
#TB_ajaxWindowTitle{<br />
float:left;<br />
padding:7px 0 5px 10px;<br />
margin-bottom:1px;<br />
}<br />
<br />
#TB_title{<br />
background-color:#e8e8e8;<br />
height:27px;<br />
}<br />
<br />
#TB_ajaxContent{<br />
clear:both;<br />
padding:2px 15px 15px 15px;<br />
overflow:auto;<br />
text-align:left;<br />
line-height:1.4em;<br />
}<br />
<br />
#TB_ajaxContent.TB_modal{<br />
padding:15px;<br />
}<br />
<br />
#TB_ajaxContent p{<br />
padding:5px 0px 5px 0px;<br />
}<br />
<br />
#TB_load{<br />
position: fixed;<br />
display:none;<br />
height:13px;<br />
width:208px;<br />
z-index:103;<br />
top: 50%;<br />
left: 50%;<br />
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */<br />
}<br />
<br />
* html #TB_load { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_HideSelect{<br />
z-index:99;<br />
position:fixed;<br />
top: 0;<br />
left: 0;<br />
background-color:#fff;<br />
border:none;<br />
filter:alpha(opacity=0);<br />
-moz-opacity: 0;<br />
opacity: 0;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
* html #TB_HideSelect { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_iframeContent{<br />
clear:both;<br />
border:none;<br />
margin-bottom:-1px;<br />
margin-top:1px;<br />
_margin-bottom:1px;<br />
}<br />
<br />
#stones {<br />
position: fixed;<br />
top: 45px;<br />
left: 0px;<br />
width: 43px;<br />
padding: 2px;<br />
background-image: url('https://static.igem.org/mediawiki/2010/3/34/Transparency50.png');<br />
background-repeat: repeat-y;<br />
}<br />
<br />
/* MIT ChemE Menu */<br />
<br />
#navwrapper {<br />
position: absolute;<br />
width: 955px;<br />
}<br />
<br />
#topnav {<br />
height: 65px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li {<br />
list-style: none;<br />
float: left;<br />
}<br />
<br />
#topnav li a {<br />
display: block;<br />
width: 183px;<br />
height: 65px;<br />
margin-right: 2px;<br />
background-color: #2e2e2e;<br />
font-family: "Arial", Verdana, sans-serif;<br />
font-size: medium;<br />
line-height: 1.25em;<br />
color: #fff;<br />
font-weight: 900;<br />
}<br />
<br />
#topnav li a.last {<br />
margin-right: 0px;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul,<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
display: block;<br />
}<br />
<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
z-index: 1;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul {<br />
z-index: 100;<br />
}<br />
<br />
#topnav li ul {<br />
display: none;<br />
clear: both;<br />
position: absolute;<br />
top: 65px;<br />
left: 0px;<br />
width: 950px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li li {<br />
float: none;<br />
display: block;<br />
}<br />
<br />
#topnav li a:hover,<br />
#topnav li a:active {<br />
text-decoration: none;<br />
}<br />
<br />
#topnav li li {<br />
display: block;<br />
float: left;<br />
padding-top: 11px;<br />
padding-bottom: 9px;<br />
}<br />
<br />
#topnav li li a {<br />
margin: 0;<br />
padding: 0 8px;<br />
background-color: transparent;<br />
height: auto;<br />
width: auto;<br />
font-weight: normal;<br />
font-size: small;<br />
border-right: 1px solid white;<br />
}<br />
<br />
#topnav li li.last a {<br />
background-image: none;<br />
padding-right: 0px;<br />
border-right: none;<br />
}<br />
<br />
#topnav li li a:hover,<br />
#topnav li li a:active,<br />
#topnav li li.sel a {<br />
text-transform: uppercase;<br />
}<br />
<br />
<br />
<br />
/* specific styles */<br />
<br />
#topnav li.about a:hover,<br />
#topnav li.about a:active,<br />
#topnav li.about ul,<br />
body.about #topnav li.about a:link,<br />
body.about #topnav li.about a:visited {<br />
background-color: #8b0000;<br />
}<br />
<br />
#topnav li.about ul {<br />
width: 923px;<br />
}<br />
<br />
#topnav li.people a:hover,<br />
#topnav li.people a:active,<br />
#topnav li.people ul,<br />
body.people #topnav li.people a:link,<br />
body.people #topnav li.people a:visited,<br />
body.people #sidenav .sel a:link,<br />
body.people #sidenav .sel a:visited,<br />
body.people #sidenav a:hover,<br />
body.people #sidenav a:active,<br />
body.people #sidenav li.sel li a:hover,<br />
body.people #sidenav li.sel li a:active {<br />
background-color: #e6881a;<br />
}<br />
<br />
#topnav li.people ul {<br />
width: 848px;<br />
padding-left: 75px;<br />
}<br />
<br />
#topnav li.academics a:hover,<br />
#topnav li.academics a:active,<br />
#topnav li.academics ul,<br />
body.academics #topnav li.academics a:link,<br />
body.academics #topnav li.academics a:visited,<br />
body.academics #sidenav li.sel a:link,<br />
body.academics #sidenav li.sel a:visited,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active,<br />
body.academics #sidenav li a:hover,<br />
body.academics #sidenav li a:active,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active {<br />
background-color: #2e2e91;<br />
}<br />
<br />
#topnav li.academics ul {<br />
width: 698px;<br />
padding-left: 225px;<br />
}<br />
<br />
#topnav li.notebook a:hover,<br />
#topnav li.notebook a:active,<br />
#topnav li.notebook ul,<br />
body.notebook #topnav li.notebook a:link,<br />
body.notebook #topnav li.notebook a:visited,<br />
#sidenav li.sel a:link,<br />
#sidenav li.sel a:visited,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active {<br />
background-color: #016b9d;<br />
}<br />
<br />
#topnav li.notebook ul {<br />
width: 463px;<br />
padding-left: 460px;<br />
}<br />
<br />
#topnav li.contributions a:hover,<br />
#topnav li.contributions a:active,<br />
#topnav li.contributions ul,<br />
body.contributions #topnav li.contributions a:link,<br />
body.contributions #topnav li.contributions a:visited,<br />
body.contributions #sidenav li.sel a:link,<br />
body.contributions #sidenav li.sel a:visited,<br />
body.contributions #sidenav li a:hover,<br />
body.contributions #sidenav li a:active,<br />
body.contributions #sidenav li.sel li a:hover,<br />
body.contributions #sidenav li.sel li a:active {<br />
background-color: #4ca14c;<br />
}<br />
<br />
#topnav li.contributions ul {<br />
width: 403px;<br />
padding-left: 520px;<br />
}<br />
<br />
#specialnav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#specialnav a:hover {text-decoration:underline;}<br />
#specialnav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#specialnav dt a {color:#000; text-decoration:none;}<br />
#specialnav dd {padding:0; margin:0;}<br />
#specialnav dd ul {padding:0; margin:0; list-style:none;}<br />
#specialnav dd ul li {padding-left:20px; width:230px}<br />
#specialnav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
/* Thanks to MIT ChemE dept. Your site is lovely. */<br />
<br />
</style><br />
<br />
<br />
</head><br />
<body><br />
<div id="header"><br />
<div id="whitespace" style="background-color: transparent; height: 20px;"></div><br />
<div id="navwrapper"><br />
<ul id="topnav"><br />
<li class="about"><a href="https://2010.igem.org/Team:MIT"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Home</td></table><br />
</a><br />
<br />
<ul><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT">Home</a></li><br />
</ul></li><br />
<li class="people"><a href="https://2010.igem.org/Team:MIT/Team"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Team</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_undergraduates">Undergraduates</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_instructors">Instructors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_advisors">Advisors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_fun">Fun</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_gallery">Gallery</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_sponsors">Sponsors</a></li><br />
</ul></li><br />
<li class="academics"><a href="https://2010.igem.org/Team:MIT_overview"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Project</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_overview">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_toggle">Toggle</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage">Phage</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Mammalian</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_summary">Summary</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_acknowledgements">Acknowledgments</a></li><br />
</ul><br />
<br />
</li><br />
<li class="notebook"><a href="https://2010.igem.org/Team:MIT/Notebook"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Notebook</td></table><br />
</a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mm">Materials & Methods</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_parts">Parts & Data</a></li><br />
<li><a href="#">Journal Club</a></li><br />
<li class="last"><a href ="https://2010.igem.org/Team:MIT_safety">Safety</a></li><br />
<br />
</ul></li><br />
<li class="contributions"><a href="#" class="last"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Contributions</td></table></a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard</a></li><br />
<li><a href="#">New Backbone</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_bioethics">Bioethics</a></li><br />
</ul></li><br />
<br />
</ul><br />
</div><br />
<div id="whitespace" style="height: 100px;"></div><br />
</div> <br />
<br />
</body><br />
<div id="stones"><br />
<a href="https://2010.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2010/2/20/080410Igem-logo.png" height=40px width=45px></a><br><br />
<a href="http://twitter.com/mit_igem"><img src="https://static.igem.org/mediawiki/2010/5/5f/Twitter-square.png" height=40px></a><br><a href="http://www.facebook.com/pages/MIT-iGEM-2010/148399295171024?v=wall&ref=ts"><img src="https://static.igem.org/mediawiki/2010/1/1b/Facebook-square.png" height=40px></a><br />
<br><a href="mailto:igem2010.mit@gmail.com?subject=Questions about MIT iGEM 2010"><img src="https://static.igem.org/mediawiki/2010/8/8b/Gmail-square.png" height=40px><br />
</a><br />
</div><br />
</html></div>
Supacalafrglstic
http://2010.igem.org/Template:Leanna_css
Template:Leanna css
2010-10-27T21:26:45Z
<p>Supacalafrglstic: </p>
<hr />
<div><html><br />
<head><br />
<script type="text/javascript" src="http://www.sunsean.com/idTabs/jquery.idTabs.min.js"></script><br />
<script type="text/javascript" src="http://jquery.com/demo/thickbox/thickbox-code/thickbox.js"></script><br />
<link rel="stylesheet" href="http://jquery.com/demo/thickbox/thickbox-code/thickbox.css" type="text/css" media="screen" /><br />
<script type="text/javascript" src="http://www.google.com/jsapi"></script><br />
<script src="http://d2o0t5hpnwv4c1.cloudfront.net/004_Moo/tutorial/demo/sliding_effect.js"></script><br />
<script> google.load("jquery", "1.4.2"); </script><br />
<!--[if IE]><br />
<style><br />
#whitespace {<br />
height: 200px;<br />
}<br />
#header {<br />
width: 985px;<br />
padding: 0px;<br />
margin: 0px;<br />
background-color: black;<br />
}<br />
#navwrapper {<br />
position: absolute;<br />
width: 985px;<br />
padding: 1px;<br />
margin: 1px;<br />
background-color: green;<br />
}<br />
<br />
#topnav {<br />
height: 65px;<br />
padding: 1px;<br />
margin: 1px;<br />
background-color: pink;<br />
}<br />
<br />
<br />
<br />
</style><br />
<![endif]--><br />
<style type="text/css"><br />
.toggler { width: 500px; height: 200px; position: relative;}<br />
#button { padding: .5em 1em; text-decoration: none; }<br />
#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; background: #fff; }<br />
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }<br />
<br />
<br />
#header {<br />
position: relative;<br />
left: 2px;<br />
text-align: left;<br />
margin: 0px;<br />
width: 955px;<br />
}<br />
<br />
#header a {<br />
color: white;<br />
}<br />
<br />
#content {<br />
background-color: transparent;<br />
border: none;<br />
}<br />
<br />
.mainContent {<br />
width: 943px;<br />
position: absolute;<br />
padding:5px;<br />
top: 160px;<br />
font-size: 14px;<br />
margin:5px;<br />
}<br />
<br />
#groupparts {<br />
position:relative;<br />
left: 21px;<br />
top: 5px;<br />
}<br />
<br />
.baby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
}<br />
<br />
.bodybaby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
border-bottom: 2px solid black;<br />
color: black;<br />
}<br />
<br />
.bodybaby a {<br />
color: black;<br />
}<br />
<br />
.sidep {<br />
display: inline;<br />
background-color: #boc4de;<br />
width: 170px;<br />
float: right;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
.outline {<br />
display: inline;<br />
padding: 5px;<br />
background-color: #boc4de;<br />
width: 250px;<br />
float: left;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
#procedure,<br />
#procedure a {<br />
display: relative;<br />
text-decoration: none;<br />
color: black;<br />
list-style: none;<br />
}<br />
<br />
#procedure a:hover {<br />
color: white;<br />
text-decoration: none;<br />
}<br />
<br />
.bolded {<br />
font-size: 16px;<br />
}<br />
<br />
#unique {<br />
margin: 5px 21px !important;<br />
border: none !important;<br />
background-color: white;<br />
}<br />
<br />
#freedom {<br />
width: 105px;<br />
position: relative;<br />
left: -20px;<br />
top: 8px;<br />
display: block;<br />
list-style: none;<br />
text-align: left;<br />
color: black;<br />
background-color: honeydew;<br />
font-family: Osaka, verdana, Sans-Serif;<br />
font-size: 16px;<br />
}<br />
#freedom li a {<br />
text-align: left;<br />
padding-left: 7px;<br />
color: #330066<br />
}<br />
<br />
#freedom li a:hover {<br />
background-color: #b2b2cc;<br />
<br />
}<br />
#freedom li a.selected {<br />
position: relative;<br />
left: 10px;<br />
color: black;<br />
}<br />
<br />
.tabContainer {<br />
position: relative;<br />
top: 0px;<br />
left: 4px;<br />
height: 23px;<br />
width: 99%;<br />
}<br />
.tabContainer p {<br />
text-align:left;<br />
top: 1px;<br />
}<br />
<br />
/* ================================================================ <br />
This copyright notice must be untouched at all times.<br />
Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved.<br />
=================================================================== */<br />
<br />
#nav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#nav a:hover {text-decoration:underline;}<br />
#nav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#nav dt a {color:#000; text-decoration:none;}<br />
#nav dd {padding:0; margin:0;}<br />
#nav dd ul {padding:0; margin:0; list-style:none;}<br />
#nav dd ul li {padding-left:20px; width:230px}<br />
#nav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
<br />
input.searchButton {<br />
background:none repeat scroll 0 0 transparent;<br />
border:medium none;<br />
color:#000066;<br />
font-size:100%;<br />
font-weight:bold;<br />
margin:1px 10px 0;<br />
}<br />
<br />
#search-controls {<br />
display: block;<br />
background: none;<br />
position: absolute;<br />
top: -100px;<br />
left: -50px;}<br />
<br />
.left-menu {<br />
width: 300px;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
.left-menu ul {<br />
border: none; }<br />
<br />
#searchform {<br />
background: none;<br />
display: block;<br />
float: right;}<br />
<br />
#menubar.right-menu {<br />
width: 300px;<br />
display: block;<br />
float: left;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
<br />
#top-section {<br />
height: 0px;<br />
margin-top: -5px;<br />
margin-bottom: 0 !important;<br />
margin-left: auto;<br />
padding:0;<br />
border: none;}<br />
<br />
#p-logo {<br />
height: 0px;<br />
overflow: hidden;<br />
display: none;<br />
border: }<br />
<br />
#footer {<br />
border: none;<br />
background-color: transparent;<br />
margin: 0;<br />
padding: 0; }<br />
<br />
#footer-box {<br />
border:none;<br />
background-color: transparent;<br />
}<br />
<br />
.firstHeading {<br />
display: none; }<br />
<br />
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }<br />
.code code { display: block; padding: 3px; margin-bottom: 0; }<br />
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }<br />
.indent1 { padding-left: 1em; }<br />
.indent2 { padding-left: 2em; }<br />
<br />
/* sidenav styling */<br />
#sidenav {<br />
clear: both;<br />
line-height: 50%;<br />
}<br />
<br />
#sidenav li {<br />
list-style-type: none;<br />
display: block;<br />
margin: 8px 0px;<br />
font-size: 14px;<br />
}<br />
<br />
#sidenav li li {<br />
padding-left: 16px;<br />
}<br />
<br />
#sidenav li a {<br />
color: #333;<br />
padding: 0px 4px 0px 10px;<br />
background-color: transparent;<br />
font-weight: bold;<br />
}<br />
<br />
#sidenav ul a {<br />
font-weight: normal;<br />
}<br />
<br />
#sidenav li li a,<br />
#sidenav li.sel li a {<br />
padding-left: 0px;<br />
}<br />
<br />
#sidenav li.sel a,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav.col li.sel ul li a:hover,<br />
#sidenav.col li.sel ul li a:active {<br />
color: #fff;<br />
text-decoration: none;<br />
}<br />
<br />
<br />
<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
*{padding: 0; margin: 0;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_window {<br />
font: 12px Arial, Helvetica, sans-serif;<br />
color: #333333;<br />
}<br />
<br />
#TB_secondLine {<br />
font: 10px Arial, Helvetica, sans-serif;<br />
color:#666666;<br />
}<br />
<br />
#TB_window a:link {color: #666666;}<br />
#TB_window a:visited {color: #666666;}<br />
#TB_window a:hover {color: #000;}<br />
#TB_window a:active {color: #666666;}<br />
#TB_window a:focus{color: #666666;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_overlay {<br />
position: fixed;<br />
z-index:100;<br />
top: 0px;<br />
left: 0px;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}<br />
.TB_overlayBG {<br />
background-color:#000;<br />
filter:alpha(opacity=75);<br />
-moz-opacity: 0.75;<br />
opacity: 0.75;<br />
}<br />
<br />
* html #TB_overlay { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_window {<br />
position: fixed;<br />
background: #ffffff;<br />
z-index: 102;<br />
color:#000000;<br />
display:none;<br />
border: 4px solid #525252;<br />
text-align:left;<br />
top:50%;<br />
left:50%;<br />
}<br />
<br />
* html #TB_window { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_window img#TB_Image {<br />
display:block;<br />
margin: 15px 0 0 15px;<br />
border-right: 1px solid #ccc;<br />
border-bottom: 1px solid #ccc;<br />
border-top: 1px solid #666;<br />
border-left: 1px solid #666;<br />
}<br />
<br />
#TB_caption{<br />
height:25px;<br />
padding:7px 30px 10px 25px;<br />
float:left;<br />
}<br />
<br />
#TB_closeWindow{<br />
height:25px;<br />
padding:11px 25px 10px 0;<br />
float:right;<br />
}<br />
<br />
#TB_closeAjaxWindow{<br />
padding:7px 10px 5px 0;<br />
margin-bottom:1px;<br />
text-align:right;<br />
float:right;<br />
}<br />
<br />
#TB_ajaxWindowTitle{<br />
float:left;<br />
padding:7px 0 5px 10px;<br />
margin-bottom:1px;<br />
}<br />
<br />
#TB_title{<br />
background-color:#e8e8e8;<br />
height:27px;<br />
}<br />
<br />
#TB_ajaxContent{<br />
clear:both;<br />
padding:2px 15px 15px 15px;<br />
overflow:auto;<br />
text-align:left;<br />
line-height:1.4em;<br />
}<br />
<br />
#TB_ajaxContent.TB_modal{<br />
padding:15px;<br />
}<br />
<br />
#TB_ajaxContent p{<br />
padding:5px 0px 5px 0px;<br />
}<br />
<br />
#TB_load{<br />
position: fixed;<br />
display:none;<br />
height:13px;<br />
width:208px;<br />
z-index:103;<br />
top: 50%;<br />
left: 50%;<br />
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */<br />
}<br />
<br />
* html #TB_load { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_HideSelect{<br />
z-index:99;<br />
position:fixed;<br />
top: 0;<br />
left: 0;<br />
background-color:#fff;<br />
border:none;<br />
filter:alpha(opacity=0);<br />
-moz-opacity: 0;<br />
opacity: 0;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
* html #TB_HideSelect { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_iframeContent{<br />
clear:both;<br />
border:none;<br />
margin-bottom:-1px;<br />
margin-top:1px;<br />
_margin-bottom:1px;<br />
}<br />
<br />
#stones {<br />
position: fixed;<br />
top: 45px;<br />
left: 0px;<br />
width: 43px;<br />
padding: 2px;<br />
background-image: url('https://static.igem.org/mediawiki/2010/3/34/Transparency50.png');<br />
background-repeat: repeat-y;<br />
}<br />
<br />
/* MIT ChemE Menu */<br />
<br />
#navwrapper {<br />
position: absolute;<br />
width: 955px;<br />
}<br />
<br />
#topnav {<br />
height: 65px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li {<br />
list-style: none;<br />
float: left;<br />
}<br />
<br />
#topnav li a {<br />
display: block;<br />
width: 183px;<br />
height: 65px;<br />
margin-right: 2px;<br />
background-color: #2e2e2e;<br />
font-family: "Arial", Verdana, sans-serif;<br />
font-size: medium;<br />
line-height: 1.25em;<br />
color: #fff;<br />
font-weight: 900;<br />
}<br />
<br />
#topnav li a.last {<br />
margin-right: 0px;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul,<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
display: block;<br />
}<br />
<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
z-index: 1;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul {<br />
z-index: 100;<br />
}<br />
<br />
#topnav li ul {<br />
display: none;<br />
clear: both;<br />
position: absolute;<br />
top: 65px;<br />
left: 0px;<br />
width: 950px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li li {<br />
float: none;<br />
display: block;<br />
}<br />
<br />
#topnav li a:hover,<br />
#topnav li a:active {<br />
text-decoration: none;<br />
}<br />
<br />
#topnav li li {<br />
display: block;<br />
float: left;<br />
padding-top: 11px;<br />
padding-bottom: 9px;<br />
}<br />
<br />
#topnav li li a {<br />
margin: 0;<br />
padding: 0 8px;<br />
background-color: transparent;<br />
height: auto;<br />
width: auto;<br />
font-weight: normal;<br />
font-size: small;<br />
border-right: 1px solid white;<br />
}<br />
<br />
#topnav li li.last a {<br />
background-image: none;<br />
padding-right: 0px;<br />
border-right: none;<br />
}<br />
<br />
#topnav li li a:hover,<br />
#topnav li li a:active,<br />
#topnav li li.sel a {<br />
text-transform: uppercase;<br />
}<br />
<br />
<br />
<br />
/* specific styles */<br />
<br />
#topnav li.about a:hover,<br />
#topnav li.about a:active,<br />
#topnav li.about ul,<br />
body.about #topnav li.about a:link,<br />
body.about #topnav li.about a:visited {<br />
background-color: #8b0000;<br />
}<br />
<br />
#topnav li.about ul {<br />
width: 955px;<br />
}<br />
<br />
#topnav li.people a:hover,<br />
#topnav li.people a:active,<br />
#topnav li.people ul,<br />
body.people #topnav li.people a:link,<br />
body.people #topnav li.people a:visited,<br />
body.people #sidenav .sel a:link,<br />
body.people #sidenav .sel a:visited,<br />
body.people #sidenav a:hover,<br />
body.people #sidenav a:active,<br />
body.people #sidenav li.sel li a:hover,<br />
body.people #sidenav li.sel li a:active {<br />
background-color: #e6881a;<br />
}<br />
<br />
#topnav li.people ul {<br />
width: 848px;<br />
padding-left: 75px;<br />
}<br />
<br />
#topnav li.academics a:hover,<br />
#topnav li.academics a:active,<br />
#topnav li.academics ul,<br />
body.academics #topnav li.academics a:link,<br />
body.academics #topnav li.academics a:visited,<br />
body.academics #sidenav li.sel a:link,<br />
body.academics #sidenav li.sel a:visited,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active,<br />
body.academics #sidenav li a:hover,<br />
body.academics #sidenav li a:active,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active {<br />
background-color: #2e2e91;<br />
}<br />
<br />
#topnav li.academics ul {<br />
width: 698px;<br />
padding-left: 225px;<br />
}<br />
<br />
#topnav li.notebook a:hover,<br />
#topnav li.notebook a:active,<br />
#topnav li.notebook ul,<br />
body.notebook #topnav li.notebook a:link,<br />
body.notebook #topnav li.notebook a:visited,<br />
#sidenav li.sel a:link,<br />
#sidenav li.sel a:visited,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active {<br />
background-color: #016b9d;<br />
}<br />
<br />
#topnav li.notebook ul {<br />
width: 336x;<br />
padding-left: 360px;<br />
}<br />
<br />
#topnav li.contributions a:hover,<br />
#topnav li.contributions a:active,<br />
#topnav li.contributions ul,<br />
body.contributions #topnav li.contributions a:link,<br />
body.contributions #topnav li.contributions a:visited,<br />
body.contributions #sidenav li.sel a:link,<br />
body.contributions #sidenav li.sel a:visited,<br />
body.contributions #sidenav li a:hover,<br />
body.contributions #sidenav li a:active,<br />
body.contributions #sidenav li.sel li a:hover,<br />
body.contributions #sidenav li.sel li a:active {<br />
background-color: #4ca14c;<br />
}<br />
<br />
#topnav li.contributions ul {<br />
width: 603px;<br />
padding-left: 420px;<br />
}<br />
<br />
#specialnav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#specialnav a:hover {text-decoration:underline;}<br />
#specialnav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#specialnav dt a {color:#000; text-decoration:none;}<br />
#specialnav dd {padding:0; margin:0;}<br />
#specialnav dd ul {padding:0; margin:0; list-style:none;}<br />
#specialnav dd ul li {padding-left:20px; width:230px}<br />
#specialnav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
/* Thanks to MIT ChemE dept. Your site is lovely. */<br />
<br />
</style><br />
<br />
<br />
</head><br />
<body><br />
<div id="header"><br />
<div id="whitespace" style="background-color: transparent; height: 20px;"></div><br />
<div id="navwrapper"><br />
<ul id="topnav"><br />
<li class="about"><a href="https://2010.igem.org/Team:MIT"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Home</td></table><br />
</a><br />
<br />
<ul><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT">Home</a></li><br />
</ul></li><br />
<li class="people"><a href="https://2010.igem.org/Team:MIT/Team"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Team</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_undergraduates">Undergraduates</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_instructors">Instructors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_advisors">Advisors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_fun">Fun</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_gallery">Gallery</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_sponsors">Sponsors</a></li><br />
</ul></li><br />
<li class="academics"><a href="https://2010.igem.org/Team:MIT_overview"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Project</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_overview">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_toggle">Toggle</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage">Phage</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Mammalian</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_summary">Summary</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_acknowledgements">Acknowledgments</a></li><br />
</ul><br />
<br />
</li><br />
<li class="notebook"><a href="https://2010.igem.org/Team:MIT/Notebook"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Notebook</td></table><br />
</a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mm">Materials & Methods</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_parts">Parts & Data</a></li><br />
<li><a href="#">Journal Club</a></li><br />
<li class="last"><a href ="https://2010.igem.org/Team:MIT_safety">Safety</a></li><br />
<br />
</ul></li><br />
<li class="contributions"><a href="#" class="last"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Contributions</td></table></a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard</a></li><br />
<li><a href="#">New Backbone</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_bioethics">Bioethics</a></li><br />
</ul></li><br />
<br />
</ul><br />
</div><br />
<div id="whitespace" style="height: 100px;"></div><br />
</div> <br />
<br />
</body><br />
<div id="stones"><br />
<a href="https://2010.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2010/2/20/080410Igem-logo.png" height=40px width=45px></a><br><br />
<a href="http://twitter.com/mit_igem"><img src="https://static.igem.org/mediawiki/2010/5/5f/Twitter-square.png" height=40px></a><br><a href="http://www.facebook.com/pages/MIT-iGEM-2010/148399295171024?v=wall&ref=ts"><img src="https://static.igem.org/mediawiki/2010/1/1b/Facebook-square.png" height=40px></a><br />
<br><a href="mailto:igem2010.mit@gmail.com?subject=Questions about MIT iGEM 2010"><img src="https://static.igem.org/mediawiki/2010/8/8b/Gmail-square.png" height=40px><br />
</a><br />
</div></html></div>
Supacalafrglstic
http://2010.igem.org/Template:Leanna_css
Template:Leanna css
2010-10-27T21:25:26Z
<p>Supacalafrglstic: </p>
<hr />
<div><html><br />
<head><br />
<script type="text/javascript" src="http://www.sunsean.com/idTabs/jquery.idTabs.min.js"></script><br />
<script type="text/javascript" src="http://jquery.com/demo/thickbox/thickbox-code/thickbox.js"></script><br />
<link rel="stylesheet" href="http://jquery.com/demo/thickbox/thickbox-code/thickbox.css" type="text/css" media="screen" /><br />
<script type="text/javascript" src="http://www.google.com/jsapi"></script><br />
<script src="http://d2o0t5hpnwv4c1.cloudfront.net/004_Moo/tutorial/demo/sliding_effect.js"></script><br />
<script> google.load("jquery", "1.4.2"); </script><br />
<!--[if IE]><br />
<style><br />
#whitespace {<br />
height: 200px;<br />
}<br />
#header {<br />
width: 985px;<br />
padding: 0px;<br />
margin: 0px;<br />
background-color: black;<br />
}<br />
#navwrapper {<br />
position: absolute;<br />
width: 985px;<br />
padding: 1px;<br />
margin: 1px;<br />
background-color: green;<br />
}<br />
<br />
#topnav {<br />
height: 65px;<br />
padding: 1px;<br />
margin: 1px;<br />
background-color: pink;<br />
}<br />
<br />
<br />
<br />
</style><br />
<![endif]--><br />
<style type="text/css"><br />
.toggler { width: 500px; height: 200px; position: relative;}<br />
#button { padding: .5em 1em; text-decoration: none; }<br />
#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; background: #fff; }<br />
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }<br />
<br />
<br />
#header {<br />
position: relative;<br />
left: 2px;<br />
text-align: left;<br />
margin: 0px;<br />
width: 955px;<br />
}<br />
<br />
#header a {<br />
color: white;<br />
}<br />
<br />
#content {<br />
background-color: transparent;<br />
border: none;<br />
}<br />
<br />
.mainContent {<br />
width: 943px;<br />
position: absolute;<br />
padding:5px;<br />
top: 160px;<br />
font-size: 14px;<br />
margin:5px;<br />
}<br />
<br />
#groupparts {<br />
position:relative;<br />
left: 21px;<br />
top: 5px;<br />
}<br />
<br />
.baby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
}<br />
<br />
.bodybaby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
border-bottom: 2px solid black;<br />
color: black;<br />
}<br />
<br />
.bodybaby a {<br />
color: black;<br />
}<br />
<br />
.sidep {<br />
display: inline;<br />
background-color: #boc4de;<br />
width: 170px;<br />
float: right;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
.outline {<br />
display: inline;<br />
padding: 5px;<br />
background-color: #boc4de;<br />
width: 250px;<br />
float: left;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
#procedure,<br />
#procedure a {<br />
display: relative;<br />
text-decoration: none;<br />
color: black;<br />
list-style: none;<br />
}<br />
<br />
#procedure a:hover {<br />
color: white;<br />
text-decoration: none;<br />
}<br />
<br />
.bolded {<br />
font-size: 16px;<br />
}<br />
<br />
#unique {<br />
margin: 5px 21px !important;<br />
border: none !important;<br />
background-color: white;<br />
}<br />
<br />
#freedom {<br />
width: 105px;<br />
position: relative;<br />
left: -20px;<br />
top: 8px;<br />
display: block;<br />
list-style: none;<br />
text-align: left;<br />
color: black;<br />
background-color: honeydew;<br />
font-family: Osaka, verdana, Sans-Serif;<br />
font-size: 16px;<br />
}<br />
#freedom li a {<br />
text-align: left;<br />
padding-left: 7px;<br />
color: #330066<br />
}<br />
<br />
#freedom li a:hover {<br />
background-color: #b2b2cc;<br />
<br />
}<br />
#freedom li a.selected {<br />
position: relative;<br />
left: 10px;<br />
color: black;<br />
}<br />
<br />
.tabContainer {<br />
position: relative;<br />
top: 0px;<br />
left: 4px;<br />
height: 23px;<br />
width: 99%;<br />
}<br />
.tabContainer p {<br />
text-align:left;<br />
top: 1px;<br />
}<br />
<br />
/* ================================================================ <br />
This copyright notice must be untouched at all times.<br />
Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved.<br />
=================================================================== */<br />
<br />
#nav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#nav a:hover {text-decoration:underline;}<br />
#nav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#nav dt a {color:#000; text-decoration:none;}<br />
#nav dd {padding:0; margin:0;}<br />
#nav dd ul {padding:0; margin:0; list-style:none;}<br />
#nav dd ul li {padding-left:20px; width:230px}<br />
#nav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
<br />
input.searchButton {<br />
background:none repeat scroll 0 0 transparent;<br />
border:medium none;<br />
color:#000066;<br />
font-size:100%;<br />
font-weight:bold;<br />
margin:1px 10px 0;<br />
}<br />
<br />
#search-controls {<br />
display: block;<br />
background: none;<br />
position: absolute;<br />
top: -100px;<br />
left: -50px;}<br />
<br />
.left-menu {<br />
width: 300px;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
.left-menu ul {<br />
border: none; }<br />
<br />
#searchform {<br />
background: none;<br />
display: block;<br />
float: right;}<br />
<br />
#menubar.right-menu {<br />
width: 300px;<br />
display: block;<br />
float: left;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
<br />
#top-section {<br />
height: 0px;<br />
margin-top: -5px;<br />
margin-bottom: 0 !important;<br />
margin-left: auto;<br />
padding:0;<br />
border: none;}<br />
<br />
#p-logo {<br />
height: 0px;<br />
overflow: hidden;<br />
display: none;<br />
border: }<br />
<br />
#footer {<br />
border: none;<br />
background-color: transparent;<br />
margin: 0;<br />
padding: 0; }<br />
<br />
#footer-box {<br />
border:none;<br />
background-color: transparent;<br />
}<br />
<br />
.firstHeading {<br />
display: none; }<br />
<br />
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }<br />
.code code { display: block; padding: 3px; margin-bottom: 0; }<br />
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }<br />
.indent1 { padding-left: 1em; }<br />
.indent2 { padding-left: 2em; }<br />
<br />
/* sidenav styling */<br />
#sidenav {<br />
clear: both;<br />
line-height: 50%;<br />
}<br />
<br />
#sidenav li {<br />
list-style-type: none;<br />
display: block;<br />
margin: 8px 0px;<br />
font-size: 14px;<br />
}<br />
<br />
#sidenav li li {<br />
padding-left: 16px;<br />
}<br />
<br />
#sidenav li a {<br />
color: #333;<br />
padding: 0px 4px 0px 10px;<br />
background-color: transparent;<br />
font-weight: bold;<br />
}<br />
<br />
#sidenav ul a {<br />
font-weight: normal;<br />
}<br />
<br />
#sidenav li li a,<br />
#sidenav li.sel li a {<br />
padding-left: 0px;<br />
}<br />
<br />
#sidenav li.sel a,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav.col li.sel ul li a:hover,<br />
#sidenav.col li.sel ul li a:active {<br />
color: #fff;<br />
text-decoration: none;<br />
}<br />
<br />
<br />
<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
*{padding: 0; margin: 0;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_window {<br />
font: 12px Arial, Helvetica, sans-serif;<br />
color: #333333;<br />
}<br />
<br />
#TB_secondLine {<br />
font: 10px Arial, Helvetica, sans-serif;<br />
color:#666666;<br />
}<br />
<br />
#TB_window a:link {color: #666666;}<br />
#TB_window a:visited {color: #666666;}<br />
#TB_window a:hover {color: #000;}<br />
#TB_window a:active {color: #666666;}<br />
#TB_window a:focus{color: #666666;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_overlay {<br />
position: fixed;<br />
z-index:100;<br />
top: 0px;<br />
left: 0px;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}<br />
.TB_overlayBG {<br />
background-color:#000;<br />
filter:alpha(opacity=75);<br />
-moz-opacity: 0.75;<br />
opacity: 0.75;<br />
}<br />
<br />
* html #TB_overlay { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_window {<br />
position: fixed;<br />
background: #ffffff;<br />
z-index: 102;<br />
color:#000000;<br />
display:none;<br />
border: 4px solid #525252;<br />
text-align:left;<br />
top:50%;<br />
left:50%;<br />
}<br />
<br />
* html #TB_window { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_window img#TB_Image {<br />
display:block;<br />
margin: 15px 0 0 15px;<br />
border-right: 1px solid #ccc;<br />
border-bottom: 1px solid #ccc;<br />
border-top: 1px solid #666;<br />
border-left: 1px solid #666;<br />
}<br />
<br />
#TB_caption{<br />
height:25px;<br />
padding:7px 30px 10px 25px;<br />
float:left;<br />
}<br />
<br />
#TB_closeWindow{<br />
height:25px;<br />
padding:11px 25px 10px 0;<br />
float:right;<br />
}<br />
<br />
#TB_closeAjaxWindow{<br />
padding:7px 10px 5px 0;<br />
margin-bottom:1px;<br />
text-align:right;<br />
float:right;<br />
}<br />
<br />
#TB_ajaxWindowTitle{<br />
float:left;<br />
padding:7px 0 5px 10px;<br />
margin-bottom:1px;<br />
}<br />
<br />
#TB_title{<br />
background-color:#e8e8e8;<br />
height:27px;<br />
}<br />
<br />
#TB_ajaxContent{<br />
clear:both;<br />
padding:2px 15px 15px 15px;<br />
overflow:auto;<br />
text-align:left;<br />
line-height:1.4em;<br />
}<br />
<br />
#TB_ajaxContent.TB_modal{<br />
padding:15px;<br />
}<br />
<br />
#TB_ajaxContent p{<br />
padding:5px 0px 5px 0px;<br />
}<br />
<br />
#TB_load{<br />
position: fixed;<br />
display:none;<br />
height:13px;<br />
width:208px;<br />
z-index:103;<br />
top: 50%;<br />
left: 50%;<br />
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */<br />
}<br />
<br />
* html #TB_load { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_HideSelect{<br />
z-index:99;<br />
position:fixed;<br />
top: 0;<br />
left: 0;<br />
background-color:#fff;<br />
border:none;<br />
filter:alpha(opacity=0);<br />
-moz-opacity: 0;<br />
opacity: 0;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
* html #TB_HideSelect { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_iframeContent{<br />
clear:both;<br />
border:none;<br />
margin-bottom:-1px;<br />
margin-top:1px;<br />
_margin-bottom:1px;<br />
}<br />
<br />
#stones {<br />
position: fixed;<br />
top: 45px;<br />
left: 0px;<br />
width: 43px;<br />
padding: 2px;<br />
background-image: url('https://static.igem.org/mediawiki/2010/3/34/Transparency50.png');<br />
background-repeat: repeat-y;<br />
}<br />
<br />
/* MIT ChemE Menu */<br />
<br />
#navwrapper {<br />
position: absolute;<br />
width: 955px;<br />
}<br />
<br />
#topnav {<br />
height: 65px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li {<br />
list-style: none;<br />
float: left;<br />
}<br />
<br />
#topnav li a {<br />
display: block;<br />
width: 183px;<br />
height: 65px;<br />
margin-right: 2px;<br />
background-color: #2e2e2e;<br />
font-family: "Arial", Verdana, sans-serif;<br />
font-size: medium;<br />
line-height: 1.25em;<br />
color: #fff;<br />
font-weight: 900;<br />
}<br />
<br />
#topnav li a.last {<br />
margin-right: 0px;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul,<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
display: block;<br />
}<br />
<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
z-index: 1;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul {<br />
z-index: 100;<br />
}<br />
<br />
#topnav li ul {<br />
display: none;<br />
clear: both;<br />
position: absolute;<br />
top: 65px;<br />
left: 0px;<br />
width: 950px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li li {<br />
float: none;<br />
display: block;<br />
}<br />
<br />
#topnav li a:hover,<br />
#topnav li a:active {<br />
text-decoration: none;<br />
}<br />
<br />
#topnav li li {<br />
display: block;<br />
float: left;<br />
padding-top: 11px;<br />
padding-bottom: 9px;<br />
}<br />
<br />
#topnav li li a {<br />
margin: 0;<br />
padding: 0 8px;<br />
background-color: transparent;<br />
height: auto;<br />
width: auto;<br />
font-weight: normal;<br />
font-size: small;<br />
border-right: 1px solid white;<br />
}<br />
<br />
#topnav li li.last a {<br />
background-image: none;<br />
padding-right: 0px;<br />
border-right: none;<br />
}<br />
<br />
#topnav li li a:hover,<br />
#topnav li li a:active,<br />
#topnav li li.sel a {<br />
text-transform: uppercase;<br />
}<br />
<br />
<br />
<br />
/* specific styles */<br />
<br />
#topnav li.about a:hover,<br />
#topnav li.about a:active,<br />
#topnav li.about ul,<br />
body.about #topnav li.about a:link,<br />
body.about #topnav li.about a:visited {<br />
background-color: #8b0000;<br />
}<br />
<br />
#topnav li.about ul {<br />
width: 955px;<br />
}<br />
<br />
#topnav li.people a:hover,<br />
#topnav li.people a:active,<br />
#topnav li.people ul,<br />
body.people #topnav li.people a:link,<br />
body.people #topnav li.people a:visited,<br />
body.people #sidenav .sel a:link,<br />
body.people #sidenav .sel a:visited,<br />
body.people #sidenav a:hover,<br />
body.people #sidenav a:active,<br />
body.people #sidenav li.sel li a:hover,<br />
body.people #sidenav li.sel li a:active {<br />
background-color: #e6881a;<br />
}<br />
<br />
#topnav li.people ul {<br />
width: 848px;<br />
padding-left: 75px;<br />
}<br />
<br />
#topnav li.academics a:hover,<br />
#topnav li.academics a:active,<br />
#topnav li.academics ul,<br />
body.academics #topnav li.academics a:link,<br />
body.academics #topnav li.academics a:visited,<br />
body.academics #sidenav li.sel a:link,<br />
body.academics #sidenav li.sel a:visited,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active,<br />
body.academics #sidenav li a:hover,<br />
body.academics #sidenav li a:active,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active {<br />
background-color: #2e2e91;<br />
}<br />
<br />
#topnav li.academics ul {<br />
width: 698px;<br />
padding-left: 225px;<br />
}<br />
<br />
#topnav li.notebook a:hover,<br />
#topnav li.notebook a:active,<br />
#topnav li.notebook ul,<br />
body.notebook #topnav li.notebook a:link,<br />
body.notebook #topnav li.notebook a:visited,<br />
#sidenav li.sel a:link,<br />
#sidenav li.sel a:visited,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active {<br />
background-color: #016b9d;<br />
}<br />
<br />
#topnav li.notebook ul {<br />
width: 336x;<br />
padding-left: 360px;<br />
}<br />
<br />
#topnav li.contributions a:hover,<br />
#topnav li.contributions a:active,<br />
#topnav li.contributions ul,<br />
body.contributions #topnav li.contributions a:link,<br />
body.contributions #topnav li.contributions a:visited,<br />
body.contributions #sidenav li.sel a:link,<br />
body.contributions #sidenav li.sel a:visited,<br />
body.contributions #sidenav li a:hover,<br />
body.contributions #sidenav li a:active,<br />
body.contributions #sidenav li.sel li a:hover,<br />
body.contributions #sidenav li.sel li a:active {<br />
background-color: #4ca14c;<br />
}<br />
<br />
#topnav li.contributions ul {<br />
width: 603px;<br />
padding-left: 420px;<br />
}<br />
<br />
#specialnav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#specialnav a:hover {text-decoration:underline;}<br />
#specialnav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#specialnav dt a {color:#000; text-decoration:none;}<br />
#specialnav dd {padding:0; margin:0;}<br />
#specialnav dd ul {padding:0; margin:0; list-style:none;}<br />
#specialnav dd ul li {padding-left:20px; width:230px}<br />
#specialnav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
/* Thanks to MIT ChemE dept. Your site is lovely. */<br />
<br />
</style><br />
<br />
<br />
</head><br />
<body><br />
<div id="header"><br />
<div id="whitespace" style="background-color: transparent; height: 20px;"></div><br />
<div id="navwrapper"><br />
<ul id="topnav"><br />
<li class="about"><a href="https://2010.igem.org/Team:MIT"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Home</td></table><br />
</a><br />
<br />
<ul><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT">Home</a></li><br />
</ul></li><br />
<li class="people"><a href="https://2010.igem.org/Team:MIT/Team"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Team</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_undergraduates">Undergraduates</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_instructors">Instructors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_advisors">Advisors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_fun">Fun</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_gallery">Gallery</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_sponsors">Sponsors</a></li><br />
</ul></li><br />
<li class="academics"><a href="https://2010.igem.org/Team:MIT_overview"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Project</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_overview">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_toggle">Toggle</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage">Phage</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Mammalian</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_summary">Summary</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_acknowledgements">Acknowledgments</a></li><br />
</ul><br />
<br />
</li><br />
<li class="notebook"><a href="https://2010.igem.org/Team:MIT/Notebook"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Notebook</td></table><br />
<!-- <img src="https://static.igem.org/mediawiki/2010/e/ed/Pelletedcrop.png" width=182px> --!><br />
</a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mm">Materials & Methods</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_parts">Parts & Data</a></li><br />
<li><a href="#">Journal Club</a></li><br />
<li class="last"><a href ="https://2010.igem.org/Team:MIT_safety">Safety</a></li><br />
<br />
</ul></li><br />
<li class="contributions"><a href="#" class="last"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Contributions</td></table></a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard</a></li><br />
<li><a href="#">New Backbone</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_bioethics">Bioethics</a></li><br />
</ul></li><br />
<br />
</ul><br />
</div><br />
<div id="whitespace" style="height: 100px;"></div><br />
</div> <br />
<br />
</body><br />
<div id="stones"><br />
<a href="https://2010.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2010/2/20/080410Igem-logo.png" height=40px width=45px></a><br><br />
<a href="http://twitter.com/mit_igem"><img src="https://static.igem.org/mediawiki/2010/5/5f/Twitter-square.png" height=40px></a><br><a href="http://www.facebook.com/pages/MIT-iGEM-2010/148399295171024?v=wall&ref=ts"><img src="https://static.igem.org/mediawiki/2010/1/1b/Facebook-square.png" height=40px></a><br />
<br><a href="mailto:igem2010.mit@gmail.com?subject=Questions about MIT iGEM 2010"><img src="https://static.igem.org/mediawiki/2010/8/8b/Gmail-square.png" height=40px><br />
</a><br />
</div></html></div>
Supacalafrglstic
http://2010.igem.org/Template:Leanna_css
Template:Leanna css
2010-10-27T21:25:01Z
<p>Supacalafrglstic: </p>
<hr />
<div><html><br />
<head><br />
<script type="text/javascript" src="http://www.sunsean.com/idTabs/jquery.idTabs.min.js"></script><br />
<script type="text/javascript" src="http://jquery.com/demo/thickbox/thickbox-code/thickbox.js"></script><br />
<link rel="stylesheet" href="http://jquery.com/demo/thickbox/thickbox-code/thickbox.css" type="text/css" media="screen" /><br />
<script type="text/javascript" src="http://www.google.com/jsapi"></script><br />
<script src="http://d2o0t5hpnwv4c1.cloudfront.net/004_Moo/tutorial/demo/sliding_effect.js"></script><br />
<script> google.load("jquery", "1.4.2"); </script><br />
<!--[if IE]><br />
<style><br />
#whitespace {<br />
height: 200px;<br />
}<br />
#header {<br />
width: 985px;<br />
padding: 0px;<br />
margin: 0px;<br />
background-color: black;<br />
}<br />
#navwrapper {<br />
position: absolute;<br />
width: 985px;<br />
padding: 1px;<br />
margin: 1px;<br />
background-color: green;<br />
}<br />
<br />
#topnav {<br />
height: 65px;<br />
background-color: pink;<br />
}<br />
<br />
<br />
<br />
</style><br />
<![endif]--><br />
<style type="text/css"><br />
.toggler { width: 500px; height: 200px; position: relative;}<br />
#button { padding: .5em 1em; text-decoration: none; }<br />
#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; background: #fff; }<br />
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }<br />
<br />
<br />
#header {<br />
position: relative;<br />
left: 2px;<br />
text-align: left;<br />
margin: 0px;<br />
width: 955px;<br />
}<br />
<br />
#header a {<br />
color: white;<br />
}<br />
<br />
#content {<br />
background-color: transparent;<br />
border: none;<br />
}<br />
<br />
.mainContent {<br />
width: 943px;<br />
position: absolute;<br />
padding:5px;<br />
top: 160px;<br />
font-size: 14px;<br />
margin:5px;<br />
}<br />
<br />
#groupparts {<br />
position:relative;<br />
left: 21px;<br />
top: 5px;<br />
}<br />
<br />
.baby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
}<br />
<br />
.bodybaby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
border-bottom: 2px solid black;<br />
color: black;<br />
}<br />
<br />
.bodybaby a {<br />
color: black;<br />
}<br />
<br />
.sidep {<br />
display: inline;<br />
background-color: #boc4de;<br />
width: 170px;<br />
float: right;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
.outline {<br />
display: inline;<br />
padding: 5px;<br />
background-color: #boc4de;<br />
width: 250px;<br />
float: left;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
#procedure,<br />
#procedure a {<br />
display: relative;<br />
text-decoration: none;<br />
color: black;<br />
list-style: none;<br />
}<br />
<br />
#procedure a:hover {<br />
color: white;<br />
text-decoration: none;<br />
}<br />
<br />
.bolded {<br />
font-size: 16px;<br />
}<br />
<br />
#unique {<br />
margin: 5px 21px !important;<br />
border: none !important;<br />
background-color: white;<br />
}<br />
<br />
#freedom {<br />
width: 105px;<br />
position: relative;<br />
left: -20px;<br />
top: 8px;<br />
display: block;<br />
list-style: none;<br />
text-align: left;<br />
color: black;<br />
background-color: honeydew;<br />
font-family: Osaka, verdana, Sans-Serif;<br />
font-size: 16px;<br />
}<br />
#freedom li a {<br />
text-align: left;<br />
padding-left: 7px;<br />
color: #330066<br />
}<br />
<br />
#freedom li a:hover {<br />
background-color: #b2b2cc;<br />
<br />
}<br />
#freedom li a.selected {<br />
position: relative;<br />
left: 10px;<br />
color: black;<br />
}<br />
<br />
.tabContainer {<br />
position: relative;<br />
top: 0px;<br />
left: 4px;<br />
height: 23px;<br />
width: 99%;<br />
}<br />
.tabContainer p {<br />
text-align:left;<br />
top: 1px;<br />
}<br />
<br />
/* ================================================================ <br />
This copyright notice must be untouched at all times.<br />
Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved.<br />
=================================================================== */<br />
<br />
#nav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#nav a:hover {text-decoration:underline;}<br />
#nav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#nav dt a {color:#000; text-decoration:none;}<br />
#nav dd {padding:0; margin:0;}<br />
#nav dd ul {padding:0; margin:0; list-style:none;}<br />
#nav dd ul li {padding-left:20px; width:230px}<br />
#nav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
<br />
input.searchButton {<br />
background:none repeat scroll 0 0 transparent;<br />
border:medium none;<br />
color:#000066;<br />
font-size:100%;<br />
font-weight:bold;<br />
margin:1px 10px 0;<br />
}<br />
<br />
#search-controls {<br />
display: block;<br />
background: none;<br />
position: absolute;<br />
top: -100px;<br />
left: -50px;}<br />
<br />
.left-menu {<br />
width: 300px;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
.left-menu ul {<br />
border: none; }<br />
<br />
#searchform {<br />
background: none;<br />
display: block;<br />
float: right;}<br />
<br />
#menubar.right-menu {<br />
width: 300px;<br />
display: block;<br />
float: left;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
<br />
#top-section {<br />
height: 0px;<br />
margin-top: -5px;<br />
margin-bottom: 0 !important;<br />
margin-left: auto;<br />
padding:0;<br />
border: none;}<br />
<br />
#p-logo {<br />
height: 0px;<br />
overflow: hidden;<br />
display: none;<br />
border: }<br />
<br />
#footer {<br />
border: none;<br />
background-color: transparent;<br />
margin: 0;<br />
padding: 0; }<br />
<br />
#footer-box {<br />
border:none;<br />
background-color: transparent;<br />
}<br />
<br />
.firstHeading {<br />
display: none; }<br />
<br />
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }<br />
.code code { display: block; padding: 3px; margin-bottom: 0; }<br />
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }<br />
.indent1 { padding-left: 1em; }<br />
.indent2 { padding-left: 2em; }<br />
<br />
/* sidenav styling */<br />
#sidenav {<br />
clear: both;<br />
line-height: 50%;<br />
}<br />
<br />
#sidenav li {<br />
list-style-type: none;<br />
display: block;<br />
margin: 8px 0px;<br />
font-size: 14px;<br />
}<br />
<br />
#sidenav li li {<br />
padding-left: 16px;<br />
}<br />
<br />
#sidenav li a {<br />
color: #333;<br />
padding: 0px 4px 0px 10px;<br />
background-color: transparent;<br />
font-weight: bold;<br />
}<br />
<br />
#sidenav ul a {<br />
font-weight: normal;<br />
}<br />
<br />
#sidenav li li a,<br />
#sidenav li.sel li a {<br />
padding-left: 0px;<br />
}<br />
<br />
#sidenav li.sel a,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav.col li.sel ul li a:hover,<br />
#sidenav.col li.sel ul li a:active {<br />
color: #fff;<br />
text-decoration: none;<br />
}<br />
<br />
<br />
<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
*{padding: 0; margin: 0;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_window {<br />
font: 12px Arial, Helvetica, sans-serif;<br />
color: #333333;<br />
}<br />
<br />
#TB_secondLine {<br />
font: 10px Arial, Helvetica, sans-serif;<br />
color:#666666;<br />
}<br />
<br />
#TB_window a:link {color: #666666;}<br />
#TB_window a:visited {color: #666666;}<br />
#TB_window a:hover {color: #000;}<br />
#TB_window a:active {color: #666666;}<br />
#TB_window a:focus{color: #666666;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_overlay {<br />
position: fixed;<br />
z-index:100;<br />
top: 0px;<br />
left: 0px;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}<br />
.TB_overlayBG {<br />
background-color:#000;<br />
filter:alpha(opacity=75);<br />
-moz-opacity: 0.75;<br />
opacity: 0.75;<br />
}<br />
<br />
* html #TB_overlay { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_window {<br />
position: fixed;<br />
background: #ffffff;<br />
z-index: 102;<br />
color:#000000;<br />
display:none;<br />
border: 4px solid #525252;<br />
text-align:left;<br />
top:50%;<br />
left:50%;<br />
}<br />
<br />
* html #TB_window { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_window img#TB_Image {<br />
display:block;<br />
margin: 15px 0 0 15px;<br />
border-right: 1px solid #ccc;<br />
border-bottom: 1px solid #ccc;<br />
border-top: 1px solid #666;<br />
border-left: 1px solid #666;<br />
}<br />
<br />
#TB_caption{<br />
height:25px;<br />
padding:7px 30px 10px 25px;<br />
float:left;<br />
}<br />
<br />
#TB_closeWindow{<br />
height:25px;<br />
padding:11px 25px 10px 0;<br />
float:right;<br />
}<br />
<br />
#TB_closeAjaxWindow{<br />
padding:7px 10px 5px 0;<br />
margin-bottom:1px;<br />
text-align:right;<br />
float:right;<br />
}<br />
<br />
#TB_ajaxWindowTitle{<br />
float:left;<br />
padding:7px 0 5px 10px;<br />
margin-bottom:1px;<br />
}<br />
<br />
#TB_title{<br />
background-color:#e8e8e8;<br />
height:27px;<br />
}<br />
<br />
#TB_ajaxContent{<br />
clear:both;<br />
padding:2px 15px 15px 15px;<br />
overflow:auto;<br />
text-align:left;<br />
line-height:1.4em;<br />
}<br />
<br />
#TB_ajaxContent.TB_modal{<br />
padding:15px;<br />
}<br />
<br />
#TB_ajaxContent p{<br />
padding:5px 0px 5px 0px;<br />
}<br />
<br />
#TB_load{<br />
position: fixed;<br />
display:none;<br />
height:13px;<br />
width:208px;<br />
z-index:103;<br />
top: 50%;<br />
left: 50%;<br />
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */<br />
}<br />
<br />
* html #TB_load { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_HideSelect{<br />
z-index:99;<br />
position:fixed;<br />
top: 0;<br />
left: 0;<br />
background-color:#fff;<br />
border:none;<br />
filter:alpha(opacity=0);<br />
-moz-opacity: 0;<br />
opacity: 0;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
* html #TB_HideSelect { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_iframeContent{<br />
clear:both;<br />
border:none;<br />
margin-bottom:-1px;<br />
margin-top:1px;<br />
_margin-bottom:1px;<br />
}<br />
<br />
#stones {<br />
position: fixed;<br />
top: 45px;<br />
left: 0px;<br />
width: 43px;<br />
padding: 2px;<br />
background-image: url('https://static.igem.org/mediawiki/2010/3/34/Transparency50.png');<br />
background-repeat: repeat-y;<br />
}<br />
<br />
/* MIT ChemE Menu */<br />
<br />
#navwrapper {<br />
position: absolute;<br />
width: 955px;<br />
}<br />
<br />
#topnav {<br />
height: 65px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li {<br />
list-style: none;<br />
float: left;<br />
}<br />
<br />
#topnav li a {<br />
display: block;<br />
width: 183px;<br />
height: 65px;<br />
margin-right: 2px;<br />
background-color: #2e2e2e;<br />
font-family: "Arial", Verdana, sans-serif;<br />
font-size: medium;<br />
line-height: 1.25em;<br />
color: #fff;<br />
font-weight: 900;<br />
}<br />
<br />
#topnav li a.last {<br />
margin-right: 0px;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul,<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
display: block;<br />
}<br />
<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
z-index: 1;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul {<br />
z-index: 100;<br />
}<br />
<br />
#topnav li ul {<br />
display: none;<br />
clear: both;<br />
position: absolute;<br />
top: 65px;<br />
left: 0px;<br />
width: 950px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li li {<br />
float: none;<br />
display: block;<br />
}<br />
<br />
#topnav li a:hover,<br />
#topnav li a:active {<br />
text-decoration: none;<br />
}<br />
<br />
#topnav li li {<br />
display: block;<br />
float: left;<br />
padding-top: 11px;<br />
padding-bottom: 9px;<br />
}<br />
<br />
#topnav li li a {<br />
margin: 0;<br />
padding: 0 8px;<br />
background-color: transparent;<br />
height: auto;<br />
width: auto;<br />
font-weight: normal;<br />
font-size: small;<br />
border-right: 1px solid white;<br />
}<br />
<br />
#topnav li li.last a {<br />
background-image: none;<br />
padding-right: 0px;<br />
border-right: none;<br />
}<br />
<br />
#topnav li li a:hover,<br />
#topnav li li a:active,<br />
#topnav li li.sel a {<br />
text-transform: uppercase;<br />
}<br />
<br />
<br />
<br />
/* specific styles */<br />
<br />
#topnav li.about a:hover,<br />
#topnav li.about a:active,<br />
#topnav li.about ul,<br />
body.about #topnav li.about a:link,<br />
body.about #topnav li.about a:visited {<br />
background-color: #8b0000;<br />
}<br />
<br />
#topnav li.about ul {<br />
width: 955px;<br />
}<br />
<br />
#topnav li.people a:hover,<br />
#topnav li.people a:active,<br />
#topnav li.people ul,<br />
body.people #topnav li.people a:link,<br />
body.people #topnav li.people a:visited,<br />
body.people #sidenav .sel a:link,<br />
body.people #sidenav .sel a:visited,<br />
body.people #sidenav a:hover,<br />
body.people #sidenav a:active,<br />
body.people #sidenav li.sel li a:hover,<br />
body.people #sidenav li.sel li a:active {<br />
background-color: #e6881a;<br />
}<br />
<br />
#topnav li.people ul {<br />
width: 848px;<br />
padding-left: 75px;<br />
}<br />
<br />
#topnav li.academics a:hover,<br />
#topnav li.academics a:active,<br />
#topnav li.academics ul,<br />
body.academics #topnav li.academics a:link,<br />
body.academics #topnav li.academics a:visited,<br />
body.academics #sidenav li.sel a:link,<br />
body.academics #sidenav li.sel a:visited,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active,<br />
body.academics #sidenav li a:hover,<br />
body.academics #sidenav li a:active,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active {<br />
background-color: #2e2e91;<br />
}<br />
<br />
#topnav li.academics ul {<br />
width: 698px;<br />
padding-left: 225px;<br />
}<br />
<br />
#topnav li.notebook a:hover,<br />
#topnav li.notebook a:active,<br />
#topnav li.notebook ul,<br />
body.notebook #topnav li.notebook a:link,<br />
body.notebook #topnav li.notebook a:visited,<br />
#sidenav li.sel a:link,<br />
#sidenav li.sel a:visited,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active {<br />
background-color: #016b9d;<br />
}<br />
<br />
#topnav li.notebook ul {<br />
width: 336x;<br />
padding-left: 360px;<br />
}<br />
<br />
#topnav li.contributions a:hover,<br />
#topnav li.contributions a:active,<br />
#topnav li.contributions ul,<br />
body.contributions #topnav li.contributions a:link,<br />
body.contributions #topnav li.contributions a:visited,<br />
body.contributions #sidenav li.sel a:link,<br />
body.contributions #sidenav li.sel a:visited,<br />
body.contributions #sidenav li a:hover,<br />
body.contributions #sidenav li a:active,<br />
body.contributions #sidenav li.sel li a:hover,<br />
body.contributions #sidenav li.sel li a:active {<br />
background-color: #4ca14c;<br />
}<br />
<br />
#topnav li.contributions ul {<br />
width: 603px;<br />
padding-left: 420px;<br />
}<br />
<br />
#specialnav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#specialnav a:hover {text-decoration:underline;}<br />
#specialnav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#specialnav dt a {color:#000; text-decoration:none;}<br />
#specialnav dd {padding:0; margin:0;}<br />
#specialnav dd ul {padding:0; margin:0; list-style:none;}<br />
#specialnav dd ul li {padding-left:20px; width:230px}<br />
#specialnav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
/* Thanks to MIT ChemE dept. Your site is lovely. */<br />
<br />
</style><br />
<br />
<br />
</head><br />
<body><br />
<div id="header"><br />
<div id="whitespace" style="background-color: transparent; height: 20px;"></div><br />
<div id="navwrapper"><br />
<ul id="topnav"><br />
<li class="about"><a href="https://2010.igem.org/Team:MIT"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Home</td></table><br />
</a><br />
<br />
<ul><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT">Home</a></li><br />
</ul></li><br />
<li class="people"><a href="https://2010.igem.org/Team:MIT/Team"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Team</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_undergraduates">Undergraduates</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_instructors">Instructors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_advisors">Advisors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_fun">Fun</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_gallery">Gallery</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_sponsors">Sponsors</a></li><br />
</ul></li><br />
<li class="academics"><a href="https://2010.igem.org/Team:MIT_overview"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Project</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_overview">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_toggle">Toggle</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage">Phage</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Mammalian</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_summary">Summary</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_acknowledgements">Acknowledgments</a></li><br />
</ul><br />
<br />
</li><br />
<li class="notebook"><a href="https://2010.igem.org/Team:MIT/Notebook"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Notebook</td></table><br />
<!-- <img src="https://static.igem.org/mediawiki/2010/e/ed/Pelletedcrop.png" width=182px> --!><br />
</a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mm">Materials & Methods</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_parts">Parts & Data</a></li><br />
<li><a href="#">Journal Club</a></li><br />
<li class="last"><a href ="https://2010.igem.org/Team:MIT_safety">Safety</a></li><br />
<br />
</ul></li><br />
<li class="contributions"><a href="#" class="last"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Contributions</td></table></a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard</a></li><br />
<li><a href="#">New Backbone</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_bioethics">Bioethics</a></li><br />
</ul></li><br />
<br />
</ul><br />
</div><br />
<div id="whitespace" style="height: 100px;"></div><br />
</div> <br />
<br />
</body><br />
<div id="stones"><br />
<a href="https://2010.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2010/2/20/080410Igem-logo.png" height=40px width=45px></a><br><br />
<a href="http://twitter.com/mit_igem"><img src="https://static.igem.org/mediawiki/2010/5/5f/Twitter-square.png" height=40px></a><br><a href="http://www.facebook.com/pages/MIT-iGEM-2010/148399295171024?v=wall&ref=ts"><img src="https://static.igem.org/mediawiki/2010/1/1b/Facebook-square.png" height=40px></a><br />
<br><a href="mailto:igem2010.mit@gmail.com?subject=Questions about MIT iGEM 2010"><img src="https://static.igem.org/mediawiki/2010/8/8b/Gmail-square.png" height=40px><br />
</a><br />
</div></html></div>
Supacalafrglstic
http://2010.igem.org/Template:Leanna_css
Template:Leanna css
2010-10-27T21:24:38Z
<p>Supacalafrglstic: </p>
<hr />
<div><html><br />
<head><br />
<script type="text/javascript" src="http://www.sunsean.com/idTabs/jquery.idTabs.min.js"></script><br />
<script type="text/javascript" src="http://jquery.com/demo/thickbox/thickbox-code/thickbox.js"></script><br />
<link rel="stylesheet" href="http://jquery.com/demo/thickbox/thickbox-code/thickbox.css" type="text/css" media="screen" /><br />
<script type="text/javascript" src="http://www.google.com/jsapi"></script><br />
<script src="http://d2o0t5hpnwv4c1.cloudfront.net/004_Moo/tutorial/demo/sliding_effect.js"></script><br />
<script> google.load("jquery", "1.4.2"); </script><br />
<!--[if IE]><br />
<style><br />
#whitespace {<br />
height: 200px;<br />
}<br />
#header {<br />
width: 985px;<br />
padding: 0px;<br />
margin: 0px;<br />
background-color: black;<br />
}<br />
#navwrapper {<br />
position: absolute;<br />
width: 985px;<br />
background-color: green;<br />
}<br />
<br />
#topnav {<br />
height: 65px;<br />
background-color: pink;<br />
}<br />
<br />
<br />
<br />
</style><br />
<![endif]--><br />
<style type="text/css"><br />
.toggler { width: 500px; height: 200px; position: relative;}<br />
#button { padding: .5em 1em; text-decoration: none; }<br />
#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; background: #fff; }<br />
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }<br />
<br />
<br />
#header {<br />
position: relative;<br />
left: 2px;<br />
text-align: left;<br />
margin: 0px;<br />
width: 955px;<br />
}<br />
<br />
#header a {<br />
color: white;<br />
}<br />
<br />
#content {<br />
background-color: transparent;<br />
border: none;<br />
}<br />
<br />
.mainContent {<br />
width: 943px;<br />
position: absolute;<br />
padding:5px;<br />
top: 160px;<br />
font-size: 14px;<br />
margin:5px;<br />
}<br />
<br />
#groupparts {<br />
position:relative;<br />
left: 21px;<br />
top: 5px;<br />
}<br />
<br />
.baby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
}<br />
<br />
.bodybaby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
border-bottom: 2px solid black;<br />
color: black;<br />
}<br />
<br />
.bodybaby a {<br />
color: black;<br />
}<br />
<br />
.sidep {<br />
display: inline;<br />
background-color: #boc4de;<br />
width: 170px;<br />
float: right;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
.outline {<br />
display: inline;<br />
padding: 5px;<br />
background-color: #boc4de;<br />
width: 250px;<br />
float: left;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
#procedure,<br />
#procedure a {<br />
display: relative;<br />
text-decoration: none;<br />
color: black;<br />
list-style: none;<br />
}<br />
<br />
#procedure a:hover {<br />
color: white;<br />
text-decoration: none;<br />
}<br />
<br />
.bolded {<br />
font-size: 16px;<br />
}<br />
<br />
#unique {<br />
margin: 5px 21px !important;<br />
border: none !important;<br />
background-color: white;<br />
}<br />
<br />
#freedom {<br />
width: 105px;<br />
position: relative;<br />
left: -20px;<br />
top: 8px;<br />
display: block;<br />
list-style: none;<br />
text-align: left;<br />
color: black;<br />
background-color: honeydew;<br />
font-family: Osaka, verdana, Sans-Serif;<br />
font-size: 16px;<br />
}<br />
#freedom li a {<br />
text-align: left;<br />
padding-left: 7px;<br />
color: #330066<br />
}<br />
<br />
#freedom li a:hover {<br />
background-color: #b2b2cc;<br />
<br />
}<br />
#freedom li a.selected {<br />
position: relative;<br />
left: 10px;<br />
color: black;<br />
}<br />
<br />
.tabContainer {<br />
position: relative;<br />
top: 0px;<br />
left: 4px;<br />
height: 23px;<br />
width: 99%;<br />
}<br />
.tabContainer p {<br />
text-align:left;<br />
top: 1px;<br />
}<br />
<br />
/* ================================================================ <br />
This copyright notice must be untouched at all times.<br />
Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved.<br />
=================================================================== */<br />
<br />
#nav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#nav a:hover {text-decoration:underline;}<br />
#nav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#nav dt a {color:#000; text-decoration:none;}<br />
#nav dd {padding:0; margin:0;}<br />
#nav dd ul {padding:0; margin:0; list-style:none;}<br />
#nav dd ul li {padding-left:20px; width:230px}<br />
#nav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
<br />
input.searchButton {<br />
background:none repeat scroll 0 0 transparent;<br />
border:medium none;<br />
color:#000066;<br />
font-size:100%;<br />
font-weight:bold;<br />
margin:1px 10px 0;<br />
}<br />
<br />
#search-controls {<br />
display: block;<br />
background: none;<br />
position: absolute;<br />
top: -100px;<br />
left: -50px;}<br />
<br />
.left-menu {<br />
width: 300px;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
.left-menu ul {<br />
border: none; }<br />
<br />
#searchform {<br />
background: none;<br />
display: block;<br />
float: right;}<br />
<br />
#menubar.right-menu {<br />
width: 300px;<br />
display: block;<br />
float: left;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
<br />
#top-section {<br />
height: 0px;<br />
margin-top: -5px;<br />
margin-bottom: 0 !important;<br />
margin-left: auto;<br />
padding:0;<br />
border: none;}<br />
<br />
#p-logo {<br />
height: 0px;<br />
overflow: hidden;<br />
display: none;<br />
border: }<br />
<br />
#footer {<br />
border: none;<br />
background-color: transparent;<br />
margin: 0;<br />
padding: 0; }<br />
<br />
#footer-box {<br />
border:none;<br />
background-color: transparent;<br />
}<br />
<br />
.firstHeading {<br />
display: none; }<br />
<br />
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }<br />
.code code { display: block; padding: 3px; margin-bottom: 0; }<br />
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }<br />
.indent1 { padding-left: 1em; }<br />
.indent2 { padding-left: 2em; }<br />
<br />
/* sidenav styling */<br />
#sidenav {<br />
clear: both;<br />
line-height: 50%;<br />
}<br />
<br />
#sidenav li {<br />
list-style-type: none;<br />
display: block;<br />
margin: 8px 0px;<br />
font-size: 14px;<br />
}<br />
<br />
#sidenav li li {<br />
padding-left: 16px;<br />
}<br />
<br />
#sidenav li a {<br />
color: #333;<br />
padding: 0px 4px 0px 10px;<br />
background-color: transparent;<br />
font-weight: bold;<br />
}<br />
<br />
#sidenav ul a {<br />
font-weight: normal;<br />
}<br />
<br />
#sidenav li li a,<br />
#sidenav li.sel li a {<br />
padding-left: 0px;<br />
}<br />
<br />
#sidenav li.sel a,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav.col li.sel ul li a:hover,<br />
#sidenav.col li.sel ul li a:active {<br />
color: #fff;<br />
text-decoration: none;<br />
}<br />
<br />
<br />
<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
*{padding: 0; margin: 0;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_window {<br />
font: 12px Arial, Helvetica, sans-serif;<br />
color: #333333;<br />
}<br />
<br />
#TB_secondLine {<br />
font: 10px Arial, Helvetica, sans-serif;<br />
color:#666666;<br />
}<br />
<br />
#TB_window a:link {color: #666666;}<br />
#TB_window a:visited {color: #666666;}<br />
#TB_window a:hover {color: #000;}<br />
#TB_window a:active {color: #666666;}<br />
#TB_window a:focus{color: #666666;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_overlay {<br />
position: fixed;<br />
z-index:100;<br />
top: 0px;<br />
left: 0px;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}<br />
.TB_overlayBG {<br />
background-color:#000;<br />
filter:alpha(opacity=75);<br />
-moz-opacity: 0.75;<br />
opacity: 0.75;<br />
}<br />
<br />
* html #TB_overlay { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_window {<br />
position: fixed;<br />
background: #ffffff;<br />
z-index: 102;<br />
color:#000000;<br />
display:none;<br />
border: 4px solid #525252;<br />
text-align:left;<br />
top:50%;<br />
left:50%;<br />
}<br />
<br />
* html #TB_window { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_window img#TB_Image {<br />
display:block;<br />
margin: 15px 0 0 15px;<br />
border-right: 1px solid #ccc;<br />
border-bottom: 1px solid #ccc;<br />
border-top: 1px solid #666;<br />
border-left: 1px solid #666;<br />
}<br />
<br />
#TB_caption{<br />
height:25px;<br />
padding:7px 30px 10px 25px;<br />
float:left;<br />
}<br />
<br />
#TB_closeWindow{<br />
height:25px;<br />
padding:11px 25px 10px 0;<br />
float:right;<br />
}<br />
<br />
#TB_closeAjaxWindow{<br />
padding:7px 10px 5px 0;<br />
margin-bottom:1px;<br />
text-align:right;<br />
float:right;<br />
}<br />
<br />
#TB_ajaxWindowTitle{<br />
float:left;<br />
padding:7px 0 5px 10px;<br />
margin-bottom:1px;<br />
}<br />
<br />
#TB_title{<br />
background-color:#e8e8e8;<br />
height:27px;<br />
}<br />
<br />
#TB_ajaxContent{<br />
clear:both;<br />
padding:2px 15px 15px 15px;<br />
overflow:auto;<br />
text-align:left;<br />
line-height:1.4em;<br />
}<br />
<br />
#TB_ajaxContent.TB_modal{<br />
padding:15px;<br />
}<br />
<br />
#TB_ajaxContent p{<br />
padding:5px 0px 5px 0px;<br />
}<br />
<br />
#TB_load{<br />
position: fixed;<br />
display:none;<br />
height:13px;<br />
width:208px;<br />
z-index:103;<br />
top: 50%;<br />
left: 50%;<br />
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */<br />
}<br />
<br />
* html #TB_load { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_HideSelect{<br />
z-index:99;<br />
position:fixed;<br />
top: 0;<br />
left: 0;<br />
background-color:#fff;<br />
border:none;<br />
filter:alpha(opacity=0);<br />
-moz-opacity: 0;<br />
opacity: 0;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
* html #TB_HideSelect { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_iframeContent{<br />
clear:both;<br />
border:none;<br />
margin-bottom:-1px;<br />
margin-top:1px;<br />
_margin-bottom:1px;<br />
}<br />
<br />
#stones {<br />
position: fixed;<br />
top: 45px;<br />
left: 0px;<br />
width: 43px;<br />
padding: 2px;<br />
background-image: url('https://static.igem.org/mediawiki/2010/3/34/Transparency50.png');<br />
background-repeat: repeat-y;<br />
}<br />
<br />
/* MIT ChemE Menu */<br />
<br />
#navwrapper {<br />
position: absolute;<br />
width: 955px;<br />
}<br />
<br />
#topnav {<br />
height: 65px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li {<br />
list-style: none;<br />
float: left;<br />
}<br />
<br />
#topnav li a {<br />
display: block;<br />
width: 183px;<br />
height: 65px;<br />
margin-right: 2px;<br />
background-color: #2e2e2e;<br />
font-family: "Arial", Verdana, sans-serif;<br />
font-size: medium;<br />
line-height: 1.25em;<br />
color: #fff;<br />
font-weight: 900;<br />
}<br />
<br />
#topnav li a.last {<br />
margin-right: 0px;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul,<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
display: block;<br />
}<br />
<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
z-index: 1;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul {<br />
z-index: 100;<br />
}<br />
<br />
#topnav li ul {<br />
display: none;<br />
clear: both;<br />
position: absolute;<br />
top: 65px;<br />
left: 0px;<br />
width: 950px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li li {<br />
float: none;<br />
display: block;<br />
}<br />
<br />
#topnav li a:hover,<br />
#topnav li a:active {<br />
text-decoration: none;<br />
}<br />
<br />
#topnav li li {<br />
display: block;<br />
float: left;<br />
padding-top: 11px;<br />
padding-bottom: 9px;<br />
}<br />
<br />
#topnav li li a {<br />
margin: 0;<br />
padding: 0 8px;<br />
background-color: transparent;<br />
height: auto;<br />
width: auto;<br />
font-weight: normal;<br />
font-size: small;<br />
border-right: 1px solid white;<br />
}<br />
<br />
#topnav li li.last a {<br />
background-image: none;<br />
padding-right: 0px;<br />
border-right: none;<br />
}<br />
<br />
#topnav li li a:hover,<br />
#topnav li li a:active,<br />
#topnav li li.sel a {<br />
text-transform: uppercase;<br />
}<br />
<br />
<br />
<br />
/* specific styles */<br />
<br />
#topnav li.about a:hover,<br />
#topnav li.about a:active,<br />
#topnav li.about ul,<br />
body.about #topnav li.about a:link,<br />
body.about #topnav li.about a:visited {<br />
background-color: #8b0000;<br />
}<br />
<br />
#topnav li.about ul {<br />
width: 955px;<br />
}<br />
<br />
#topnav li.people a:hover,<br />
#topnav li.people a:active,<br />
#topnav li.people ul,<br />
body.people #topnav li.people a:link,<br />
body.people #topnav li.people a:visited,<br />
body.people #sidenav .sel a:link,<br />
body.people #sidenav .sel a:visited,<br />
body.people #sidenav a:hover,<br />
body.people #sidenav a:active,<br />
body.people #sidenav li.sel li a:hover,<br />
body.people #sidenav li.sel li a:active {<br />
background-color: #e6881a;<br />
}<br />
<br />
#topnav li.people ul {<br />
width: 848px;<br />
padding-left: 75px;<br />
}<br />
<br />
#topnav li.academics a:hover,<br />
#topnav li.academics a:active,<br />
#topnav li.academics ul,<br />
body.academics #topnav li.academics a:link,<br />
body.academics #topnav li.academics a:visited,<br />
body.academics #sidenav li.sel a:link,<br />
body.academics #sidenav li.sel a:visited,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active,<br />
body.academics #sidenav li a:hover,<br />
body.academics #sidenav li a:active,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active {<br />
background-color: #2e2e91;<br />
}<br />
<br />
#topnav li.academics ul {<br />
width: 698px;<br />
padding-left: 225px;<br />
}<br />
<br />
#topnav li.notebook a:hover,<br />
#topnav li.notebook a:active,<br />
#topnav li.notebook ul,<br />
body.notebook #topnav li.notebook a:link,<br />
body.notebook #topnav li.notebook a:visited,<br />
#sidenav li.sel a:link,<br />
#sidenav li.sel a:visited,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active {<br />
background-color: #016b9d;<br />
}<br />
<br />
#topnav li.notebook ul {<br />
width: 336x;<br />
padding-left: 360px;<br />
}<br />
<br />
#topnav li.contributions a:hover,<br />
#topnav li.contributions a:active,<br />
#topnav li.contributions ul,<br />
body.contributions #topnav li.contributions a:link,<br />
body.contributions #topnav li.contributions a:visited,<br />
body.contributions #sidenav li.sel a:link,<br />
body.contributions #sidenav li.sel a:visited,<br />
body.contributions #sidenav li a:hover,<br />
body.contributions #sidenav li a:active,<br />
body.contributions #sidenav li.sel li a:hover,<br />
body.contributions #sidenav li.sel li a:active {<br />
background-color: #4ca14c;<br />
}<br />
<br />
#topnav li.contributions ul {<br />
width: 603px;<br />
padding-left: 420px;<br />
}<br />
<br />
#specialnav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#specialnav a:hover {text-decoration:underline;}<br />
#specialnav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#specialnav dt a {color:#000; text-decoration:none;}<br />
#specialnav dd {padding:0; margin:0;}<br />
#specialnav dd ul {padding:0; margin:0; list-style:none;}<br />
#specialnav dd ul li {padding-left:20px; width:230px}<br />
#specialnav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
/* Thanks to MIT ChemE dept. Your site is lovely. */<br />
<br />
</style><br />
<br />
<br />
</head><br />
<body><br />
<div id="header"><br />
<div id="whitespace" style="background-color: transparent; height: 20px;"></div><br />
<div id="navwrapper"><br />
<ul id="topnav"><br />
<li class="about"><a href="https://2010.igem.org/Team:MIT"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Home</td></table><br />
</a><br />
<br />
<ul><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT">Home</a></li><br />
</ul></li><br />
<li class="people"><a href="https://2010.igem.org/Team:MIT/Team"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Team</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_undergraduates">Undergraduates</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_instructors">Instructors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_advisors">Advisors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_fun">Fun</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_gallery">Gallery</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_sponsors">Sponsors</a></li><br />
</ul></li><br />
<li class="academics"><a href="https://2010.igem.org/Team:MIT_overview"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Project</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_overview">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_toggle">Toggle</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage">Phage</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Mammalian</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_summary">Summary</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_acknowledgements">Acknowledgments</a></li><br />
</ul><br />
<br />
</li><br />
<li class="notebook"><a href="https://2010.igem.org/Team:MIT/Notebook"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Notebook</td></table><br />
<!-- <img src="https://static.igem.org/mediawiki/2010/e/ed/Pelletedcrop.png" width=182px> --!><br />
</a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mm">Materials & Methods</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_parts">Parts & Data</a></li><br />
<li><a href="#">Journal Club</a></li><br />
<li class="last"><a href ="https://2010.igem.org/Team:MIT_safety">Safety</a></li><br />
<br />
</ul></li><br />
<li class="contributions"><a href="#" class="last"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Contributions</td></table></a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard</a></li><br />
<li><a href="#">New Backbone</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_bioethics">Bioethics</a></li><br />
</ul></li><br />
<br />
</ul><br />
</div><br />
<div id="whitespace" style="height: 100px;"></div><br />
</div> <br />
<br />
</body><br />
<div id="stones"><br />
<a href="https://2010.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2010/2/20/080410Igem-logo.png" height=40px width=45px></a><br><br />
<a href="http://twitter.com/mit_igem"><img src="https://static.igem.org/mediawiki/2010/5/5f/Twitter-square.png" height=40px></a><br><a href="http://www.facebook.com/pages/MIT-iGEM-2010/148399295171024?v=wall&ref=ts"><img src="https://static.igem.org/mediawiki/2010/1/1b/Facebook-square.png" height=40px></a><br />
<br><a href="mailto:igem2010.mit@gmail.com?subject=Questions about MIT iGEM 2010"><img src="https://static.igem.org/mediawiki/2010/8/8b/Gmail-square.png" height=40px><br />
</a><br />
</div></html></div>
Supacalafrglstic
http://2010.igem.org/Template:Leanna_css
Template:Leanna css
2010-10-27T21:24:03Z
<p>Supacalafrglstic: </p>
<hr />
<div><html><br />
<head><br />
<script type="text/javascript" src="http://www.sunsean.com/idTabs/jquery.idTabs.min.js"></script><br />
<script type="text/javascript" src="http://jquery.com/demo/thickbox/thickbox-code/thickbox.js"></script><br />
<link rel="stylesheet" href="http://jquery.com/demo/thickbox/thickbox-code/thickbox.css" type="text/css" media="screen" /><br />
<script type="text/javascript" src="http://www.google.com/jsapi"></script><br />
<script src="http://d2o0t5hpnwv4c1.cloudfront.net/004_Moo/tutorial/demo/sliding_effect.js"></script><br />
<script> google.load("jquery", "1.4.2"); </script><br />
<!--[if IE]><br />
<style><br />
#whitespace {<br />
height: 200px;<br />
}<br />
#header {<br />
width: 985px;<br />
padding: 0px;<br />
margin: 0px;<br />
}<br />
#navwrapper {<br />
position: absolute;<br />
width: 985px;<br />
}<br />
<br />
#topnav {<br />
height: 65px;<br />
}<br />
<br />
<br />
<br />
</style><br />
<![endif]--><br />
<style type="text/css"><br />
.toggler { width: 500px; height: 200px; position: relative;}<br />
#button { padding: .5em 1em; text-decoration: none; }<br />
#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; background: #fff; }<br />
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }<br />
<br />
<br />
#header {<br />
position: relative;<br />
left: 2px;<br />
text-align: left;<br />
margin: 0px;<br />
width: 955px;<br />
}<br />
<br />
#header a {<br />
color: white;<br />
}<br />
<br />
#content {<br />
background-color: transparent;<br />
border: none;<br />
}<br />
<br />
.mainContent {<br />
width: 943px;<br />
position: absolute;<br />
padding:5px;<br />
top: 160px;<br />
font-size: 14px;<br />
margin:5px;<br />
}<br />
<br />
#groupparts {<br />
position:relative;<br />
left: 21px;<br />
top: 5px;<br />
}<br />
<br />
.baby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
}<br />
<br />
.bodybaby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
border-bottom: 2px solid black;<br />
color: black;<br />
}<br />
<br />
.bodybaby a {<br />
color: black;<br />
}<br />
<br />
.sidep {<br />
display: inline;<br />
background-color: #boc4de;<br />
width: 170px;<br />
float: right;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
.outline {<br />
display: inline;<br />
padding: 5px;<br />
background-color: #boc4de;<br />
width: 250px;<br />
float: left;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
#procedure,<br />
#procedure a {<br />
display: relative;<br />
text-decoration: none;<br />
color: black;<br />
list-style: none;<br />
}<br />
<br />
#procedure a:hover {<br />
color: white;<br />
text-decoration: none;<br />
}<br />
<br />
.bolded {<br />
font-size: 16px;<br />
}<br />
<br />
#unique {<br />
margin: 5px 21px !important;<br />
border: none !important;<br />
background-color: white;<br />
}<br />
<br />
#freedom {<br />
width: 105px;<br />
position: relative;<br />
left: -20px;<br />
top: 8px;<br />
display: block;<br />
list-style: none;<br />
text-align: left;<br />
color: black;<br />
background-color: honeydew;<br />
font-family: Osaka, verdana, Sans-Serif;<br />
font-size: 16px;<br />
}<br />
#freedom li a {<br />
text-align: left;<br />
padding-left: 7px;<br />
color: #330066<br />
}<br />
<br />
#freedom li a:hover {<br />
background-color: #b2b2cc;<br />
<br />
}<br />
#freedom li a.selected {<br />
position: relative;<br />
left: 10px;<br />
color: black;<br />
}<br />
<br />
.tabContainer {<br />
position: relative;<br />
top: 0px;<br />
left: 4px;<br />
height: 23px;<br />
width: 99%;<br />
}<br />
.tabContainer p {<br />
text-align:left;<br />
top: 1px;<br />
}<br />
<br />
/* ================================================================ <br />
This copyright notice must be untouched at all times.<br />
Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved.<br />
=================================================================== */<br />
<br />
#nav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#nav a:hover {text-decoration:underline;}<br />
#nav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#nav dt a {color:#000; text-decoration:none;}<br />
#nav dd {padding:0; margin:0;}<br />
#nav dd ul {padding:0; margin:0; list-style:none;}<br />
#nav dd ul li {padding-left:20px; width:230px}<br />
#nav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
<br />
input.searchButton {<br />
background:none repeat scroll 0 0 transparent;<br />
border:medium none;<br />
color:#000066;<br />
font-size:100%;<br />
font-weight:bold;<br />
margin:1px 10px 0;<br />
}<br />
<br />
#search-controls {<br />
display: block;<br />
background: none;<br />
position: absolute;<br />
top: -100px;<br />
left: -50px;}<br />
<br />
.left-menu {<br />
width: 300px;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
.left-menu ul {<br />
border: none; }<br />
<br />
#searchform {<br />
background: none;<br />
display: block;<br />
float: right;}<br />
<br />
#menubar.right-menu {<br />
width: 300px;<br />
display: block;<br />
float: left;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
<br />
#top-section {<br />
height: 0px;<br />
margin-top: -5px;<br />
margin-bottom: 0 !important;<br />
margin-left: auto;<br />
padding:0;<br />
border: none;}<br />
<br />
#p-logo {<br />
height: 0px;<br />
overflow: hidden;<br />
display: none;<br />
border: }<br />
<br />
#footer {<br />
border: none;<br />
background-color: transparent;<br />
margin: 0;<br />
padding: 0; }<br />
<br />
#footer-box {<br />
border:none;<br />
background-color: transparent;<br />
}<br />
<br />
.firstHeading {<br />
display: none; }<br />
<br />
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }<br />
.code code { display: block; padding: 3px; margin-bottom: 0; }<br />
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }<br />
.indent1 { padding-left: 1em; }<br />
.indent2 { padding-left: 2em; }<br />
<br />
/* sidenav styling */<br />
#sidenav {<br />
clear: both;<br />
line-height: 50%;<br />
}<br />
<br />
#sidenav li {<br />
list-style-type: none;<br />
display: block;<br />
margin: 8px 0px;<br />
font-size: 14px;<br />
}<br />
<br />
#sidenav li li {<br />
padding-left: 16px;<br />
}<br />
<br />
#sidenav li a {<br />
color: #333;<br />
padding: 0px 4px 0px 10px;<br />
background-color: transparent;<br />
font-weight: bold;<br />
}<br />
<br />
#sidenav ul a {<br />
font-weight: normal;<br />
}<br />
<br />
#sidenav li li a,<br />
#sidenav li.sel li a {<br />
padding-left: 0px;<br />
}<br />
<br />
#sidenav li.sel a,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav.col li.sel ul li a:hover,<br />
#sidenav.col li.sel ul li a:active {<br />
color: #fff;<br />
text-decoration: none;<br />
}<br />
<br />
<br />
<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
*{padding: 0; margin: 0;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_window {<br />
font: 12px Arial, Helvetica, sans-serif;<br />
color: #333333;<br />
}<br />
<br />
#TB_secondLine {<br />
font: 10px Arial, Helvetica, sans-serif;<br />
color:#666666;<br />
}<br />
<br />
#TB_window a:link {color: #666666;}<br />
#TB_window a:visited {color: #666666;}<br />
#TB_window a:hover {color: #000;}<br />
#TB_window a:active {color: #666666;}<br />
#TB_window a:focus{color: #666666;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_overlay {<br />
position: fixed;<br />
z-index:100;<br />
top: 0px;<br />
left: 0px;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}<br />
.TB_overlayBG {<br />
background-color:#000;<br />
filter:alpha(opacity=75);<br />
-moz-opacity: 0.75;<br />
opacity: 0.75;<br />
}<br />
<br />
* html #TB_overlay { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_window {<br />
position: fixed;<br />
background: #ffffff;<br />
z-index: 102;<br />
color:#000000;<br />
display:none;<br />
border: 4px solid #525252;<br />
text-align:left;<br />
top:50%;<br />
left:50%;<br />
}<br />
<br />
* html #TB_window { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_window img#TB_Image {<br />
display:block;<br />
margin: 15px 0 0 15px;<br />
border-right: 1px solid #ccc;<br />
border-bottom: 1px solid #ccc;<br />
border-top: 1px solid #666;<br />
border-left: 1px solid #666;<br />
}<br />
<br />
#TB_caption{<br />
height:25px;<br />
padding:7px 30px 10px 25px;<br />
float:left;<br />
}<br />
<br />
#TB_closeWindow{<br />
height:25px;<br />
padding:11px 25px 10px 0;<br />
float:right;<br />
}<br />
<br />
#TB_closeAjaxWindow{<br />
padding:7px 10px 5px 0;<br />
margin-bottom:1px;<br />
text-align:right;<br />
float:right;<br />
}<br />
<br />
#TB_ajaxWindowTitle{<br />
float:left;<br />
padding:7px 0 5px 10px;<br />
margin-bottom:1px;<br />
}<br />
<br />
#TB_title{<br />
background-color:#e8e8e8;<br />
height:27px;<br />
}<br />
<br />
#TB_ajaxContent{<br />
clear:both;<br />
padding:2px 15px 15px 15px;<br />
overflow:auto;<br />
text-align:left;<br />
line-height:1.4em;<br />
}<br />
<br />
#TB_ajaxContent.TB_modal{<br />
padding:15px;<br />
}<br />
<br />
#TB_ajaxContent p{<br />
padding:5px 0px 5px 0px;<br />
}<br />
<br />
#TB_load{<br />
position: fixed;<br />
display:none;<br />
height:13px;<br />
width:208px;<br />
z-index:103;<br />
top: 50%;<br />
left: 50%;<br />
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */<br />
}<br />
<br />
* html #TB_load { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_HideSelect{<br />
z-index:99;<br />
position:fixed;<br />
top: 0;<br />
left: 0;<br />
background-color:#fff;<br />
border:none;<br />
filter:alpha(opacity=0);<br />
-moz-opacity: 0;<br />
opacity: 0;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
* html #TB_HideSelect { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_iframeContent{<br />
clear:both;<br />
border:none;<br />
margin-bottom:-1px;<br />
margin-top:1px;<br />
_margin-bottom:1px;<br />
}<br />
<br />
#stones {<br />
position: fixed;<br />
top: 45px;<br />
left: 0px;<br />
width: 43px;<br />
padding: 2px;<br />
background-image: url('https://static.igem.org/mediawiki/2010/3/34/Transparency50.png');<br />
background-repeat: repeat-y;<br />
}<br />
<br />
/* MIT ChemE Menu */<br />
<br />
#navwrapper {<br />
position: absolute;<br />
width: 955px;<br />
}<br />
<br />
#topnav {<br />
height: 65px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li {<br />
list-style: none;<br />
float: left;<br />
}<br />
<br />
#topnav li a {<br />
display: block;<br />
width: 183px;<br />
height: 65px;<br />
margin-right: 2px;<br />
background-color: #2e2e2e;<br />
font-family: "Arial", Verdana, sans-serif;<br />
font-size: medium;<br />
line-height: 1.25em;<br />
color: #fff;<br />
font-weight: 900;<br />
}<br />
<br />
#topnav li a.last {<br />
margin-right: 0px;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul,<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
display: block;<br />
}<br />
<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
z-index: 1;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul {<br />
z-index: 100;<br />
}<br />
<br />
#topnav li ul {<br />
display: none;<br />
clear: both;<br />
position: absolute;<br />
top: 65px;<br />
left: 0px;<br />
width: 950px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li li {<br />
float: none;<br />
display: block;<br />
}<br />
<br />
#topnav li a:hover,<br />
#topnav li a:active {<br />
text-decoration: none;<br />
}<br />
<br />
#topnav li li {<br />
display: block;<br />
float: left;<br />
padding-top: 11px;<br />
padding-bottom: 9px;<br />
}<br />
<br />
#topnav li li a {<br />
margin: 0;<br />
padding: 0 8px;<br />
background-color: transparent;<br />
height: auto;<br />
width: auto;<br />
font-weight: normal;<br />
font-size: small;<br />
border-right: 1px solid white;<br />
}<br />
<br />
#topnav li li.last a {<br />
background-image: none;<br />
padding-right: 0px;<br />
border-right: none;<br />
}<br />
<br />
#topnav li li a:hover,<br />
#topnav li li a:active,<br />
#topnav li li.sel a {<br />
text-transform: uppercase;<br />
}<br />
<br />
<br />
<br />
/* specific styles */<br />
<br />
#topnav li.about a:hover,<br />
#topnav li.about a:active,<br />
#topnav li.about ul,<br />
body.about #topnav li.about a:link,<br />
body.about #topnav li.about a:visited {<br />
background-color: #8b0000;<br />
}<br />
<br />
#topnav li.about ul {<br />
width: 955px;<br />
}<br />
<br />
#topnav li.people a:hover,<br />
#topnav li.people a:active,<br />
#topnav li.people ul,<br />
body.people #topnav li.people a:link,<br />
body.people #topnav li.people a:visited,<br />
body.people #sidenav .sel a:link,<br />
body.people #sidenav .sel a:visited,<br />
body.people #sidenav a:hover,<br />
body.people #sidenav a:active,<br />
body.people #sidenav li.sel li a:hover,<br />
body.people #sidenav li.sel li a:active {<br />
background-color: #e6881a;<br />
}<br />
<br />
#topnav li.people ul {<br />
width: 848px;<br />
padding-left: 75px;<br />
}<br />
<br />
#topnav li.academics a:hover,<br />
#topnav li.academics a:active,<br />
#topnav li.academics ul,<br />
body.academics #topnav li.academics a:link,<br />
body.academics #topnav li.academics a:visited,<br />
body.academics #sidenav li.sel a:link,<br />
body.academics #sidenav li.sel a:visited,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active,<br />
body.academics #sidenav li a:hover,<br />
body.academics #sidenav li a:active,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active {<br />
background-color: #2e2e91;<br />
}<br />
<br />
#topnav li.academics ul {<br />
width: 698px;<br />
padding-left: 225px;<br />
}<br />
<br />
#topnav li.notebook a:hover,<br />
#topnav li.notebook a:active,<br />
#topnav li.notebook ul,<br />
body.notebook #topnav li.notebook a:link,<br />
body.notebook #topnav li.notebook a:visited,<br />
#sidenav li.sel a:link,<br />
#sidenav li.sel a:visited,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active {<br />
background-color: #016b9d;<br />
}<br />
<br />
#topnav li.notebook ul {<br />
width: 336x;<br />
padding-left: 360px;<br />
}<br />
<br />
#topnav li.contributions a:hover,<br />
#topnav li.contributions a:active,<br />
#topnav li.contributions ul,<br />
body.contributions #topnav li.contributions a:link,<br />
body.contributions #topnav li.contributions a:visited,<br />
body.contributions #sidenav li.sel a:link,<br />
body.contributions #sidenav li.sel a:visited,<br />
body.contributions #sidenav li a:hover,<br />
body.contributions #sidenav li a:active,<br />
body.contributions #sidenav li.sel li a:hover,<br />
body.contributions #sidenav li.sel li a:active {<br />
background-color: #4ca14c;<br />
}<br />
<br />
#topnav li.contributions ul {<br />
width: 603px;<br />
padding-left: 420px;<br />
}<br />
<br />
#specialnav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#specialnav a:hover {text-decoration:underline;}<br />
#specialnav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#specialnav dt a {color:#000; text-decoration:none;}<br />
#specialnav dd {padding:0; margin:0;}<br />
#specialnav dd ul {padding:0; margin:0; list-style:none;}<br />
#specialnav dd ul li {padding-left:20px; width:230px}<br />
#specialnav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
/* Thanks to MIT ChemE dept. Your site is lovely. */<br />
<br />
</style><br />
<br />
<br />
</head><br />
<body><br />
<div id="header"><br />
<div id="whitespace" style="background-color: transparent; height: 20px;"></div><br />
<div id="navwrapper"><br />
<ul id="topnav"><br />
<li class="about"><a href="https://2010.igem.org/Team:MIT"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Home</td></table><br />
</a><br />
<br />
<ul><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT">Home</a></li><br />
</ul></li><br />
<li class="people"><a href="https://2010.igem.org/Team:MIT/Team"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Team</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_undergraduates">Undergraduates</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_instructors">Instructors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_advisors">Advisors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_fun">Fun</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_gallery">Gallery</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_sponsors">Sponsors</a></li><br />
</ul></li><br />
<li class="academics"><a href="https://2010.igem.org/Team:MIT_overview"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Project</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_overview">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_toggle">Toggle</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage">Phage</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Mammalian</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_summary">Summary</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_acknowledgements">Acknowledgments</a></li><br />
</ul><br />
<br />
</li><br />
<li class="notebook"><a href="https://2010.igem.org/Team:MIT/Notebook"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Notebook</td></table><br />
<!-- <img src="https://static.igem.org/mediawiki/2010/e/ed/Pelletedcrop.png" width=182px> --!><br />
</a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mm">Materials & Methods</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_parts">Parts & Data</a></li><br />
<li><a href="#">Journal Club</a></li><br />
<li class="last"><a href ="https://2010.igem.org/Team:MIT_safety">Safety</a></li><br />
<br />
</ul></li><br />
<li class="contributions"><a href="#" class="last"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Contributions</td></table></a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard</a></li><br />
<li><a href="#">New Backbone</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_bioethics">Bioethics</a></li><br />
</ul></li><br />
<br />
</ul><br />
</div><br />
<div id="whitespace" style="height: 100px;"></div><br />
</div> <br />
<br />
</body><br />
<div id="stones"><br />
<a href="https://2010.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2010/2/20/080410Igem-logo.png" height=40px width=45px></a><br><br />
<a href="http://twitter.com/mit_igem"><img src="https://static.igem.org/mediawiki/2010/5/5f/Twitter-square.png" height=40px></a><br><a href="http://www.facebook.com/pages/MIT-iGEM-2010/148399295171024?v=wall&ref=ts"><img src="https://static.igem.org/mediawiki/2010/1/1b/Facebook-square.png" height=40px></a><br />
<br><a href="mailto:igem2010.mit@gmail.com?subject=Questions about MIT iGEM 2010"><img src="https://static.igem.org/mediawiki/2010/8/8b/Gmail-square.png" height=40px><br />
</a><br />
</div></html></div>
Supacalafrglstic
http://2010.igem.org/Template:Leanna_css
Template:Leanna css
2010-10-27T21:22:55Z
<p>Supacalafrglstic: </p>
<hr />
<div><html><br />
<head><br />
<script type="text/javascript" src="http://www.sunsean.com/idTabs/jquery.idTabs.min.js"></script><br />
<script type="text/javascript" src="http://jquery.com/demo/thickbox/thickbox-code/thickbox.js"></script><br />
<link rel="stylesheet" href="http://jquery.com/demo/thickbox/thickbox-code/thickbox.css" type="text/css" media="screen" /><br />
<script type="text/javascript" src="http://www.google.com/jsapi"></script><br />
<script src="http://d2o0t5hpnwv4c1.cloudfront.net/004_Moo/tutorial/demo/sliding_effect.js"></script><br />
<script> google.load("jquery", "1.4.2"); </script><br />
<!--[if IE]><br />
<style><br />
#whitespace {<br />
height: 200px;<br />
}<br />
#header {<br />
width: 985px;<br />
}<br />
#navwrapper {<br />
position: absolute;<br />
width: 985px;<br />
}<br />
<br />
#topnav {<br />
height: 65px;<br />
}<br />
<br />
<br />
<br />
</style><br />
<![endif]--><br />
<style type="text/css"><br />
.toggler { width: 500px; height: 200px; position: relative;}<br />
#button { padding: .5em 1em; text-decoration: none; }<br />
#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; background: #fff; }<br />
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }<br />
<br />
<br />
#header {<br />
position: relative;<br />
left: 2px;<br />
text-align: left;<br />
margin: 0px;<br />
width: 955px;<br />
}<br />
<br />
#header a {<br />
color: white;<br />
}<br />
<br />
#content {<br />
background-color: transparent;<br />
border: none;<br />
}<br />
<br />
.mainContent {<br />
width: 943px;<br />
position: absolute;<br />
padding:5px;<br />
top: 160px;<br />
font-size: 14px;<br />
margin:5px;<br />
}<br />
<br />
#groupparts {<br />
position:relative;<br />
left: 21px;<br />
top: 5px;<br />
}<br />
<br />
.baby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
}<br />
<br />
.bodybaby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
border-bottom: 2px solid black;<br />
color: black;<br />
}<br />
<br />
.bodybaby a {<br />
color: black;<br />
}<br />
<br />
.sidep {<br />
display: inline;<br />
background-color: #boc4de;<br />
width: 170px;<br />
float: right;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
.outline {<br />
display: inline;<br />
padding: 5px;<br />
background-color: #boc4de;<br />
width: 250px;<br />
float: left;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
#procedure,<br />
#procedure a {<br />
display: relative;<br />
text-decoration: none;<br />
color: black;<br />
list-style: none;<br />
}<br />
<br />
#procedure a:hover {<br />
color: white;<br />
text-decoration: none;<br />
}<br />
<br />
.bolded {<br />
font-size: 16px;<br />
}<br />
<br />
#unique {<br />
margin: 5px 21px !important;<br />
border: none !important;<br />
background-color: white;<br />
}<br />
<br />
#freedom {<br />
width: 105px;<br />
position: relative;<br />
left: -20px;<br />
top: 8px;<br />
display: block;<br />
list-style: none;<br />
text-align: left;<br />
color: black;<br />
background-color: honeydew;<br />
font-family: Osaka, verdana, Sans-Serif;<br />
font-size: 16px;<br />
}<br />
#freedom li a {<br />
text-align: left;<br />
padding-left: 7px;<br />
color: #330066<br />
}<br />
<br />
#freedom li a:hover {<br />
background-color: #b2b2cc;<br />
<br />
}<br />
#freedom li a.selected {<br />
position: relative;<br />
left: 10px;<br />
color: black;<br />
}<br />
<br />
.tabContainer {<br />
position: relative;<br />
top: 0px;<br />
left: 4px;<br />
height: 23px;<br />
width: 99%;<br />
}<br />
.tabContainer p {<br />
text-align:left;<br />
top: 1px;<br />
}<br />
<br />
/* ================================================================ <br />
This copyright notice must be untouched at all times.<br />
Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved.<br />
=================================================================== */<br />
<br />
#nav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#nav a:hover {text-decoration:underline;}<br />
#nav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#nav dt a {color:#000; text-decoration:none;}<br />
#nav dd {padding:0; margin:0;}<br />
#nav dd ul {padding:0; margin:0; list-style:none;}<br />
#nav dd ul li {padding-left:20px; width:230px}<br />
#nav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
<br />
input.searchButton {<br />
background:none repeat scroll 0 0 transparent;<br />
border:medium none;<br />
color:#000066;<br />
font-size:100%;<br />
font-weight:bold;<br />
margin:1px 10px 0;<br />
}<br />
<br />
#search-controls {<br />
display: block;<br />
background: none;<br />
position: absolute;<br />
top: -100px;<br />
left: -50px;}<br />
<br />
.left-menu {<br />
width: 300px;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
.left-menu ul {<br />
border: none; }<br />
<br />
#searchform {<br />
background: none;<br />
display: block;<br />
float: right;}<br />
<br />
#menubar.right-menu {<br />
width: 300px;<br />
display: block;<br />
float: left;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
<br />
#top-section {<br />
height: 0px;<br />
margin-top: -5px;<br />
margin-bottom: 0 !important;<br />
margin-left: auto;<br />
padding:0;<br />
border: none;}<br />
<br />
#p-logo {<br />
height: 0px;<br />
overflow: hidden;<br />
display: none;<br />
border: }<br />
<br />
#footer {<br />
border: none;<br />
background-color: transparent;<br />
margin: 0;<br />
padding: 0; }<br />
<br />
#footer-box {<br />
border:none;<br />
background-color: transparent;<br />
}<br />
<br />
.firstHeading {<br />
display: none; }<br />
<br />
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }<br />
.code code { display: block; padding: 3px; margin-bottom: 0; }<br />
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }<br />
.indent1 { padding-left: 1em; }<br />
.indent2 { padding-left: 2em; }<br />
<br />
/* sidenav styling */<br />
#sidenav {<br />
clear: both;<br />
line-height: 50%;<br />
}<br />
<br />
#sidenav li {<br />
list-style-type: none;<br />
display: block;<br />
margin: 8px 0px;<br />
font-size: 14px;<br />
}<br />
<br />
#sidenav li li {<br />
padding-left: 16px;<br />
}<br />
<br />
#sidenav li a {<br />
color: #333;<br />
padding: 0px 4px 0px 10px;<br />
background-color: transparent;<br />
font-weight: bold;<br />
}<br />
<br />
#sidenav ul a {<br />
font-weight: normal;<br />
}<br />
<br />
#sidenav li li a,<br />
#sidenav li.sel li a {<br />
padding-left: 0px;<br />
}<br />
<br />
#sidenav li.sel a,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav.col li.sel ul li a:hover,<br />
#sidenav.col li.sel ul li a:active {<br />
color: #fff;<br />
text-decoration: none;<br />
}<br />
<br />
<br />
<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
*{padding: 0; margin: 0;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_window {<br />
font: 12px Arial, Helvetica, sans-serif;<br />
color: #333333;<br />
}<br />
<br />
#TB_secondLine {<br />
font: 10px Arial, Helvetica, sans-serif;<br />
color:#666666;<br />
}<br />
<br />
#TB_window a:link {color: #666666;}<br />
#TB_window a:visited {color: #666666;}<br />
#TB_window a:hover {color: #000;}<br />
#TB_window a:active {color: #666666;}<br />
#TB_window a:focus{color: #666666;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_overlay {<br />
position: fixed;<br />
z-index:100;<br />
top: 0px;<br />
left: 0px;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}<br />
.TB_overlayBG {<br />
background-color:#000;<br />
filter:alpha(opacity=75);<br />
-moz-opacity: 0.75;<br />
opacity: 0.75;<br />
}<br />
<br />
* html #TB_overlay { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_window {<br />
position: fixed;<br />
background: #ffffff;<br />
z-index: 102;<br />
color:#000000;<br />
display:none;<br />
border: 4px solid #525252;<br />
text-align:left;<br />
top:50%;<br />
left:50%;<br />
}<br />
<br />
* html #TB_window { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_window img#TB_Image {<br />
display:block;<br />
margin: 15px 0 0 15px;<br />
border-right: 1px solid #ccc;<br />
border-bottom: 1px solid #ccc;<br />
border-top: 1px solid #666;<br />
border-left: 1px solid #666;<br />
}<br />
<br />
#TB_caption{<br />
height:25px;<br />
padding:7px 30px 10px 25px;<br />
float:left;<br />
}<br />
<br />
#TB_closeWindow{<br />
height:25px;<br />
padding:11px 25px 10px 0;<br />
float:right;<br />
}<br />
<br />
#TB_closeAjaxWindow{<br />
padding:7px 10px 5px 0;<br />
margin-bottom:1px;<br />
text-align:right;<br />
float:right;<br />
}<br />
<br />
#TB_ajaxWindowTitle{<br />
float:left;<br />
padding:7px 0 5px 10px;<br />
margin-bottom:1px;<br />
}<br />
<br />
#TB_title{<br />
background-color:#e8e8e8;<br />
height:27px;<br />
}<br />
<br />
#TB_ajaxContent{<br />
clear:both;<br />
padding:2px 15px 15px 15px;<br />
overflow:auto;<br />
text-align:left;<br />
line-height:1.4em;<br />
}<br />
<br />
#TB_ajaxContent.TB_modal{<br />
padding:15px;<br />
}<br />
<br />
#TB_ajaxContent p{<br />
padding:5px 0px 5px 0px;<br />
}<br />
<br />
#TB_load{<br />
position: fixed;<br />
display:none;<br />
height:13px;<br />
width:208px;<br />
z-index:103;<br />
top: 50%;<br />
left: 50%;<br />
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */<br />
}<br />
<br />
* html #TB_load { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_HideSelect{<br />
z-index:99;<br />
position:fixed;<br />
top: 0;<br />
left: 0;<br />
background-color:#fff;<br />
border:none;<br />
filter:alpha(opacity=0);<br />
-moz-opacity: 0;<br />
opacity: 0;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
* html #TB_HideSelect { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_iframeContent{<br />
clear:both;<br />
border:none;<br />
margin-bottom:-1px;<br />
margin-top:1px;<br />
_margin-bottom:1px;<br />
}<br />
<br />
#stones {<br />
position: fixed;<br />
top: 45px;<br />
left: 0px;<br />
width: 43px;<br />
padding: 2px;<br />
background-image: url('https://static.igem.org/mediawiki/2010/3/34/Transparency50.png');<br />
background-repeat: repeat-y;<br />
}<br />
<br />
/* MIT ChemE Menu */<br />
<br />
#navwrapper {<br />
position: absolute;<br />
width: 955px;<br />
}<br />
<br />
#topnav {<br />
height: 65px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li {<br />
list-style: none;<br />
float: left;<br />
}<br />
<br />
#topnav li a {<br />
display: block;<br />
width: 183px;<br />
height: 65px;<br />
margin-right: 2px;<br />
background-color: #2e2e2e;<br />
font-family: "Arial", Verdana, sans-serif;<br />
font-size: medium;<br />
line-height: 1.25em;<br />
color: #fff;<br />
font-weight: 900;<br />
}<br />
<br />
#topnav li a.last {<br />
margin-right: 0px;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul,<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
display: block;<br />
}<br />
<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
z-index: 1;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul {<br />
z-index: 100;<br />
}<br />
<br />
#topnav li ul {<br />
display: none;<br />
clear: both;<br />
position: absolute;<br />
top: 65px;<br />
left: 0px;<br />
width: 950px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li li {<br />
float: none;<br />
display: block;<br />
}<br />
<br />
#topnav li a:hover,<br />
#topnav li a:active {<br />
text-decoration: none;<br />
}<br />
<br />
#topnav li li {<br />
display: block;<br />
float: left;<br />
padding-top: 11px;<br />
padding-bottom: 9px;<br />
}<br />
<br />
#topnav li li a {<br />
margin: 0;<br />
padding: 0 8px;<br />
background-color: transparent;<br />
height: auto;<br />
width: auto;<br />
font-weight: normal;<br />
font-size: small;<br />
border-right: 1px solid white;<br />
}<br />
<br />
#topnav li li.last a {<br />
background-image: none;<br />
padding-right: 0px;<br />
border-right: none;<br />
}<br />
<br />
#topnav li li a:hover,<br />
#topnav li li a:active,<br />
#topnav li li.sel a {<br />
text-transform: uppercase;<br />
}<br />
<br />
<br />
<br />
/* specific styles */<br />
<br />
#topnav li.about a:hover,<br />
#topnav li.about a:active,<br />
#topnav li.about ul,<br />
body.about #topnav li.about a:link,<br />
body.about #topnav li.about a:visited {<br />
background-color: #8b0000;<br />
}<br />
<br />
#topnav li.about ul {<br />
width: 955px;<br />
}<br />
<br />
#topnav li.people a:hover,<br />
#topnav li.people a:active,<br />
#topnav li.people ul,<br />
body.people #topnav li.people a:link,<br />
body.people #topnav li.people a:visited,<br />
body.people #sidenav .sel a:link,<br />
body.people #sidenav .sel a:visited,<br />
body.people #sidenav a:hover,<br />
body.people #sidenav a:active,<br />
body.people #sidenav li.sel li a:hover,<br />
body.people #sidenav li.sel li a:active {<br />
background-color: #e6881a;<br />
}<br />
<br />
#topnav li.people ul {<br />
width: 848px;<br />
padding-left: 75px;<br />
}<br />
<br />
#topnav li.academics a:hover,<br />
#topnav li.academics a:active,<br />
#topnav li.academics ul,<br />
body.academics #topnav li.academics a:link,<br />
body.academics #topnav li.academics a:visited,<br />
body.academics #sidenav li.sel a:link,<br />
body.academics #sidenav li.sel a:visited,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active,<br />
body.academics #sidenav li a:hover,<br />
body.academics #sidenav li a:active,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active {<br />
background-color: #2e2e91;<br />
}<br />
<br />
#topnav li.academics ul {<br />
width: 698px;<br />
padding-left: 225px;<br />
}<br />
<br />
#topnav li.notebook a:hover,<br />
#topnav li.notebook a:active,<br />
#topnav li.notebook ul,<br />
body.notebook #topnav li.notebook a:link,<br />
body.notebook #topnav li.notebook a:visited,<br />
#sidenav li.sel a:link,<br />
#sidenav li.sel a:visited,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active {<br />
background-color: #016b9d;<br />
}<br />
<br />
#topnav li.notebook ul {<br />
width: 336x;<br />
padding-left: 360px;<br />
}<br />
<br />
#topnav li.contributions a:hover,<br />
#topnav li.contributions a:active,<br />
#topnav li.contributions ul,<br />
body.contributions #topnav li.contributions a:link,<br />
body.contributions #topnav li.contributions a:visited,<br />
body.contributions #sidenav li.sel a:link,<br />
body.contributions #sidenav li.sel a:visited,<br />
body.contributions #sidenav li a:hover,<br />
body.contributions #sidenav li a:active,<br />
body.contributions #sidenav li.sel li a:hover,<br />
body.contributions #sidenav li.sel li a:active {<br />
background-color: #4ca14c;<br />
}<br />
<br />
#topnav li.contributions ul {<br />
width: 603px;<br />
padding-left: 420px;<br />
}<br />
<br />
#specialnav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#specialnav a:hover {text-decoration:underline;}<br />
#specialnav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#specialnav dt a {color:#000; text-decoration:none;}<br />
#specialnav dd {padding:0; margin:0;}<br />
#specialnav dd ul {padding:0; margin:0; list-style:none;}<br />
#specialnav dd ul li {padding-left:20px; width:230px}<br />
#specialnav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
/* Thanks to MIT ChemE dept. Your site is lovely. */<br />
<br />
</style><br />
<br />
<br />
</head><br />
<body><br />
<div id="header"><br />
<div id="whitespace" style="background-color: transparent; height: 20px;"></div><br />
<div id="navwrapper"><br />
<ul id="topnav"><br />
<li class="about"><a href="https://2010.igem.org/Team:MIT"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Home</td></table><br />
</a><br />
<br />
<ul><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT">Home</a></li><br />
</ul></li><br />
<li class="people"><a href="https://2010.igem.org/Team:MIT/Team"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Team</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_undergraduates">Undergraduates</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_instructors">Instructors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_advisors">Advisors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_fun">Fun</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_gallery">Gallery</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_sponsors">Sponsors</a></li><br />
</ul></li><br />
<li class="academics"><a href="https://2010.igem.org/Team:MIT_overview"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Project</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_overview">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_toggle">Toggle</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage">Phage</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Mammalian</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_summary">Summary</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_acknowledgements">Acknowledgments</a></li><br />
</ul><br />
<br />
</li><br />
<li class="notebook"><a href="https://2010.igem.org/Team:MIT/Notebook"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Notebook</td></table><br />
<!-- <img src="https://static.igem.org/mediawiki/2010/e/ed/Pelletedcrop.png" width=182px> --!><br />
</a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mm">Materials & Methods</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_parts">Parts & Data</a></li><br />
<li><a href="#">Journal Club</a></li><br />
<li class="last"><a href ="https://2010.igem.org/Team:MIT_safety">Safety</a></li><br />
<br />
</ul></li><br />
<li class="contributions"><a href="#" class="last"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Contributions</td></table></a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard</a></li><br />
<li><a href="#">New Backbone</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_bioethics">Bioethics</a></li><br />
</ul></li><br />
<br />
</ul><br />
</div><br />
<div id="whitespace" style="height: 100px;"></div><br />
</div> <br />
<br />
</body><br />
<div id="stones"><br />
<a href="https://2010.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2010/2/20/080410Igem-logo.png" height=40px width=45px></a><br><br />
<a href="http://twitter.com/mit_igem"><img src="https://static.igem.org/mediawiki/2010/5/5f/Twitter-square.png" height=40px></a><br><a href="http://www.facebook.com/pages/MIT-iGEM-2010/148399295171024?v=wall&ref=ts"><img src="https://static.igem.org/mediawiki/2010/1/1b/Facebook-square.png" height=40px></a><br />
<br><a href="mailto:igem2010.mit@gmail.com?subject=Questions about MIT iGEM 2010"><img src="https://static.igem.org/mediawiki/2010/8/8b/Gmail-square.png" height=40px><br />
</a><br />
</div></html></div>
Supacalafrglstic
http://2010.igem.org/Template:Leanna_css
Template:Leanna css
2010-10-27T21:16:30Z
<p>Supacalafrglstic: </p>
<hr />
<div><html><br />
<head><br />
<script type="text/javascript" src="http://www.sunsean.com/idTabs/jquery.idTabs.min.js"></script><br />
<script type="text/javascript" src="http://jquery.com/demo/thickbox/thickbox-code/thickbox.js"></script><br />
<link rel="stylesheet" href="http://jquery.com/demo/thickbox/thickbox-code/thickbox.css" type="text/css" media="screen" /><br />
<script type="text/javascript" src="http://www.google.com/jsapi"></script><br />
<script src="http://d2o0t5hpnwv4c1.cloudfront.net/004_Moo/tutorial/demo/sliding_effect.js"></script><br />
<script> google.load("jquery", "1.4.2"); </script><br />
<!--[if IE]><br />
<style><br />
#header {<br />
width: 985px;<br />
}<br />
#navwrapper {<br />
position: absolute;<br />
width: 985px;<br />
}<br />
<br />
#topnav {<br />
height: 65px;<br />
overflow: hidden;<br />
}<br />
<br />
<br />
</style><br />
<![endif]--><br />
<style type="text/css"><br />
.toggler { width: 500px; height: 200px; position: relative;}<br />
#button { padding: .5em 1em; text-decoration: none; }<br />
#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; background: #fff; }<br />
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }<br />
<br />
<br />
#header {<br />
position: relative;<br />
left: 2px;<br />
text-align: left;<br />
margin: 0px;<br />
width: 955px;<br />
}<br />
<br />
#header a {<br />
color: white;<br />
}<br />
<br />
#content {<br />
background-color: transparent;<br />
border: none;<br />
}<br />
<br />
.mainContent {<br />
width: 943px;<br />
position: absolute;<br />
padding:5px;<br />
top: 160px;<br />
font-size: 14px;<br />
margin:5px;<br />
}<br />
<br />
#groupparts {<br />
position:relative;<br />
left: 21px;<br />
top: 5px;<br />
}<br />
<br />
.baby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
}<br />
<br />
.bodybaby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
border-bottom: 2px solid black;<br />
color: black;<br />
}<br />
<br />
.bodybaby a {<br />
color: black;<br />
}<br />
<br />
.sidep {<br />
display: inline;<br />
background-color: #boc4de;<br />
width: 170px;<br />
float: right;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
.outline {<br />
display: inline;<br />
padding: 5px;<br />
background-color: #boc4de;<br />
width: 250px;<br />
float: left;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
#procedure,<br />
#procedure a {<br />
display: relative;<br />
text-decoration: none;<br />
color: black;<br />
list-style: none;<br />
}<br />
<br />
#procedure a:hover {<br />
color: white;<br />
text-decoration: none;<br />
}<br />
<br />
.bolded {<br />
font-size: 16px;<br />
}<br />
<br />
#unique {<br />
margin: 5px 21px !important;<br />
border: none !important;<br />
background-color: white;<br />
}<br />
<br />
#freedom {<br />
width: 105px;<br />
position: relative;<br />
left: -20px;<br />
top: 8px;<br />
display: block;<br />
list-style: none;<br />
text-align: left;<br />
color: black;<br />
background-color: honeydew;<br />
font-family: Osaka, verdana, Sans-Serif;<br />
font-size: 16px;<br />
}<br />
#freedom li a {<br />
text-align: left;<br />
padding-left: 7px;<br />
color: #330066<br />
}<br />
<br />
#freedom li a:hover {<br />
background-color: #b2b2cc;<br />
<br />
}<br />
#freedom li a.selected {<br />
position: relative;<br />
left: 10px;<br />
color: black;<br />
}<br />
<br />
.tabContainer {<br />
position: relative;<br />
top: 0px;<br />
left: 4px;<br />
height: 23px;<br />
width: 99%;<br />
}<br />
.tabContainer p {<br />
text-align:left;<br />
top: 1px;<br />
}<br />
<br />
/* ================================================================ <br />
This copyright notice must be untouched at all times.<br />
Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved.<br />
=================================================================== */<br />
<br />
#nav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#nav a:hover {text-decoration:underline;}<br />
#nav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#nav dt a {color:#000; text-decoration:none;}<br />
#nav dd {padding:0; margin:0;}<br />
#nav dd ul {padding:0; margin:0; list-style:none;}<br />
#nav dd ul li {padding-left:20px; width:230px}<br />
#nav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
<br />
input.searchButton {<br />
background:none repeat scroll 0 0 transparent;<br />
border:medium none;<br />
color:#000066;<br />
font-size:100%;<br />
font-weight:bold;<br />
margin:1px 10px 0;<br />
}<br />
<br />
#search-controls {<br />
display: block;<br />
background: none;<br />
position: absolute;<br />
top: -100px;<br />
left: -50px;}<br />
<br />
.left-menu {<br />
width: 300px;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
.left-menu ul {<br />
border: none; }<br />
<br />
#searchform {<br />
background: none;<br />
display: block;<br />
float: right;}<br />
<br />
#menubar.right-menu {<br />
width: 300px;<br />
display: block;<br />
float: left;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
<br />
#top-section {<br />
height: 0px;<br />
margin-top: -5px;<br />
margin-bottom: 0 !important;<br />
margin-left: auto;<br />
padding:0;<br />
border: none;}<br />
<br />
#p-logo {<br />
height: 0px;<br />
overflow: hidden;<br />
display: none;<br />
border: }<br />
<br />
#footer {<br />
border: none;<br />
background-color: transparent;<br />
margin: 0;<br />
padding: 0; }<br />
<br />
#footer-box {<br />
border:none;<br />
background-color: transparent;<br />
}<br />
<br />
.firstHeading {<br />
display: none; }<br />
<br />
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }<br />
.code code { display: block; padding: 3px; margin-bottom: 0; }<br />
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }<br />
.indent1 { padding-left: 1em; }<br />
.indent2 { padding-left: 2em; }<br />
<br />
/* sidenav styling */<br />
#sidenav {<br />
clear: both;<br />
line-height: 50%;<br />
}<br />
<br />
#sidenav li {<br />
list-style-type: none;<br />
display: block;<br />
margin: 8px 0px;<br />
font-size: 14px;<br />
}<br />
<br />
#sidenav li li {<br />
padding-left: 16px;<br />
}<br />
<br />
#sidenav li a {<br />
color: #333;<br />
padding: 0px 4px 0px 10px;<br />
background-color: transparent;<br />
font-weight: bold;<br />
}<br />
<br />
#sidenav ul a {<br />
font-weight: normal;<br />
}<br />
<br />
#sidenav li li a,<br />
#sidenav li.sel li a {<br />
padding-left: 0px;<br />
}<br />
<br />
#sidenav li.sel a,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav.col li.sel ul li a:hover,<br />
#sidenav.col li.sel ul li a:active {<br />
color: #fff;<br />
text-decoration: none;<br />
}<br />
<br />
<br />
<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
*{padding: 0; margin: 0;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_window {<br />
font: 12px Arial, Helvetica, sans-serif;<br />
color: #333333;<br />
}<br />
<br />
#TB_secondLine {<br />
font: 10px Arial, Helvetica, sans-serif;<br />
color:#666666;<br />
}<br />
<br />
#TB_window a:link {color: #666666;}<br />
#TB_window a:visited {color: #666666;}<br />
#TB_window a:hover {color: #000;}<br />
#TB_window a:active {color: #666666;}<br />
#TB_window a:focus{color: #666666;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_overlay {<br />
position: fixed;<br />
z-index:100;<br />
top: 0px;<br />
left: 0px;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}<br />
.TB_overlayBG {<br />
background-color:#000;<br />
filter:alpha(opacity=75);<br />
-moz-opacity: 0.75;<br />
opacity: 0.75;<br />
}<br />
<br />
* html #TB_overlay { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_window {<br />
position: fixed;<br />
background: #ffffff;<br />
z-index: 102;<br />
color:#000000;<br />
display:none;<br />
border: 4px solid #525252;<br />
text-align:left;<br />
top:50%;<br />
left:50%;<br />
}<br />
<br />
* html #TB_window { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_window img#TB_Image {<br />
display:block;<br />
margin: 15px 0 0 15px;<br />
border-right: 1px solid #ccc;<br />
border-bottom: 1px solid #ccc;<br />
border-top: 1px solid #666;<br />
border-left: 1px solid #666;<br />
}<br />
<br />
#TB_caption{<br />
height:25px;<br />
padding:7px 30px 10px 25px;<br />
float:left;<br />
}<br />
<br />
#TB_closeWindow{<br />
height:25px;<br />
padding:11px 25px 10px 0;<br />
float:right;<br />
}<br />
<br />
#TB_closeAjaxWindow{<br />
padding:7px 10px 5px 0;<br />
margin-bottom:1px;<br />
text-align:right;<br />
float:right;<br />
}<br />
<br />
#TB_ajaxWindowTitle{<br />
float:left;<br />
padding:7px 0 5px 10px;<br />
margin-bottom:1px;<br />
}<br />
<br />
#TB_title{<br />
background-color:#e8e8e8;<br />
height:27px;<br />
}<br />
<br />
#TB_ajaxContent{<br />
clear:both;<br />
padding:2px 15px 15px 15px;<br />
overflow:auto;<br />
text-align:left;<br />
line-height:1.4em;<br />
}<br />
<br />
#TB_ajaxContent.TB_modal{<br />
padding:15px;<br />
}<br />
<br />
#TB_ajaxContent p{<br />
padding:5px 0px 5px 0px;<br />
}<br />
<br />
#TB_load{<br />
position: fixed;<br />
display:none;<br />
height:13px;<br />
width:208px;<br />
z-index:103;<br />
top: 50%;<br />
left: 50%;<br />
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */<br />
}<br />
<br />
* html #TB_load { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_HideSelect{<br />
z-index:99;<br />
position:fixed;<br />
top: 0;<br />
left: 0;<br />
background-color:#fff;<br />
border:none;<br />
filter:alpha(opacity=0);<br />
-moz-opacity: 0;<br />
opacity: 0;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
* html #TB_HideSelect { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_iframeContent{<br />
clear:both;<br />
border:none;<br />
margin-bottom:-1px;<br />
margin-top:1px;<br />
_margin-bottom:1px;<br />
}<br />
<br />
#stones {<br />
position: fixed;<br />
top: 45px;<br />
left: 0px;<br />
width: 43px;<br />
padding: 2px;<br />
background-image: url('https://static.igem.org/mediawiki/2010/3/34/Transparency50.png');<br />
background-repeat: repeat-y;<br />
}<br />
<br />
/* MIT ChemE Menu */<br />
<br />
#navwrapper {<br />
position: absolute;<br />
width: 955px;<br />
}<br />
<br />
#topnav {<br />
height: 65px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li {<br />
list-style: none;<br />
float: left;<br />
}<br />
<br />
#topnav li a {<br />
display: block;<br />
width: 183px;<br />
height: 65px;<br />
margin-right: 2px;<br />
background-color: #2e2e2e;<br />
font-family: "Arial", Verdana, sans-serif;<br />
font-size: medium;<br />
line-height: 1.25em;<br />
color: #fff;<br />
font-weight: 900;<br />
}<br />
<br />
#topnav li a.last {<br />
margin-right: 0px;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul,<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
display: block;<br />
}<br />
<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
z-index: 1;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul {<br />
z-index: 100;<br />
}<br />
<br />
#topnav li ul {<br />
display: none;<br />
clear: both;<br />
position: absolute;<br />
top: 65px;<br />
left: 0px;<br />
width: 950px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li li {<br />
float: none;<br />
display: block;<br />
}<br />
<br />
#topnav li a:hover,<br />
#topnav li a:active {<br />
text-decoration: none;<br />
}<br />
<br />
#topnav li li {<br />
display: block;<br />
float: left;<br />
padding-top: 11px;<br />
padding-bottom: 9px;<br />
}<br />
<br />
#topnav li li a {<br />
margin: 0;<br />
padding: 0 8px;<br />
background-color: transparent;<br />
height: auto;<br />
width: auto;<br />
font-weight: normal;<br />
font-size: small;<br />
border-right: 1px solid white;<br />
}<br />
<br />
#topnav li li.last a {<br />
background-image: none;<br />
padding-right: 0px;<br />
border-right: none;<br />
}<br />
<br />
#topnav li li a:hover,<br />
#topnav li li a:active,<br />
#topnav li li.sel a {<br />
text-transform: uppercase;<br />
}<br />
<br />
<br />
<br />
/* specific styles */<br />
<br />
#topnav li.about a:hover,<br />
#topnav li.about a:active,<br />
#topnav li.about ul,<br />
body.about #topnav li.about a:link,<br />
body.about #topnav li.about a:visited {<br />
background-color: #8b0000;<br />
}<br />
<br />
#topnav li.about ul {<br />
width: 955px;<br />
}<br />
<br />
#topnav li.people a:hover,<br />
#topnav li.people a:active,<br />
#topnav li.people ul,<br />
body.people #topnav li.people a:link,<br />
body.people #topnav li.people a:visited,<br />
body.people #sidenav .sel a:link,<br />
body.people #sidenav .sel a:visited,<br />
body.people #sidenav a:hover,<br />
body.people #sidenav a:active,<br />
body.people #sidenav li.sel li a:hover,<br />
body.people #sidenav li.sel li a:active {<br />
background-color: #e6881a;<br />
}<br />
<br />
#topnav li.people ul {<br />
width: 848px;<br />
padding-left: 75px;<br />
}<br />
<br />
#topnav li.academics a:hover,<br />
#topnav li.academics a:active,<br />
#topnav li.academics ul,<br />
body.academics #topnav li.academics a:link,<br />
body.academics #topnav li.academics a:visited,<br />
body.academics #sidenav li.sel a:link,<br />
body.academics #sidenav li.sel a:visited,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active,<br />
body.academics #sidenav li a:hover,<br />
body.academics #sidenav li a:active,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active {<br />
background-color: #2e2e91;<br />
}<br />
<br />
#topnav li.academics ul {<br />
width: 698px;<br />
padding-left: 225px;<br />
}<br />
<br />
#topnav li.notebook a:hover,<br />
#topnav li.notebook a:active,<br />
#topnav li.notebook ul,<br />
body.notebook #topnav li.notebook a:link,<br />
body.notebook #topnav li.notebook a:visited,<br />
#sidenav li.sel a:link,<br />
#sidenav li.sel a:visited,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active {<br />
background-color: #016b9d;<br />
}<br />
<br />
#topnav li.notebook ul {<br />
width: 336x;<br />
padding-left: 360px;<br />
}<br />
<br />
#topnav li.contributions a:hover,<br />
#topnav li.contributions a:active,<br />
#topnav li.contributions ul,<br />
body.contributions #topnav li.contributions a:link,<br />
body.contributions #topnav li.contributions a:visited,<br />
body.contributions #sidenav li.sel a:link,<br />
body.contributions #sidenav li.sel a:visited,<br />
body.contributions #sidenav li a:hover,<br />
body.contributions #sidenav li a:active,<br />
body.contributions #sidenav li.sel li a:hover,<br />
body.contributions #sidenav li.sel li a:active {<br />
background-color: #4ca14c;<br />
}<br />
<br />
#topnav li.contributions ul {<br />
width: 603px;<br />
padding-left: 420px;<br />
}<br />
<br />
#specialnav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#specialnav a:hover {text-decoration:underline;}<br />
#specialnav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#specialnav dt a {color:#000; text-decoration:none;}<br />
#specialnav dd {padding:0; margin:0;}<br />
#specialnav dd ul {padding:0; margin:0; list-style:none;}<br />
#specialnav dd ul li {padding-left:20px; width:230px}<br />
#specialnav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
/* Thanks to MIT ChemE dept. Your site is lovely. */<br />
<br />
</style><br />
<br />
<br />
</head><br />
<body><br />
<div id="header"><br />
<div id="whitespace" style="background-color: transparent; height: 20px;"></div><br />
<div id="navwrapper"><br />
<ul id="topnav"><br />
<li class="about"><a href="https://2010.igem.org/Team:MIT"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Home</td></table><br />
</a><br />
<br />
<ul><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT">Home</a></li><br />
</ul></li><br />
<li class="people"><a href="https://2010.igem.org/Team:MIT/Team"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Team</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_undergraduates">Undergraduates</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_instructors">Instructors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_advisors">Advisors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_fun">Fun</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_gallery">Gallery</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_sponsors">Sponsors</a></li><br />
</ul></li><br />
<li class="academics"><a href="https://2010.igem.org/Team:MIT_overview"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Project</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_overview">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_toggle">Toggle</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage">Phage</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Mammalian</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_summary">Summary</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_acknowledgements">Acknowledgments</a></li><br />
</ul><br />
<br />
</li><br />
<li class="notebook"><a href="https://2010.igem.org/Team:MIT/Notebook"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Notebook</td></table><br />
<!-- <img src="https://static.igem.org/mediawiki/2010/e/ed/Pelletedcrop.png" width=182px> --!><br />
</a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mm">Materials & Methods</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_parts">Parts & Data</a></li><br />
<li><a href="#">Journal Club</a></li><br />
<li class="last"><a href ="https://2010.igem.org/Team:MIT_safety">Safety</a></li><br />
<br />
</ul></li><br />
<li class="contributions"><a href="#" class="last"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Contributions</td></table></a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard</a></li><br />
<li><a href="#">New Backbone</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_bioethics">Bioethics</a></li><br />
</ul></li><br />
<br />
</ul><br />
</div><br />
<div id="whitespace" style="height: 100px;"></div><br />
</div> <br />
<br />
</body><br />
<div id="stones"><br />
<a href="https://2010.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2010/2/20/080410Igem-logo.png" height=40px width=45px></a><br><br />
<a href="http://twitter.com/mit_igem"><img src="https://static.igem.org/mediawiki/2010/5/5f/Twitter-square.png" height=40px></a><br><a href="http://www.facebook.com/pages/MIT-iGEM-2010/148399295171024?v=wall&ref=ts"><img src="https://static.igem.org/mediawiki/2010/1/1b/Facebook-square.png" height=40px></a><br />
<br><a href="mailto:igem2010.mit@gmail.com?subject=Questions about MIT iGEM 2010"><img src="https://static.igem.org/mediawiki/2010/8/8b/Gmail-square.png" height=40px><br />
</a><br />
</div></html></div>
Supacalafrglstic
http://2010.igem.org/Template:Leanna_css
Template:Leanna css
2010-10-27T21:15:44Z
<p>Supacalafrglstic: </p>
<hr />
<div><html><br />
<head><br />
<script type="text/javascript" src="http://www.sunsean.com/idTabs/jquery.idTabs.min.js"></script><br />
<script type="text/javascript" src="http://jquery.com/demo/thickbox/thickbox-code/thickbox.js"></script><br />
<link rel="stylesheet" href="http://jquery.com/demo/thickbox/thickbox-code/thickbox.css" type="text/css" media="screen" /><br />
<script type="text/javascript" src="http://www.google.com/jsapi"></script><br />
<script src="http://d2o0t5hpnwv4c1.cloudfront.net/004_Moo/tutorial/demo/sliding_effect.js"></script><br />
<script> google.load("jquery", "1.4.2"); </script><br />
<!--[if IE]><br />
<style><br />
#header {<br />
width: 985px;<br />
}<br />
#navwrapper {<br />
position: absolute;<br />
width: 985px;<br />
}<br />
<br />
#topnav {<br />
height: 65px;<br />
overflow: hidden;<br />
}<br />
<br />
<br />
</style><br />
<![endif]--><br />
<style type="text/css"><br />
.toggler { width: 500px; height: 200px; position: relative;}<br />
#button { padding: .5em 1em; text-decoration: none; }<br />
#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; background: #fff; }<br />
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }<br />
<br />
<br />
#header {<br />
position: relative;<br />
left: 2px;<br />
text-align: left;<br />
margin: 0px;<br />
width: 955px;<br />
}<br />
<br />
#header a {<br />
color: white;<br />
}<br />
<br />
#content {<br />
background-color: transparent;<br />
border: none;<br />
}<br />
<br />
.mainContent {<br />
width: 943px;<br />
position: absolute;<br />
padding:5px;<br />
top: 160px;<br />
font-size: 14px;<br />
margin:5px;<br />
}<br />
<br />
#groupparts {<br />
position:relative;<br />
left: 21px;<br />
top: 5px;<br />
}<br />
<br />
.baby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
}<br />
<br />
.bodybaby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
border-bottom: 2px solid black;<br />
color: black;<br />
}<br />
<br />
.bodybaby a {<br />
color: black;<br />
}<br />
<br />
.sidep {<br />
display: inline;<br />
background-color: #boc4de;<br />
width: 170px;<br />
float: right;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
.outline {<br />
display: inline;<br />
padding: 5px;<br />
background-color: #boc4de;<br />
width: 250px;<br />
float: left;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
#procedure,<br />
#procedure a {<br />
display: relative;<br />
text-decoration: none;<br />
color: black;<br />
list-style: none;<br />
}<br />
<br />
#procedure a:hover {<br />
color: white;<br />
text-decoration: none;<br />
}<br />
<br />
.bolded {<br />
font-size: 16px;<br />
}<br />
<br />
#unique {<br />
margin: 5px 21px !important;<br />
border: none !important;<br />
background-color: white;<br />
}<br />
<br />
#freedom {<br />
width: 105px;<br />
position: relative;<br />
left: -20px;<br />
top: 8px;<br />
display: block;<br />
list-style: none;<br />
text-align: left;<br />
color: black;<br />
background-color: honeydew;<br />
font-family: Osaka, verdana, Sans-Serif;<br />
font-size: 16px;<br />
}<br />
#freedom li a {<br />
text-align: left;<br />
padding-left: 7px;<br />
color: #330066<br />
}<br />
<br />
#freedom li a:hover {<br />
background-color: #b2b2cc;<br />
<br />
}<br />
#freedom li a.selected {<br />
position: relative;<br />
left: 10px;<br />
color: black;<br />
}<br />
<br />
.tabContainer {<br />
position: relative;<br />
top: 0px;<br />
left: 4px;<br />
height: 23px;<br />
width: 99%;<br />
}<br />
.tabContainer p {<br />
text-align:left;<br />
top: 1px;<br />
}<br />
<br />
/* ================================================================ <br />
This copyright notice must be untouched at all times.<br />
Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved.<br />
=================================================================== */<br />
<br />
#nav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#nav a:hover {text-decoration:underline;}<br />
#nav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#nav dt a {color:#000; text-decoration:none;}<br />
#nav dd {padding:0; margin:0;}<br />
#nav dd ul {padding:0; margin:0; list-style:none;}<br />
#nav dd ul li {padding-left:20px; width:230px}<br />
#nav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
<br />
input.searchButton {<br />
background:none repeat scroll 0 0 transparent;<br />
border:medium none;<br />
color:#000066;<br />
font-size:100%;<br />
font-weight:bold;<br />
margin:1px 10px 0;<br />
}<br />
<br />
#search-controls {<br />
display: block;<br />
background: none;<br />
position: absolute;<br />
top: -100px;<br />
left: -50px;}<br />
<br />
.left-menu {<br />
width: 300px;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
.left-menu ul {<br />
border: none; }<br />
<br />
#searchform {<br />
background: none;<br />
display: block;<br />
float: right;}<br />
<br />
#menubar.right-menu {<br />
width: 300px;<br />
display: block;<br />
float: left;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
<br />
#top-section {<br />
height: 0px;<br />
margin-top: -5px;<br />
margin-bottom: 0 !important;<br />
margin-left: auto;<br />
padding:0;<br />
border: none;}<br />
<br />
#p-logo {<br />
height: 0px;<br />
overflow: hidden;<br />
display: none;<br />
border: }<br />
<br />
#footer {<br />
border: none;<br />
background-color: transparent;<br />
margin: 0;<br />
padding: 0; }<br />
<br />
#footer-box {<br />
border:none;<br />
background-color: transparent;<br />
}<br />
<br />
.firstHeading {<br />
display: none; }<br />
<br />
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }<br />
.code code { display: block; padding: 3px; margin-bottom: 0; }<br />
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }<br />
.indent1 { padding-left: 1em; }<br />
.indent2 { padding-left: 2em; }<br />
<br />
/* sidenav styling */<br />
#sidenav {<br />
clear: both;<br />
line-height: 50%;<br />
}<br />
<br />
#sidenav li {<br />
list-style-type: none;<br />
display: block;<br />
margin: 8px 0px;<br />
font-size: 14px;<br />
}<br />
<br />
#sidenav li li {<br />
padding-left: 16px;<br />
}<br />
<br />
#sidenav li a {<br />
color: #333;<br />
padding: 0px 4px 0px 10px;<br />
background-color: transparent;<br />
font-weight: bold;<br />
}<br />
<br />
#sidenav ul a {<br />
font-weight: normal;<br />
}<br />
<br />
#sidenav li li a,<br />
#sidenav li.sel li a {<br />
padding-left: 0px;<br />
}<br />
<br />
#sidenav li.sel a,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav.col li.sel ul li a:hover,<br />
#sidenav.col li.sel ul li a:active {<br />
color: #fff;<br />
text-decoration: none;<br />
}<br />
<br />
<br />
<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
*{padding: 0; margin: 0;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_window {<br />
font: 12px Arial, Helvetica, sans-serif;<br />
color: #333333;<br />
}<br />
<br />
#TB_secondLine {<br />
font: 10px Arial, Helvetica, sans-serif;<br />
color:#666666;<br />
}<br />
<br />
#TB_window a:link {color: #666666;}<br />
#TB_window a:visited {color: #666666;}<br />
#TB_window a:hover {color: #000;}<br />
#TB_window a:active {color: #666666;}<br />
#TB_window a:focus{color: #666666;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_overlay {<br />
position: fixed;<br />
z-index:100;<br />
top: 0px;<br />
left: 0px;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}<br />
.TB_overlayBG {<br />
background-color:#000;<br />
filter:alpha(opacity=75);<br />
-moz-opacity: 0.75;<br />
opacity: 0.75;<br />
}<br />
<br />
* html #TB_overlay { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_window {<br />
position: fixed;<br />
background: #ffffff;<br />
z-index: 102;<br />
color:#000000;<br />
display:none;<br />
border: 4px solid #525252;<br />
text-align:left;<br />
top:50%;<br />
left:50%;<br />
}<br />
<br />
* html #TB_window { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_window img#TB_Image {<br />
display:block;<br />
margin: 15px 0 0 15px;<br />
border-right: 1px solid #ccc;<br />
border-bottom: 1px solid #ccc;<br />
border-top: 1px solid #666;<br />
border-left: 1px solid #666;<br />
}<br />
<br />
#TB_caption{<br />
height:25px;<br />
padding:7px 30px 10px 25px;<br />
float:left;<br />
}<br />
<br />
#TB_closeWindow{<br />
height:25px;<br />
padding:11px 25px 10px 0;<br />
float:right;<br />
}<br />
<br />
#TB_closeAjaxWindow{<br />
padding:7px 10px 5px 0;<br />
margin-bottom:1px;<br />
text-align:right;<br />
float:right;<br />
}<br />
<br />
#TB_ajaxWindowTitle{<br />
float:left;<br />
padding:7px 0 5px 10px;<br />
margin-bottom:1px;<br />
}<br />
<br />
#TB_title{<br />
background-color:#e8e8e8;<br />
height:27px;<br />
}<br />
<br />
#TB_ajaxContent{<br />
clear:both;<br />
padding:2px 15px 15px 15px;<br />
overflow:auto;<br />
text-align:left;<br />
line-height:1.4em;<br />
}<br />
<br />
#TB_ajaxContent.TB_modal{<br />
padding:15px;<br />
}<br />
<br />
#TB_ajaxContent p{<br />
padding:5px 0px 5px 0px;<br />
}<br />
<br />
#TB_load{<br />
position: fixed;<br />
display:none;<br />
height:13px;<br />
width:208px;<br />
z-index:103;<br />
top: 50%;<br />
left: 50%;<br />
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */<br />
}<br />
<br />
* html #TB_load { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_HideSelect{<br />
z-index:99;<br />
position:fixed;<br />
top: 0;<br />
left: 0;<br />
background-color:#fff;<br />
border:none;<br />
filter:alpha(opacity=0);<br />
-moz-opacity: 0;<br />
opacity: 0;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
* html #TB_HideSelect { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_iframeContent{<br />
clear:both;<br />
border:none;<br />
margin-bottom:-1px;<br />
margin-top:1px;<br />
_margin-bottom:1px;<br />
}<br />
<br />
#stones {<br />
position: fixed;<br />
top: 45px;<br />
left: 0px;<br />
width: 43px;<br />
padding: 2px;<br />
background-image: url('https://static.igem.org/mediawiki/2010/3/34/Transparency50.png');<br />
background-repeat: repeat-y;<br />
}<br />
<br />
/* MIT ChemE Menu */<br />
<br />
#navwrapper {<br />
position: absolute;<br />
width: 955px;<br />
}<br />
<br />
#topnav {<br />
height: 65px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li {<br />
list-style: none;<br />
float: left;<br />
}<br />
<br />
#topnav li a {<br />
display: block;<br />
width: 183px;<br />
height: 65px;<br />
margin-right: 2px;<br />
background-color: #2e2e2e;<br />
font-family: "Arial", Verdana, sans-serif;<br />
font-size: medium;<br />
line-height: 1.25em;<br />
color: #fff;<br />
font-weight: 900;<br />
}<br />
<br />
#topnav li a.last {<br />
margin-right: 0px;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul,<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
display: block;<br />
}<br />
<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
z-index: 1;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul {<br />
z-index: 100;<br />
}<br />
<br />
#topnav li ul {<br />
display: none;<br />
clear: both;<br />
position: absolute;<br />
top: 65px;<br />
left: 0px;<br />
width: 950px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li li {<br />
float: none;<br />
display: block;<br />
}<br />
<br />
#topnav li a:hover,<br />
#topnav li a:active {<br />
text-decoration: none;<br />
}<br />
<br />
#topnav li li {<br />
display: block;<br />
float: left;<br />
padding-top: 11px;<br />
padding-bottom: 9px;<br />
}<br />
<br />
#topnav li li a {<br />
margin: 0;<br />
padding: 0 8px;<br />
background-color: transparent;<br />
height: auto;<br />
width: auto;<br />
font-weight: normal;<br />
font-size: small;<br />
border-right: 1px solid white;<br />
}<br />
<br />
#topnav li li.last a {<br />
background-image: none;<br />
padding-right: 0px;<br />
border-right: none;<br />
}<br />
<br />
#topnav li li a:hover,<br />
#topnav li li a:active,<br />
#topnav li li.sel a {<br />
text-transform: uppercase;<br />
}<br />
<br />
<br />
<br />
/* specific styles */<br />
<br />
#topnav li.about a:hover,<br />
#topnav li.about a:active,<br />
#topnav li.about ul,<br />
body.about #topnav li.about a:link,<br />
body.about #topnav li.about a:visited {<br />
background-color: #8b0000;<br />
}<br />
<br />
#topnav li.about ul {<br />
width: 955px;<br />
}<br />
<br />
#topnav li.people a:hover,<br />
#topnav li.people a:active,<br />
#topnav li.people ul,<br />
body.people #topnav li.people a:link,<br />
body.people #topnav li.people a:visited,<br />
body.people #sidenav .sel a:link,<br />
body.people #sidenav .sel a:visited,<br />
body.people #sidenav a:hover,<br />
body.people #sidenav a:active,<br />
body.people #sidenav li.sel li a:hover,<br />
body.people #sidenav li.sel li a:active {<br />
background-color: #e6881a;<br />
}<br />
<br />
#topnav li.people ul {<br />
width: 848px;<br />
padding-left: 75px;<br />
}<br />
<br />
#topnav li.academics a:hover,<br />
#topnav li.academics a:active,<br />
#topnav li.academics ul,<br />
body.academics #topnav li.academics a:link,<br />
body.academics #topnav li.academics a:visited,<br />
body.academics #sidenav li.sel a:link,<br />
body.academics #sidenav li.sel a:visited,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active,<br />
body.academics #sidenav li a:hover,<br />
body.academics #sidenav li a:active,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active {<br />
background-color: #2e2e91;<br />
}<br />
<br />
#topnav li.academics ul {<br />
width: 698px;<br />
padding-left: 225px;<br />
}<br />
<br />
#topnav li.notebook a:hover,<br />
#topnav li.notebook a:active,<br />
#topnav li.notebook ul,<br />
body.notebook #topnav li.notebook a:link,<br />
body.notebook #topnav li.notebook a:visited,<br />
#sidenav li.sel a:link,<br />
#sidenav li.sel a:visited,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active {<br />
background-color: #016b9d;<br />
}<br />
<br />
#topnav li.notebook ul {<br />
width: 463px;<br />
padding-left: 360px;<br />
}<br />
<br />
#topnav li.contributions a:hover,<br />
#topnav li.contributions a:active,<br />
#topnav li.contributions ul,<br />
body.contributions #topnav li.contributions a:link,<br />
body.contributions #topnav li.contributions a:visited,<br />
body.contributions #sidenav li.sel a:link,<br />
body.contributions #sidenav li.sel a:visited,<br />
body.contributions #sidenav li a:hover,<br />
body.contributions #sidenav li a:active,<br />
body.contributions #sidenav li.sel li a:hover,<br />
body.contributions #sidenav li.sel li a:active {<br />
background-color: #4ca14c;<br />
}<br />
<br />
#topnav li.contributions ul {<br />
width: 603px;<br />
padding-left: 420px;<br />
}<br />
<br />
#specialnav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#specialnav a:hover {text-decoration:underline;}<br />
#specialnav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#specialnav dt a {color:#000; text-decoration:none;}<br />
#specialnav dd {padding:0; margin:0;}<br />
#specialnav dd ul {padding:0; margin:0; list-style:none;}<br />
#specialnav dd ul li {padding-left:20px; width:230px}<br />
#specialnav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
/* Thanks to MIT ChemE dept. Your site is lovely. */<br />
<br />
</style><br />
<br />
<br />
</head><br />
<body><br />
<div id="header"><br />
<div id="whitespace" style="background-color: transparent; height: 20px;"></div><br />
<div id="navwrapper"><br />
<ul id="topnav"><br />
<li class="about"><a href="https://2010.igem.org/Team:MIT"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Home</td></table><br />
</a><br />
<br />
<ul><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT">Home</a></li><br />
</ul></li><br />
<li class="people"><a href="https://2010.igem.org/Team:MIT/Team"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Team</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_undergraduates">Undergraduates</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_instructors">Instructors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_advisors">Advisors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_fun">Fun</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_gallery">Gallery</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_sponsors">Sponsors</a></li><br />
</ul></li><br />
<li class="academics"><a href="https://2010.igem.org/Team:MIT_overview"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Project</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_overview">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_toggle">Toggle</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage">Phage</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Mammalian</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_summary">Summary</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_acknowledgements">Acknowledgments</a></li><br />
</ul><br />
<br />
</li><br />
<li class="notebook"><a href="https://2010.igem.org/Team:MIT/Notebook"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Notebook</td></table><br />
<!-- <img src="https://static.igem.org/mediawiki/2010/e/ed/Pelletedcrop.png" width=182px> --!><br />
</a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mm">Materials & Methods</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_parts">Parts & Data</a></li><br />
<li><a href="#">Journal Club</a></li><br />
<li class="last"><a href ="https://2010.igem.org/Team:MIT_safety">Safety</a></li><br />
<br />
</ul></li><br />
<li class="contributions"><a href="#" class="last"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Contributions</td></table></a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard</a></li><br />
<li><a href="#">New Backbone</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_bioethics">Bioethics</a></li><br />
</ul></li><br />
<br />
</ul><br />
</div><br />
<div id="whitespace" style="height: 100px;"></div><br />
</div> <br />
<br />
</body><br />
<div id="stones"><br />
<a href="https://2010.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2010/2/20/080410Igem-logo.png" height=40px width=45px></a><br><br />
<a href="http://twitter.com/mit_igem"><img src="https://static.igem.org/mediawiki/2010/5/5f/Twitter-square.png" height=40px></a><br><a href="http://www.facebook.com/pages/MIT-iGEM-2010/148399295171024?v=wall&ref=ts"><img src="https://static.igem.org/mediawiki/2010/1/1b/Facebook-square.png" height=40px></a><br />
<br><a href="mailto:igem2010.mit@gmail.com?subject=Questions about MIT iGEM 2010"><img src="https://static.igem.org/mediawiki/2010/8/8b/Gmail-square.png" height=40px><br />
</a><br />
</div></html></div>
Supacalafrglstic
http://2010.igem.org/Template:Leanna_css
Template:Leanna css
2010-10-27T21:15:00Z
<p>Supacalafrglstic: </p>
<hr />
<div><html><br />
<head><br />
<script type="text/javascript" src="http://www.sunsean.com/idTabs/jquery.idTabs.min.js"></script><br />
<script type="text/javascript" src="http://jquery.com/demo/thickbox/thickbox-code/thickbox.js"></script><br />
<link rel="stylesheet" href="http://jquery.com/demo/thickbox/thickbox-code/thickbox.css" type="text/css" media="screen" /><br />
<script type="text/javascript" src="http://www.google.com/jsapi"></script><br />
<script src="http://d2o0t5hpnwv4c1.cloudfront.net/004_Moo/tutorial/demo/sliding_effect.js"></script><br />
<script> google.load("jquery", "1.4.2"); </script><br />
<!--[if IE]><br />
<style><br />
#header {<br />
width: 985px;<br />
}<br />
#navwrapper {<br />
position: absolute;<br />
width: 985px;<br />
}<br />
<br />
#topnav {<br />
height: 65px;<br />
overflow: hidden;<br />
}<br />
<br />
<br />
</style><br />
<![endif]--><br />
<style type="text/css"><br />
.toggler { width: 500px; height: 200px; position: relative;}<br />
#button { padding: .5em 1em; text-decoration: none; }<br />
#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; background: #fff; }<br />
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }<br />
<br />
<br />
#header {<br />
position: relative;<br />
left: 2px;<br />
text-align: left;<br />
margin: 0px;<br />
width: 955px;<br />
}<br />
<br />
#header a {<br />
color: white;<br />
}<br />
<br />
#content {<br />
background-color: transparent;<br />
border: none;<br />
}<br />
<br />
.mainContent {<br />
width: 943px;<br />
position: absolute;<br />
padding:5px;<br />
top: 160px;<br />
font-size: 14px;<br />
margin:5px;<br />
}<br />
<br />
#groupparts {<br />
position:relative;<br />
left: 21px;<br />
top: 5px;<br />
}<br />
<br />
.baby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
}<br />
<br />
.bodybaby {<br />
padding: 5px;<br />
font-family: Arial Black, Gadget, sans-serif;<br />
font-size: medium;<br />
border-bottom: 2px solid black;<br />
color: black;<br />
}<br />
<br />
.bodybaby a {<br />
color: black;<br />
}<br />
<br />
.sidep {<br />
display: inline;<br />
background-color: #boc4de;<br />
width: 170px;<br />
float: right;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
.outline {<br />
display: inline;<br />
padding: 5px;<br />
background-color: #boc4de;<br />
width: 250px;<br />
float: left;<br />
font-size: x-small;<br />
border: 1px solid #b0c4de;<br />
}<br />
<br />
#procedure,<br />
#procedure a {<br />
display: relative;<br />
text-decoration: none;<br />
color: black;<br />
list-style: none;<br />
}<br />
<br />
#procedure a:hover {<br />
color: white;<br />
text-decoration: none;<br />
}<br />
<br />
.bolded {<br />
font-size: 16px;<br />
}<br />
<br />
#unique {<br />
margin: 5px 21px !important;<br />
border: none !important;<br />
background-color: white;<br />
}<br />
<br />
#freedom {<br />
width: 105px;<br />
position: relative;<br />
left: -20px;<br />
top: 8px;<br />
display: block;<br />
list-style: none;<br />
text-align: left;<br />
color: black;<br />
background-color: honeydew;<br />
font-family: Osaka, verdana, Sans-Serif;<br />
font-size: 16px;<br />
}<br />
#freedom li a {<br />
text-align: left;<br />
padding-left: 7px;<br />
color: #330066<br />
}<br />
<br />
#freedom li a:hover {<br />
background-color: #b2b2cc;<br />
<br />
}<br />
#freedom li a.selected {<br />
position: relative;<br />
left: 10px;<br />
color: black;<br />
}<br />
<br />
.tabContainer {<br />
position: relative;<br />
top: 0px;<br />
left: 4px;<br />
height: 23px;<br />
width: 99%;<br />
}<br />
.tabContainer p {<br />
text-align:left;<br />
top: 1px;<br />
}<br />
<br />
/* ================================================================ <br />
This copyright notice must be untouched at all times.<br />
Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved.<br />
=================================================================== */<br />
<br />
#nav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#nav a:hover {text-decoration:underline;}<br />
#nav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#nav dt a {color:#000; text-decoration:none;}<br />
#nav dd {padding:0; margin:0;}<br />
#nav dd ul {padding:0; margin:0; list-style:none;}<br />
#nav dd ul li {padding-left:20px; width:230px}<br />
#nav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
<br />
input.searchButton {<br />
background:none repeat scroll 0 0 transparent;<br />
border:medium none;<br />
color:#000066;<br />
font-size:100%;<br />
font-weight:bold;<br />
margin:1px 10px 0;<br />
}<br />
<br />
#search-controls {<br />
display: block;<br />
background: none;<br />
position: absolute;<br />
top: -100px;<br />
left: -50px;}<br />
<br />
.left-menu {<br />
width: 300px;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
.left-menu ul {<br />
border: none; }<br />
<br />
#searchform {<br />
background: none;<br />
display: block;<br />
float: right;}<br />
<br />
#menubar.right-menu {<br />
width: 300px;<br />
display: block;<br />
float: left;<br />
margin-top: -75px;<br />
border: none; }<br />
<br />
<br />
#top-section {<br />
height: 0px;<br />
margin-top: -5px;<br />
margin-bottom: 0 !important;<br />
margin-left: auto;<br />
padding:0;<br />
border: none;}<br />
<br />
#p-logo {<br />
height: 0px;<br />
overflow: hidden;<br />
display: none;<br />
border: }<br />
<br />
#footer {<br />
border: none;<br />
background-color: transparent;<br />
margin: 0;<br />
padding: 0; }<br />
<br />
#footer-box {<br />
border:none;<br />
background-color: transparent;<br />
}<br />
<br />
.firstHeading {<br />
display: none; }<br />
<br />
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }<br />
.code code { display: block; padding: 3px; margin-bottom: 0; }<br />
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }<br />
.indent1 { padding-left: 1em; }<br />
.indent2 { padding-left: 2em; }<br />
<br />
/* sidenav styling */<br />
#sidenav {<br />
clear: both;<br />
line-height: 50%;<br />
}<br />
<br />
#sidenav li {<br />
list-style-type: none;<br />
display: block;<br />
margin: 8px 0px;<br />
font-size: 14px;<br />
}<br />
<br />
#sidenav li li {<br />
padding-left: 16px;<br />
}<br />
<br />
#sidenav li a {<br />
color: #333;<br />
padding: 0px 4px 0px 10px;<br />
background-color: transparent;<br />
font-weight: bold;<br />
}<br />
<br />
#sidenav ul a {<br />
font-weight: normal;<br />
}<br />
<br />
#sidenav li li a,<br />
#sidenav li.sel li a {<br />
padding-left: 0px;<br />
}<br />
<br />
#sidenav li.sel a,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav.col li.sel ul li a:hover,<br />
#sidenav.col li.sel ul li a:active {<br />
color: #fff;<br />
text-decoration: none;<br />
}<br />
<br />
<br />
<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
*{padding: 0; margin: 0;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_window {<br />
font: 12px Arial, Helvetica, sans-serif;<br />
color: #333333;<br />
}<br />
<br />
#TB_secondLine {<br />
font: 10px Arial, Helvetica, sans-serif;<br />
color:#666666;<br />
}<br />
<br />
#TB_window a:link {color: #666666;}<br />
#TB_window a:visited {color: #666666;}<br />
#TB_window a:hover {color: #000;}<br />
#TB_window a:active {color: #666666;}<br />
#TB_window a:focus{color: #666666;}<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/<br />
/* ----------------------------------------------------------------------------------------------------------------*/<br />
#TB_overlay {<br />
position: fixed;<br />
z-index:100;<br />
top: 0px;<br />
left: 0px;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}<br />
.TB_overlayBG {<br />
background-color:#000;<br />
filter:alpha(opacity=75);<br />
-moz-opacity: 0.75;<br />
opacity: 0.75;<br />
}<br />
<br />
* html #TB_overlay { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_window {<br />
position: fixed;<br />
background: #ffffff;<br />
z-index: 102;<br />
color:#000000;<br />
display:none;<br />
border: 4px solid #525252;<br />
text-align:left;<br />
top:50%;<br />
left:50%;<br />
}<br />
<br />
* html #TB_window { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_window img#TB_Image {<br />
display:block;<br />
margin: 15px 0 0 15px;<br />
border-right: 1px solid #ccc;<br />
border-bottom: 1px solid #ccc;<br />
border-top: 1px solid #666;<br />
border-left: 1px solid #666;<br />
}<br />
<br />
#TB_caption{<br />
height:25px;<br />
padding:7px 30px 10px 25px;<br />
float:left;<br />
}<br />
<br />
#TB_closeWindow{<br />
height:25px;<br />
padding:11px 25px 10px 0;<br />
float:right;<br />
}<br />
<br />
#TB_closeAjaxWindow{<br />
padding:7px 10px 5px 0;<br />
margin-bottom:1px;<br />
text-align:right;<br />
float:right;<br />
}<br />
<br />
#TB_ajaxWindowTitle{<br />
float:left;<br />
padding:7px 0 5px 10px;<br />
margin-bottom:1px;<br />
}<br />
<br />
#TB_title{<br />
background-color:#e8e8e8;<br />
height:27px;<br />
}<br />
<br />
#TB_ajaxContent{<br />
clear:both;<br />
padding:2px 15px 15px 15px;<br />
overflow:auto;<br />
text-align:left;<br />
line-height:1.4em;<br />
}<br />
<br />
#TB_ajaxContent.TB_modal{<br />
padding:15px;<br />
}<br />
<br />
#TB_ajaxContent p{<br />
padding:5px 0px 5px 0px;<br />
}<br />
<br />
#TB_load{<br />
position: fixed;<br />
display:none;<br />
height:13px;<br />
width:208px;<br />
z-index:103;<br />
top: 50%;<br />
left: 50%;<br />
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */<br />
}<br />
<br />
* html #TB_load { /* ie6 hack */<br />
position: absolute;<br />
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');<br />
}<br />
<br />
#TB_HideSelect{<br />
z-index:99;<br />
position:fixed;<br />
top: 0;<br />
left: 0;<br />
background-color:#fff;<br />
border:none;<br />
filter:alpha(opacity=0);<br />
-moz-opacity: 0;<br />
opacity: 0;<br />
height:100%;<br />
width:100%;<br />
}<br />
<br />
* html #TB_HideSelect { /* ie6 hack */<br />
position: absolute;<br />
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');<br />
}<br />
<br />
#TB_iframeContent{<br />
clear:both;<br />
border:none;<br />
margin-bottom:-1px;<br />
margin-top:1px;<br />
_margin-bottom:1px;<br />
}<br />
<br />
#stones {<br />
position: fixed;<br />
top: 45px;<br />
left: 0px;<br />
width: 43px;<br />
padding: 2px;<br />
background-image: url('https://static.igem.org/mediawiki/2010/3/34/Transparency50.png');<br />
background-repeat: repeat-y;<br />
}<br />
<br />
/* MIT ChemE Menu */<br />
<br />
#navwrapper {<br />
position: absolute;<br />
width: 955px;<br />
}<br />
<br />
#topnav {<br />
height: 65px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li {<br />
list-style: none;<br />
float: left;<br />
}<br />
<br />
#topnav li a {<br />
display: block;<br />
width: 183px;<br />
height: 65px;<br />
margin-right: 2px;<br />
background-color: #2e2e2e;<br />
font-family: "Arial", Verdana, sans-serif;<br />
font-size: medium;<br />
line-height: 1.25em;<br />
color: #fff;<br />
font-weight: 900;<br />
}<br />
<br />
#topnav li a.last {<br />
margin-right: 0px;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul,<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
display: block;<br />
}<br />
<br />
body.about #topnav li.about ul,<br />
body.people #topnav li.people ul,<br />
body.academics #topnav li.academics ul,<br />
body.notebook #topnav li.notebook ul,<br />
body.contributions #topnav li.contributions ul {<br />
z-index: 1;<br />
}<br />
<br />
#topnav li.over ul,<br />
#topnav li:hover ul {<br />
z-index: 100;<br />
}<br />
<br />
#topnav li ul {<br />
display: none;<br />
clear: both;<br />
position: absolute;<br />
top: 65px;<br />
left: 0px;<br />
width: 950px;<br />
overflow: hidden;<br />
}<br />
<br />
#topnav li li {<br />
float: none;<br />
display: block;<br />
}<br />
<br />
#topnav li a:hover,<br />
#topnav li a:active {<br />
text-decoration: none;<br />
}<br />
<br />
#topnav li li {<br />
display: block;<br />
float: left;<br />
padding-top: 11px;<br />
padding-bottom: 9px;<br />
}<br />
<br />
#topnav li li a {<br />
margin: 0;<br />
padding: 0 8px;<br />
background-color: transparent;<br />
height: auto;<br />
width: auto;<br />
font-weight: normal;<br />
font-size: small;<br />
border-right: 1px solid white;<br />
}<br />
<br />
#topnav li li.last a {<br />
background-image: none;<br />
padding-right: 0px;<br />
border-right: none;<br />
}<br />
<br />
#topnav li li a:hover,<br />
#topnav li li a:active,<br />
#topnav li li.sel a {<br />
text-transform: uppercase;<br />
}<br />
<br />
<br />
<br />
/* specific styles */<br />
<br />
#topnav li.about a:hover,<br />
#topnav li.about a:active,<br />
#topnav li.about ul,<br />
body.about #topnav li.about a:link,<br />
body.about #topnav li.about a:visited {<br />
background-color: #8b0000;<br />
}<br />
<br />
#topnav li.about ul {<br />
width: 955px;<br />
}<br />
<br />
#topnav li.people a:hover,<br />
#topnav li.people a:active,<br />
#topnav li.people ul,<br />
body.people #topnav li.people a:link,<br />
body.people #topnav li.people a:visited,<br />
body.people #sidenav .sel a:link,<br />
body.people #sidenav .sel a:visited,<br />
body.people #sidenav a:hover,<br />
body.people #sidenav a:active,<br />
body.people #sidenav li.sel li a:hover,<br />
body.people #sidenav li.sel li a:active {<br />
background-color: #e6881a;<br />
}<br />
<br />
#topnav li.people ul {<br />
width: 848px;<br />
padding-left: 75px;<br />
}<br />
<br />
#topnav li.academics a:hover,<br />
#topnav li.academics a:active,<br />
#topnav li.academics ul,<br />
body.academics #topnav li.academics a:link,<br />
body.academics #topnav li.academics a:visited,<br />
body.academics #sidenav li.sel a:link,<br />
body.academics #sidenav li.sel a:visited,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active,<br />
body.academics #sidenav li a:hover,<br />
body.academics #sidenav li a:active,<br />
body.academics #sidenav li.sel li a:hover,<br />
body.academics #sidenav li.sel li a:active {<br />
background-color: #2e2e91;<br />
}<br />
<br />
#topnav li.academics ul {<br />
width: 698px;<br />
padding-left: 225px;<br />
}<br />
<br />
#topnav li.notebook a:hover,<br />
#topnav li.notebook a:active,<br />
#topnav li.notebook ul,<br />
body.notebook #topnav li.notebook a:link,<br />
body.notebook #topnav li.notebook a:visited,<br />
#sidenav li.sel a:link,<br />
#sidenav li.sel a:visited,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active,<br />
#sidenav li a:hover,<br />
#sidenav li a:active,<br />
#sidenav li.sel li a:hover,<br />
#sidenav li.sel li a:active {<br />
background-color: #016b9d;<br />
}<br />
<br />
#topnav li.notebook ul {<br />
width: 463px;<br />
padding-left: 460px;<br />
}<br />
<br />
#topnav li.contributions a:hover,<br />
#topnav li.contributions a:active,<br />
#topnav li.contributions ul,<br />
body.contributions #topnav li.contributions a:link,<br />
body.contributions #topnav li.contributions a:visited,<br />
body.contributions #sidenav li.sel a:link,<br />
body.contributions #sidenav li.sel a:visited,<br />
body.contributions #sidenav li a:hover,<br />
body.contributions #sidenav li a:active,<br />
body.contributions #sidenav li.sel li a:hover,<br />
body.contributions #sidenav li.sel li a:active {<br />
background-color: #4ca14c;<br />
}<br />
<br />
#topnav li.contributions ul {<br />
width: 603px;<br />
padding-left: 420px;<br />
}<br />
<br />
#specialnav {padding:0; margin:0; background: transparent;; width: 230px}<br />
#specialnav a:hover {text-decoration:underline;}<br />
#specialnav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}<br />
#specialnav dt a {color:#000; text-decoration:none;}<br />
#specialnav dd {padding:0; margin:0;}<br />
#specialnav dd ul {padding:0; margin:0; list-style:none;}<br />
#specialnav dd ul li {padding-left:20px; width:230px}<br />
#specialnav dd ul li a {font-size:12px; color:#000; text-decoration:none;}<br />
<br />
<br />
/* Thanks to MIT ChemE dept. Your site is lovely. */<br />
<br />
</style><br />
<br />
<br />
</head><br />
<body><br />
<div id="header"><br />
<div id="whitespace" style="background-color: transparent; height: 20px;"></div><br />
<div id="navwrapper"><br />
<ul id="topnav"><br />
<li class="about"><a href="https://2010.igem.org/Team:MIT"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Home</td></table><br />
</a><br />
<br />
<ul><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT">Home</a></li><br />
</ul></li><br />
<li class="people"><a href="https://2010.igem.org/Team:MIT/Team"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Team</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_undergraduates">Undergraduates</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_instructors">Instructors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_advisors">Advisors</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_fun">Fun</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_gallery">Gallery</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_sponsors">Sponsors</a></li><br />
</ul></li><br />
<li class="academics"><a href="https://2010.igem.org/Team:MIT_overview"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Project</td></table><br />
</a><br />
<br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_overview">Overview</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_toggle">Toggle</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_phage">Phage</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Mammalian</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_summary">Summary</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_acknowledgements">Acknowledgments</a></li><br />
</ul><br />
<br />
</li><br />
<li class="notebook"><a href="https://2010.igem.org/Team:MIT/Notebook"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Notebook</td></table><br />
<!-- <img src="https://static.igem.org/mediawiki/2010/e/ed/Pelletedcrop.png" width=182px> --!><br />
</a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mm">Materials & Methods</a></li><br />
<li><a href="https://2010.igem.org/Team:MIT_parts">Parts & Data</a></li><br />
<li><a href="#">Journal Club</a></li><br />
<li class="last"><a href ="https://2010.igem.org/Team:MIT_safety">Safety</a></li><br />
<br />
</ul></li><br />
<li class="contributions"><a href="#" class="last"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Contributions</td></table></a><br />
<ul><br />
<li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard</a></li><br />
<li><a href="#">New Backbone</a></li><br />
<li class="last"><a href="https://2010.igem.org/Team:MIT_bioethics">Bioethics</a></li><br />
</ul></li><br />
<br />
</ul><br />
</div><br />
<div id="whitespace" style="height: 100px;"></div><br />
</div> <br />
<br />
</body><br />
<div id="stones"><br />
<a href="https://2010.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2010/2/20/080410Igem-logo.png" height=40px width=45px></a><br><br />
<a href="http://twitter.com/mit_igem"><img src="https://static.igem.org/mediawiki/2010/5/5f/Twitter-square.png" height=40px></a><br><a href="http://www.facebook.com/pages/MIT-iGEM-2010/148399295171024?v=wall&ref=ts"><img src="https://static.igem.org/mediawiki/2010/1/1b/Facebook-square.png" height=40px></a><br />
<br><a href="mailto:igem2010.mit@gmail.com?subject=Questions about MIT iGEM 2010"><img src="https://static.igem.org/mediawiki/2010/8/8b/Gmail-square.png" height=40px><br />
</a><br />
</div></html></div>
Supacalafrglstic