|
|
| (2 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| | <html> | | <html> |
| - | <script>
| |
| - | 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}
| |
| - | }();
| |
| - |
| |
| - | 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>
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | <style type="text/css">
| |
| - | body{
| |
| - |
| |
| - | margin:0 auto;
| |
| - | width: 962px;
| |
| - | height: 0 auto;
| |
| - | background:url(https://static.igem.org/mediawiki/2012/7/75/DNA_Background.png) no-repeat center top;
| |
| - | background-attachment: fixed;
| |
| - | }
| |
| - | .page{
| |
| - | margin: -23px 0 0px 0;
| |
| - | width:962px;
| |
| - | height: 0 auto;
| |
| - | background:url(https://static.igem.org/mediawiki/2012/4/49/Michigan_Invisible_Header.png) no-repeat center top;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | .nav {position:relative; top:64px; float:right; height:30px; width:600px; z-index:1000}
| |
| - | .menu a {float:right; color:#fff; text-decoration:none; font-weight:bold; width:115px; height:25px; padding-top:4px; padding-bottom:4px}
| |
| - | .menu a:hover {color:#fff}
| |
| - | .menu {list-style:none; font-size:16px; font-family:"Trebuchet MS", Helvetica, sans-serif; text-transform:lowercase; text-align:center; width:600px; margin:0 auto}
| |
| - | .menu li {position:relative; float:left; width:115px; z-index:1000; margin-right:5px; background: #3f3f3f; border: 0}
| |
| - | .menu ul {display:none; position:absolute; font-size: 13px; font-family:"Trebuchet MS", Helvetica, sans-serif; top:30px; left:-19px; list-style:none; width:115px; margin-right:5px; background: #3f3f3f;}
| |
| - | .menu ul li {float:none; border-top:0; width:115px}
| |
| - | .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 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;}
| |
| - | #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>
| |
| - | <body>
| |
| - | <div class="page">
| |
| - | <div class="nav">
| |
| - | <ul id="menu" class="menu">
| |
| - | <li><a href="#">Team</a>
| |
| - | <ul>
| |
| - | <li><a href="https://igem.org/Team.cgi?year=2012&team_name=Northwestern">Official</a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Northwestern/Team">Profiles</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="https://2012.igem.org/Team:Northwestern/Ideas">Ideas</a></li>
| |
| - | <li><a href="#">Results</a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Northwestern/Parts">Parts</a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Northwestern/Modeling">Modelling</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li><a href="#">Notebook</a>
| |
| - | <ul>
| |
| - | <li><a href="https://2012.igem.org/Team:Northwestern/Protocols">Protocols</a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Northwestern/Notebook">Weekly Reports</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li><a href="#">Outreach</a>
| |
| - | <ul>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li><a href="https://2012.igem.org/Team:Northwestern/Safety">Safety</a>
| |
| - | <ul>
| |
| - | </ul>
| |
| - | </li>
| |
| - | </ul>
| |
| - | </div>
| |
| - | </div>
| |
| - | </body>
| |
| | </html> | | </html> |
"
