Team:BCCS-Bristol/Header

From 2009.igem.org

(Difference between revisions)
 
(50 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
 +
<script type="text/javascript" src="http://dl.getdropbox.com/u/136370/jquery.gradient.js"></script>
 +
<script type="text/javascript" src="http://dl.getdropbox.com/u/136370/jquery.corner.js"></script>
 +
 +
<script type="text/javascript">
 +
$(function() {
 +
 +
$('body').gradient({
 +
    from: '003366',
 +
    to: '333333',
 +
    direction: 'horizontal'
 +
  });
 +
 +
$("img.rounded").wrap('<div></div>').parent().corner("5px");
 +
 +
});
 +
 +
$('ul#nav a + ul').prev().append(' &#187;');
 +
</script>
<style>
<style>
-
body { font-family: "Trebuchet MS" }
+
#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, ul#nav ul { padding:0; margin:0; list-style-type: none; list-style-image: none }
-
ul#nav { position:relative; z-index:500; }
+
ul#nav { position:relative; left: 3px; z-index:500; }
ul#nav ul { display: none;}
ul#nav ul { display: none;}
-
ul#nav li {float:left; position:relative; margin-bottom: 0 }
+
ul#nav li {float:left; position:relative; margin-bottom: 0; }
ul#nav a {
ul#nav a {
   display:block;
   display:block;
-
   width:8em;
+
   width:12em;
   font-size:1em;
   font-size:1em;
   height:2em;  
   height:2em;  
Line 21: Line 43:
   display:block;  
   display:block;  
   position:absolute;  
   position:absolute;  
-
   left:8em; /* ul#nav a width */
+
   left:12em; /* ul#nav a width */
-
   top:-1px; /* - ul#nav li > ul border-width */
+
   top:0;
}
}
ul#nav > li:hover > ul {  
ul#nav > li:hover > ul {  
   left:0;
   left:0;
-
   top:2.5em; /* ul#nav a height + ul#nav > li border-width  */
+
   top:2.4em; /* ul#nav a height + 2*(ul#nav > li > ul border-width) */
}
}
-
ul#nav > li {
+
ul#nav > li {
-
   border: 0.5em solid #343742;
+
   border: 0.5em solid #003366; 
 +
  background: #003366;
}
}
-
 
ul#nav > li:first-child {
ul#nav > li:first-child {
   -moz-border-radius-topleft: 0.5em;
   -moz-border-radius-topleft: 0.5em;
-
  -moz-border-radius-bottomleft: 0.5em;
 
}
}
ul#nav > li:last-child {
ul#nav > li:last-child {
   -moz-border-radius-topright: 0.5em;
   -moz-border-radius-topright: 0.5em;
-
  -moz-border-radius-bottomright: 0.5em;
 
}
}
-
ul#nav li > ul { border: 1px solid #343742; -moz-border-radius: 5px; }
+
ul#nav li > ul {
-
ul#nav li > a {  background: #fff; color: #343742; }
+
  border: 0.2em solid #003366;  
-
ul#nav li:hover > a { color: #fff; background: #343742; }
+
  -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: #343742; }
+
ul#nav > li > a {  color:#fff; background: #003366; }
ul#nav > li:hover > a { }
ul#nav > li:hover > a { }
 +
</style>
</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>
-
<ul id="nav">
+
<div style="position: absolute; bottom: 12px; right: 25px; color: black; z-index: 3; font-size: 1.5em">
-
<li><a href="https://2009.igem.org/Team:BCCS-Bristol">Home</a></li>
+
BCCS-Bristol
-
<li><a href="https://2009.igem.org/Team:BCCS-Bristol/Team">The Team</a></li>
+
<br />
-
<li><a href="https://2009.igem.org/Team:BCCS-Bristol/Project">The Project</a></li>
+
<span style="font-size: small">iGEM 2009</span>
-
<li><a href="https://2009.igem.org/Team:BCCS-Bristol/Meetings">Meetings &#187;</a>
+
</div>
-
  <ul>
+
-
    <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 &#187;</a>
+
-
  <ul>
+
-
    <li><a href="https://2009.igem.org/Team:BCCS-Bristol/Modeling/BSim">BSim &#187;</a>
+
-
      <ul>                       
+
-
        <li><a href="https://2009.igem.org/Team:BCCS-Bristol/Modeling/Test">Test</a></li>
+
-
      </ul>
+
-
    </li>
+
-
  </ul>
+
-
</li>
+
-
<li><a href="https://2009.igem.org/Team:BCCS-Bristol/Notebook">Wetlab &#187;</a>
+
-
  <ul>
+
-
    <li><a href="https://2009.igem.org/Team:BCCS-Bristol/Notebook/Bioscaffold">Bioscaffold</a></li> 
+
-
    <li><a href="https://2009.igem.org/Team:BCCS-Bristol/Notebook/Biobricks">BioBricks</a></li> 
+
-
    <li><a href="https://2009.igem.org/Team:BCCS-Bristol/Notebook/Lab_Book">Lab Book</a></li> 
+
-
    <ul>
+
-
      <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><a href="https://2009.igem.org/Team:BCCS-Bristol/Notebook/Lab_photos">Lab Photos</a></li> 
+
-
  </ul>
+
-
</li>
+
-
</ul>
+
 +
</div>
</html>
</html>

Latest revision as of 03:00, 22 October 2009

BCCS-Bristol
iGEM 2009