Team:Edinburgh/header

From 2012.igem.org

(Difference between revisions)
m
 
(44 intermediate revisions not shown)
Line 3: Line 3:
{{Team:Edinburgh/css/header-structure.css}}
{{Team:Edinburgh/css/header-structure.css}}
{{Team:Edinburgh/css/header-style.css}}
{{Team:Edinburgh/css/header-style.css}}
 +
{{Team:Edinburgh/css/text.css}}
<html>
<html>
-
<script language="JavaScript">
+
<head>
-
<!--
+
<script language="JavaScript">
-
var content_width=document.getElementById("content").offsetWidth;
+
<!--
-
if(content_width<1085){
+
var current_page = "none";
-
document.getElementById("content").style.width="1085px";
+
var content_width=document.getElementById("content").offsetWidth;
-
}
+
if(content_width<1085){
-
function expand_tab(tab_name){
+
document.getElementById("content").style.width="1085px";
-
var old_date = new Date();
+
-
var new_date = new Date();
+
-
var img_height = 21;
+
-
var description_height = 7;
+
-
for(i=0;i<4;i++){
+
-
while(new_date - old_date < 500){
+
-
new_date = new Date();
+
-
}
+
-
old_date = new_date;
+
-
document.getElementById(tab_name + "-tab-img").style.top="-121px";
+
-
document.getElementById(tab_name + "-tab-img").style.left="0px";
+
-
document.getElementById(tab_name + "-tab-img").style.height=img_height.toString() + "px";
+
-
document.getElementById(tab_name + "-tab-description").style.top="81px";
+
-
document.getElementById(tab_name + "-tab-description").style.left="0px";
+
-
document.getElementById(tab_name + "-tab-description").style.height = description_height.toString() + "px";
+
-
img_height += 20;
+
-
description_height += 6;
+
}
}
-
}
+
//-->
-
function collapse_tab(tab_name){
+
</script>
-
document.getElementById(tab_name + "-tab-img").style.top="-9000px";
+
-
document.getElementById(tab_name + "-tab-img").style.left="-9000px";
+
-
document.getElementById(tab_name + "-tab-description").style.top="-9000px";
+
-
document.getElementById(tab_name + "-tab-description").style.left="-9000px";
+
-
}
+
-
//-->
+
-
</script>
+
<!--[if IE]>
<!--[if IE]>
<style type="text/css">
<style type="text/css">
Line 57: Line 34:
</style>
</style>
<![endif]-->
<![endif]-->
 +
</head>
<div id="header">
<div id="header">
Line 63: Line 41:
<div id="logo">  
<div id="logo">  
<img src="https://static.igem.org/mediawiki/2012/c/ce/Blue-igem-logo.png" />
<img src="https://static.igem.org/mediawiki/2012/c/ce/Blue-igem-logo.png" />
-
<!--img src="https://static.igem.org/mediawiki/2012/3/32/Igem-logo.png" /-->
 
</div> <!-- /logo -->
</div> <!-- /logo -->
</a>
</a>
<div id="team-name">
<div id="team-name">
<img src="https://static.igem.org/mediawiki/2012/d/d2/Logo1_-_for_the_wiki_-_broken_dna_-_2-colour_antibiotic_-_narrow_lemon.png">
<img src="https://static.igem.org/mediawiki/2012/d/d2/Logo1_-_for_the_wiki_-_broken_dna_-_2-colour_antibiotic_-_narrow_lemon.png">
-
<!--p><a href="https://2012.igem.org/Team:Edinburgh">Team Edinburgh</a></p-->
 
</div> <!-- /team-name -->
</div> <!-- /team-name -->
<div id="follow">
<div id="follow">
Line 116: Line 92:
<ul>
<ul>
<a href="https://2012.igem.org/Team:Edinburgh"
<a href="https://2012.igem.org/Team:Edinburgh"
-
onmouseover="expand_tab('home-page');"
+
onmouseover="blind_down('home-page');"
-
onmouseout="collapse_tab('home-page');">
+
onmouseout="blind_up('home-page');">
<p>Home</p>
<p>Home</p>
</a>
</a>
-
<li id="home-page-tab-img">
+
<li class="tab-description" id="home-page-tab-description" style="display:none;">
-
<img src="https://static.igem.org/mediawiki/2012/7/73/Edi-home-tab-lemon-bac.png" />
+
-
</li>
+
-
<li id="home-page-tab-description">
+
<p>Welcome!</p>
<p>Welcome!</p>
</li>
</li>
<li class="no-show"></li><!-- otherwise I get some weird padding -->
<li class="no-show"></li><!-- otherwise I get some weird padding -->
-
</ul>
+
</ul></li>
<li id="team-page">
<li id="team-page">
<ul>
<ul>
-
<a href="https://2012.igem.org/Team:Edinburgh/Team">
+
<a href="https://2012.igem.org/Team:Edinburgh/Team"
 +
