|
|
(35 intermediate revisions not shown) |
Line 1: |
Line 1: |
| <html xmlns="http://www.w3.org/1999/xhtml"> | | <html xmlns="http://www.w3.org/1999/xhtml"> |
- | | + | <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> |
| <style type="text/css"> | | <style type="text/css"> |
- |
| |
- | /*Cleaning and Resetting the Background*/
| |
- | #top-section {
| |
- | height:1px;}
| |
- | #p-logo {
| |
- | height:1px; overflow:hidden; display:none;}
| |
- | #search-controls {
| |
- | display:none;}
| |
- | #globalWrapper {
| |
- | background: #FFFFFF;}
| |
- | #content {
| |
- | border: 0px;
| |
- | width: 100%;}
| |
- | h1.firstHeading {
| |
- | display: none;}
| |
- | h1, h2, h3, h4, h5, h6 {
| |
- | border-bottom: 0px;}
| |
- | body {
| |
- | font-family:serif;}
| |
- |
| |
- | /*Navigation Bar*/
| |
- | #navbar {
| |
- | float: right;
| |
- | margin-top: 125px;
| |
- | padding: 0;}
| |
- | #navbar li {
| |
- | list-style: none;
| |
- | float: right;}
| |
- | #navbar li a {
| |
- | font-size: 18px;
| |
- | font-family: serif;
| |
- | display: block;
| |
- | padding: 3px 8px;
| |
- | text-decoration: none;
| |
- | color: #000;
| |
- | font-weight: bold;
| |
- | text-transform: uppercase;}
| |
- | #navbar li a:hover {
| |
- | text-decoration : underline; }
| |
- | #navbar li ul {
| |
- | display: none; }
| |
- | #navbar li:hover ul, #navbar li.hover ul {
| |
- | display: inline;
| |
- | position: absolute;
| |
- | width: 100%;
| |
- | left: 0;
| |
- | margin: 0;
| |
- | padding: 0; }
| |
- |
| |
- | /*Theme Formatting*/
| |
- | #globalWrapper {
| |
- | background: #FFFFFF;}
| |
- | #content {
| |
- | background: #FFFFFF;
| |
- | padding: 0;}
| |
| | | |
| /*Main Header*/ | | /*Main Header*/ |
| #header1 { | | #header1 { |
- | background: url("https://static.igem.org/mediawiki/2012/c/c0/Wheat_field_stock_by_kuiwi.png");
| + | height: 170px; |
- | height: 150px; | + | |
| width: 100%; | | width: 100%; |
| position: relative; | | position: relative; |
| top: 0; | | top: 0; |
| left: 0; | | left: 0; |
- | margin: 0; | + | margin: 0;} |
- | padding: 0;} | + | #toIGEM { |
- | | + | top:0; |
| + | height:60px; |
| + | width:600px; |
| + | display:block; |
| + | float:right; |
| + | vertical-align:top; |
| + | background:transparent url("https://static.igem.org/mediawiki/2012/f/fc/Css_sprite_return.png") center top no-repeat; |
| + | background-position:0 0; } |
| + | #toIGEM:hover { |
| + | background:transparent url("https://static.igem.org/mediawiki/2012/f/fc/Css_sprite_return.png") center top no-repeat; |
| + | background-position:0 -60px; } |
| #headerContainer { | | #headerContainer { |
- | background-color: rgba(255,255,255,0.5); | + | clear:both; |
| position: relative; | | position: relative; |
| width: 1000px; | | width: 1000px; |
| height: 150px; | | height: 150px; |
| margin: auto;} | | margin: auto;} |
- |
| |
- | /*Slideshow Header*/
| |
- | #header2 {
| |
- | border: 2px solid;
| |
- | border-color: #FFFFFF;
| |
- | width: 996px;
| |
- | position: relative;
| |
- | top: 0;
| |
- | left: 0;
| |
- | margin: auto;
| |
- | padding: 0;
| |
- | clear: both;}
| |
- |
| |
- | * {margin:0; padding:0; outline:0}
| |
- | body {font:11px Verdana,Arial; color:#000; background:#fff}
| |
- | .nav {height:36px; width:600px; background:#aaa; color:#fff; text-shadow:1px 1px #888; z-index:1000}
| |
- | .menu a {float:left; color:#eee; text-decoration:none; width:120px; height:28px; padding-top:8px}
| |
- | .menu span {float:left; color:#eee; text-decoration:none; width:120px; height:28px; padding-top:8px}
| |
- | .menu a:hover {color:#fff}
| |
- | .menu {list-style:none; font:20px Arial,Verdana; text-align:center; width:600px; margin:0 auto}
| |
- | .menu li {position:relative; float:left; width:120px; z-index:1000}
| |
- | .menu ul {display:none; position:absolute; font:normal 13px Arial,Verdana; top:36px; left:0; background:#aaa; display:none; list-style:none}
| |
- | .menu ul li {float:none; border-top:1px solid #ccc; width:120px}
| |
- | .menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a {float:none; display:block; background:none; height:22px; padding-top:5px}
| |
- | .menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover {background:#999; color:#fff}
| |
- | .menu ul li span, li.menuhover li span, li.menuhover li.menuhover li span {float:none; display:block; background:none; height:22px; padding-top:5px}
| |
- | .menu ul ul {left:120px; top:0}
| |
- | .menu li.submenu {font-weight:bold}
| |
- | .menu li.noborder {border-top:none}
| |
- | li.menuhover a, li.menuhover li.menuhover a {color:#fff; background:#999}
| |
- | li.menuhover span, li.menuhover li.menuhover span {color:#fff; background:#999}
| |
- | #info {width:180px; background:#eee}
| |
- | #info li {width:160px; border-top:none; padding:8px 10px; color:#666; text-shadow:1px 1px #fff; text-align:left}
| |
| | | |
| </style> | | </style> |
| | | |
- | <script type="text/javascript"> | + | <link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:Northwestern/tinydropdowncss?action=raw&ctype=text/css" media="screen"> |
- | var TINY={};
| + | <script type="text/javascript" src="https://2012.igem.org/Team:Northwestern/tinydropdown?action=raw&ctype=text/js"></script> |
| + | <script type="text/javascript" src="https://2012.igem.org/Team:Northwestern/packed?action=raw&ctype=text/js"></script> |
| | | |
- | function T$(i){return document.getElementById(i)}
| |
- | function T$$(e,p){return p.getElementsByTagName(e)}
| |
- |
| |
- | TINY.dropdown=function(){
| |
- | var p={fade:1,slide:1,active:0,timeout:200}, init=function(n,o){
| |
- | for(s in o){p[s]=o[s]} p.n=n; this.build()
| |
- | };
| |
- | init.prototype.build=function(){
| |
- | this.h=[]; this.c=[]; this.z=1000;
| |
- | var s=T$$('ul',T$(p.id)), l=s.length, i=0; p.speed=p.speed?p.speed*.1:.5;
| |
- | for(i;i<l;i++){
| |
- | var h=s[i].parentNode; this.h[i]=h; this.c[i]=s[i];
| |
- | h.onmouseover=new Function(p.n+'.show('+i+',1)');
| |
- | h.onmouseout=new Function(p.n+'.show('+i+')')
| |
- | }
| |
- | };
| |
- | init.prototype.show=function(x,d){
| |
- | var c=this.c[x], h=this.h[x];
| |
- | clearInterval(c.t); clearInterval(c.i); c.style.overflow='hidden';
| |
- | if(d){
| |
- | if(p.active&&h.className.indexOf(p.active)==-1){h.className+=' '+p.active}
| |
- | if(p.fade||p.slide){
| |
- | c.style.display='block';
| |
- | if(!c.m){
| |
- | if(p.slide){
| |
- | c.style.visibility='hidden'; c.m=c.offsetHeight; c.style.height='0'; c.style.visibility=''
| |
- | }else{
| |
- | c.m=100; c.style.opacity=0; c.style.filter='alpha(opacity=0)'
| |
- | }
| |
- | c.v=0
| |
- | }
| |
- | if(p.slide){
| |
- | if(c.m==c.v){
| |
- | c.style.overflow='visible'
| |
- | }else{
| |
- | c.style.zIndex=this.z; this.z++; c.i=setInterval(function(){slide(c,c.m,1)},20)
| |
- | }
| |
- | }else{
| |
- | c.style.zIndex=this.z; this.z++; c.i=setInterval(function(){slide(c,c.m,1)},20)
| |
- | }
| |
- | }else{
| |
- | c.style.zIndex=this.z; c.style.display='block'
| |
- | }
| |
- | }else{
| |
- | c.t=setTimeout(function(){hide(c,p.fade||p.slide?1:0,h,p.active)},p.timeout)
| |
- | }
| |
- | };
| |
- | function hide(c,t,h,s){
| |
- | if(s){h.className=h.className.replace(s,'')}
| |
- | if(t){c.i=setInterval(function(){slide(c,0,-1)},20)}else{c.style.display='none'}
| |
- | }
| |
- | function slide(c,t,d){
| |
- | if(c.v==t){
| |
- | clearInterval(c.i); c.i=0;
| |
- | if(d==1){
| |
- | if(p.fade){c.style.filter=''; c.style.opacity=1}
| |
- | c.style.overflow='visible'
| |
- | }
| |
- | }else{
| |
- | c.v=(t-Math.floor(Math.abs(t-c.v)*p.speed)*d);
| |
- | if(p.slide){c.style.height=c.v+'px'}
| |
- | if(p.fade){var o=c.v/c.m; c.style.opacity=o; c.style.filter='alpha(opacity='+(o*100)+')'}
| |
- | }
| |
- | }
| |
- | return{init:init}
| |
- | }();
| |
- |
| |
- | </script>
| |
- |
| |
- | <script type="text/javascript">
| |
- | var TINY={};function T$(i){return document.getElementById(i)}function T$$(e,p){return p.getElementsByTagName(e)}TINY.dropdown=function(){var p={fade:1,slide:1,active:0,timeout:200},init=function(n,o){for(s in o){p[s]=o[s]}p.n=n;this.build()};init.prototype.build=function(){this.h=[];this.c=[];this.z=1000;var s=T$$('ul',T$(p.id)),l=s.length,i=0;p.speed=p.speed?p.speed*.1:.5;for(i;i<l;i++){var h=s[i].parentNode;this.h[i]=h;this.c[i]=s[i];h.onmouseover=new Function(p.n+'.show('+i+',1)');h.onmouseout=new Function(p.n+'.show('+i+')')}};init.prototype.show=function(x,d){var c=this.c[x],h=this.h[x];clearInterval(c.t);clearInterval(c.i);c.style.overflow='hidden';if(d){if(p.active&&h.className.indexOf(p.active)==-1){h.className+=' '+p.active}if(p.fade||p.slide){c.style.display='block';if(!c.m){if(p.slide){c.style.visibility='hidden';c.m=c.offsetHeight;c.style.height='0';c.style.visibility=''}else{c.m=100;c.style.opacity=0;c.style.filter='alpha(opacity=0)'}c.v=0}if(p.slide){if(c.m==c.v){c.style.overflow='visible'}else{c.style.zIndex=this.z;this.z++;c.i=setInterval(function(){slide(c,c.m,1)},20)}}else{c.style.zIndex=this.z;this.z++;c.i=setInterval(function(){slide(c,c.m,1)},20)}}else{c.style.zIndex=this.z;c.style.display='block'}}else{c.t=setTimeout(function(){hide(c,p.fade||p.slide?1:0,h,p.active)},p.timeout)}};function hide(c,t,h,s){if(s){h.className=h.className.replace(s,'')}if(t){c.i=setInterval(function(){slide(c,0,-1)},20)}else{c.style.display='none'}}function slide(c,t,d){if(c.v==t){clearInterval(c.i);c.i=0;if(d==1){if(p.fade){c.style.filter='';c.style.opacity=1}c.style.overflow='visible'}}else{c.v=(t-Math.floor(Math.abs(t-c.v)*p.speed)*d);if(p.slide){c.style.height=c.v+'px'}if(p.fade){var o=c.v/c.m;c.style.opacity=o;c.style.filter='alpha(opacity='+(o*100)+')'}}}return{init:init}}();
| |
- | </script>
| |
- |
| |
- | <script type="text/javascript">
| |
- | var dropdown=new TINY.dropdown.init("dropdown", {id:'menu', active:'menuhover'});
| |
- | </script>
| |
| | | |
| <div id="header1"> | | <div id="header1"> |
- | <div id="headerContainer"> | + | <div style="width:1000px; margin:auto;"> |
- | <img style="margin-top:67px; float:left;" src="https://static.igem.org/mediawiki/2012/c/c2/Bannerlogo.png">
| + | <a id="toIGEM" href="https://2012.igem.org"></a> |
- | <div id="nav"> | + | |
- | <ul id="navbar">
| + | |
- | <li><a href="#">Home</a>
| + | |
- | </li>
| + | |
- | <li><a href="#">Team</a><ul>
| + | |
- | <li><a href="https://igem.org/Team.cgi?year=2012&team_name=Northwestern">Official Team Profile</a></li>
| + | |
- | <li><a href="https://2012.igem.org/Team:Northwestern/Team">Students</a></li>
| + | |
- | <li><a href="#">Advisors</a></li>
| + | |
- | <li><a href="https://2012.igem.org/Team:Northwestern/Attributions">Attributions</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li><a href="#">Project</a><ul>
| + | |
- | <li><a href="https://2012.igem.org/Team:Northwestern/Project">At a Glance</a></li>
| + | |
- | <li><a href="#">Ideas</a></li>
| + | |
- | <li><a href="#">Results</a></li>
| + | |
- | <li><a href="https://2012.igem.org/Team:Northwestern/Parts">Parts Submitted</a></li>
| + | |
- | <li><a href="https://2012.igem.org/Team:Northwestern/Modeling">Modeling</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li><a href="https://2012.igem.org/Team:Northwestern/Notebook">Notebook</a>
| + | |
- | </li>
| + | |
- | <li><a href="https://2012.igem.org/Team:Northwestern/Safety">Safety</a>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | </div>
| + | |
| </div> | | </div> |
- | </div>
| + | <div id="headerContainer" style="top:-40px"> |
- | | + | <a href="https://2012.igem.org/Team:Northwestern"><img style="margin-top:20px; float:left;" src="https://static.igem.org/mediawiki/2012/c/c2/Bannerlogo.png"></a> |
- | <div id="midheader" style="height:20px"> | + | |
- | </div> | + | |
- | | + | |
- | <div id="header2"> | + | |
| <div class="nav"> | | <div class="nav"> |
| <ul id="menu" class="menu"> | | <ul id="menu" class="menu"> |
- | <li class="nodiv"><a href="#">Home</a></li>
| + | <li><a href="#">Team</a> |
- | <li><a href="#">One</a> | + | |
| <ul> | | <ul> |
- | <li><a href="#">One</a></li> | + | <li><a href="https://igem.org/Team.cgi?year=2012&team_name=Northwestern">Official</a></li> |
- | <li><a href="#">Two</a></li>
| + | <li><a href="https://2012.igem.org/Team:Northwestern/Team">Profiles</a></li> |
- | <li class="submenu"> | + | <li><a href="https://2012.igem.org/Team:Northwestern/Attributions">Attributions</a></li> |
- | <a href="#">Three</a>
| + | |
- | <ul>
| + | |
- | <li class="noborder"><a href="#">One</a></li>
| + | |
- | <li><a href="#">Two</a></li>
| + | |
- | <li><a href="#">Three</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
| </ul> | | </ul> |
| </li> | | </li> |
- | <li><span>Two</span> | + | <li><a href="#">Project</a> |
| <ul> | | <ul> |
- | <li><a href="#">One</a></li> | + | <li><a href="https://2012.igem.org/Team:Northwestern/Project">At a Glance</a></li> |
- | <li><a href="#">Two</a></li>
| + | <li><a href="https://2012.igem.org/Team:Northwestern/Project/Background">Background</a></li> |
- | <li><a href="#">Three</a></li> | + | <li><a href="https://2012.igem.org/Team:Northwestern/Project/Results">Results</a></li> |
- | <li class="submenu">
| + | <li><a href="https://2012.igem.org/Team:Northwestern/Parts">Parts</a></li> |
- | <span>No Link</span><ul>
| + | <li><a href="https://2012.igem.org/Team:Northwestern/Modeling">Modelling</a></li> |
- | <li class="noborder"><a href="#">One</a></li>
| + | |
- | <li><a href="#">Two</a></li>
| + | |
- | <li><a href="#">Three</a></li>
| + | |
- | <li><a href="#">Four</a></li>
| + | |
- | <li><a href="#">Five</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li><a href="#">Five</a></li>
| + | |
- | <li><a href="#">Six</a></li> | + | |
| </ul> | | </ul> |
| </li> | | </li> |
- | <li><a href="#">Three</a> | + | <li><a href="#">Notebook</a> |
| <ul> | | <ul> |
- | <li><a href="#">One</a></li> | + | <li><a href="https://2012.igem.org/Team:Northwestern/Protocols">Protocols</a></li> |
- | <li><a href="#">Two</a></li> | + | <li><a href="https://2012.igem.org/Team:Northwestern/Notebook">Weekly Reports</a></li> |
- | <li><a href="#">Three</a></li>
| + | |
| </ul> | | </ul> |
| </li> | | </li> |
- | <li><a href="#">Four</a> | + | <li><a href="#">Outreach</a> |
- | <ul id="info"> | + | <ul> |
- | <li>
| + | <li><a href="https://2012.igem.org/Team:Northwestern/Outreach/CTD">High School</a></li> |
- | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce justo nulla, malesuada in porta vitae, fermentum ac nulla.</p>
| + | <li><a href="https://2012.igem.org/Team:Northwestern/Outreach/Video">Collaboration</a></li> |
- | </li>
| + | </ul> |
| + | </li> |
| + | <li><a href="https://2012.igem.org/Team:Northwestern/Safety">Safety</a> |
| + | <ul> |
| </ul> | | </ul> |
| </li> | | </li> |
| </ul> | | </ul> |
| </div> | | </div> |
- | | + | </div> |
| </div> | | </div> |
| | | |
| + | <script type="text/javascript"> |
| + | var dropdown=new TINY.dropdown.init("dropdown", {id:'menu', active:'menuhover'}); |
| + | </script> |
| </html> | | </html> |