Team:Edinburgh/header

From 2012.igem.org

(Difference between revisions)
(Adding a pup-up)
m
 
(97 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>
 +
<head>
 +
<script language="JavaScript">
 +
<!--
 +
var current_page = "none";
 +
var content_width=document.getElementById("content").offsetWidth;
 +
if(content_width<1085){
 +
document.getElementById("content").style.width="1085px";
 +
}
 +
//-->
 +
</script>
 +
<!--[if IE]>
<style type="text/css">
<style type="text/css">
-
#team-name p{
+
#header{
-
text-shadow: 2px 2px #182e46;
+
background: url("https://static.igem.org/mediawiki/2012/4/49/Edi-uni-for_IE.png") no-repeat;
-
}
+
background-position: top right;
-
.link-details{
+
background-color:#25476c;
-
position: relative;
+
}
-
top: -300px; left: -300px;
+
.follow-links:hover p{
-
width: 1px;
+
background-color: rgb(37,71,108); /*rgba(242,242,242, 0.5);*/
-
height: 1px;
+
}
-
}
+
#main-menu{
-
.follow-links:hover p{
+
background: rgb(37,71,108);/*#25476c*/
-
background-color: rgba(37,71,108,0.5); /*rgba(242,242,242, 0.5);*/
+
}
-
border-radius: 5px;
+
#main-menu li{
-
}
+
background: rgb(24,46,70);/*#182e46*/
-
.follow-links:hover p,
+
}
-
.follow-links:hover p:active,
+
</style>
-
.follow-links:hover p:hover{
+
<![endif]-->
-
color: #fff;
+
</head>
-
text-decoration:none;
+
-
text-shadow: 1px 1px #000;
+
-
}
+
-
#gmail:hover p{
+
-
top: -45px; left: 3px;
+
-
}
+
-
#youtube:hover p{
+
-
top: -65px; left: -10px;
+
-
}
+
-
#gplus:hover p{
+
-
top: -45px; left: -10px;
+
-
}
+
-
#twitter:hover p{
+
-
top: -45px; left: -5px;
+
-
}
+
-
#facebook:hover p{
+
-
top: -45px; left: -10px;
+
-
}
+
-
#project-page img{
 
-
width:90px;
 
-
position:relative;
 
-
top:-73px;left:-5px;
 
-
}
 
-
</style>
 
<div id="header">
<div id="header">
<div id="banner">
<div id="banner">
-
<div id="team-name">
+
<a href="https://2012.igem.org/Main_Page">
-
<p><a href="https://2012.igem.org/Team:Edinburgh">Team Edinburgh</a></p>
+
-
</div> <!-- /team-name -->
+
-
<a href="https://igem.org/Main_Page">
+
<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">
 +
<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">
<div id="follow">
<ul>
<ul>
Line 68: Line 57:
<a  class="follow-links" id="youtube" href="http://www.youtube.com/user/EdiGEM12?feature=mhee">
<a  class="follow-links" id="youtube" href="http://www.youtube.com/user/EdiGEM12?feature=mhee">
<img src="https://static.igem.org/mediawiki/2012/e/ea/Youtube-logo-2.png" />
<img src="https://static.igem.org/mediawiki/2012/e/ea/Youtube-logo-2.png" />
-
<p class="link-details">YouTube<br/>&nbsp;channel</p>
 
</a>
</a>
</span></li>
</span></li>
Line 87: Line 75:
<img src="https://static.igem.org/mediawiki/2012/9/9d/Facebook-logo.png" />
<img src="https://static.igem.org/mediawiki/2012/9/9d/Facebook-logo.png" />
<p class="link-details">Facebook</p>
<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>
</a>
</span></li>
</span></li>
Line 94: Line 89:
<div id="main-menu">
<div id="main-menu">
<ul>
<ul>
-
<li id="home-page"><a href="https://2012.igem.org/Team:Edinburgh"><p>Home</p></a></li>
+
<li id="home-page">
-
<li id="team-page"><a href="https://2012.igem.org/Team:Edinburgh/Team"><p>Team</p></a></li>
+
<ul>
-
<li id="profile-page"><a href="https://2012.igem.org/Team:Edinburgh/Profile" id="edinburgh-profile"><p>Profile</p></a></li>
+
<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">
<li id="project-page">
-
<a href="https://2012.igem.org/Team:Edinburgh/Project">
+
<ul>
-
<p>Project</p>
+
<a href="https://2012.igem.org/Team:Edinburgh/Project"
-
<img src="https://static.igem.org/mediawiki/2012/b/bd/POP-UP.jpg" />
+
onmouseover="blind_down('project-page');"
-
</a>
+
onmouseout="blind_up('project-page');">
-
</li>
+
<p>Project</p>
-
<li id=parts-page><a href="https://2012.igem.org/Team:Edinburgh/Parts"><p>Parts</p></a></li>
+
</a>
-
<li id="modelling-page"><a href="https://2012.igem.org/Team:Edinburgh/Modeling"><p>Modelling</p></a></li>
+
<li class="tab-sub-menu">
-
<li id="notebook-page"><a href="https://2012.igem.org/Team:Edinburgh/Notebook"><p>Notebook</p></a></li>
+
<a href="https://2012.igem.org/Team:Edinburgh/Project/Bioelectric-Interface">
-
<li id="safety-page"><a href="https://2012.igem.org/Team:Edinburgh/Safety"><p>Safety</p></a></li>
+
Bio-electric Interface </a>
-
<li id="human-page"><a href="https://2012.igem.org/Team:Edinburgh/Safety"><p>Human Practices</p></a></li>
+
</li>
-
<li id="attributions-page"><a href="https://2012.igem.org/Team:Edinburgh/Attributions"><p>Attributions</p></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>
</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"