Team:ETH Zurich/Templates

From 2013.igem.org

(Difference between revisions)
(Created page with " {| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center" !align="center"|[[Team:...")
 
(581 intermediate revisions not shown)
Line 1: Line 1:
 +
<html>
 +
<link rel="stylesheet" type="text/css" href="/Team:ETH_Zurich/Templates/BxSliderCSS?action=raw&ctype=text/css">
 +
<link rel="stylesheet" type="text/css" href="/Team:ETH_Zurich/Templates/Projekktor-CSS?action=raw&ctype=text/css">
 +
<style type="text/css">
 +
/* Author: Pieter van Boheemen */
 +
/* Team: TU Delft */
 +
#globalWrapper {
 +
background:rgb(131,186,243);background:linear-gradient(to right,rgb(131,186,243)10%,rgb(53,63,184)40%);background-image:-moz-linear-gradient( left,rgb(131,186,243)10%,rgb(53,63,184)40%);background-image:-webkit-linear-gradient(left,rgb(131,186,243)10%,rgb(53,63,184)40%);background-image:-o-linear-gradient(left,rgb(131,186,243)10%,rgb(53,63,184)40%);background-image:-webkit-gradient(linear,left top,right top,from(rgb(131,186,243)),to(rgb(53,63,184)));border: none;margin: auto;padding: 0;width: 100%;height:100%;font-family: verdana;}
 +
#content {background:rgb(131,186,243);background:linear-gradient(to right,rgb(131,186,243)10%,rgb(53,63,184)40%);background-image:-moz-linear-gradient( left,rgb(131,186,243)10%,rgb(53,63,184)40%);background-image:-webkit-linear-gradient(left,rgb(131,186,243)10%,rgb(53,63,184)40%);background-image:-o-linear-gradient(left,rgb(131,186,243)10%,rgb(53,63,184)40%);background-image:-webkit-gradient(linear,left top,right top,from(rgb(131,186,243)),to(rgb(53,63,184)));  border: none; padding: 0; margin:0; width:100%; height:100%;}
 +
#bodyContent { border: none; padding:0;margin-right:auto; margin-top: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; display: none;}
 +
#search-controls { 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: auto; padding: 0;}
 +
.visualClear { display: none; }
 +
#footer { border: none; width: 100%; margin: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: auto;
 +
    overflow-x: hidden; */
 +
}
 +
body
 +
{
 +
    padding: 0 !important;
 +
background:rgb(131,186,243);background:linear-gradient(to right,rgb(131,186,243)10%,rgb(53,63,184)40%);background-image:-moz-linear-gradient( left,rgb(131,186,243)10%,rgb(53,63,184)40%);background-image:-webkit-linear-gradient(left,rgb(131,186,243)10%,rgb(53,63,184)40%);background-image:-o-linear-gradient(left,rgb(131,186,243)10%,rgb(53,63,184)40%);background-image:-webkit-gradient(linear,left top,right top,from(rgb(131,186,243)),to(rgb(53,63,184)));
 +
}
 +
/* Main menu */
 +
#eth_nav {
 +
    padding: 0;
 +
    left: 10%;
 +
    width: 80%;
 +
    position: relative;
 +
    margin-left: -30px;
 +
    margin-right: -30px;
 +
}
 +
#eth_nav ul
 +
{ margin: 0;
 +
  padding: 0;
 +
}
 +
#eth_nav ul li
 +
{ float: left;
 +
list-style: none;
 +
font: 15px Verdana;
 +
        margin-bottom: 0px;
 +
}
 +
/*Standard */
 +
#eth_nav > ul > li > a
 +
{ display: block;
 +
        width: 60;
 +
        height: 20;
 +
background:none;
 +
  padding: 5px 10px;
 +
text-decoration: none;
 +
color: rgb(241,243,245);
 +
white-space: nowrap;
 +
}
 +
/*when clicked on*/
 +
#eth_nav > ul > li > strong.selflink
 +
{ display: block;
 +
        font-weight:normal !important;
 +
        background:rgb(241,243,245);
 +
padding: 5px 10px;
 +
text-decoration: none;
 +
color: RoyalBlue;
 +
white-space: nowrap;
 +
        /* border-bottom:2px rgb(241,243,245) solid; */
 +
        border-radius: 18px 18px 0 0;
 +
}
 +
/*when mouse on menu*/
 +
