Team:ETH Zurich/Templates
From 2013.igem.org
(Difference between revisions)
(309 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
- | <link rel="stylesheet" type="text/css" href="/Team:ETH_Zurich/Templates/ | + | <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"> | <link rel="stylesheet" type="text/css" href="/Team:ETH_Zurich/Templates/Projekktor-CSS?action=raw&ctype=text/css"> | ||
+ | |||
<style type="text/css"> | <style type="text/css"> | ||
/* Author: Pieter van Boheemen */ | /* Author: Pieter van Boheemen */ | ||
/* Team: TU Delft */ | /* Team: TU Delft */ | ||
#globalWrapper { | #globalWrapper { | ||
- | background:rgb( | + | 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( | + | #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: | + | #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; | #top-section {height: 15px; margin: 0px; margin-left: auto; margin-right:auto; margin-bottom: 0 !important; | ||
padding:0; border: none; font-size: 10px;} | padding:0; border: none; font-size: 10px;} | ||
Line 17: | Line 18: | ||
#menubar.right-menu { width:300px; display:block; float:left; margin-top:-80px; border: none;} | #menubar.right-menu { width:300px; display:block; float:left; margin-top:-80px; border: none;} | ||
.right-menu ul { border: none; width: 300px;} | .right-menu ul { border: none; width: 300px;} | ||
- | #footer-box { display: none; width: 100%; margin: | + | #footer-box { display: none; width: 100%; margin: auto; padding: 0;} |
.visualClear { display: none; } | .visualClear { display: none; } | ||
- | #footer { border: none; width: | + | #footer { border: none; width: 100%; margin:auto; padding: 0;} |
#catlinks { display: none; } | #catlinks { display: none; } | ||
.firstHeading { display: none;} | .firstHeading { display: none;} | ||
Line 41: | Line 42: | ||
html { | html { | ||
- | overflow-y: auto; | + | /* overflow-y: auto; |
- | overflow-x: hidden; | + | 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 */ | /* Main menu */ | ||
#eth_nav { | #eth_nav { | ||
- | padding: 0 | + | padding: 0; |
+ | left: 10%; | ||
+ | width: 80%; | ||
+ | position: relative; | ||
+ | margin-left: -30px; | ||
+ | margin-right: -30px; | ||
} | } | ||
#eth_nav ul | #eth_nav ul | ||
{ margin: 0; | { margin: 0; | ||
- | + | padding: 0; | |
} | } | ||
Line 58: | Line 70: | ||
{ float: left; | { float: left; | ||
list-style: none; | list-style: none; | ||
- | font: | + | font: 15px Verdana; |
- | + | margin-bottom: 0px; | |
} | } | ||
- | + | /*Standard */ | |
#eth_nav > ul > li > a | #eth_nav > ul > li > a | ||
{ display: block; | { display: block; | ||
width: 60; | width: 60; | ||
height: 20; | height: 20; | ||
- | |||
background:none; | background:none; | ||
- | + | padding: 5px 10px; | |
text-decoration: none; | text-decoration: none; | ||
- | + | color: rgb(241,243,245); | |
- | color: | + | |
white-space: nowrap; | white-space: nowrap; | ||
} | } | ||
- | + | /*when clicked on*/ | |
#eth_nav > ul > li > strong.selflink | #eth_nav > ul > li > strong.selflink | ||
{ display: block; | { display: block; | ||
- | + | font-weight:normal !important; | |
- | background: | + | background:rgb(241,243,245); |
padding: 5px 10px; | padding: 5px 10px; | ||
text-decoration: none; | text-decoration: none; | ||
- | + | color: RoyalBlue; | |
- | + | ||
- | color: | + | |
white-space: nowrap; | white-space: nowrap; | ||
+ | /* border-bottom:2px rgb(241,243,245) solid; */ | ||
+ | border-radius: 18px 18px 0 0; | ||
} | } | ||
- | #eth_nav ul li a:hover | + | /*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; | ||
} | } | ||
Line 110: | Line 123: | ||
width: auto; | width: auto; | ||
/*color of the submenus*/ | /*color of the submenus*/ | ||
- | background: | + | background:rgb(53,63,184); |
- | color: | + | color: rgb(241,243,245); |
position absolute; | position absolute; | ||
display: block; | display: block; | ||
Line 117: | Line 130: | ||
text-decoration: none; | text-decoration: none; | ||
white-space: nowrap; | white-space: nowrap; | ||
+ | border:none !important; | ||
+ | border-radius:0 0 0 0 !important; | ||
} | } | ||
#eth_nav ul li ul li:last-child a { | #eth_nav ul li ul li:last-child a { | ||
- | border-radius: 0 0 | + | border-radius: 0 0 10px 10px; |
} | } | ||
- | + | /*clicked on submenu*/ | |
#eth_nav > ul > li > ul > li > strong.selflink | #eth_nav > ul > li > ul > li > strong.selflink | ||
{ width: auto; | { width: auto; | ||
- | background: | + | background: rgb(131,186,243); |
- | color: # | + | 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; | display: block; | ||
position absolute; | position absolute; | ||
Line 138: | Line 164: | ||
border-radius: 0 0 8px 8px; | border-radius: 0 0 8px 8px; | ||
} | } | ||
- | + | /*color when mouse on submenu*/ | |
#eth_nav ul li ul li a:hover | #eth_nav ul li ul li a:hover | ||
- | { background: | + | { background: rgb(131,186,243); |
+ | color:white; | ||
} | } | ||
/* Submenus */ | /* Submenus */ | ||
+ | |||
.eth_submenu { | .eth_submenu { | ||
margin: 0 auto; | margin: 0 auto; | ||
Line 156: | Line 184: | ||
.eth_submenu ul li a { | .eth_submenu ul li a { | ||
display: block; | display: block; | ||
- | + | background: rgb(131,186,243); | |
- | background: | + | |
padding: 5px 20px; | padding: 5px 20px; | ||
position absolute; | position absolute; | ||
Line 168: | Line 195: | ||
.eth_submenu ul li strong.selflink { | .eth_submenu ul li strong.selflink { | ||
display: block; | display: block; | ||
- | background: | + | background: none; |
padding: 5px 20px; | padding: 5px 20px; | ||
text-decoration: none; | text-decoration: none; | ||
Line 186: | Line 213: | ||
.eth_submenu ul li:first-child { | .eth_submenu ul li:first-child { | ||
display: block; | display: block; | ||
- | background: | + | background:none; |
padding: 5px 20px; | padding: 5px 20px; | ||
text-decoration: none; | text-decoration: none; | ||
Line 195: | Line 222: | ||
.eth_submenu ul li a:hover { | .eth_submenu ul li a:hover { | ||
- | background: | + | background: rgb(131,186,243); |
} | } | ||
Line 216: | Line 243: | ||
#eth_header { | #eth_header { | ||
- | |||
position:fixed; | position:fixed; | ||
top:0; | top:0; | ||
width: 100%; | width: 100%; | ||
height: 110px; | height: 110px; | ||
- | z-index: | + | z-index:10000; |
} | } | ||
- | |||
- | |||
#eth_header_igem { | #eth_header_igem { | ||
position: fixed; | position: fixed; | ||
- | left: | + | left:95.5%; |
- | z-index: | + | top:5px; |
+ | z-index:10001; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
#Logo { | #Logo { | ||
position:fixed; | position:fixed; | ||
- | left: | + | left:87%; |
- | z-index: | + | top:10px; |
+ | z-index:10001; | ||
} | } | ||
#eth_menu { | #eth_menu { | ||
+ | background:rgb(131,186,243); | ||
background:linear-gradient(to right,rgb(131,186,243)10%,rgb(53,63,184)40%); | 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:-moz-linear-gradient( left,rgb(131,186,243)10%,rgb(53,63,184)40%); | ||
Line 250: | Line 270: | ||
background-image:-o-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))); | background-image:-webkit-gradient(linear,left top,right top,from(rgb(131,186,243)),to(rgb(53,63,184))); | ||
- | border: none; | + | border:none; |
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
width: 100%; | width: 100%; | ||
- | |||
position:fixed; | position:fixed; | ||
- | top: | + | top:83px; |
- | z-index: | + | z-index:10002; |
} | } | ||
#eth_content { | #eth_content { | ||
- | background | + | background-color: rgb(241,243,245); |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
height: 100%; | height: 100%; | ||
overflow: hidden; | overflow: hidden; | ||
- | margin: 0; | + | margin: 0 auto; |
padding: 30px; | padding: 30px; | ||
border-radius: 8px; | border-radius: 8px; | ||
+ | width: 80%; | ||
+ | margin-top:78px; | ||
+ | border-radius: 0px 0px 15px 15px; | ||
+ | |||
} | } | ||
Line 300: | Line 319: | ||
#eth_footer { | #eth_footer { | ||
- | background: white; | + | background-color: white; |
height: 100%; | height: 100%; | ||
- | |||
overflow: hidden; | overflow: hidden; | ||
- | margin: | + | margin: 0 auto; |
+ | margin-bottom:30px; | ||
padding: 30px; | padding: 30px; | ||
- | border-radius: | + | width: 80%; |
+ | margin-top:30px; | ||
+ | border-radius: 15px 15px 15px 15px; | ||
} | } | ||
Line 329: | Line 350: | ||
vertical-align: top; | vertical-align: top; | ||
border: solid 0px black; | 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> | </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?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/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/FlexSlider?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/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/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"> | <script type="text/javascript"> | ||
var timeout = 50; | var timeout = 50; | ||
Line 369: | Line 434: | ||
$('#eth_nav > ul > li').bind('mouseover', eth_nav_open); | $('#eth_nav > ul > li').bind('mouseover', eth_nav_open); | ||
$('#eth_nav > ul > li').bind('mouseout', eth_nav_timer); | $('#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 | // Enable/disable login/wiki | ||
Line 404: | Line 472: | ||
<div id="eth_page"> | <div id="eth_page"> | ||
- | <div id="eth_header | + | <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="Logo">[[Image:ColisweeperETHzürich_Kopie.png | | + | <div id="eth_header_igem">[[Image:80px-Eth_igem_logo.png|50px|link=https://2013.igem.org/Main_Page]]</div> |
- | <div id="eth_header_igem">[[Image:80px-Eth_igem_logo.png| | + | |
<div class="clear"></div></div> | <div class="clear"></div></div> | ||
Line 413: | Line 480: | ||
<div id="eth_nav"> | <div id="eth_nav"> | ||
*[[Team:ETH_Zurich|Home]] | *[[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> | * <html><a name="Team" style="cursor: pointer">Team</a></html> | ||
**[[Team:ETH_Zurich/Team|Students]] | **[[Team:ETH_Zurich/Team|Students]] | ||
- | **[[Team:ETH_Zurich/Supervisors|Advisors]] | + | **[[Team:ETH_Zurich/Supervisors|Advisors/Instructors]] |
**[https://igem.org/Team.cgi?year=2013&team_name=ETH_Zurich Official Team Profile] | **[https://igem.org/Team.cgi?year=2013&team_name=ETH_Zurich Official Team Profile] | ||
- | + | **[[Team:ETH_Zurich/Attributions|Attributions & contributions]] | |
- | **[[Team:ETH_Zurich/ | + | **[[Team:ETH_Zurich/References|References]] |
- | **[[Team:ETH_Zurich/ | + | * <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]] | |
- | + | ||
- | + | ||
- | * <html><a name=" | + | |
- | **[[Team:ETH_Zurich/ | + | |
- | * | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | *[[Team:ETH_Zurich/Achievements| | + | |
- | + | ||
- | **[[Team:ETH_Zurich/ | + | |
* [{{fullurl:Special:UserLogin|returnto={{PAGENAMEE}}}} Login] | * [{{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&returnto=Team:ETH_Zurich/Home;returntoquery=action%3Dedit" title="Log out">Log out</a></html> | **<html><a href="/wiki/index.php?title=Special:UserLogout&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> | **<html><a href="https://igem.org/User_Information" title="My account">My account</a></html> | ||
- | |||
** [{{fullurl:{{PAGENAME}}|action=edit}} Edit page] | ** [{{fullurl:{{PAGENAME}}|action=edit}} Edit page] | ||
** [{{fullurl:{{PAGENAME}}|action=history}} History] | ** [{{fullurl:{{PAGENAME}}|action=history}} History] | ||
Line 449: | Line 537: | ||
</div> | </div> | ||
</div> | </div> | ||
- | |||
<div id="eth_content"> | <div id="eth_content"> |
Latest revision as of 01:56, 29 October 2013