Team:BCCS-Bristol/Header

From 2009.igem.org

(Difference between revisions)
 
(54 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<head>
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
-
<link rel="stylesheet" href="http://dl.getdropbox.com/u/634020/bccs_css.css" type="text/css" />
+
<script type="text/javascript" src="http://dl.getdropbox.com/u/136370/jquery.gradient.js"></script>
-
</head>
+
<script type="text/javascript" src="http://dl.getdropbox.com/u/136370/jquery.corner.js"></script>
-
<img src="http://dl.getdropbox.com/u/634020/bccs_igem_logo.jpg" />
+
-
<img style="width:750px" src="http://dl.getdropbox.com/u/634020/bccs_igem_banner.png" >
+
-
<div id="nav_menu">
+
<script type="text/javascript">
 +
$(function() {
-
<ul class="header_links" id="root">
+
$('body').gradient({
-
<li><a href="https://2009.igem.org/Team:BCCS-Bristol">Home</a></li>
+
    from: '003366',
-
<li><a href="https://2009.igem.org/Team:BCCS-Bristol/Team">The Team</a></li>
+
    to: '333333',
-
<li><a href="https://2009.igem.org/Team:BCCS-Bristol/Project">The Project</a></li>
+
    direction: 'horizontal'
-
<li><a href="https://2009.igem.org/Team:BCCS-Bristol/Meetings">Meetings</a>
+
  });
-
<ul class="header_links_2">
+
-
<li><a href="https://2009.igem.org/Team:BCCS-Bristol/Meetings/September">September</a></li>
+
-
<li><a href="https://2009.igem.org/Team:BCCS-Bristol/Meetings/August">August</a></li>
+
-
<li><a href="https://2009.igem.org/Team:BCCS-Bristol/Meetings/July">July</a></li>
+
-
<li><a href="https://2009.igem.org/Team:BCCS-Bristol/Meetings/June">June</a></li>
+
-
</ul></li>
+
-
<li><a href="https://2009.igem.org/Team:BCCS-Bristol/Calendar">Calendar</a></li>
+
-
<li><a href="https://2009.igem.org/Team:BCCS-Bristol/Modeling">Modelling</a>
+
-
<ul class="header_links_2">
+
-
<li><a href="https://2009.igem.org/Team:BCCS-Bristol/Modeling_OMVs">OMV communication</a></li>
+
-
<li><a href="https://2009.igem.org/Team:BCCS-Bristol/Modeling/BSim">BSim</a></li>
+
-
<li><a href="https://2009.igem.org/Team:BCCS-Bristol/Modeling/BSim_Features">BSim Features</a></li>
+
-
<li><a href="Modeling#Links">Links</li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="https://2009.igem.org/Team:BCCS-Bristol/Notebook">Wetlab</a>
+
-
<ul class="header_links_2">
+
-
<li><a href="https://2009.igem.org/Team:BCCS-Bristol/Notebook/Week_Zero">Week 0</a></li>
+
-
<li><a href="https://2009.igem.org/Team:BCCS-Bristol/Notebook/Week_1">Week 1</a></li>
+
-
<li><a href="https://2009.igem.org/Team:BCCS-Bristol/Notebook/Week_2">Week 2</a></li>
+
-
<li><a href="https://2009.igem.org/Team:BCCS-Bristol/Notebook/Week_3">Week 3</a></li>
+
-
<li><a href="https://2009.igem.org/Team:BCCS-Bristol/Notebook/Week_4">Week 4</a></li>
+
-
<li><a href="https://2009.igem.org/Team:BCCS-Bristol/Notebook/Week_5">Week 5</a></li>
+
-
<li><a href="https://2009.igem.org/Team:BCCS-Bristol/Notebook/Week_6">Week 6</a></li>
+
-
<li><a href="https://2009.igem.org/Team:BCCS-Bristol/Notebook/Week_7">Week 7</a></li>
+
-
<li><a href="https://2009.igem.org/Team:BCCS-Bristol/Notebook/Week_8">Week 8</a></li>
+
-
<li><a href="https://2009.igem.org/Team:BCCS-Bristol/Notebook/Week_9">Week 9</a></li>
+
-
<li><a href="https://2009.igem.org/Team:BCCS-Bristol/Notebook/Week_10">Week 10</a></li>
+
-
<li><a href="https://2009.igem.org/Team:BCCS-Bristol/Notebook/Week_11">Week 11</a></li>
+
-
<li><a href="https://2009.igem.org/Team:BCCS-Bristol/Notebook/Week_12">Week 12</a></li>
+
-
+
-
</ul>
+
-
</li>
+
-
<li><a href="mailto:igem-2009@sympa.bristol.ac.uk">Contact us</a></li>
+
-
</ul>
+
-
</div>
+
$("img.rounded").wrap('<div></div>').parent().corner("5px");
 +
});
 +
 +
$('ul#nav a + ul').prev().append(' &#187;');
 +
</script>
 +
<style>
 +
 +
#content { font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 1.14em; }
 +
h1.firstHeading { position: absolute; top: 150px; left: 25px; margin: 0; color: black; z-index: 3; border: 0; }
 +
h2 { background: #DFE4EB; border:0;border-top: 1px solid #B1BECF; color: black }
 +
.panel img { width: 200px }
 +
 +
ul#nav, ul#nav ul { padding:0; margin:0; list-style-type: none; list-style-image: none }
 +
ul#nav { position:relative; left: 3px; z-index:500; }
 +
ul#nav ul { display: none;}
 +
ul#nav li {float:left; position:relative; margin-bottom: 0; }
 +
ul#nav a {
 +
  display:block;
 +
  width:12em;
 +
  font-size:1em;
 +
  height:2em;
 +
  line-height:2em;  /* ul#nav a height */
 +
  text-decoration:none;
 +
  text-indent:0.5em;
 +
}
 +
 +
ul#nav li:hover > ul {
 +
  display:block;
 +
  position:absolute;
 +
  left:12em; /* ul#nav a width */
 +
  top:0;
 +
}
 +