#eth_nav ul li a:hover, #eth_nav ul li.nav_active, #eth_nav ul li.nav_active > a
 +
{ background: rgb(241,243,245);
 +
        color:RoyalBlue;
 +
        /* border-bottom:2px rgb(241,243,245) solid; */
 +
        border-radius: 18px 18px 0 0;
 +
}
 +
 +
#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;
 +
  /*color of the submenus*/
 +
  background:rgb(53,63,184);
 +
  color: rgb(241,243,245);
 +
  position absolute;
 +
  display: block;
 +
  padding: 5px 15px;
 +
  text-decoration: none;
 +
  white-space: nowrap;
 +
  border:none !important;
 +
  border-radius:0 0 0 0 !important;
 +
}
 +
#eth_nav ul li ul li:last-child a {
 +
    border-radius: 0 0 10px 10px;
 +
}
 +
/*clicked on submenu*/
 +
#eth_nav > ul > li > ul > li > strong.selflink
 +
{  width: auto;
 +
    background:  rgb(131,186,243);
 +
    color: rgb(241,243,245);
 +
    display: block;
 +
    position absolute;
 +
    padding: 5px 15px;
 +
    text-decoration: none;
 +
    white-space: nowrap;
 +
}
 +
#eth_nav > ul > li > ul > li > strong.parent
 +
{  width: auto;
 +
    background: rgb(131,186,243);
 +
    color: rgb(241,243,245);
 +
    display: block;
 +
    position absolute;
 +
    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;
 +
}
 +
/*color when mouse on submenu*/
 +
#eth_nav ul li ul li a:hover
 +
{ background: rgb(131,186,243);
 +
        color:white;
 +
}
 +
/* Submenus */
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
.eth_submenu {
-
!align="center"|[[Team:ETH_Zurich|Home]]
+
  margin: 0 auto;
-
!align="center"|[[Team:ETH_Zurich/Team|Team]]
+
  width: 50%;
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=ETH_Zurich Official Team Profile]
+
}
-
!align="center"|[[Team:ETH_Zurich/Project|Project]]
+
 
-
!align="center"|[[Team:ETH_Zurich/Parts|Parts Submitted to the Registry]]
+
.eth_submenu ul li {
-
!align="center"|[[Team:ETH_Zurich/Modeling|Modeling]]
+
  float: left;
-
!align="center"|[[Team:ETH_Zurich/Notebook|Notebook]]
+
  list-style: none;
-
!align="center"|[[Team:ETH_Zurich/Safety|Safety]]
+
}
-
!align="center"|[[Team:ETH_Zurich/Attributions|Attributions]]
+
 
-
!align="center"|[[Team:ETH_Zurich/Templates|Templates]]
+
.eth_submenu ul li a {
-
|}
+
  display: block;
 +
  background: rgb(131,186,243);
 +
  padding: 5px 20px;
 +
  position absolute;
 +
  text-decoration: none;
 +
  border-right: 1px solid white;
 +
  color: RoyalBlue;
 +
  white-space: nowrap;
 +
}
 +
 
 +
.eth_submenu ul li strong.selflink {
 +
  display: block;
 +
  background: none;
 +
  padding: 5px 20px;
 +
  text-decoration: none;
 +
  border-right: 1px solid white;
 +
  color: CornflowerBlue;
 +
  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:none;
 +
  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:  rgb(131,186,243);
 +
}
 +
 
 +
 
 +
/* Page main structure */
 +
#eth_page {
 +
    border: none; margin: auto; padding: 0; width: auto; height:100%;
 +
    margin: 0 auto;
 +
    position: static;
 +
    height: 100%;
 +
}
 +
 
 +
#Marquee1
 +
{
 +
  background-color: none;
 +
  border: none;
 +
  text-align: center;
 +
 
 +
}
 +
 
 +
#eth_header {
 +
  position:fixed;
 +
  top:0;
 +
  width: 100%;
 +
  height: 110px;
 +
  z-index:10000;
 +
}
 +
 
 +
#eth_header_igem {
 +
  position: fixed;
 +
  left:95.5%;
 +
  top:5px;
 +
  z-index:10001;
 +
}
 +
#Logo {
 +
  position:fixed;
 +
  left:87%;
 +
  top:10px;
 +
  z-index:10001;
 +
}
 +
 
 +
