Team:BCCS-Bristol/Header

From 2009.igem.org

(Difference between revisions)
 
(27 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://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">
<script type="text/javascript">
$(function() {
$(function() {
-
  $('ul#nav a + ul').prev().append(' &#187;');
+
 
 +
$('body').gradient({
 +
    from: '003366',
 +
    to: '333333',
 +
    direction: 'horizontal'
 +
  });
 +
 
 +
$("img.rounded").wrap('<div></div>').parent().corner("5px");
 +
 
});
});
 +
 +
$('ul#nav a + ul').prev().append(' &#187;');
</script>
</script>
<style>
<style>
-
body { font-family: "Trebuchet MS"; background: white }
+
#content { font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 1.14em; }
-
h1.firstHeading { display: none; }
+
h1.firstHeading { position: absolute; top: 150px; left: 25px; margin: 0; color: black; z-index: 3; border: 0; }
-
h1 { 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:9.91em;
+
   width:12em;
   font-size:1em;
   font-size:1em;
   height:2em;  
   height:2em;  
Line 29: Line 43:
   display:block;  
   display:block;  
   position:absolute;  
   position:absolute;  
-
   left:9.91em; /* ul#nav a width */
+
   left:12em; /* ul#nav a width */
   top:0;
   top:0;
}
}
Line 39: Line 53:
ul#nav > li {   
ul#nav > li {   
-
   border: 0.5em solid #343742;   
+
   border: 0.5em solid #003366;   
-
   background: #343742;
+
   background: #003366;
}
}
ul#nav > li:first-child {
ul#nav > li:first-child {
Line 50: Line 64:
ul#nav li > ul {
ul#nav li > ul {
-
   border: 0.2em solid #343742;  
+
   border: 0.2em solid #003366;  
   -moz-border-radius: 0.2em;
   -moz-border-radius: 0.2em;
}
}
-
ul#nav li > a {  background: #fff; color: #343742; }
+
ul#nav li > a {  background: #fff; color: black; }
-
ul#nav li:hover > a { color: #fff; background: #343742; }
+
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 { }
Line 67: Line 81:
<html>
<html>
-
<div style="position: relative; width: 965px; height: 150px; background: url('http://dl.getdropbox.com/u/136370/banner.jpg'); clear: both;  ">
+
<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;  
<div style="position: absolute; bottom: 0; z-index: 2; width: 965px; height: 75px;  
Line 79: Line 93:
</div>
</div>
-
</html>
 
-
 
-
 
-
<html>
 
-
<h1>Testing</h1>
 
</html>
</html>

Latest revision as of 03:00, 22 October 2009

BCCS-Bristol
iGEM 2009