ul#nav > li:hover > ul {
 +
  left:0;
 +
  top:2.4em; /* ul#nav a height + 2*(ul#nav > li > ul border-width)  */
 +
}
 +
 +
 +
ul#nav > li { 
 +
  border: 0.5em solid #003366; 
 +
  background: #003366;
 +
}
 +
ul#nav > li:first-child {
 +
  -moz-border-radius-topleft: 0.5em;
 +
}
 +
ul#nav > li:last-child {
 +
  -moz-border-radius-topright: 0.5em;
 +
}
 +
 +
ul#nav li > ul {
 +
  border: 0.2em solid #003366;
 +
  -moz-border-radius: 0.2em;
 +
}
 +
ul#nav li > a {  background: #fff; color: black; }
 +
ul#nav li:hover > a { color: #fff; background: #003366; }
 +
 +
ul#nav > li > a {  color:#fff; background: #003366; }
 +
ul#nav > li:hover > a { }
 +
 +
 +
</style>
 +
 +
</html>
 +
 +
{{:Team:BCCS-Bristol/Navigation}}
 +
 +
<html>
 +
<div style="position: relative; width: 965px; height: 150px; background: url('https://static.igem.org/mediawiki/2009/c/c2/BCCSBanner.jpg'); clear: both;  ">
 +
 +
<div style="position: absolute; bottom: 0; z-index: 2; width: 965px; height: 75px;
 +
background: white; opacity:0.8;filter:alpha(opacity=80); border-top: 3px solid #ddd"></div>
 +
 +
<div style="position: absolute; bottom: 12px; right: 25px; color: black; z-index: 3; font-size: 1.5em">
 +
BCCS-Bristol
 +
<br />
 +
<span style="font-size: small">iGEM 2009</span>
 +
</div>
 +
 +
</div>
</html>
</html>

Latest revision as of 03:00, 22 October 2009

BCCS-Bristol
iGEM 2009