#eth_menu {
 +
  background:rgb(131,186,243);
 +
  background:linear-gradient(to right,rgb(131,186,243)10%,rgb(53,63,184)40%);
 +
  background-image:-moz-linear-gradient( left,rgb(131,186,243)10%,rgb(53,63,184)40%);
 +
  background-image:-webkit-linear-gradient(left,rgb(131,186,243)10%,rgb(53,63,184)40%);
 +
  background-image:-o-linear-gradient(left,rgb(131,186,243)10%,rgb(53,63,184)40%);
 +
  background-image:-webkit-gradient(linear,left top,right top,from(rgb(131,186,243)),to(rgb(53,63,184)));
 +
  border:none;
 +
  margin: 0;
 +
  padding: 0;
 +
  width: 100%;
 +
  position:fixed;
 +
  top:83px;
 +
  z-index:10002;
 +
}
 +
 
 +
#eth_content {
 +
  background-color: rgb(241,243,245);
 +
  height: 100%;
 +
  overflow: hidden;
 +
  margin: 0 auto;
 +
  padding: 30px;
 +
  border-radius: 8px;
 +
  width: 80%;
 +
  margin-top:78px;
 +
  border-radius: 0px 0px 15px 15px;
 +
 
 +
}
 +
 
 +
#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-color: white;
 +
  height: 100%;
 +
  overflow: hidden;
 +
  margin: 0 auto;
 +
  margin-bottom:30px;
 +
  padding: 30px;
 +
  width: 80%;
 +
  margin-top:30px;
 +
  border-radius: 15px 15px 15px 15px;
 +
}
 +
 
 +
#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;
 +
}
 +
 
 +
// had a white border background when centered, this fixes it together with .tnone 
 +
.center {
 +
  margin: auto;
 +
}
 +
 
 +
.tnone {
 +
  border-width: 0;
 +
}
 +
 
 +
.tleft {
 +
  border-width: 0 !important;
 +
}
 +
 
 +
.tright {
 +
  border-width: 0 !important;
 +
  margin-left: .5em;
 +
}
 +
 
 +
ul.bxslider
 +
{
 +
    margin: auto;
 +
}
 +
 
 +
.bxslider p
 +
{
 +
    display: inline;
 +
}
 +
 
 +
</style>
 +
 
 +
<!-- MathJax (LaTeX for the web) -->
 +
    <script type="text/x-mathjax-config">
 +
        MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
 +
        MathJax.Hub.Config({
 +
            TeX: {
 +
                equationNumbers: {  autoNumber: "AMS"  }
 +
            }
 +
        });
 +
    </script>
 +
    <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
 +
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
 +
 
 +
 
 +
 
 +
<script type="text/javascript" src="/Team:ETH_Zurich/Templates/JQuery?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="/Team:ETH_Zurich/Templates/JQuery-mousewheel?action=raw&ctype=text/javascript"></script>
 +
<!-- <script type="text/javascript" src="/Team:ETH_Zurich/Templates/FlexSlider?action=raw&ctype=text/javascript"></script> -->
 +
<script type="text/javascript" src="/Team:ETH_Zurich/Templates/BxSliderJS?action=raw&ctype=text/javascript"></script> 
 +
<!-- <script type="text/javascript" src="http://mediaplayer.yahoo.com/latest"></script> -->
 +
<script type="text/javascript" src="/Team:ETH_Zurich/Templates/Projekktor-JS?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="/Team:ETH_Zurich/Templates/Imagemapster-JS?action=raw&ctype=text/javascript"></script>
 +
 
 +
<script type="text/javascript">
 +
var timeout        = 50;
 +
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_nav > ul > li').bind('mouseout',  eth_nav_timer);
 +
 
 +
  $('#eth_nav > ul > li > ul > li > .selflink').parent().parent().parent().addClass('nav_active');
 +
  // $('.nav_active > a').addClass('nav_active');
 +
 
 +
  // 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>
 +
 
 +
<head>
 +
<meta name="viewport" content="width=1380"/>
 +
</head>
 +
</html>
 +
 
 +
<div id="eth_page">
 +
