Team:BCCS-Bristol/Header

From 2009.igem.org

(Difference between revisions)
 
(46 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>
Line 55: Line 79:
{{:Team:BCCS-Bristol/Navigation}}
{{: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>

Latest revision as of 03:00, 22 October 2009

BCCS-Bristol
iGEM 2009