onmouseover="blind_down('team-page');"
 +
onmouseout="blind_up('team-page');">
<p>Team</p>
<p>Team</p>
</a>
</a>
-
<li class="tab-img">
+
<li class="tab-description" id="team-page-tab-description" style="display:none;">
-
<img src="https://static.igem.org/mediawiki/2012/f/f1/Edi-team-tab-map.png" />
+
-
</li>
+
-
<li class="tab-description">
+
<p>Meet the team!</p>
<p>Meet the team!</p>
</li>
</li>
<li class="no-show"></li><!-- otherwise I get some weird padding -->
<li class="no-show"></li><!-- otherwise I get some weird padding -->
-
</ul>
+
</ul></li>
<li id="profile-page">
<li id="profile-page">
<ul>
<ul>
-
<a href="https://2012.igem.org/Team:Edinburgh/Profile" id="edinburgh-profile">
+
<a href="https://2012.igem.org/Team:Edinburgh/Profile" id="edinburgh-profile"
 +
onmouseover="blind_down('profile-page');"
 +
onmouseout="blind_up('profile-page');">
<p>Profile</p>
<p>Profile</p>
</a>
</a>
-
<li class="tab-img">
 
-
<img src="https://static.igem.org/mediawiki/2012/a/af/Edi-profile-tab.png" />
 
-
</li>
 
-
<!--li class="tab-description">
 
-
<p></p>
 
-
</li-->
 
<li class="no-show"></li><!-- otherwise I get some weird padding -->
<li class="no-show"></li><!-- otherwise I get some weird padding -->
-
</ul>
+
</ul></li>
<li id="project-page">
<li id="project-page">
<ul>
<ul>
-
<a href="https://2012.igem.org/Team:Edinburgh/Project">
+
<a href="https://2012.igem.org/Team:Edinburgh/Project"
 +
onmouseover="blind_down('project-page');"
 +
onmouseout="blind_up('project-page');">
<p>Project</p>
<p>Project</p>
</a>
</a>
-
<li class="tab-img">
+
<li class="tab-sub-menu">
-
<img src="https://static.igem.org/mediawiki/2012/f/f9/Edi-project-tab.png" />
+
<a href="https://2012.igem.org/Team:Edinburgh/Project/Bioelectric-Interface">
 +
Bio-electric Interface </a>
</li>
</li>
-
<!--li class="tab-description">
+
<li class="tab-sub-menu">
-
<p></p>
+
<a href="https://2012.igem.org/Team:Edinburgh/Project/Non-antibiotic-Markers">
-
</li-->
+
Alternative selectable and counter-selectable markers</a>
 +
</li>
 +
<li class="tab-sub-menu">
 +
<a href="https://2012.igem.org/Team:Edinburgh/Project/Citrobacter-Freundii/0-Introduction">
 +
<i>Citrobacter freundii</i></a>
 +
</li>
 +
 
<li class="no-show"></li><!-- otherwise I get some weird padding -->
<li class="no-show"></li><!-- otherwise I get some weird padding -->
-
</ul>
+
</ul></li>
<li id=parts-page>
<li id=parts-page>
<ul>
<ul>
-
<a href="https://2012.igem.org/Team:Edinburgh/Parts">
+
<a href="https://2012.igem.org/Team:Edinburgh/Parts"
 +
onmouseover="blind_down('parts-page');"
 +
onmouseout="blind_up('parts-page');">
<p>Parts</p>
<p>Parts</p>
</a>
</a>
-
<li class="tab-img">
 
-
<img src="https://static.igem.org/mediawiki/2012/e/e7/Edi-parts-tab-our-parts.png" />
 
-
</li>
 
