Team:ETH Zurich/Templates/TestHeader
From 2012.igem.org
(Difference between revisions)
(Created page with "<html> <style type="text/css"> /* Author: Pieter van Boheemen */ - →Team: TU Delft: #globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0; width: ...") |
|||
(105 intermediate revisions not shown) | |||
Line 29: | Line 29: | ||
p:first-child { 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 { | #eth_page { | ||
- | + | border: none; margin: 0; padding: 0; width: 975px; height:100%; | |
margin: 0 auto; | margin: 0 auto; | ||
position: relative; | position: relative; | ||
Line 37: | Line 192: | ||
#eth_header { | #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 { | #eth_content { | ||
- | + | background: white; | |
- | + | height: 100%; | |
- | + | margin: 0; | |
- | padding: | + | 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 { | #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> | </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> | </html> | ||
<div id="eth_page"> | <div id="eth_page"> | ||
- | <div id="eth_header">[[Image: | + | <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/Project_overview|Project]] | ||
+ | **[[Team:ETH_Zurich/Project_overview|Overview]] | ||
+ | **[[Team:ETH_Zurich/Motivation|Motivation]] | ||
+ | **[[Team:ETH_Zurich/Applications|Applications]] | ||
+ | **[[Team:ETH_Zurich/Interplay|Lab & Modelling]] | ||
+ | * [[Team:ETH_Zurich/Project|Parts]] | ||
+ | **[[Team:ETH_Zurich/Project|Overview]] | ||
+ | ** [[Team:ETH_Zurich/UVR8|Direct: UVR8-TetR<sub>DBD</sub>]] | ||
+ | ** [[Team:ETH_Zurich/Decoder|Indirect: Decoder]] | ||
+ | ** [[Team:ETH_Zurich/PABA|Output: PABA]] | ||
+ | ** [[Team:ETH_Zurich/Parts|Parts]] | ||
+ | * [[Team:ETH_Zurich/Modeling|Modeling]] | ||
+ | ** [[Team:ETH_Zurich/Modeling|Overview]] | ||
+ | ** [[Team:ETH_Zurich/Modeling/Photoinduction|Photoinduction]] | ||
+ | ** [[Team:ETH_Zurich/Modeling/UVR8|UVR8-TetR<sub>DBD</sub> Circuit]] | ||
+ | ** [[Team:ETH_Zurich/Modeling/SPF_model|Sun Protection Factor]] | ||
+ | <!-- ** [[Team:ETH_Zurich/Modeling/Construct1|Construct 1: UVR8-TetR<sub>DBD</sub>/LovTAP]] --> | ||
+ | ** [[Team:ETH_Zurich/Modeling/Construct2|Decoder Circuit: LovTAP/Cph8]] | ||
+ | ** [[Team:ETH_Zurich/Modeling/Parameters|Parameters]] | ||
+ | * [[Team:ETH_Zurich/Notebook|Notebook]] | ||
+ | ** [[Team:ETH_Zurich/Notebook|Overview]] | ||
+ | ** [[Team:ETH_Zurich/MaterialMethods|Material & Methods]] | ||
+ | *[[Team:ETH_Zurich/Achievements|Achievements]] | ||
+ | **[[Team:ETH_Zurich/Achievements|Medal Achievements]] | ||
+ | **[[Team:ETH_Zurich/Achievements_overall|Project Achievements]] | ||
+ | * [[Team:ETH_Zurich/Safety|Safety]] | ||
+ | * [[Team:ETH_Zurich/HumanPractice|Human practice]] | ||
+ | * [[Team:ETH_Zurich/Team|Team]] | ||
+ | ** [[Team:ETH_Zurich/Team|Team description]] | ||
+ | ** [[Team:ETH_Zurich/Attributions|Attributions & Acknowledgements]] | ||
+ | ** [https://igem.org/Team.cgi?year=2012&team_name=ETH_Zurich Official Team Profile] | ||
+ | * [{{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"> | <div id="eth_content"> |
Latest revision as of 16:09, 8 July 2013