|
|
(47 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"> | + | <link rel="stylesheet" href="/wiki/index.php?title=Team:BCCS-Bristol/mainCSS.css&action=raw&ctype=text/css" type="text/css" /> |
- | $(function() {
| + | |
| | | |
- | $('body').gradient({
| + | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> |
- | from: '003366',
| + | |
- | to: '333333',
| + | |
- | direction: 'horizontal'
| + | |
- | });
| + | |
| | | |
- | $("img.rounded").wrap('<div></div>').parent().corner("5px");
| + | <div id="headwrapper"> |
| + | <div id="header_image"> |
| | | |
- | });
| + | <div id="header_blend"></div> |
- | | + | |
- | $('ul#nav a + ul').prev().append(' »');
| + | |
- | </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 }
| + | |
- | | + | |
- | ul#nav, ul#nav ul { padding:0; margin:0; list-style-type: none; list-style-image: none }
| + | |
- | ul#nav { position:relative; 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 #003366;
| + | |
- | background: #003366;
| + | |
- | }
| + | |
- | ul#nav > li:first-child {
| + | |
- | -moz-border-radius-topleft: 0.5em;
| + | |
- | }
| + | |
- | 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> | + | |
| | | |
| + | <div id="header_text"> |
| + | BCCS-Bristol |
| + | <br /> |
| + | <span style="font-size: small">iGEM 2010</span> |
| + | </div> |
| + | </div> |
| + | <div id="navwrapper"> |
| </html> | | </html> |
- |
| |
| {{:Team:BCCS-Bristol/Navigation}} | | {{:Team:BCCS-Bristol/Navigation}} |
- |
| |
| <html> | | <html> |
- | <div style="position: relative; width: 965px; height: 150px; background: url('https://static.igem.org/mediawiki/2009/c/c2/BCCSBanner.jpg'); clear: both; ">
| |
- |
| |
- | <div style="position: absolute; bottom: 0; z-index: 2; width: 965px; height: 75px;
| |
- | background: white; opacity:0.8;filter:alpha(opacity=80); border-top: 3px solid #ddd"></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> |
- |
| |
| </div> | | </div> |
| </html> | | </html> |