Team:BCCS-Bristol/Header

From 2009.igem.org

(Difference between revisions)
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">
 +
$(function() {
 +
  $('ul#nav a + ul').prev().append(' &#187;');
 +
});
 +
</script>
<style>
<style>
Line 22: Line 28:
   position:absolute;  
   position:absolute;  
   left:8em; /* ul#nav a width */
   left:8em; /* ul#nav a width */
-
   top:-1px; /* - ul#nav li > ul border-width */
+
   top:0; /* - ul#nav li > ul border-width */
}
}
ul#nav > li:hover > ul {  
ul#nav > li:hover > ul {  
   left:0;
   left:0;
-
   top:2.5em; /* ul#nav a height + ul#nav > li border-width  */
+
   top:2.4em; /* ul#nav a height + 2*(ul#nav > li > ul border-width) */
}
}
-
ul#nav > li {
+
ul#nav > li {
-
   border: 0.5em solid #343742;
+
   border: 0.5em solid #343742;
}
}
-
 
ul#nav > li:first-child {
ul#nav > li:first-child {
   -moz-border-radius-topleft: 0.5em;
   -moz-border-radius-topleft: 0.5em;
Line 43: Line 48:
}
}
-
ul#nav li > ul { border: 1px solid #343742; -moz-border-radius: 5px; }
+
ul#nav li > ul {
 +
  border: 0.2em solid #343742;  
 +
  -moz-border-radius: 0.2em;
 +
}
ul#nav li > a {  background: #fff; color: #343742; }
ul#nav li > a {  background: #fff; color: #343742; }
ul#nav li:hover > a { color: #fff; background: #343742; }
ul#nav li:hover > a { color: #fff; background: #343742; }
Line 49: Line 57:
ul#nav > li > a {  color:#fff; background: #343742; }
ul#nav > li > a {  color:#fff; background: #343742; }
ul#nav > li:hover > a { }
ul#nav > li:hover > a { }
 +
 +
ul#nav a + ul { background: red !important }
</style>
</style>

Revision as of 15:18, 20 October 2009