Team:Edinburgh/header

From 2012.igem.org

(Difference between revisions)
(Style sheet for the structure of the header.)
m
 
(136 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Team:Edinburgh/css/wiki-edit-structure.css}}
 +
{{Team:Edinburgh/css/wiki-edit-style.css}}
{{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>
-
<div class="header">
+
<head>
-
<div class="banner">
+
<script language="JavaScript">
-
<div class="team-name">
+
<!--
-
<h1>Team Edinburgh</h1>
+
var current_page = "none";
-
</div> <!-- /team-name -->
+
var content_width=document.getElementById("content").offsetWidth;
-
<div id="logo">
+
if(content_width<1085){
-
<img src="imgs/igem-logo.png" height=50px />
+
document.getElementById("content").style.width="1085px";
-
</div> <!-- /logo -->
+
}
-
<div class="follow">
+
//-->
-
<ul>
+
</script>
-
<!-- Facebook, GMail, ...-->
+
<!--[if IE]>
-
</ul> <!-- /follow -->
+
<style type="text/css">
-
</div> <!-- /follow -->
+
#header{
-
</div>
+
background: url("https://static.igem.org/mediawiki/2012/4/49/Edi-uni-for_IE.png") no-repeat;
-
<div class="main-menu">
+
background-position: top right;
 +
background-color:#25476c;
 +
}
 +
.follow-links:hover p{
 +
background-color: rgb(37,71,108); /*rgba(242,242,242, 0.5);*/
 +
}
 +
#main-menu{
 +
background: rgb(37,71,108);/*#25476c*/
 +
}
 +
#main-menu li{
 +
background: rgb(24,46,70);/*#182e46*/
 +
}
 +
</style>
 +
<![endif]-->
 +
</head>
 +
 
 +
<div id="header">
 +
<div id="banner">
 +
<a href="https://2012.igem.org/Main_Page">
 +
<div id="logo">  
 +
<img src="https://static.igem.org/mediawiki/2012/c/ce/Blue-igem-logo.png" />
 +
</div> <!-- /logo -->
 +
</a>
 +
<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">
 +
</div> <!-- /team-name -->
 +
<div id="follow">
<ul>
<ul>
-
<li><a href="page00-home.html">Home</a></li>
+
<li><span class="plainlinks">
-
<li><a href="page01-team.html">Team</a></li>
+
<a class="follow-links" id="gmail" href="mailto:EdiGEM12@gmail.com">
-
<li><a href="page02-profile.html">Profile</a></li>
+
<img src="https://static.igem.org/mediawiki/2012/5/5e/Gmail-logo.png" />
-
<li><a href="page03-project.html">Project</a></li>
+
<p class="link-details">Gmail</p>
-
<li><a href="page04-parts.html">Parts</a></li>
+
</a>
-
<li><a href="page05-modelling.html">Modelling</a></li>
+
</span></li>
-
<li><a href="page06-notebook.html">Notebook</a></li>
+
<li><span class="plainlinks">
-
<li><a href="page07-safety.html">Safety</a></li>
+
<a  class="follow-links" id="youtube" href="http://www.youtube.com/user/EdiGEM12?feature=mhee">
-
<li><a href="page08-attributions.html">Attributions</a></li>
+
<img src="https://static.igem.org/mediawiki/2012/e/ea/Youtube-logo-2.png" />
-
</ul>
+
</a>
-
</div> <!-- /banner -->
+
</span></li>
-
</div> <!-- /header -->
+
<li><span class="plainlinks">
 +
<a  class="follow-links" id="gplus" href="https://plus.google.com/104634974040525950216/posts">
 +
<img src="https://static.igem.org/mediawiki/2012/6/66/Gplus-logo.png" />
 +
<p class="link-details">Google+</p>
 +
</a>
 +
</span></li>
 +
<li><span class="plainlinks">
 +
<a  class="follow-links" id="twitter" href="https://twitter.com/#!/EdiGEM12">
 +
<img src="https://static.igem.org/mediawiki/2012/6/67/Twitter-logo.png" />
 +
<p class="link-details">Twitter</p>
 +
</a>
 +
</span></li>
 +
<li><span class="plainlinks">
 +
<a  class="follow-links" id="facebook" href="http://www.facebook.com/Edigem2012">
 +
<img src="https://static.igem.org/mediawiki/2012/9/9d/Facebook-logo.png" />
 +
<p class="link-details">Facebook</p>
 +
</a>
 +
</span></li>
 +
<li>
 +
<li><span class="plainlinks">
 +
<a  class="follow-links" id="blogger" href="http://synthbiopunk.blogspot.com/">
 +
<img src="https://static.igem.org/mediawiki/2012/3/3c/Edi-blogs-links.png" />
 +
<p class="link-details">Blogger</p>
 +
</a>
 +
</span></li>
 +
</ul> <!-- /follow -->
 +
</div> <!-- /follow -->
 +
</div> <!-- /banner -->
 +
<div id="main-menu">
 +
<ul>
 +
<li id="home-page">
 +
<ul>
 +
<a href="https://2012.igem.org/Team:Edinburgh"
 +
onmouseover="blind_down('home-page');"
 +
onmouseout="blind_up('home-page');">
 +
<p>Home</p>
 +
</a>
 +
<li class="tab-description" id="home-page-tab-description" style="display:none;">
 +
<p>Welcome!</p>
 +
</li>
 +
<li class="no-show"></li><!-- otherwise I get some weird padding -->
 +
</ul></li>
 +
<li id="team-page">
 +
<ul>
 +
<a href="https://2012.igem.org/Team:Edinburgh/Team"
 +