-
<!--li class="tab-description">
 
-
<p></p>
 
-
</li-->
 
<li class="no-show"></li><!-- otherwise I get some weird padding -->
<li class="no-show"></li><!-- otherwise I get some weird padding -->
-
</ul>
+
</ul></li>
<li id="modelling-page">
<li id="modelling-page">
<ul>
<ul>
-
<a href="https://2012.igem.org/Team:Edinburgh/Modeling">
+
<a href="https://2012.igem.org/Team:Edinburgh/Modeling"
 +
onmouseover="blind_down('modeling-page');"
 +
onmouseout="blind_up('modeling-page');">
<p>Modelling</p>
<p>Modelling</p>
</a>
</a>
-
<li class="tab-img">
+
<li class="tab-sub-menu">
-
<img src="https://static.igem.org/mediawiki/2012/2/2b/Edi-modelling-tab-kappa.png" />
+
<a href="https://2012.igem.org/Team:Edinburgh/Modelling/Kappa/Introduction">
 +
Kappa</a>
 +
</li>
 +
<li class="tab-sub-menu">
 +
<a href="https://2012.igem.org/Team:Edinburgh/Modelling/Biosensors/Introduction">
 +
Biosensors</a>
</li>
</li>
-
<!--li class="tab-description">
 
-
<p></p>
 
-
</li-->
 
<li class="no-show"></li><!-- otherwise I get some weird padding -->
<li class="no-show"></li><!-- otherwise I get some weird padding -->
-
</ul>
+
</ul></li>
-
<li id="notebook-page">
+
<li id="human-practices-page">
<ul>
<ul>
-
<a href="https://2012.igem.org/Team:Edinburgh/Notebook">
+
<a href="https://2012.igem.org/Team:Edinburgh/Human_Practices"
-
<p>Notebook</p>
+
onmouseover="blind_down('human-pr-page');"
 +
onmouseout="blind_up('human-pr-page');">
 +
<p>Human<br /> Practices</p>
</a>
</a>
-
<li class="tab-img">
+
<li class="tab-sub-menu">
-
<img src="https://static.igem.org/mediawiki/2012/8/85/Edi-notebook-tab-plate.png" />
+
<a href="https://2012.igem.org/Team:Edinburgh/Human_Practices/Crowdfunding">Crowdfunding</a>
</li>
</li>
<li class="tab-sub-menu">
<li class="tab-sub-menu">
-
<a href="https://2012.igem.org/Template:Team:Edinburgh/Notebook/Week06">
+
<a href="https://2012.igem.org/Team:Edinburgh/Human_Practices/DIYbio">DIY Bio</a>
-
Week 06</a>
+
</li>
</li>
<li class="tab-sub-menu">
<li class="tab-sub-menu">
-
<a href="https://2012.igem.org/Template:Team:Edinburgh/Notebook/Week05">
+
<a href="https://2012.igem.org/Team:Edinburgh/Human_Practices/Perceptions-of-the-Public">Perceptions of the Public</a>
-
Week 05</a>
+
</li>
</li>
<li class="tab-sub-menu">
<li class="tab-sub-menu">
-
<a href="https://2012.igem.org/Template:Team:Edinburgh/Notebook/Week04">
+
<a href="https://2012.igem.org/Team:Edinburgh/Human_Practices/Blog">Blog</a>
-
Week 04</a>
+
</li>
</li>
<li class="tab-sub-menu">
<li class="tab-sub-menu">
-
<a href="https://2012.igem.org/Template:Team:Edinburgh/Notebook/Week03">
+
<a href="https://2012.igem.org/Team:Edinburgh/Human_Practices/Laws-and-Legislations">Laws and Legislations</a>
-
Week 03</a>
+
</li>
</li>
<li class="tab-sub-menu">
<li class="tab-sub-menu">
-
<a href="https://2012.igem.org/Template:Team:Edinburgh/Notebook/Week02">
+
<a href="https://2012.igem.org/Team:Edinburgh/Human_Practices/Friendly">Questioning Friendliness</a>
-
Week 02</a>
+
</li>
</li>
<li class="tab-sub-menu">
<li class="tab-sub-menu">
-
<a href="https://2012.igem.org/Template:Team:Edinburgh/Notebook/Week01">
+
<a href="https://2012.igem.org/Team:Edinburgh/Human_Practices/Failure">Failure</a>
-
Week 01</a>
+
</li>
</li>
<li class="tab-sub-menu">
<li class="tab-sub-menu">
-
<a href="https://2012.igem.org/Template:Team:Edinburgh/Notebook/Week00">
+
<a href="https://2012.igem.org/Team:Edinburgh/Human_Practices/Blue-Sky_Research">Blue-Sky Research</a>
-
Week 00</a>
+
</li>
</li>
<li class="no-show"></li><!-- otherwise I get some weird padding -->
<li class="no-show"></li><!-- otherwise I get some weird padding -->
-
</ul>
+
</ul></li>
<li id="safety-page">
<li id="safety-page">
<ul>
<ul>
-
<a href="https://2012.igem.org/Team:Edinburgh/Safety">
+
<a href="https://2012.igem.org/Team:Edinburgh/Safety"
 +