<div id="eth_header">[[File:Header2.png|link=https://2013.igem.org/Team:ETH_Zurich|2600px]]</div>
 +
<div id="Logo">[[Image:ColisweeperETHzürich_Kopie.png |180px|link=http://ethz.ch]]</div>
 +
<div  id="eth_header_igem">[[Image:80px-Eth_igem_logo.png|50px|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]]
 +
* <html><a name="Project" style="cursor: pointer">Project</a></html>
 +
**[[Team:ETH_Zurich/Infoproc|Information processing]]
 +
**[[Team:ETH_Zurich/Circuit|Circuit and optimization]]
 +
**[[Team:ETH_Zurich/pre_proc|Pre-processing: Signal diffusion]]
 +
**[[Team:ETH_Zurich/Processing_2|Signal processing: High pass filters]]
 +
**[[Team:ETH_Zurich/Play|Player interaction: Design and playing]]
 +
**[[Team:ETH_Zurich/Experiments_7|Output system: Hydrolases]]
 +
* [[Team:ETH_Zurich/Data_Page|Data page]]
 +
* <html><a name="Biology" style="cursor: pointer">Experimental results</a></html>
 +
**[[Team:ETH_Zurich/Experimentalresults|Overview]]
 +
**[[Team:ETH_Zurich/Experiments_2|Pre-processing: Diffusion characterization]]
 +
**[[Team:ETH_Zurich/Experiments_6|Proof-of-principle with GFP]]
 +
**[[Team:ETH_Zurich/Experiments_5|Signal processing engineering]]
 +
**[[Team:ETH_Zurich/Optimization|Circuit optimization]]
 +
**[[Team:ETH_Zurich/Experiments_3|Output system characterization]]
 +
**[[Team:ETH_Zurich/Flagging|Flagging]]
 +
**[[Team:ETH_Zurich/gameplayexperiment|Gameplay]]
 +
* <html><a name="Model" style="cursor: pointer">Model</a></html>
 +
**[[Team:ETH_Zurich/Modeling/Overview|Overview]]
 +
**[[Team:ETH_Zurich/Modeling/InitialStates|Single Cell Model]]
 +
**[[Team:ETH_Zurich/Modeling/Reaction_Diffusion_OOHL|AHL reaction-diffusion model]]
 +
**[[Team:ETH_Zurich/GFP|Model Evaluation: Genetic circuit with GFP]]
 +
**[[Team:ETH_Zurich/Modeling|Genetic Circuit incorporating hydrolases]]
 +
**[[Team:ETH_Zurich/Modeling/Analytical_Approximations|Analytical Approximations]]
 +
**[[Team:ETH_Zurich/Parameter|Parameters]]
 +
* <html><a name="LAb work" style="cursor: pointer">Lab work</a></html>
 +
**[[Team:ETH_Zurich/Mutant|Triple knockout strain]]
 +
**[[Team:ETH_Zurich/Experiments|Constructs]]
 +
**[[Team:ETH_Zurich/Notebook|Lab journal]]
 +
**[[Team:ETH_Zurich/Materials|Methods]]
 +
**[[Team:ETH_Zurich/Materials_2|Materials]]
 +
*[[Team:ETH_Zurich/Safety|Safety]]
 +
* <html><a name="Human" style="cursor: pointer">Human practice</a></html>
 +
**[[Team:ETH_Zurich/Practiceoverview|Overview]]
 +
**[[Team:ETH_Zurich/World|Worldwide playing]]
 +
**[[Team:ETH_Zurich/Human|Gamification]]
 +
**[[Team:ETH_Zurich/HEducational|Education]]
 +
* <html><a name="Team" style="cursor: pointer">Team</a></html>
 +
**[[Team:ETH_Zurich/Team|Students]]
 +
**[[Team:ETH_Zurich/Supervisors|Advisors/Instructors]]
 +
**[https://igem.org/Team.cgi?year=2013&team_name=ETH_Zurich Official Team Profile]
 +
**[[Team:ETH_Zurich/Attributions|Attributions & contributions]]
 +
**[[Team:ETH_Zurich/References|References]]
 +
* <html><a name="Achievements" style="cursor: pointer">Achievements</a></html>
 +
**[[Team:ETH_Zurich/achievements|Achievements]]
 +
**[[Team:ETH_Zurich/Achievements|Medal criteria]]
 +
**[[Team:ETH_Zurich/Awards|Awards]]
 +
* [{{fullurl:Special:UserLogin|returnto={{PAGENAMEE}}}} Login]
 +
* <html><a name="WIKI" style="cursor: pointer">WIKI</a></html>
 +
**<html><a href="/wiki/index.php?title=Special:UserLogout&amp;returnto=Team:ETH_Zurich/Home;returntoquery=action%3Dedit" title="Log out">Log out</a></html>
 +
**<html><a href="https://igem.org/User_Information" title="My account">My account</a></html>
 +
** [{{fullurl:{{PAGENAME}}|action=edit}} Edit page]
 +
** [{{fullurl:{{PAGENAME}}|action=history}} History]
 +
** [{{fullurl:Special:Upload}} Upload new file]
 +
<div class="clear"></div>
 +
</div>
 +
</div>
 +
<div id="eth_content">

Latest revision as of 01:56, 29 October 2013

Header2.png
80px-Eth igem logo.png