Team:BCCS-Bristol/Header

From 2010.igem.org

(Difference between revisions)
 
(25 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
 +
<link rel="stylesheet" href="/wiki/index.php?title=Team:BCCS-Bristol/mainCSS.css&action=raw&ctype=text/css" type="text/css" />
<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">
+
<div id="headwrapper">
-
$(function() {
+
<div id="header_image">
-
$('body').gradient({
+
<div id="header_blend"></div>
-
    from: '003366',
+
-
    to: '333333',
+
-
    direction: 'horizontal'
+
-
  });
+
-
$("img.rounded").wrap('<div></div>').parent().corner("5px");
+
<div id="header_text">
-
 
+
-
});
+
-
 
+
-
$('ul#nav a + ul').prev().append(' &#187;');
+
-
</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: 200px }  /*width of the boxes at the bottom */
+
-
 
+
-
ul#nav, ul#nav ul { padding:0; margin:0; list-style-type: none; list-style-image: none }
+
-
ul#nav { position:centre; 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 #F7F8E0; 
+
-
  background: #003366;
+
-
}
+
-
ul#nav > li:first-child {
+
-
  -moz-border-radius-topleft: 0.0em;
+
-
}
+
-
ul#nav > li:last-child {
+
-
  -moz-border-radius-topright: 0.0em;
+
-
}
+
-
 
+
-
ul#nav li > ul {
+
-
  border: 0.2em solid #000;
+
-
  -moz-border-radius: 0.2em;
+
-
}
+
-
ul#nav li > a {  background: #fff; color: black; }
+
-
ul#nav li:hover > a { color: #fff; background: #000; } /*menu text po najechaniu myszka */
+
-
 
+
-
ul#nav > li > a {  color:#000; background: #BDBDBD; border: 0.1em solid #585858; font-weight:bold; } /*menu text properties*/
+
-
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 />
Line 92: Line 16:
</div>
</div>
</div>  
</div>  
 +
<div id="navwrapper">
</html>
</html>
{{:Team:BCCS-Bristol/Navigation}}
{{:Team:BCCS-Bristol/Navigation}}
 +
<html>
 +
</div>
 +
</div>
 +
</html>

Latest revision as of 16:13, 27 October 2010