Team:ETH Zurich/Templates/TestHeader

From 2012.igem.org

(Difference between revisions)
(Undo revision 301165 by Blockmoka (talk))
 
(104 intermediate revisions not shown)
Line 29: Line 29:
p:first-child { display: none;}
p:first-child { display: none;}
-
/* menu styles */
+
.clear
-
#jsddm
+
{ 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;
{ margin: 0;
-
padding: 0}
+
padding: 0;
 +
}
-
#jsddm li
+
#eth_nav ul li
-
{ float: left;
+
{ float: left;
-
list-style: none;
+
list-style: none;
-
font: 12px Tahoma, Arial}
+
font: 12px Tahoma, Arial;
 +
}
-
#jsddm li a
+
#eth_nav > ul > li > a
-
{ display: block;
+
{ display: block;
-
background: #324143;
+
background: #324143;
-
padding: 5px 12px;
+
padding: 5px 15px;
-
text-decoration: none;
+
text-decoration: none;
-
border-right: 1px solid white;
+
border-right: 1px solid white;
-
width: 70px;
+
color: #EAFFED;
-
color: #EAFFED;
+
white-space: nowrap;
-
white-space: nowrap}
+
}
-
#jsddm li a:hover
+
#eth_nav > ul > li > strong.selflink
-
{ background: #24313C}
+
{ display: block;
-
+
background: #324143;
-
#jsddm li ul
+
padding: 5px 15px;
-
{ margin: 0;
+
text-decoration: none;
-
padding: 0;
+
border-right: 1px solid white;
-
position: absolute;
+
color: #EAFFED;
-
visibility: hidden;
+
white-space: nowrap;
-
border-top: 1px solid white}
+
}
-
+
 
-
#jsddm li ul li
+
 
-
{ float: none;
+
#eth_nav ul li a:hover
-
display: inline}
+
{ background: #24313C;
-
+
}
-
#jsddm li ul li a
+
-
{ width: auto;
+
#eth_nav ul li ul
-
background: #A9C251;
+
{ margin: 0;
-
color: #24313C}
+
padding: 0;
-
+
position: absolute;
-
#jsddm li ul li a:hover
+
visibility: hidden;
-
{ background: #8EA344}
+
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 {
-
     background-color: white; border: none; margin: 0; padding: 0; width: 975px; height:100%;
+
     border: none; margin: 0; padding: 0; width: 975px; height:100%;
     margin: 0 auto;
     margin: 0 auto;
     position: relative;
     position: relative;
Line 79: 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 {
-
    height: 100%;
+
  background: white;
-
    margin: 0;
+
  height: 100%;
-
    overflow: hidden;
+
  margin: 0;
-
     padding: 10px;
+
  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;
}
}
-
</style>
+
#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">
<script type="text/javascript">
var timeout        = 500;
var timeout        = 500;
Line 99: Line 294:
var ddmenuitem      = 0;
var ddmenuitem      = 0;
-
function jsddm_open()
+
function eth_nav_open()
-
{ jsddm_canceltimer();
+
{ eth_nav_canceltimer();
-
jsddm_close();
+
eth_nav_close();
ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');}
ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');}
-
function jsddm_close()
+
function eth_nav_close()
{ if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}
{ if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}
-
function jsddm_timer()
+
function eth_nav_timer()
-
{ closetimer = window.setTimeout(jsddm_close, timeout);}
+
{ closetimer = window.setTimeout(eth_nav_close, timeout);}
-
function jsddm_canceltimer()
+
function eth_nav_canceltimer()
{ if(closetimer)
{ if(closetimer)
{ window.clearTimeout(closetimer);
{ window.clearTimeout(closetimer);
Line 116: Line 311:
$(document).ready(function()
$(document).ready(function()
-
{ $('#jsddm > li').bind('mouseover', jsddm_open);
+
{
-
$('#jsddm > li').bind('mouseout',  jsddm_timer);});
+
  // Hide partsregistry/igem stuff
 +
  $('.compatibility_div').hide();
 +
  $('.editsection').hide();
-
document.onclick = jsddm_close;
+
  // 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>
</script>
</html>
</html>
<div id="eth_page">
<div id="eth_page">
-
<div id="eth_header">[[Image:eth_page_header.png|link=https://2012.igem.org/Main_Page]]</div>
+
<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>
+
<div id="eth_menu">
-
<ul id="jsddm">
+
<div id="eth_nav">
-
<li><a href="#">Project</a>
+
* [[Team:ETH_Zurich|Home]]
-
<ul>
+
* [[Team:ETH_Zurich/Project_overview|Project]]
-
<li><a href="#">TBA</a></li>
+
**[[Team:ETH_Zurich/Project_overview|Overview]]
-
<li><a href="#">TBA</a></li>
+
**[[Team:ETH_Zurich/Motivation|Motivation]]
-
</ul>
+
**[[Team:ETH_Zurich/Applications|Applications]]
-
</li>
+
**[[Team:ETH_Zurich/Interplay|Lab & Modelling]]
-
<li><a href="#">Parts</a>
+
* [[Team:ETH_Zurich/Project|Parts]]
-
<ul>
+
**[[Team:ETH_Zurich/Project|Overview]]
-
<li><a href="#">TBA</a></li>
+
** [[Team:ETH_Zurich/UVR8|Direct: UVR8-TetR<sub>DBD</sub>]]
-
<li><a href="#">TBA</a></li>
+
** [[Team:ETH_Zurich/Decoder|Indirect: Decoder]]
-
</ul>
+
** [[Team:ETH_Zurich/PABA|Output: PABA]]
-
</li>
+
** [[Team:ETH_Zurich/Parts|Parts]]
-
<li><a href="#">Modeling</a>
+
* [[Team:ETH_Zurich/Modeling|Modeling]]
-
<ul>
+
** [[Team:ETH_Zurich/Modeling|Overview]]
-
<li><a href="#">TBA</a></li>
+
** [[Team:ETH_Zurich/Modeling/Photoinduction|Photoinduction]]
-
<li><a href="#">TBA</a></li>
+
** [[Team:ETH_Zurich/Modeling/UVR8|UVR8-TetR<sub>DBD</sub> Circuit]]
-
</ul>
+
** [[Team:ETH_Zurich/Modeling/SPF_model|Sun Protection Factor]]
-
</li>
+
<!-- ** [[Team:ETH_Zurich/Modeling/Construct1|Construct 1: UVR8-TetR<sub>DBD</sub>/LovTAP]] -->
-
<li><a href="#">Notebook</a>
+
** [[Team:ETH_Zurich/Modeling/Construct2|Decoder Circuit: LovTAP/Cph8]]
-
<ul>
+
** [[Team:ETH_Zurich/Modeling/Parameters|Parameters]]
-
<li><a href="#">TBA</a></li>
+
* [[Team:ETH_Zurich/Notebook|Notebook]]
-
<li><a href="#">TBA</a></li>
+
** [[Team:ETH_Zurich/Notebook|Overview]]
-
</ul>
+
** [[Team:ETH_Zurich/MaterialMethods|Material & Methods]]
-
</li>
+
*[[Team:ETH_Zurich/Achievements|Achievements]]
-
<li><a href="#">Safety</a>
+
**[[Team:ETH_Zurich/Achievements|Medal Achievements]]
-
<ul>
+
**[[Team:ETH_Zurich/Achievements_overall|Project Achievements]]
-
<li><a href="#">TBA</a></li>
+
* [[Team:ETH_Zurich/Safety|Safety]]
-
<li><a href="#">TBA</a></li>
+
* [[Team:ETH_Zurich/HumanPractice|Human practice]]
-
</ul>
+
* [[Team:ETH_Zurich/Team|Team]]
-
</li>
+
** [[Team:ETH_Zurich/Team|Team description]]
-
<li><a href="#">Team</a>
+
** [[Team:ETH_Zurich/Attributions|Attributions & Acknowledgements]]
-
<ul>
+
** [https://igem.org/Team.cgi?year=2012&team_name=ETH_Zurich Official Team Profile]
-
<li><a href="#">TBA</a></li>
+
* [{{fullurl:Special:UserLogin|returnto={{PAGENAMEE}}}} Login]
-
<li><a href="#">TBA</a></li>
+
* [{{fullurl:{{PAGENAME}}}} WIKI]
-
</ul>
+
** [{{fullurl:{{PAGENAME}}}} View page]
-
</li>
+
** [{{fullurl:{{PAGENAME}}|action=edit}} Edit page]
-
<li><a href="#">Attributions</a>
+
** [{{fullurl:{{PAGENAME}}|action=history}} History of this page]
-
<ul>
+
** [{{fullurl:Special:Upload}} Upload new file]
-
<li><a href="#">TBA</a></li>
+
<div class="clear"></div>
-
<li><a href="#">TBA</a></li>
+
-
</ul>
+
-
</li>
+
-
</ul>
+
-
<div class="clear"> </div>
+
-
 
+
</div>
</div>
 +
</div>
 +
<div id="eth_content">
<div id="eth_content">

Latest revision as of 16:09, 8 July 2013

Eth ecolipseeth logo.png
Eth igem logo.png
Retrieved from "http://2012.igem.org/Team:ETH_Zurich/Templates/TestHeader"