Team:BCCS-Bristol/Header

From 2010.igem.org

(Difference between revisions)
Line 27: Line 27:
.panel img { width: 200px }  /*width of the boxes at the bottom */
.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, ul#nav ul {  
-
ul#nav { position:centre; left: 3px; z-index:500; }
+
  padding:0;  
-
ul#nav ul { display: none;}
+
  margin:0;
-
ul#nav li {float:left; position:relative; margin-bottom: 0; }
+
  list-style-type: none;
 +
  list-style-image: none  
 +
}
 +
 
 +
ul#nav {  
 +
left: 3px;  
 +
z-index:500;  
 +
}
 +
 
 +
ul#nav ul {
 +
  display: none;
 +
}
 +
 
 +
ul#nav li {
 +
  float:left;
 +
  margin:0 auto;
 +
  position:relative;
 +
 
 +
}
 +
 
ul#nav a {
ul#nav a {
   display:block;
   display:block;
Line 54: Line 73:
   top:0;
   top:0;
}
}
 +
ul#nav > li:hover > ul {  
ul#nav > li:hover > ul {  
   left:0;
   left:0;
-
   top:2.4em; /* ul#nav a height + 2*(ul#nav > li > ul border-width)  */
+
   top:2.6em; /* ul#nav a height + 2*(ul#nav > li > ul border-width)  */
}
}
-
 
ul#nav > li {   
ul#nav > li {   
Line 64: Line 83:
   background: #003366;  
   background: #003366;  
}
}
 +
ul#nav > li:first-child {
ul#nav > li:first-child {
   -moz-border-radius-topleft: 0.0em;
   -moz-border-radius-topleft: 0.0em;
}
}
 +
ul#nav > li:last-child {
ul#nav > li:last-child {
   -moz-border-radius-topright: 0.0em;
   -moz-border-radius-topright: 0.0em;
Line 72: Line 93:
ul#nav li > ul {
ul#nav li > ul {
-
   border: 0.2em solid #000;  
+
   border: 0.1em solid #000;  
-
   -moz-border-radius: 0.2em;
+
   -moz-border-radius: 0.1em;
}
}
-
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 > a {   
-
ul#nav > li:hover > a { }
+
background: #fff;
 +
color: black;  
 +
}
 +
ul#nav li:hover > a {
 +
color: #fff;
 +
background: #000;
 +
} /*menu text po najechaniu myszka */
-
</style>
+
ul#nav > li > a { 
-
</html>
+
  color:#000;
 +
  background: #BDBDBD;
 +
  border: 0.1em solid #585858;
 +
  font-weight:bold;
 +
} /*menu text properties*/
 +
ul#nav > li:hover > a { }
 +
#navwrapper {
 +
border:0;
 +
margin:0;
 +
padding:0;
 +
width:66em;
 +
height:3.2em;
 +
background-color:#f7f8e0;
 +
}
-
<html>
+
</style>
-
<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: 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: 965px; height: 75px;  
+
<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>
-
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">
<div style="position: absolute; bottom: 12px; right: 25px; color: black; z-index: 3; font-size: 1.5em">
Line 99: Line 137:
</div>
</div>
</div>  
</div>  
 +
<div id="navwrapper">
</html>
</html>
{{:Team:BCCS-Bristol/Navigation}}
{{:Team:BCCS-Bristol/Navigation}}
 +
<html>
 +
</div>
 +
</html>

Revision as of 15:04, 27 October 2010

BCCS-Bristol
iGEM 2010