Team:ETH Zurich/Templates/Header
From 2012.igem.org
(Difference between revisions)
m |
|||
(5 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | <style type="text/css"> | ||
+ | /* Author: Pieter van Boheemen */ | ||
+ | /* Team: TU Delft */ | ||
+ | #globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0; width: 100%; height:100%;} | ||
+ | #content { background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: hidden; height:100%;} | ||
+ | #bodyContent { border: none; padding:0; margin:0; width:100%; height:100%;} | ||
+ | #top-section { height: 15px; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; | ||
+ | padding:0; border: none; font-size: 10px;} | ||
+ | #p-logo { height:1px; overflow:hidden; display: none;} | ||
+ | #search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 100px; right: 40px;} | ||
+ | .left-menu { width: 500px !important; display:block; margin-top:-80px; border: none; text-align: right;} | ||
+ | .left-menu ul { border: none; } | ||
+ | #menubar.right-menu { width:300px; display:block; float:left; margin-top:-80px; border: none;} | ||
+ | .right-menu ul { border: none; width: 300px;} | ||
+ | #footer-box { display: none; width: 100%; margin: -10px auto 0 auto; padding: 20px 0;} | ||
+ | .visualClear { display: none; } | ||
+ | #footer { border: none; width: 965px; margin: 0 auto; padding: 0;} | ||
+ | #catlinks { display: none; } | ||
+ | .firstHeading { display: none;} | ||
+ | #f-list a { color: #333; font-size: 10px;} | ||
+ | #f-list a:hover { color: #666;} | ||
+ | .printfooter { display: none; } | ||
+ | #footer ul { margin: 0; padding: 0;} | ||
+ | #footer ul li { margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0;} | ||
+ | #search-controls { display:none; } | ||
+ | h3#siteSub { display: none;} | ||
+ | #contentSub {display: none;} | ||
+ | p:first-child { display: none;} | ||
+ | |||
+ | .clear | ||
+ | { clear: both; | ||
+ | overflow: hidden; | ||
+ | height: 0 | ||
+ | } | ||
+ | |||
+ | /* menu styles */ | ||
+ | #eth_nav ul | ||
+ | { margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #eth_nav ul li | ||
+ | { float: left; | ||
+ | list-style: none; | ||
+ | font: 12px Tahoma, Arial; | ||
+ | } | ||
+ | |||
+ | #eth_nav ul li a | ||
+ | { display: block; | ||
+ | background: #324143; | ||
+ | padding: 5px 12px; | ||
+ | text-decoration: none; | ||
+ | border-right: 1px solid white; | ||
+ | width: 75px; | ||
+ | color: #EAFFED; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | |||
+ | #eth_nav > ul > li > strong.selflink | ||
+ | { display: block; | ||
+ | background: #324143; | ||
+ | padding: 5px 12px; | ||
+ | text-decoration: none; | ||
+ | border-right: 1px solid white; | ||
+ | width: 75px; | ||
+ | color: #EAFFED; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | |||
+ | |||
+ | #eth_nav ul li a:hover | ||
+ | { background: #24313C; | ||
+ | } | ||
+ | |||
+ | #eth_nav ul li ul | ||
+ | { margin: 0; | ||
+ | padding: 0; | ||
+ | position: absolute; | ||
+ | visibility: hidden; | ||
+ | border-top: 1px solid white; | ||
+ | } | ||
+ | |||
+ | #eth_nav ul li ul li | ||
+ | { float: none; | ||
+ | display: inline; | ||
+ | } | ||
+ | |||
+ | #eth_nav ul li ul li a | ||
+ | { width: auto; | ||
+ | background: #99CC99; | ||
+ | color: #24313C; | ||
+ | } | ||
+ | |||
+ | |||
+ | #eth_nav > ul > li > ul > li > strong.selflink | ||
+ | { width: auto; | ||
+ | background: #99CC99; | ||
+ | color: #24313C; | ||
+ | border-right: 1px solid white; | ||
+ | display: block; | ||
+ | padding: 5px 12px; | ||
+ | text-decoration: none; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | |||
+ | |||
+ | #eth_nav ul li ul li a:hover | ||
+ | { background: #009966; | ||
+ | } | ||
+ | |||
+ | #eth_page { | ||
+ | border: none; margin: 0; padding: 0; width: 975px; height:100%; | ||
+ | margin: 0 auto; | ||
+ | position: relative; | ||
+ | height: 100%; | ||
+ | } | ||
+ | |||
+ | #eth_topnav { | ||
+ | width: 100%; | ||
+ | background: #727272; | ||
+ | font-size: 9px; | ||
+ | margin-bottom: 5px; | ||
+ | } | ||
+ | |||
+ | #eth_topnav a | ||
+ | { text-decoration: none; | ||
+ | color: #EAFFED; | ||
+ | margin-left: 3px; | ||
+ | margin-right: 3px; | ||
+ | } | ||
+ | |||
+ | #eth_topnav_left | ||
+ | { | ||
+ | width: 50%; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #eth_topnav_right | ||
+ | { width: 50%; | ||
+ | text-align: right; | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | #eth_header { | ||
+ | } | ||
+ | |||
+ | #eth_menu { | ||
+ | background-color: #324143; border: none; margin: 0; padding: 0; width: 100%; | ||
+ | } | ||
+ | |||
+ | #eth_content { | ||
+ | background: white; | ||
+ | height: 100%; | ||
+ | margin: 0; | ||
+ | overflow: hidden; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | |||
+ | #eth_footer { | ||
+ | |||
+ | } | ||
+ | |||
+ | </style> | ||
+ | <script type="text/javascript"> | ||
+ | var timeout = 500; | ||
+ | var closetimer = 0; | ||
+ | var ddmenuitem = 0; | ||
+ | |||
+ | function eth_nav_open() | ||
+ | { eth_nav_canceltimer(); | ||
+ | eth_nav_close(); | ||
+ | ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');} | ||
+ | |||
+ | function eth_nav_close() | ||
+ | { if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');} | ||
+ | |||
+ | function eth_nav_timer() | ||
+ | { closetimer = window.setTimeout(eth_nav_close, timeout);} | ||
+ | |||
+ | function eth_nav_canceltimer() | ||
+ | { if(closetimer) | ||
+ | { window.clearTimeout(closetimer); | ||
+ | closetimer = null;}} | ||
+ | |||
+ | $(document).ready(function() | ||
+ | { $('#eth_nav > ul > li').bind('mouseover', eth_nav_open); | ||
+ | $('#eth_nav > ul > li').bind('mouseout', eth_nav_timer);}); | ||
+ | |||
+ | document.onclick = eth_nav_close; | ||
+ | </script> | ||
+ | </html> | ||
+ | |||
+ | <div id="eth_page"> | ||
+ | <div id="eth_topnav"> | ||
+ | <div id="eth_topnav_left"></div> | ||
+ | <div id="eth_topnav_right"></div><div class="clear"> </div> | ||
</div> | </div> | ||
- | <div id=" | + | <div id="eth_header">[[Image:eth_page_header.png|link=https://2012.igem.org/Main_Page]]</div> |
+ | <div id="eth_menu"> | ||
+ | <div id="eth_nav"> | ||
+ | * [[Team:ETH_Zurich|Home]] | ||
+ | * [[Team:ETH_Zurich/Safety|Safety]] | ||
+ | * [https://igem.org/Team.cgi?year=2012&team_name=ETH_Zurich Team Profile] | ||
+ | * [[WIKI]] | ||
+ | ** [{{fullurl:Special:UserLogin|returnto={{PAGENAMEE}}}} Login] | ||
+ | ** [{{fullurl:{{PAGENAME}}}} View this page] | ||
+ | ** [{{fullurl:{{PAGENAME}}|action=edit}} Edit this page] | ||
+ | ** [{{fullurl:{{PAGENAME}}|action=history}} Page history] | ||
+ | <div class="clear"></div> | ||
</div> | </div> | ||
- | </ | + | </div> |
+ | |||
+ | <div id="eth_content"> |
Latest revision as of 17:56, 7 September 2012