|
|
| (36 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | <html> | + | <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> | + | |
| | | | |
| | | | |
| | <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> |
| - | | + | |
| - | <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"> | | <script type="text/javascript"> |
| | var dropdown=new TINY.dropdown.init("dropdown", {id:'menu', active:'menuhover'}); | | var dropdown=new TINY.dropdown.init("dropdown", {id:'menu', active:'menuhover'}); |
| | </script> | | </script> |
| | </html> | | </html> |
"
