Team:ETH Zurich/Layout
From 2013.igem.org
(Difference between revisions)
(Blanked the page) |
|||
Line 1: | Line 1: | ||
+ | <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 | ||
+ | } | ||
+ | |||
+ | .toc, #toc { display: none; } | ||
+ | |||
+ | html { | ||
+ | overflow-y: scroll; | ||
+ | } | ||
+ | |||
+ | /* Main menu */ | ||
+ | #eth_nav { | ||
+ | padding: 0 0 0 7px; | ||
+ | } | ||
+ | |||
+ | #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 15px; | ||
+ | text-decoration: none; | ||
+ | border-right: 1px solid white; | ||
+ | color: #EAFFED; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | |||
+ | #eth_nav > ul > li > strong.selflink | ||
+ | { display: block; | ||
+ | background: #324143; | ||
+ | padding: 5px 15px; | ||
+ | text-decoration: none; | ||
+ | border-right: 1px solid white; | ||
+ | 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: #009966; | ||
+ | color: #EAFFED; | ||
+ | display: block; | ||
+ | padding: 5px 15px; | ||
+ | text-decoration: none; | ||
+ | white-space: nowrap; | ||
+ | |||
+ | } | ||
+ | |||
+ | #eth_nav ul li ul li:last-child a { | ||
+ | border-radius: 0 0 8px 8px; | ||
+ | } | ||
+ | |||
+ | #eth_nav > ul > li > ul > li > strong.selflink | ||
+ | { width: auto; | ||
+ | background: #009966; | ||
+ | color: #EAFFED; | ||
+ | display: block; | ||
+ | padding: 5px 15px; | ||
+ | text-decoration: none; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | |||
+ | #eth_nav > ul > li > ul > li:last-child > strong.selflink { | ||
+ | border-radius: 0 0 8px 8px; | ||
+ | } | ||
+ | |||
+ | #eth_nav ul li ul li a:hover | ||
+ | { background: #9ACB98; | ||
+ | } | ||
+ | |||
+ | /* Submenus */ | ||
+ | .eth_submenu { | ||
+ | margin: 0 auto; | ||
+ | width: 50%; | ||
+ | } | ||
+ | |||
+ | .eth_submenu ul li { | ||
+ | float: left; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | .eth_submenu ul li a { | ||
+ | display: block; | ||
+ | background: #009966; | ||
+ | padding: 5px 20px; | ||
+ | text-decoration: none; | ||
+ | border-right: 1px solid white; | ||
+ | color: #EAFFED; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | |||
+ | .eth_submenu ul li strong.selflink { | ||
+ | display: block; | ||
+ | background: #009966; | ||
+ | padding: 5px 20px; | ||
+ | text-decoration: none; | ||
+ | border-right: 1px solid white; | ||
+ | color: #EAFFED; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | |||
+ | .eth_submenu ul li:last-child a { | ||
+ | border-radius: 0 8px 8px 0; | ||
+ | } | ||
+ | |||
+ | .eth_submenu ul li:last-child strong.selflink { | ||
+ | border-radius: 0 8px 8px 0; | ||
+ | } | ||
+ | |||
+ | .eth_submenu ul li:first-child { | ||
+ | display: block; | ||
+ | background: #009966; | ||
+ | padding: 5px 20px; | ||
+ | text-decoration: none; | ||
+ | border-right: 1px solid white; | ||
+ | white-space: nowrap; | ||
+ | border-radius: 8px 0 0 8px; | ||
+ | } | ||
+ | |||
+ | .eth_submenu ul li a:hover { | ||
+ | background: #99CC99; | ||
+ | } | ||
+ | |||
+ | /* Page main structure */ | ||
+ | #eth_page { | ||
+ | border: none; margin: 0; padding: 0; width: 975px; height:100%; | ||
+ | margin: 0 auto; | ||
+ | position: relative; | ||
+ | height: 100%; | ||
+ | } | ||
+ | |||
+ | #eth_header { | ||
+ | background: url(https://static.igem.org/mediawiki/2012/a/a9/Eth_header_bg.jpg) repeat scroll 0 0 white; | ||
+ | border-radius: 8px 8px 8px 8px; | ||
+ | } | ||
+ | |||
+ | #eth_header_ecolipse { | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #eth_header_igem { | ||
+ | position: relative; | ||
+ | top: -115px; | ||
+ | left: 880px; | ||
+ | width: 80px; | ||
+ | height: 80px; | ||
+ | } | ||
+ | |||
+ | #eth_menu { | ||
+ | background-color: #324143; | ||
+ | border: medium none; | ||
+ | left: 125px; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | position: relative; | ||
+ | top: -27px; | ||
+ | width: 850px; | ||
+ | border-radius: 8px 0 8px 0; | ||
+ | } | ||
+ | |||
+ | #eth_content { | ||
+ | background: white; | ||
+ | height: 100%; | ||
+ | margin: 0; | ||
+ | overflow: hidden; | ||
+ | padding: 30px; | ||
+ | border-radius: 8px; | ||
+ | } | ||
+ | |||
+ | #eth_content table { | ||
+ | background-color: #F9F9F9; | ||
+ | border: 1px solid #AAAAAA; | ||
+ | border-collapse: collapse; | ||
+ | color: black; | ||
+ | margin-left:auto; | ||
+ | margin-right:auto; | ||
+ | } | ||
+ | |||
+ | #eth_content table th { | ||
+ | background-color: #F2F2F2; | ||
+ | } | ||
+ | |||
+ | #eth_content table td,th{ | ||
+ | border: 1px solid #AAAAAA; | ||
+ | padding: 0.2em; | ||
+ | } | ||
+ | |||
+ | #eth_content .tablenoborder { | ||
+ | border: 0 | ||
+ | } | ||
+ | |||
+ | #eth_content .tablenoborder td { | ||
+ | border: 0 | ||
+ | } | ||
+ | |||
+ | #eth_footer { | ||
+ | background: white; | ||
+ | height: 100%; | ||
+ | margin: 0; | ||
+ | overflow: hidden; | ||
+ | margin: 15px 0 30px 0; | ||
+ | padding: 30px; | ||
+ | border-radius: 8px; | ||
+ | } | ||
+ | |||
+ | #eth_sponsors { | ||
+ | width: 100%; | ||
+ | margin: 0px auto; | ||
+ | } | ||
+ | |||
+ | #eth_sponsors table td { | ||
+ | padding: 10px; | ||
+ | } | ||
+ | |||
+ | #eth_references { display: none;} | ||
+ | |||
+ | #eth_references li { display: none;} | ||
+ | |||
+ | #eth_content .eth_imagetable table { | ||
+ | border: solid 0px black; | ||
+ | } | ||
+ | |||
+ | #eth_content .eth_imagetable table td { | ||
+ | vertical-align: top; | ||
+ | border: solid 0px black; | ||
+ | } | ||
+ | |||
+ | |||
+ | </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() | ||
+ | { | ||
+ | // Hide partsregistry/igem stuff | ||
+ | $('.compatibility_div').hide(); | ||
+ | $('.editsection').hide(); | ||
+ | |||
+ | // Navigation | ||
+ | $('#eth_nav > ul > li').bind('mouseover', eth_nav_open); | ||
+ | $('#eth_content > ul > li').bind('mouseout', eth_nav_timer); | ||
+ | |||
+ | // Enable/disable login/wiki | ||
+ | if ($('#pt-logout').length) // if "logged on" | ||
+ | $('#eth_nav > ul > li:last').prev().hide(); // Hide second last menu entry | ||
+ | else | ||
+ | $('#eth_nav > ul > li:last').hide(); // Hide last menu entry | ||
+ | |||
+ | // Prepare references | ||
+ | $('#eth_references li').each(function (index, domEle) { | ||
+ | $(this).prepend('<a name="'+$(this).attr('id')+'"></a>'); | ||
+ | }); | ||
+ | |||
+ | $('.eth_reference').each(function (index, domEle) { | ||
+ | var refId = $(this).text().replace('[', '').replace(']', ''); | ||
+ | $(this).html('[<a href="#'+refId+'">'+refId+'</a>]'); | ||
+ | $("#"+refId).show(); | ||
+ | $("#eth_references").show(); | ||
+ | }); | ||
+ | |||
+ | $('.eth_dontlink a').each(function (index, domEle) { | ||
+ | var $t = jQuery(this); | ||
+ | $t.after($t.html()); | ||
+ | $t.remove(); | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | document.onclick = eth_nav_close; | ||
+ | </script> | ||
+ | </html> | ||
+ | |||
+ | <div id="eth_page"> | ||
+ | <div id="eth_header"><div id="eth_header_ecolipse">[[Image:eth_ecolipseeth_logo.png|200px|link=https://2012.igem.org/Team:ETH_Zurich]]</div><div id="eth_header_igem">[[Image:eth_igem_logo.png|80px|link=https://2012.igem.org/Main_Page]]</div><div class="clear"></div></div> | ||
+ | <div id="eth_menu"> | ||
+ | <div id="eth_nav"> | ||
+ | *[[Team:ETH_Zurich|Home]] | ||
+ | *[[Team:ETH_Zurich/Team|Team]] | ||
+ | **[https://igem.org/Team.cgi?year=2013&team_name=ETH_Zurich Official Team Profile] | ||
+ | *[[Team:ETH_Zurich/Project|Project]] | ||
+ | *[[Team:ETH_Zurich/Parts|Parts]] | ||
+ | *[[Team:ETH_Zurich/Modeling|Modeling]] | ||
+ | *[[Team:ETH_Zurich/Notebook|Notebook]] | ||
+ | *[[Team:ETH_Zurich/Safety|Safety]] | ||
+ | *[[Team:ETH_Zurich/Attributions|Attributions]] | ||
+ | *[[Team:ETH_Zurich/Templates|Templates]] | ||
+ | **[[Team:ETH_Zurich/Layout|Layout]] | ||
+ | * [{{fullurl:Special:UserLogin|returnto={{PAGENAMEE}}}} Login] | ||
+ | * [{{fullurl:{{PAGENAME}}}} WIKI] | ||
+ | ** [{{fullurl:{{PAGENAME}}}} View page] | ||
+ | ** [{{fullurl:{{PAGENAME}}|action=edit}} Edit page] | ||
+ | ** [{{fullurl:{{PAGENAME}}|action=history}} History of this page] | ||
+ | ** [{{fullurl:Special:Upload}} Upload new file] | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div id="eth_content"> |
Revision as of 16:49, 8 July 2013