Team:Edinburgh/tech/Navbox

From 2011.igem.org

(Difference between revisions)
m
Line 1: Line 1:
-
<html><link rel='stylesheet' type='text/css' href='/Team:Edinburgh/basiccss?action=raw&amp;ctype=text/css' />
+
<html><link rel='stylesheet' type='text/css' href='/Team:Edinburgh/tech/basiccss?action=raw&amp;ctype=text/css' />
 +
<link rel='stylesheet' type='text/css' href='/Team:Edinburgh/tech/colours?action=raw&amp;ctype=text/css' />
<div class="logo">Logo go here</div>
<div class="logo">Logo go here</div>
<script type="text/javascript" src="/Team:Edinburgh/tech/js?action=raw"></script>
<script type="text/javascript" src="/Team:Edinburgh/tech/js?action=raw"></script>
-
<script>
+
<div class="mainmenu">
 +
<ul>
 +
<li><a href="#" id="current">/ introduction</a></li>
 +
<li><a href="#" class="project">/ project</a></li>
 +
<li><a href="#" class="lab">/ lab</a></li>
 +
<li><a href="#" class="team">/ team</a></li>
 +
<li><a href="#" class="team">/ sponsors</a></li>
 +
</ul>
 +
</div> <!-- /mainmenu -->
-
$(document).ready(function() {
+
<div id="sidebar">
-
    $('.cat_links').hide();
+
<div class="logo">
-
    $('.cat').hoverIntent({
+
<img src="/wiki/images/2/25/Edinburgh-logo.png" alt="Team Edinburgh logo" />
-
over: function() { $(this).find('.cat_links').show('slow') },
+
<!-- FIXME to /wiki/images/2/25/Edinburgh-logo.png -->
-
timeout: 1000,
+
</div> <!-- /logo -->
-
out: function() { $(this).find('.cat_links').hide('slow') }})
+
<div class="leftmenu" id="intromenu">
-
})
+
<ul>
 +
<li><a href="#" id="leftcurrent">abstract /</a></li>
 +
<li><a href="#">results /</a></li>
 +
<li><a href="#">human practices /</a></li>
 +
</ul>
 +
</div> <!-- /leftmenu -->
-
</script>
+
<!-- List of hints -->
-
<style>
+
<div id="hintcontainer">
-
#navmenu .cat
+
<div class="hint" id="phage_hint">Phage is a virus that infects bacteria.</div>
-
{ float: none;
+
<div class="hint" id="def_hint">Hover over words in italics to see explanation</div>
-
list-style: none;
+
</div><!-- /hintcontainer -->
-
font: 14px Tahoma, Arial;
+
-
margin: 5px 0px 5px 0px;}
+
 +
</div> <!-- /sidebar -->
-
#navmenu .cat a
 
-
{ display: inline;
 
-
background: #FFFFFF;
 
-
margin: 0.4em 1em 0.4em 1.em;
 
-
line-height: 2em;
 
-
text-decoration: none;
 
-
/*border-right: 1px solid white;*/
 
-
width: 70px;
 
-
color: black;
 
-
white-space: nowrap}
 
-
 
-
#navmenu .cat a:hover
 
-
{ background: #F9F9F9}
 
-
 
-
#navmenu .cat .cat_links
 
-
{ float: right;
 
-
display: inline;
 
-
margin: 0;
 
-
padding-left: 1em;
 
-
position: absolute;
 
-
width: 200px;
 
-
border:none;
 
-
background: #222222;
 
-
top: 10px;
 
-
left: 120px;}
 
-
 
-
#navmenu .cat .cat_links a
 
-
{ width: auto;
 
-
background: #222222;
 
-
color: #ffffff;
 
-
line-height: 1.5em;
 
-
}
 
-
 
-
#navmenu .cat .cat_links a:hover
 
-
{ color: #CCCCCC}
 
-
</style>
 
-
<div id="navmenu">
 
-
<div class="cat"><a href="/Team:Edinburgh">Main Page</a></div>
 
-
<div class="cat"><a href="#">Documentation</a>
 
-
<div class="cat_links"><a href="/Team:Edinburgh/Project">Project</a><br>
 
-
<a href="/Team:Edinburgh/BioSandwich">BioSandwich</a><br>
 
-
<a href="/Team:Edinburgh/Safety">Safety</a></div>
 
-
</div>
 
-
<div class="cat"><a href="#">BioBricks</a>
 
-
<div class="cat_links"><a href="/Team:Edinburgh/Parts">Parts</a><br>
 
-
<a href="/Team:Edinburgh/Lab Notebook">Lab Notebook</a><br>
 
-
<a href="/Team:Edinburgh/Sequences">Sequences</a></div>
 
-
</div>
 
-
<div class="cat"><a href="#">Team</a>
 
-
<div class="cat_links"><a href="/Team:Edinburgh/Team">Team</a><br>
 
-
<a href="/Team:Edinburgh/Ideas">Ideas</a><br>
 
-
<a href="/Team:Edinburgh/Links">Useful links</a></div>
 
-
</div>
 
-
</div>
 
</html>
</html>

Revision as of 11:17, 6 July 2011

Retrieved from "http://2011.igem.org/Team:Edinburgh/tech/Navbox"