|
|
(86 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <!--- The Mission, Experiments --->
| |
- | <!--
| |
- | {| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
| |
- | !align="center"|[[Team:Columbia-Cooper-NYC|Home]]
| |
- | !align="center"|[[Team:Columbia-Cooper-NYC/Team|Team]]
| |
- | !align="center"|[https://igem.org/Team.cgi?year=2012&team_name=Columbia-Cooper-NYC Official Team Profile]
| |
- | !align="center"|[[Team:Columbia-Cooper-NYC/Project|Project]]
| |
- | !align="center"|[[Team:Columbia-Cooper-NYC/Parts|Parts Submitted to the Registry]]
| |
- | !align="center"|[[Team:Columbia-Cooper-NYC/Modeling|Modeling]]
| |
- | !align="center"|[[Team:Columbia-Cooper-NYC/Notebook|Notebook]]
| |
- | !align="center"|[[Team:Columbia-Cooper-NYC/Safety|Safety]]
| |
- | !align="center"|[[Team:Columbia-Cooper-NYC/Attributions|Attributions]]
| |
- | !align="center"|[[Team:Columbia-Cooper-NYC/Sponsor Us|Sponsor Us]]
| |
- | !align="center"|[[Team:Columbia-Cooper-NYC/Trial|Trial]]
| |
- | |}
| |
- | -->
| |
| <html> | | <html> |
| <head> | | <head> |
- | | + | <META http-equiv="refresh" content="0; url=https://2012.igem.org/Team:Columbia-Cooper-NYC/Main"> |
- | <script> | + | |
- | | + | |
- | var fix = 1; var delay = 2000; var modd = 0;
| + | |
- | var bar = new menuBar();
| + | |
- | bar.addMenu('Menu 1');
| + | |
- | bar.addItem('entry1a.htm','Entry 1a');
| + | |
- | bar.addItem('entry1b.htm','Entry 1b');
| + | |
- | bar.addMenu('Menu 2');
| + | |
- | bar.addItem('entry2a.htm','Entry 2a');
| + | |
- | bar.addItem('entry2b.htm','Entry 2b');
| + | |
- | | + | |
- | var blc = '#663300';var blh = '#ffffff';var bla = '#996633';var lc = '#cccccc';var lh = '#996633';var la = '#ffffff';
| + | |
- | function menuBar() {this.jj = -1;this.kk = 0;this.mO = new Array();this.addMenu = addMenu;this.addItem = addItem;this.writeBar = writeBar;this.writeDrop = writeDrop;}function addMenu(main) {this.mO[++this.jj] = new Object();this.mO[this.jj].main = main;this.kk = 0;this.mO[this.jj].link = new Array();this.mO[this.jj].name = new Array();}function addItem(link,name) {this.mO[this.jj].link[this.kk] = link;this.mO[this.jj].name[this.kk++] = name;}function writeBar() {for (var i=1;i <= this.mO.length; i++){document.write('<span id="navMenu'+i+'" class="mH">'+this.mO[i-1].main+'<\/span>');}}function writeDrop() {for (var i=1;i <= this.mO.length; i++){document.write('<div id="dropMenu'+i+'" class="mD">\r\n');for (var h=0;h < this.mO[i-1].link.length; h++){document.write('<a class="mL" href="'+this.mO[i-1].link[h]+'">'+this.mO[i-1].name[h]+'<\/a>\r\n');}document.write('<\/div>\r\n');}}
| + | |
- | if (fix) window.onscroll=sMenu;window.onload=iMenu;var onm = null;var ponm = null;var podm = null;var ndm = bar.mO.length;
| + | |
- | function posY() {return typeof window.pageYOffset != 'undefined' ? window.pageYOffset:document.documentElement.scrollTop? document.documentElement.scrollTop: document.body.scrollTop?document.body.scrollTop:0;}
| + | |
- | function sMenu() {document.getElementById('mB').style.top = posY() + 'px'; for (i=1; i<=ndm; i++) {menuName = 'dropMenu' + i;odm = document.getElementById(menuName); if (onm) {var yPos = onm.offsetParent.offsetTop + onm.offsetParent.offsetHeight;odm.style.top = yPos + 'px';}}}
| + | |
- | function iMenu() {if (document.getElementById) {document.onclick = mHide; for (i=1; i<=ndm; i++) {menuName = 'dropMenu' + i; navName = 'navMenu' + i; odm = document.getElementById(menuName); onm = document.getElementById(navName); odm.style.visibility = 'hidden'; onm.onmouseover = mHov; onm.onmouseout = mOut;} onm = null;} return;}
| + | |
- | function mHov(e) {if (modd) clearTimeout(modd);document.onclick = null; honm = document.getElementById(this.id); if (honm != onm) {honm.style.color = lh; honm.style.backgroundColor = blh;} menuName = 'drop' + this.id.substring(3,this.id.length); odm = document.getElementById(menuName); if (podm == odm) {mHide(); return;} if (podm != null) mHide(); onm = document.getElementById(this.id); if ((ponm != onm ) || (podm == null)) {onm.style.color = la; onm.style.backgroundColor = bla;} if (odm) {xPos = onm.offsetParent.offsetLeft + onm.offsetLeft; yPos = onm.offsetParent.offsetTop + onm.offsetParent.offsetHeight; odm.style.left = xPos + 'px'; odm.style.top = yPos + 'px'; odm.style.visibility = 'visible'; odm.onmouseover = omov; odm.onmouseout = omot; podm = odm; ponm = onm;}}
| + | |
- | function omov() {if (modd) clearTimeout(modd);}
| + | |
- | function omot() {modd = setTimeout('mHide()',delay);}
| + | |
- | function mOut(e) {modd = setTimeout('mHide()',delay);document.onclick = mHide;oonm = document.getElementById(this.id); if (oonm != onm) {oonm.style.color = lc; oonm.style.backgroundColor = blc;}}
| + | |
- | function mHide() {document.onclick = null; if (podm) {podm.style.visibility = 'hidden'; podm = null; ponm.style.color = lc; ponm.style.backgroundColor = blc;} onm = null;}
| + | |
- | if (fix) {var ag = navigator.userAgent.toLowerCase();var isG = (ag.indexOf('gecko') != -1);var isR=0;if (isG) {t = ag.split("rv:"); isR = parseFloat(t[1]);}if (isR && isR<1) setInterval('sMenu()',50);}
| + | |
- | </script>
| + | |
| </head> | | </head> |
- |
| |
- | <style type = "text/css">
| |
- | body {margin:0px; padding:0px;}
| |
- | #mB {font:bold 12px arial,Helvetica,sans-serif; text-align:left; margin-bottom:5px; position:relative; top:0px; left:0px; width:99%; overflow:hidden; border:solid 1px #663300; background-color:#663300;z-index:1000;}
| |
- | .mH {color:#cccccc; text-decoration:none; white-space:nowrap; cursor:pointer; padding:5px; margin:0px; padding-right:10px; position:relative; border-right:1px solid #ffffff;}
| |
- | a.mL {display:block; padding:1px 4px; border-top:1px solid #663300; text-decoration:none}
| |
- | a.mL:link {color:#cc9966;}
| |
- | a.mL:visited {color:#996633;}
| |
- | a.mL:hover {color:#ffffff; background-color:#663300;}
| |
- | a.mL:active {color:#ffffff; background-color:#cc9966;}
| |
- | a.mO {display:block; padding:1px 4px; border-top:1px solid #663300; text-decoration:none}
| |
- | a.mO:link {color:#cccccc;}
| |
- | a.mO:visited {color:#cccccc;}
| |
- | a.mO:hover {color:#ffffff;}
| |
- | a.mO:active {color:#ffffff;}
| |
- | .mD {color:#cc9966; font:10px arial, Helvetica, sans-serif; background-color:#ffffff; visibility:hidden; margin:0; padding:0; position:absolute; z-index:1000; top:60px; left:0; width:125px; border-style:solid; border-width:0 1px 1px; border-color:#663300;}
| |
| </html> | | </html> |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | <!--
| |
- | <html>
| |
- | <head>
| |
- | <script>
| |
- | /* Credits: Stu Nicholls */
| |
- | /* URL: http://www.stunicholls.com/menu/pro_dropdown_2/stuHover.js */
| |
- |
| |
- | stuHover = function() {
| |
- | var cssRule;
| |
- | var newSelector;
| |
- | for (var i = 0; i < document.styleSheets.length; i++)
| |
- | for (var x = 0; x < document.styleSheets[i].rules.length ; x++)
| |
- | {
| |
- | cssRule = document.styleSheets[i].rules[x];
| |
- | if (cssRule.selectorText.indexOf("LI:hover") >= 0)
| |
- | {
| |
- | newSelector = cssRule.selectorText.replace(/LI:hover/gi, "LI.iehover");
| |
- | document.styleSheets[i].addRule(newSelector , cssRule.style.cssText);
| |
- | }
| |
- | }
| |
- | var getElm = document.getElementById("nav").getElementsByTagName("LI");
| |
- | for (var i=0; i<getElm.length; i++) {
| |
- | getElm[i].onmouseover=function() {
| |
- | this.className+=" iehover";
| |
- | }
| |
- | getElm[i].onmouseout=function() {
| |
- | this.className=this.className.replace(new RegExp(" iehover\\b"), "");
| |
- | }
| |
- | }
| |
- | }
| |
- | if (window.attachEvent) window.attachEvent("onload", stuHover);
| |
- | </script>
| |
- | </head>
| |
- | -->
| |
- |
| |
- |
| |
- |
| |
- | <!--
| |
- | <html>
| |
- | <head>
| |
- | <script>
| |
- | <meta http-equiv="refresh" content="5;url=pagename.html">
| |
- | var timeout = 500;
| |
- | var closetimer = 0;
| |
- | var ddmenuitem = 0;
| |
- |
| |
- | function mopen(id)
| |
- | {
| |
- | // cancel close timer
| |
- | mcancelclosetime();
| |
- |
| |
- | // close old layer
| |
- | if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
| |
- |
| |
- | // get new layer and show it
| |
- | ddmenuitem = document.getElementById(id);
| |
- | ddmenuitem.style.visibility = 'visible';
| |
- |
| |
- | }
| |
- | function mclose()
| |
- | {
| |
- | if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
| |
- | }
| |
- |
| |
- | function mclosetime()
| |
- | {
| |
- | closetimer = window.setTimeout(mclose, timeout);
| |
- | }
| |
- |
| |
- | function mcancelclosetime()
| |
- | {
| |
- | if(closetimer)
| |
- | {
| |
- | window.clearTimeout(closetimer);
| |
- | closetimer = null;
| |
- | }
| |
- | }
| |
- |
| |
- | document.onclick = mclose;
| |
- | </script>
| |
- | </head>
| |
- |
| |
- | <body>
| |
- | <ul id="sddm">
| |
- | <li><a href="#"
| |
- | onmouseover="mopen('m1')"
| |
- | onmouseout="mclosetime()">Home</a>
| |
- | <div id="m1"
| |
- | onmouseover="mcancelclosetime()"
| |
- | onmouseout="mclosetime()">
| |
- | <a href="#">HTML/CSS</a>
| |
- | <a href="#">DHTML Menu</a>
| |
- | <a href="#">JavaScript</a>
| |
- | </div>
| |
- | </li>
| |
- | <li><a href="#"
| |
- | onmouseover="mopen('m2')"
| |
- | onmouseout="mclosetime()">Download</a>
| |
- | <div id="m2"
| |
- | onmouseover="mcancelclosetime()"
| |
- | onmouseout="mclosetime()">
| |
- | <a href="#">ASP Server-side</a>
| |
- | <a href="#">Pulldown navigation</a>
| |
- | <a href="#">AJAX Drop Submenu</a>
| |
- | <a href="#">DIV Cascading </a>
| |
- | </div>
| |
- | </li>
| |
- | <li><a href="#">Order</a></li>
| |
- | <li><a href="#">Help</a></li>
| |
- | <li><a href="#">Contact</a></li>
| |
- | </ul>
| |
- | <div style="clear:both"></div>
| |
- | <body>
| |
- |
| |
- | <style type = "text/css">
| |
- | #sddm
| |
- | { margin: 0;
| |
- | padding: 0;
| |
- | z-index: 30}
| |
- |
| |
- | #sddm li
| |
- | { margin: 0;
| |
- | padding: 0;
| |
- | list-style: none;
| |
- | float: left;
| |
- | font: bold 11px arial}
| |
- |
| |
- | #sddm li a
| |
- | { display: block;
| |
- | margin: 0 1px 0 0;
| |
- | padding: 4px 10px;
| |
- | width: 60px;
| |
- | background: #5970B2;
| |
- | color: #FFF;
| |
- | text-align: center;
| |
- | text-decoration: none}
| |
- |
| |
- | #sddm li a:hover
| |
- | { background: #49A3FF}
| |
- |
| |
- | #sddm div
| |
- | { position: absolute;
| |
- | visibility: hidden;
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | background: #EAEBD8;
| |
- | border: 1px solid #5970B2}
| |
- |
| |
- | #sddm div a
| |
- | { position: relative;
| |
- | display: block;
| |
- | margin: 0;
| |
- | padding: 5px 10px;
| |
- | width: auto;
| |
- | white-space: nowrap;
| |
- | text-align: left;
| |
- | text-decoration: none;
| |
- | background: #EAEBD8;
| |
- | color: #2875DE;
| |
- | font: 11px arial}
| |
- |
| |
- | #sddm div a:hover
| |
- | { background: #49A3FF;
| |
- | color: #FFF}
| |
- |
| |
- |
| |
- | <--
| |
- |
| |
- |
| |
- |
| |
- | <!--
| |
- | <head>
| |
- | <style>
| |
- | h2{
| |
- | font: 1.5em 'Myriad Pro', 'Gill Sans', 'Arial', sans-serif;
| |
- | font-weight: bold;
| |
- | color: black;
| |
- | }
| |
- |
| |
- | p{
| |
- | font: 1.2em Georgia, serif;
| |
- | color: black;
| |
- | }
| |
- |
| |
- | #fredbuilding{
| |
- | width: 500px;
| |
- | margin-left: auto;
| |
- | margin-right: auto;
| |
- | }
| |
- | </style>
| |
- | </head>
| |
- |
| |
- | <h2>Project Description</h2>
| |
- | <p>The Columbia-Cooper iGEM team is working with Acidithiobacillus ferrooxidans to create a light-controlled printed circuit board manufacturing process. This bacteria’s metabolism relies on its ability to oxidize iron; the iron can then be used to oxidize, and in turn solubilize, copper. By genetically altering the bacteria, we intend to install a light sensitive mechanism which will enable us to etch copper in a desired pattern, leaving a finished circuit board.</p>
| |
- | -->
| |