onmouseover="blind_down('safety-page');"
 +
onmouseout="blind_up('safety-page');">
<p>Safety</p>
<p>Safety</p>
</a>
</a>
-
<!--li class="tab-img">
+
<li class="tab-sub-menu">
-
<img src="https://static.igem.org/mediawiki/2012/9/93/Edi-lemon-bacteria.png" />
+
<a href="https://2012.igem.org/Team:Edinburgh/Safety#question1">
-
</li-->
+
Question 1</a>
-
<!--li class="tab-description">
+
</li>
-
<p></p>
+
<li class="tab-sub-menu">
-
</li-->
+
<a href="https://2012.igem.org/Team:Edinburgh/Safety#question2">
 +
Question 2</a>
 +
</li>
 +
<li class="tab-sub-menu">
 +
<a href="https://2012.igem.org/Team:Edinburgh/Safety#question3">
 +
Question 3</a>
 +
</li>
 +
<li class="tab-sub-menu">
 +
<a href="https://2012.igem.org/Team:Edinburgh/Safety#question4">
 +
Question 4</a>
 +
</li>
<li class="no-show"></li><!-- otherwise I get some weird padding -->
<li class="no-show"></li><!-- otherwise I get some weird padding -->
-
</ul>
+
</ul></li>
-
<li id="human-practices-page">
+
<li id="notebook-page">
<ul>
<ul>
-
<a href="https://2012.igem.org/Team:Edinburgh/Human_Practices">
+
<a href="https://2012.igem.org/Team:Edinburgh/Notebook"
-
<p>Human<br /> Practices</p>
+
onmouseover="blind_down('notebook-page');"
 +
onmouseout="blind_up('notebook-page');">
 +
<p>Notebook</p>
</a>
</a>
-
<!--li class="tab-img">
 
-
<img src="https://static.igem.org/mediawiki/2012/9/93/Edi-lemon-bacteria.png" />
 
-
</li-->
 
-
<!--li class="tab-description">
 
-
<p></p>
 
-
</li-->
 
<li class="no-show"></li><!-- otherwise I get some weird padding -->
<li class="no-show"></li><!-- otherwise I get some weird padding -->
-
</ul>
+
</ul></li>
<li id="attributions-page">
<li id="attributions-page">
<ul>
<ul>
-
<a href="https://2012.igem.org/Team:Edinburgh/Attributions">
+
<a href="https://2012.igem.org/Team:Edinburgh/Attributions"
 +
onmouseover="blind_down('attributions-page');"
 +
onmouseout="blind_up('attributions-page');">
<p>Attributions</p>
<p>Attributions</p>
</a>
</a>
-
<!--li class="tab-img">
 
-
<img src="https://static.igem.org/mediawiki/2012/9/93/Edi-lemon-bacteria.png" />
 
-
</li-->
 
-
<!--li class="tab-description">
 
-
<p></p>
 
-
</li-->
 
<li class="no-show"></li><!-- otherwise I get some weird padding -->
<li class="no-show"></li><!-- otherwise I get some weird padding -->
-
</ul>
+
</ul></li>
</ul>
</ul>
</div> <!-- /main-menu -->
</div> <!-- /main-menu -->
</div> <!-- /header -->
</div> <!-- /header -->
</html>
</html>

Latest revision as of 11:46, 26 October 2012

Retrieved from "http://2012.igem.org/Team:Edinburgh/header"