Team:BCCS-Bristol/Header

From 2010.igem.org

(Difference between revisions)
 
(37 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">
+
<link rel="stylesheet" href="/wiki/index.php?title=Team:BCCS-Bristol/mainCSS.css&action=raw&ctype=text/css" type="text/css" />
-
$(function() {
+
-
$('body').gradient({
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
-
    from: '003366',
+
-
    to: '333333',
+
-
    direction: 'horizontal'
+
-
  });
+
-
$("img.rounded").wrap('<div></div>').parent().corner("5px");
+
<div id="headwrapper">
 +
<div id="header_image">
-
});
+
<div id="header_blend"></div>
-
$('ul#nav a + ul').prev().append(' &#187;');
+
<div id="header_text">
-
</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: 300px }
+
-
 
+
-
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>
+
-
 
+
-
 
+
-
<html>
+
-
<div style="position: relative; width: 940px; 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: 965px; height: 75px;
+
-
opacity:0.8;filter:alpha(opacity=80); "></div>
+
-
 
+
-
<div style="position: absolute; bottom: 12px; right: 25px; color: black; z-index: 3; font-size: 1.5em">
+
BCCS-Bristol
BCCS-Bristol
<br />
<br />
<span style="font-size: small">iGEM 2010</span>
<span style="font-size: small">iGEM 2010</span>
-
 
+
</div>
-
 
+
</div>
-
 
+
<div id="navwrapper">
 +
</html>
 +
{{:Team:BCCS-Bristol/Navigation}}
 +
<html>
</div>
</div>
</div>
</div>
</html>
</html>
-
 
-
 
-
{{:Team:BCCS-Bristol/Navigation}}
 

Latest revision as of 16:13, 27 October 2010