Team:Brown/templates/header
From 2010.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" src="http://dl.getdropbox.com/u/136370/jquery.gradient.js"></script> |
- | .firstHeading { | + | <script type="text/javascript" src="http://dl.getdropbox.com/u/136370/jquery.corner.js"></script> |
- | display:none; | + | <!-- |
+ | <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(' »'); | ||
+ | </script> | ||
+ | --> | ||
+ | <style> | ||
+ | /*BEGIN HEADER/MENU REMOVAL*/ | ||
+ | h1.firstHeading {display:none;} | ||
+ | body {background-color: #260603; background-repeat: no-repeat; background-position: top center;0} | ||
+ | #top-section {width:965px; border: 0; border-bottom: 1px solid #888888; height: 20px; overflow: visible;} | ||
+ | #globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0; width: 100%; height:100%;} | ||
+ | #menubar {position: absolute; top: 0px; display:block; float:left; border: none;} | ||
+ | #menubar li a {color: #888888;} | ||
+ | #menubar.right-menu {position: absolute; right: 20px; font-size: 10px;} | ||
+ | #menubar.left-menu {position: absolute; left: 20px; font-size: 10px;} | ||
+ | #search-controls {display: none} | ||
+ | h3#siteSub {display: none;} | ||
+ | #contentSub {display: none;} | ||
+ | p:first-child {display: none;} | ||
+ | #p-logo {display: none;} | ||
+ | #p-logo a {display: none;} | ||
+ | /*END HEADER/MENUBAR REMOVAL*/ | ||
+ | |||
+ | /* Wiki Hacks - END */ | ||
+ | |||
+ | #content { font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 1.14em; width: 949px;} | ||
+ | #footer-box {width: 949px;} | ||
+ | /*Commented out header hider in favor of our previous code*/ | ||
+ | h2 { background: #DFE4EB; border:0;border-top: 1px solid #B1BECF; color: black } | ||
+ | .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 { position:centre; 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 #260603; | ||
+ | background: #003366; | ||
+ | } | ||
+ | ul#nav > li:first-child { | ||
+ | -moz-border-radius-topleft: 0.0em; | ||
+ | } | ||
+ | ul#nav > li:last-child { | ||
+ | -moz-border-radius-topright: 0.0em; | ||
+ | } | ||
+ | ul#nav li > ul { | ||
+ | border: 0.2em solid #000; | ||
+ | -moz-border-radius: 0.2em; | ||
+ | } | ||
+ | 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: #AAAAAA; border: 0.1em solid #585858; font-weight:bold; } /*menu text properties*/ | |
- | + | ul#nav > li:hover > a { } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | </style> | ||
+ | |||
+ | </html> | ||
+ | <html> | ||
+ | <body> | ||
+ | <div style="position: relative; width: 949px; height: 150px; background: url('https://static.igem.org/mediawiki/2010/d/d2/Mainlogo.jpg'); clear: both; "> | ||
+ | |||
+ | <!-- | ||
+ | <div style="position: absolute; bottom: 0; z-index: 2; width: 965px; height: 75px; | ||
+ | opacity:0.8;filter:alpha(opacity=80); "></div> | ||
+ | --> | ||
+ | <!-- Removed Brown iGEM text | ||
+ | <div style="position: absolute; bottom: 12px; right: 25px; color: black; z-index: 3; font-size: 1.5em"> | ||
+ | Brown iGEM | ||
+ | <br /> | ||
+ | <span style="font-size: small">iGEM 2010</span> | ||
+ | </div> | ||
+ | --> | ||
+ | </div> | ||
</html> | </html> | ||
+ | {{:Team:Brown/templates/menu}} |
Revision as of 01:37, 24 October 2010