onmouseover="blind_down('team-page');"
 +
onmouseout="blind_up('team-page');">
 +
<p>Team</p>
 +
</a>
 +
<li class="tab-description" id="team-page-tab-description" style="display:none;">
 +
<p>Meet the team!</p>
 +
</li>
 +
<li class="no-show"></li><!-- otherwise I get some weird padding -->
 +
</ul></li>
 +
<li id="profile-page">
 +
<ul>
 +
<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>
 +
</a>
 +
<li class="no-show"></li><!-- otherwise I get some weird padding -->
 +
</ul></li>
 +
<li id="project-page">
 +
<ul>
 +
<a href="https://2012.igem.org/Team:Edinburgh/Project"
 +
onmouseover="blind_down('project-page');"
 +
onmouseout="blind_up('project-page');">
 +
<p>Project</p>
 +
</a>
 +
<li class="tab-sub-menu">
 +
<a href="https://2012.igem.org/Team:Edinburgh/Project/Bioelectric-Interface">
 +
Bio-electric Interface </a>
 +
</li>
 +
<li class="tab-sub-menu">
 +
<a href="https://2012.igem.org/Team:Edinburgh/Project/Non-antibiotic-Markers">
 +
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 -->
 +
</ul></li>
 +
<li id=parts-page>
 +
<ul>
 +
<a href="https://2012.igem.org/Team:Edinburgh/Parts"
 +
onmouseover="blind_down('parts-page');"
 +
onmouseout="blind_up('parts-page');">
 +
<p>Parts</p>
 +
</a>
 +
<li class="no-show"></li><!-- otherwise I get some weird padding -->
 +
</ul></li>
 +
<li id="modelling-page">
 +
<ul>
 +
<a href="https://2012.igem.org/Team:Edinburgh/Modeling"
 +
onmouseover="blind_down('modeling-page');"
 +
onmouseout="blind_up('modeling-page');">
 +
<p>Modelling</p>
 +
</a>
 +
<li class="tab-sub-menu">
 +
<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 class="no-show"></li><!-- otherwise I get some weird padding -->
 +
</ul></li>
 +
<li id="human-practices-page">
 +
<ul>
 +
<a href="https://2012.igem.org/Team:Edinburgh/Human_Practices"
 +
onmouseover="blind_down('human-pr-page');"
 +
onmouseout="blind_up('human-pr-page');">
 +
<p>Human<br /> Practices</p>
 +
</a>
 +
<li class="tab-sub-menu">
 +
<a href="https://2012.igem.org/Team:Edinburgh/Human_Practices/Crowdfunding">Crowdfunding</a>
 +
</li>
 +
<li class="tab-sub-menu">
 +
<a href="https://2012.igem.org/Team:Edinburgh/Human_Practices/DIYbio">DIY Bio</a>
 +
</li>
 +
<li class="tab-sub-menu">
 +
<a href="https://2012.igem.org/Team:Edinburgh/Human_Practices/Perceptions-of-the-Public">Perceptions of the Public</a>
 +
</li>
 +
<li class="tab-sub-menu">
 +
<a href="https://2012.igem.org/Team:Edinburgh/Human_Practices/Blog">Blog</a>
 +
</li>
 +
<li class="tab-sub-menu">
 +
<a href="https://2012.igem.org/Team:Edinburgh/Human_Practices/Laws-and-Legislations">Laws and Legislations</a>
 +
</li>
 +
<li class="tab-sub-menu">
 +
<a href="https://2012.igem.org/Team:Edinburgh/Human_Practices/Friendly">Questioning Friendliness</a>
 +
</li>
 +
<li class="tab-sub-menu">
 +
<a href="https://2012.igem.org/Team:Edinburgh/Human_Practices/Failure">Failure</a>
 +
</li>
 +
<li class="tab-sub-menu">
 +
<a href="https://2012.igem.org/Team:Edinburgh/Human_Practices/Blue-Sky_Research">Blue-Sky Research</a>
 +
</li>
 +
<li class="no-show"></li><!-- otherwise I get some weird padding -->
 +
</ul></li>
 +
<li id="safety-page">
 +
<ul>
 +
<a href="https://2012.igem.org/Team:Edinburgh/Safety"
 +
onmouseover="blind_down('safety-page');"
 +
onmouseout="blind_up('safety-page');">
 +
<p>Safety</p>
 +
</a>
 +
<li class="tab-sub-menu">
 +
<a href="https://2012.igem.org/Team:Edinburgh/Safety#question1">
 +
Question 1</a>
 +
</li>
 +
<li class="tab-sub-menu">
 +
<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 -->
 +
</ul></li>
 +
<li id="notebook-page">
 +
<ul>
 +
<a href="https://2012.igem.org/Team:Edinburgh/Notebook"
 +
onmouseover="blind_down('notebook-page');"
 +
onmouseout="blind_up('notebook-page');">
 +
<p>Notebook</p>
 +
</a>
 +
<li class="no-show"></li><!-- otherwise I get some weird padding -->
 +
</ul></li>
 +
<li id="attributions-page">
 +
<ul>
 +
<a href="https://2012.igem.org/Team:Edinburgh/Attributions"
 +
onmouseover="blind_down('attributions-page');"
 +
onmouseout="blind_up('attributions-page');">
 +
<p>Attributions</p>
 +
</a>
 +
<li class="no-show"></li><!-- otherwise I get some weird padding -->
 +
</ul></li>
 +
</ul>
 +
</div> <!-- /main-menu -->
 +
</div> <!-- /header -->
</html>
</html>

Latest revision as of 11:46, 26 October 2012

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