Team:BCCS-Bristol/Header

From 2009.igem.org

(Difference between revisions)
 
(76 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>
-
/* basic elements */
+
 
-
html {
+
#content { font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 1.14em; }
-
margin: 0;
+
h1.firstHeading { position: absolute; top: 150px; left: 25px; margin: 0; color: black; z-index: 3; border: 0; }
-
padding: 0;
+
h2 { background: #DFE4EB; border:0;border-top: 1px solid #B1BECF; color: black }
-
}
+
.panel img { width: 200px }
-
body {
+
 
-
font: 75% georgia, sans-serif;
+
ul#nav, ul#nav ul { padding:0; margin:0; list-style-type: none; list-style-image: none }
-
line-height: 1.88889;
+
ul#nav { position:relative; left: 3px; z-index:500; }
-
color: #555753;  
+
ul#nav ul { display: none;}
-
background: #fff url(blossoms.jpg) no-repeat bottom right;  
+
ul#nav li {float:left; position:relative; margin-bottom: 0; }
-
margin: 0;  
+
ul#nav a {
-
padding-left: 170px;
+
  display:block;
-
padding-right: 170px;
+
  width:12em;
-
+
  font-size:1em;
-
}
+
  height:2em;
-
h1 {
+
  line-height:2em; /* ul#nav a height */
-
color: green;
+
  text-decoration:none;
-
}
+
  text-indent:0.5em;  
-
h2 {
+
-
  color: green;
+
}
}
-
h3 {
+
 
-
color: green;
+
ul#nav li:hover > ul {
 +
  display:block;
 +
  position:absolute;
 +
  left:12em; /* ul#nav a width */
 +
  top:0;
}
}
-
p {
+
ul#nav > li:hover > ul {  
-
     
+
  left:0;
-
font-size: small;
+
  top:2.4em; /* ul#nav a height + 2*(ul#nav > li > ul border-width)  */
-
font-family: sans-serif;
+
-
text-align: justify;
+
-
}
+
-
a:link {
+
-
font-weight: bold;
+
-
text-decoration: none;
+
-
color: #9BC4E2;
+
-
}
+
-
a:visited {  
+
-
font-weight: bold;  
+
-
text-decoration: none;  
+
-
color: #525C65;
+
-
}
+
-
a:hover{
+
-
text-decoration: underline;
+
-
color: #104E8B;
+
-
}
+
-
a:active {
+
-
text-decoration: underline;
+
-
color: #104E8B;
+
-
border: 3px;
+
-
background: aqua;
+
}
}
-
/* specials */
+
 
-
#header_links {
+
ul#nav > li {
-
position:absolute;
+
  border: 0.5em solid #003366;
-
top:175px;
+
  background: #003366;
-
        left:0px;
+
-
width:100px;
+
-
display:block;
+
-
background: transparent url(bubbleborder_top.jpg) repeat-y;
+
-
}
+
-
#bccs_igem_logo {
+
-
position:absolute;
+
-
top:0px;
+
-
left:0px;
+
-
}
+
-
.contents {
+
-
position:absolute;
+
-
top:175px;
+
-
left:175px;
+
-
padding-right:240px;
+
}
}
-
#bccs_igem_banner {
+
ul#nav > li:first-child {
-
position:absolute;
+
  -moz-border-radius-topleft: 0.5em;
-
top:0px;
+
-
left:159px;
+
-
height:175px;
+
}
}
 +
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>
-
</style></html>
+
{{:Team:BCCS-Bristol/Navigation}}
<html>
<html>
-
<ul id="header_links" class="c">
+
<div style="position: relative; width: 965px; height: 150px; background: url('https://static.igem.org/mediawiki/2009/c/c2/BCCSBanner.jpg'); clear: both;  ">
-
<li><a href="https://2009.igem.org/Team:BCCS-Bristol">Home</a></li>
+
-
<li><a href="https://2009.igem.org/Team:BCCS-Bristol/Team">The Team</a></li>
+
-
<li><a href="https://2009.igem.org/Team:BCCS-Bristol/Project">The Project</a></li>
+
-
<li><a href="https://2009.igem.org/Team:BCCS-Bristol/Meetings">Meetings</a></li>
+
-
<li><a href="https://2009.igem.org/Team:BCCS-Bristol/Calendar">Calendar</a></li>
+
-
<li><a href="https://2009.igem.org/Team:BCCS-Bristol/Modeling">Modelling</a></li>
+
-
<li><a href="https://2009.igem.org/Team:BCCS-Bristol/Notebook">Wetlab</a></li>
+
-
<li><a href="">Contact us</a></li>
+
-
</ul>
+
-
<div class="images">
+
<div style="position: absolute; bottom: 0; z-index: 2; width: 965px; height: 75px;
-
<img id="bccs_igem_logo" src="bccs_igem_logo.jpg" alt="BCCS-iGEM_logo"/>
+
background: white; opacity:0.8;filter:alpha(opacity=80); border-top: 3px solid #ddd"></div>
-
<img id="bccs_bristol_banner" src="BCCS-Bristol_Banner.png" alt="BCCS Banner"/ >
+
-
<img id="bccs_igem_banner" src="bccs_igem_banner.png" alt="Bccs igem banner"/>
+
-
</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>
</html>

Latest revision as of 03:00, 22 October 2009

BCCS-Bristol
iGEM 2009

Retrieved from "http://2009.igem.org/Team:BCCS-Bristol/Header"