Team:ETH Zurich/Templates/Header
From 2012.igem.org
(Difference between revisions)
m |
|||
Line 28: | Line 28: | ||
#contentSub {display: none;} | #contentSub {display: none;} | ||
p:first-child { 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 { | #eth_page { | ||
- | + | border: none; margin: 0; padding: 0; width: 975px; height:100%; | |
margin: 0 auto; | margin: 0 auto; | ||
position: relative; | position: relative; | ||
height: 100%; | 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_header { | ||
+ | } | ||
+ | |||
+ | #eth_menu { | ||
+ | background-color: #324143; border: none; margin: 0; padding: 0; width: 100%; | ||
} | } | ||
#eth_content { | #eth_content { | ||
- | + | background: white; | |
- | + | height: 100%; | |
- | + | margin: 0; | |
- | + | overflow: hidden; | |
+ | padding: 10px; | ||
} | } | ||
Line 51: | Line 163: | ||
</style> | </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> | </html> | ||
<div id="eth_page"> | <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 id="eth_header">[[Image:eth_page_header.png|link=https://2012.igem.org/Main_Page]]</div> | <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 id="eth_content"> | <div id="eth_content"> |
Revision as of 17:52, 7 September 2012