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 { | + | padding:0; |
- | ul#nav ul { display: none;} | + | margin:0; |
- | ul#nav li {float:left; | + | 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. | + | 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. | + | border: 0.1em solid #000; |
- | -moz-border-radius: 0. | + | -moz-border-radius: 0.1em; |
} | } | ||
- | |||
- | |||
- | ul#nav | + | 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 { } | ||
+ | #navwrapper { | ||
+ | border:0; | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | width:66em; | ||
+ | height:3.2em; | ||
+ | background-color:#f7f8e0; | ||
+ | } | ||
- | < | + | </style> |
- | <div style="position: relative; width: | + | |
+ | <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: | + | <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. | + | |
<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
iGEM 2010