Team:BCCS-Bristol/Header

From 2010.igem.org

(Difference between revisions)
Line 2: Line 2:
<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">
 
-
$(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>
 +
#content { font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 1.14em; }
 +
h1.firstHeading {
 +
  display:none;
 +
}
 +
h2 {
 +
background: #DFE4EB;
 +
border:0;border-top: 1px solid #B1BECF;
 +
color: black;
 +
}
-
#content { font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 1.14em; }
+
.panel img {  
-
h1.firstHeading { display:none; }
+
width: 200px;
-
h2 { background: #DFE4EB; border:0;border-top: 1px solid #B1BECF; color: black }
+
}  /*width of the boxes at the bottom */
-
.panel img { width: 200px }  /*width of the boxes at the bottom */
+
ul#nav, ul#nav ul {  
ul#nav, ul#nav ul {  
Line 35: Line 26:
ul#nav {  
ul#nav {  
-
  left: 3px;  
+
  left: 0.5em;  
  z-index:500;  
  z-index:500;  
}
}
Line 47: Line 38:
   margin:0 auto;
   margin:0 auto;
   position:relative;  
   position:relative;  
-
 
}
}
ul#nav a {
ul#nav a {
   display:block;
   display:block;
-
   width:12em;
+
   width:11.5em;
   font-size:1em;
   font-size:1em;
   height:2em;  
   height:2em;  
Line 61: Line 51:
ul#nav .subList a {
ul#nav .subList a {
-
   width:12em;
+
   width:11.5em;
   padding-left:1em;
   padding-left:1em;
   font-size:0.8em;
   font-size:0.8em;
Line 70: Line 60:
   display:block;  
   display:block;  
   position:absolute;  
   position:absolute;  
-
   left:12em; /* ul#nav a width */
+
   left:11.5em; /* ul#nav a width */
   top:0;
   top:0;
}
}
Line 120: Line 110:
  margin:0;
  margin:0;
  padding:0;
  padding:0;
-
  width:66em;
+
  width:64em;
  height:3.2em;
  height:3.2em;
  background-color:#f7f8e0;
  background-color:#f7f8e0;
 +
}
 +
 +
#headwrapper {
 +
border:0;
 +
margin:0 auto;
 +
padding:0;
 +
width:64em;
}
}
</style>
</style>
 +
<div id="headwrapper">
 +
<div style="position: relative; width: 64em; height: 10em; background: url('https://static.igem.org/mediawiki/2010/2/27/BCCS_Wheat2.JPG'); clear: both; ">
-
<div style="position: relative; width: 66em; height: 150px; background: url('https://static.igem.org/mediawiki/2010/2/27/BCCS_Wheat2.JPG'); clear: both;  ">  
+
<div style="position: absolute; bottom: 0; z-index: 2; width: 64em; height: 4em; background: #f7f8e0; opacity:0.5;filter:alpha(opacity=50); border-top: 0.2em solid #ffee8d"></div>
-
<div style="position: absolute; bottom: 0; z-index: 2; width: 66em; height: 75px; background: #f7f8e0; opacity:0.5;filter:alpha(opacity=50); border-top: 3px solid #ddd"></div>
+
<div style="position: absolute; bottom: 0.5em; right: 2em; color: black; z-index: 3; font-size: 1.5em">
-
 
+
-
<div style="position: absolute; bottom: 12px; right: 25px; color: black; z-index: 3; font-size: 1.5em">
+
BCCS-Bristol
BCCS-Bristol
<br />
<br />
Line 141: Line 138:
{{:Team:BCCS-Bristol/Navigation}}
{{:Team:BCCS-Bristol/Navigation}}
<html>
<html>
 +
</div>
</div>
</div>
</html>
</html>

Revision as of 15:28, 27 October 2010