Team:ETH Zurich/Layout

From 2013.igem.org

(Difference between revisions)
(Blanked the page)
 
(7 intermediate revisions not shown)
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/2013/e/e2/MinesweeperGlitch.png);
 +
  border-radius: 8px 8px 8px 8px;
 +
}
 +
 +
#eth_header_ecolipse {
 +
  float: right;
 +
}
 +
 +
#eth_header_igem {
 +
  float: left;
 +
}
 +
 +
#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:EcoliMinesweeper.JPG|150px|link=https://2013.igem.org/Team:ETH_Zurich]]</div><div  id="eth_header_igem">[[Image:80px-Eth_igem_logo.png|80px|link=https://2013.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/Templates|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">

Latest revision as of 06:59, 9 July 2013

EcoliMinesweeper.JPG
80px-Eth igem logo.png
  • Home
  • Team
  • Project
  • Parts
  • Modeling
  • Notebook
  • Safety
  • Attributions
  • Templates
  • [http://2013.igem.org/wiki/index.php?title=Special:UserLogin&returnto=Team:ETH_Zurich/Layout Login]
  • [http://2013.igem.org/Team:ETH_Zurich/Layout WIKI]
    • [http://2013.igem.org/Team:ETH_Zurich/Layout View page]
    • [http://2013.igem.org/wiki/index.php?title=Team:ETH_Zurich/Layout&action=edit Edit page]
    • [http://2013.igem.org/wiki/index.php?title=Team:ETH_Zurich/Layout&action=history History of this page]
    • [http://2013.igem.org/Special:Upload Upload new file]